/**
 *   Taobao CSS
 *   Made by Kai (ww:yangjiqiao86)
 *   version:1.0.0
 *   2012.07.30
 */

/************************* CSS Reset *************************/

/* CSS Reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
	 
}
body, button, input, select, textarea {
	font: 13px/1.5  'Microsoft YaHei', ΢ÈíÑźÚ, Arial, Lucida Grande, Tahoma,SimSun, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp {
	font-family: courier new, courier, monospace;
}
small {
	font-size: 13px;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
legend {
	color: #000;
}
fieldset, img {
	border: 0;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	display: block;
	margin: 0;
	padding: 0;
}
mark {
	background: #ff0;
}
/************************* CSS Init *************************/

/* CSS Clearfix */
 .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}   
.clearfix {
	display: inline-block;
	display: block; 
}
/* Hides from IE-mac \*/
html .clearfix {
	height: 1%;
} 
 
.clearfix li a
{
color: #444444;
display:block;
padding:10px 30px 15px 0px;
float:left;
margin-right:10px;
}   
.clearfix li a:hover
{
text-decoration: none;
color: #000000;
/*background:url(../images/nav_hover.jpg) left 23px repeat-x ;*/
}

/* End hide from IE-mac */

/* CSS Margin */
.mt1 {
	margin-top: 1px;
}
.mt2 {
	margin-top: 2px;
}
.mt3 {
	margin-top: 3px;
}
.mt4 {
	margin-top: 4px;
}
.mt5 {
	margin-top: 5px;
}
.mt6 {
	margin-top: 6px;
}
.mt7 {
	margin-top: 7px;
}
.mt8 {
	margin-top: 8px;
}
.mt9 {
	margin-top: 9px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mb1 {
	margin-bottom: 1px;
}
.mb2 {
	margin-bottom: 2px;
}
.mb3 {
	margin-bottom: 3px;
}
.mb4 {
	margin-bottom: 4px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb6 {
	margin-bottom: 6px;
}
.mb7 {
	margin-bottom: 7px;
}
.mb8 {
	margin-bottom: 8px;
}
.mb9 {
	margin-bottom: 9px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
/************************* CSS Layout *************************/

/* DOM
<div class="layout grid-s4m0e5">
	<div class="col-main">
		<div class="main-wrap">
			main-wrap
		</div>
	</div>
	<div class="col-sub">
		col-sub
	</div>
	<div class="col-extra">
		col-extra
	</div>
</div>
*/

/* CSS Layout */ /* Layout-990 */ /* unit:50 ex:X*50-10 */
#bd, .layout {
	width: 990px; /*990px;  90%*/
	margin: 0 auto;
	text-align: left;
}
.layout:after, .main-wrap:after, .col-sub:after, .col-extra:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.layout, .main-wrap, .col-sub, .col-extra {
*zoom:1;
}
.col-main, .col-sub, .col-extra {
	float: left;
}
.col-main {
	width: 100%;
	min-height: 1px;
}
/* Full Column */
.grid-f {
	width: auto;
}
.grid-f .main-wrap {
	width: 100%;
}
/* One Column */
.grid-m .main-wrap, .grid-m0 .main-wrap {
	width: 100%;
}
/* Two Column */
.grid-s4m0 .main-wrap {
	margin-left: 200px;
}
.grid-s4m0 .col-sub {
	width: 190px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-m0s4 .main-wrap {
	margin-right: 200px;
}
.grid-m0s4 .col-sub {
	width: 190px;
	margin-left: -190px;
}
.grid-s5m0 .main-wrap {
	margin-left: 250px;
}
.grid-s5m0 .col-sub {
	width: 240px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-m0s5 .main-wrap {
	margin-right: 250px;
}
.grid-m0s5 .col-sub {
	width: 240px;
	margin-left: -240px;
}
/* Three Column */
.grid-s4m0e5 .main-wrap {
	margin: 0 250px 0 200px;
}
.grid-s4m0e5 .col-sub {
	width: 190px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-s4m0e5 .col-extra {
	width: 240px;
	margin-left: -240px;
}
.grid-s4e5m0 .main-wrap {
	margin: 0 0 0 450px;
}
.grid-s4e5m0 .col-sub {
	width: 190px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-s4e5m0 .col-extra {
	width: 240px;
	margin-left: -790px;
}
.grid-m0s4e5 .main-wrap {
	margin: 0 450px 0 0;
}
.grid-m0s4e5 .col-sub {
	width: 190px;
	margin-left: -440px;
}
.grid-m0s4e5 .col-extra {
	width: 240px;
	margin-left: -240px;
}
.grid-m0e5s4 .main-wrap {
	margin: 0 450px 0 0;
}
.grid-m0e5s4 .col-sub {
	width: 190px;
	margin-left: -190px;
}
.grid-m0e5s4 .col-extra {
	width: 240px;
	margin-left: -440px;
}
.grid-e5s4m0 .main-wrap {
	margin: 0 0 0 450px;
}
.grid-e5s4m0 .col-sub {
	width: 190px;
	margin-left: -740px;
}
.grid-e5s4m0 .col-extra {
	width: 240px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-e5m0s4 .main-wrap {
	margin: 0 200px 0 250px;
}
.grid-e5m0s4 .col-sub {
	width: 190px;
	margin-left: -190px;
}
.grid-e5m0s4 .col-extra {
	width: 240px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-s5m0e4 .main-wrap {
	margin: 0 200px 0 250px;
}
.grid-s5m0e4 .col-sub {
	width: 240px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-s5m0e4 .col-extra {
	width: 190px;
	margin-left: -190px;
}
.grid-s5e4m0 .main-wrap {
	margin: 0 0 0 450px;
}
.grid-s5e4m0 .col-sub {
	width: 240px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-s5e4m0 .col-extra {
	width: 190px;
	margin-left: -740px;
}
.grid-m0s5e4 .main-wrap {
	margin: 0 450px 0 0;
}
.grid-m0s5e4 .col-sub {
	width: 240px;
	margin-left: -440px;
}
.grid-m0s5e4 .col-extra {
	width: 190px;
	margin-left: -190px;
}
.grid-m0e4s5 .main-wrap {
	margin: 0 450px 0 0;
}
.grid-m0e4s5 .col-sub {
	width: 240px;
	margin-left: -240px;
}
.grid-m0e4s5 .col-extra {
	width: 190px;
	margin-left: -440px;
}
.grid-e4s5m0 .main-wrap {
	margin: 0 0 0 450px;
}
.grid-e4s5m0 .col-sub {
	width: 240px;
	margin-left: -790px;
}
.grid-e4s5m0 .col-extra {
	width: 190px;
	margin-left: -100%;
	_margin-left: -990px;
}
.grid-e4m0s5 .main-wrap {
	margin: 0 250px 0 200px;
}
.grid-e4m0s5 .col-sub {
	width: 240px;
	margin-left: -240px;
}
.grid-e4m0s5 .col-extra {
	width: 190px;
	margin-left: -100%;
	_margin-left: -990px;
}
/* Other Column */
.grid-m670s300 .main-wrap {
	margin-right: 320px;
}
.grid-m670s300 .col-sub {
	width: 300px;
	margin-left: -300px;
}
/************************* CSS Img *************************/

/* DOM
<span class="img-wrap s120x120">
	<a class="lazy-s" href="#" title="" target="_blank">
		<i>
			<img src="Images/Demo/demo4.jpg" alt="" />
		</i>
	</a>
</span>
*/

/* CSS Img */ /* para: 0.873 or 0.9 */
.lazy-s {
	background: url(../images/G1.gif) center center no-repeat;
}
.lazy-m {
	background: url(../images/G2.gif) center center no-repeat;
}
.lazy-b {
	background: url(../images/G3.gif) center center no-repeat;
}
.img-wrap {
	display: block;
}
.img-wrap a {
	display: table-cell;
*display:block;
	overflow: hidden;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
*font-family:Arial;
	text-align: center;
	vertical-align: middle;
}
.img-wrap i {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
}
.img-wrap img {
	vertical-align: middle;
}
.s40x40, .s40x40 a, .s40x40 i {
	width: 40px;
	height: 40px;
}
.s40x40 a {
*font-size:36px;
}
.s40x40 i {
	height: auto;
}
.s40x40 img {
	max-width: 40px;
	max-height: 40px;
}
.s60x60, .s60x60 a, .s60x60 i {
	width: 60px;
	height: 60px;
}
.s60x60 a {
*font-size:54px;
}
.s60x60 i {
	height: auto;
}
.s60x60 img {
	max-width: 60px;
	max-height: 60px;
}
.s80x80, .s80x80 a, .s80x80 i {
	width: 80px;
	height: 80px;
}
.s80x80 a {
*font-size:72px;
}
.s80x80 i {
	height: auto;
}
.s80x80 img {
	max-width: 80px;
	max-height: 80px;
}
.s100x100, .s100x100 a, .s100x100 i {
	width: 100px;
	height: 100px;
}
.s100x100 a {
*font-size:90px;
}
.s100x100 i {
	height: auto;
}
.s100x100 img {
	max-width: 100px;
	max-height: 100px;
}
.s120x120, .s120x120 a, .s120x120 i {
	width: 120px;
	height: 120px;
}
.s120x120 a {
*font-size:108px;
}
.s120x120 i {
	height: auto;
}
.s120x120 img {
	max-width: 120px;
	max-height: 120px;
}
.s160x160, .s160x160 a, .s160x160 i {
	width: 160px;
	height: 160px;
}
.s160x160 a {
*font-size:144px;
}
.s160x160 i {
	height: auto;
}
.s160x160 img {
	max-width: 160px;
	max-height: 160px;
}
.s220x220, .s220x220 a, .s220x220 i {
	width: 220px;
	height: 220px;
}
.s220x220 a {
*font-size:198px;
}
.s220x220 i {
	height: auto;
}
.s220x220 img {
	max-width: 220px;
	max-height: 220px;
}
.s310x310, .s310x310 a, .s310x310 i {
	width: 310px;
	height: 310px;
}
.s310x310 a {
*font-size:279px;
}
.s310x310 i {
	height: auto;
}
.s310x310 img {
	max-width: 310px;
	max-height: 310px;
}
.s33x33, .s33x33 a, .s33x33 i {
	width: 33px;
	height: 33px;
}
.s33x33 a {
*font-size:30px;
}
.s33x33 i {
	height: auto;
}
.s33x33 img {
	max-width: 33px;
	max-height: 33px;
}