@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
input,select,img{ vertical-align:middle;}
input,select,textarea{outline: 0 none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
h2,h3{ font-size:12px;}
h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:" ";}
abbr,acronym{border:0;}
body{height: 100%; font-size:14px; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#666; background:#fff;} 
html{height: 100%;}
table{ width:100%; border-collapse:collapse;}
a{ cursor:pointer; text-decoration:none;}
.clearfix{ clear:both;}
.clearfix:after{clear:both;display:block;visibility:hidden;font-size:0;content:" ";height:0;}
.clearfix {zoom:1;}

/* font */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.font_b{font-weight:bold;}
.font_n{font-weight:normal;}

/* position */
.t_l{ text-align:left;}
.t_r{ text-align:right;}
.t_c{ text-align:center;}
.v_t{ vertical-align:top;}
.v_c{ vertical-align:middle;}
.v_b{ vertical-align:bottom;}
.f_r{ float:right; display:inline;}
.f_l{ float:left; display:inline;}
.c_both{clear:both;}
.d_p_n{ display:none;}
.d_p_b{ display:block;}

/* margin & padding */
.m_t2{margin-top:2px!important;}
.m_t5{margin-top:5px!important;}
.m_t10{margin-top:10px!important;}
.m_t15{margin-top:15px!important;}
.m_t20{margin-top:20px!important;}
.m_t25{margin-top:25px!important;}
.m_t30{margin-top:30px!important;}
.m_t40{margin-top:40px!important;}
.m_t50{margin-top:50px!important;}
.m_b5{margin-bottom:5px!important;}
.m_b10{margin-bottom:10px!important;}
.m_b15{margin-bottom:15px!important;}
.m_b20{margin-bottom:20px!important;}
.m_b25{margin-bottom:25px!important;}
.m_b30{margin-bottom:30px!important;}
.m_l5{margin-left:5px!important;}
.m_l10{margin-left:10px!important;}
.m_l15{margin-left:15px!important;}
.m_l20{margin-left:20px!important;}
.m_l25{margin-left:25px!important;}
.m_l30{margin-left:30px!important;}
.m_l35{margin-left:35px!important;}
.m_l50{margin-left:50px!important;}
.m_r5{margin-right:5px!important;}
.m_r10{margin-right:10px!important;}
.m_r15{margin-right:15px!important;}
.m_r20{margin-right:20px!important;}
.m_r25{margin-right:25px!important;}
.m_r30{margin-right:30px!important;}
.p_t5{padding-top:5px!important;}
.p_t10{padding-top:10px!important;}
.p_t15{padding-top:15px!important;}
.p_t20{padding-top:20px!important;}
.p_t25{padding-top:25px!important;}
.p_t30{padding-top:30px!important;}
.p_b5{padding-bottom:5px!important;}
.p_b10{padding-bottom:10px!important;}
.p_b15{padding-bottom:15px!important;}
.p_b20{padding-bottom:20px!important;}
.p_b25{padding-bottom:25px!important;}
.p_b30{padding-bottom:30px!important;}
.p_l5{padding-left:5px!important;}
.p_l10{padding-left:10px!important;}
.p_l15{padding-left:15px!important;}
.p_l20{padding-left:20px!important;}
.p_l25{padding-left:25px!important;}
.p_l30{padding-left:30px!important;}
.p_r5{padding-right:5px!important;}
.p_r10{padding-right:10px!important;}
.p_r15{padding-right:15px!important;}
.p_r20{padding-right:20px!important;}
.p_r25{padding-right:25px!important;}
.p_r30{padding-right:30px!important;}

/*color*/
.c_red{ color:#df2a42!important;}
.c_gray{ color:#999!important;}
.c_yellow{ color:#f78a00!important;}
.c_blue{ color:#00a2ff!important;}
.c_green{ color:#4fa04b!important;}
.c_black{ color:#000!important;}

/* radio & checkbox */
select{padding:2px; height:28px; border: 1px solid #ccc;font-family: inherit; font-size: inherit;vertical-align: middle;color: inherit;background:#fff;}
.S_input { border:1px solid #8b8c91; border-radius:12px; height:21px; line-height:21px; background:url(../../images/16_icon.png) 8px 3px no-repeat #fff; padding-left:30px; width:162px; color:#666; font-size:14px;}
  
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{}
  
input[type="button"]:hover,button:hover{filter:alpha(opacity=80);opacity:0.8;}


/* =============================********** �����������ʽ���� ***************========================= */	
/* For modern browsers */
.cf:before,.cf:after {content:"";display:table;}
.cf:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/** end ������� **/

.w140 { width:140px; }
.c_gray2{ color:#7e7e7e;}

.posit_rel {  position: relative;}