/* css document */
/*<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
@media screen and (min-width:)and (max-width:){}

body{font:normal 14px/22px arial,"microsoft yahei"; color:#333;background-color:#e3e2e2; max-width:640px;margin:0 auto; min-height:100%}
section,footer,nav,em,mark,p,span,ul,li,ol,h1,h2,h3,h4,input,textarea{margin:0;padding:0;font-weight:normal;list-style:none;font-style:normal}

/*---------------------------------------segmentation------------------------------------------*/

*{ margin:0px; padding:0px; }
body{ font-family:"微软雅黑"; font-size:14px; line-height:22px; color:#333;min-width:1200px;}
div,img,ul,ol,li,dl,dt,dd,p{ border:none; padding:0; margin:0;}
li{list-style-type:none;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:normal;}
input,textarea,select,button{border:none;outline:none;}
em,i{ font-style:normal;}
.clear{ clear:both;}
.fl{float:left;} 
.fr{float:right;}
.clearflx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*html .clearflx { zoom: 1; } /* ie6 */ 
*:first-child html .clearflx { zoom: 1; } /* ie7 */ 

/*text-align*/
.l-txt{text-align:left}
.c-txt{text-align:center}
.r-txt{text-align:right}

/*position*/
.rel{position:relative}
.abs{position:absolute}
.fix{position:fixed}
.hide{display:none}
.block{ display:block;}

/*vertical-align*/
.veralign-mid{ vertical-align:middle;}

/*img*/
img{border:none;vertical-align:middle;max-width: 100%;}

/*link-color*/
a:link,a:visited,a:active {color:#333; text-decoration:none;}
a:hover {text-decoration:none; color:#d30000;}

/*line-height*/
.h15{ line-height:15px;}
.h18{ line-height:18px;}
.h20{ line-height:20px;}
.h21{ line-height:21px;}
.h22{ line-height:22px;}
.h23{ line-height:23px;}
.h24{ line-height:24px;}
.h25{ line-height:25px;}
.h26{ line-height:26px;}
.h27{ line-height:27px;}
.h28{ line-height:28px;}
.h30{ line-height:30px;}

/*font-size*/
.tb{ font-weight:bold}
.t12{ font-size:12px;}
.t14{ font-size:14px;}
.t16{ font-size:16px;}
.t18{ font-size:18px;}
.t20{ font-size:20px;}

/*padding*/
.pad-t5{ padding-top:5px}
.pad-t8{ padding-top:8px;}
.pad-t10{ padding-top:10px;}
.pad-t15{ padding-top:15px;}
.pad-t20{ padding-top:20px;}
.pad-t25{ padding-top:25px;}
.pad-t30{ padding-top:30px;}
.pad-t40{ padding-top:40px;}
.pad-t45{ padding-top:45px;}
.pad-t47{ padding-top:47px;}
.pad-t50{ padding-top:50px;}

.pad-l5{ padding-left:5px;}
.pad-l7{ padding-left:7px;}
.pad-l10{ padding-left:10px;}
.pad-l15{ padding-left:15px;}
.pad-l20{ padding-left:20px;}
.pad-l25{ padding-left:25px;}
.pad-l30{ padding-left:30px;}
.pad-l35{ padding-left:35px;}
.pad-l40{ padding-left:40px;}

.pad-r5{ padding-right:5px}
.pad-r10{ padding-right:10px}
.pad-r15{ padding-right:15px}
.pad-r20{ padding-right:20px}
.pad-r25{ padding-right:20px}

.pad-b5{ padding-bottom:5px}
.pad-b10{ padding-bottom:10px}
.pad-b15{ padding-bottom:15px}
.pad-b20{ padding-bottom:20px}
.pad-b25{ padding-bottom:20px}

.padno{ padding:0 !important;}

.padtb5{ padding:5px 0;}
.padtb10{ padding:10px 0;}
.padtb15{ padding:15px 0;}
.padtb20{ padding:20px 0;}

/*margin*/
.mar-t2{ margin-top:2px;}
.mar-t3{ margin-top:3px;}
.mar-t4{ margin-top:5px;}
.mar-t5{ margin-top:5px;}
.mar-t6{ margin-top:6px;}
.mar-t7{ margin-top:7px;}
.mar-t8{ margin-top:8px;}
.mar-t9{ margin-top:9px;}
.mar-t10{ margin-top:10px;}
.mar-t12{ margin-top:12px;}
.mar-t14{ margin-top:14px;}
.mar-t15{ margin-top:15px;}
.mar-t18{ margin-top:18px;}
.mar-t20{ margin-top:20px;}
.mar-t22{ margin-top:22px;}
.mar-t25{ margin-top:25px;}
.mar-t30{ margin-top:30px;}
.mar-t35{ margin-top:35px;}
.mar-t40{ margin-top:40px;}
.mar-t45{ margin-top:45px;}
.mar-t48{ margin-top:48px;}
.mar-t50{ margin-top:50px;}

.mar-b5{ margin-bottom:5px;}
.mar-b7{ margin-bottom:7px;}
.mar-b10{ margin-bottom:10px;}
.mar-b15{ margin-bottom:15px;}
.mar-b20{ margin-bottom:20px;}
.mar-b30{ margin-bottom:30px;}

.mar-l5{ margin-left:5px;}
.mar-l6{ margin-left:6px;}
.mar-l7{ margin-left:7px;}
.mar-l8{ margin-left:8px;}
.mar-l9{ margin-left:9px;}
.mar-l10{ margin-left:10px;}
.mar-l11{ margin-left:11px;}
.mar-l12{ margin-left:12px;}
.mar-l13{ margin-left:13px;}
.mar-l14{ margin-left:14px;}
.mar-l15{ margin-left:15px;}
.mar-l20{ margin-left:20px;}
.mar-l16{ margin-left:16px;}
.mar-l22{ margin-left:22px;}
.mar-l23{ margin-left:24px;}
.mar-l25{ margin-left:25px;}
.mar-l30{ margin-left:30px;}
.mar-l32{ margin-left:32px;}
.mar-l35{ margin-left:35px;}
.mar-l40{ margin-left:40px;}

.mar-r5{ margin-right:5px;}
.mar-r9{ margin-right:9px;}
.mar-r10{ margin-right:10px;}
.mar-r12{margin-right:12px;}
.mar-r13{ margin-right:13px;}
.mar-r14{ margin-right:14px;}
.mar-r15{ margin-right:15px;}
.mar-r20{ margin-right:20px;}
.mar-r19{ margin-right:19px;}
.mar-r25{ margin-right:25px;}

.margin-auto{margin:0 auto}
.marno{ margin:0 !important;}
.bo_no{ border-bottom:none !important;}

.martb5{ margin:5px 0;}
.martb10{ margin:10px 0;}
.martb15{ margin:15px 0;}
.martb20{ margin:20px 0;}
.mar-trbl10{ margin:10px;}
.mar-trbl15{ margin:15px;}

/*--zoom/z-index--*/
.zoom{zoom:1;}
.z-index{ z-index:100;}

/*--radius--*/
.radius3{
	border-radius:3px; 
	-moz-border-radius:3px; 
	-ms-border-radius:3px; 
	-o-border-radius:3px; 
	-webkit-border-radius:3px; 
	position:relative; z-index:2; 
	}
.radius5{
	border-radius:5px; 
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px;
	position:relative; z-index:2; 
	}
.radius15{
	border-radius:15px; 
	-moz-border-radius:15px; 
	-ms-border-radius:15px; 
	-o-border-radius:15px; 
	-webkit-border-radius:15px;
	position:relative; z-index:2; 
	}