@charset "utf-8";
/* CSS Document */

/*================================================================= Page element =================================================================*/
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,body{ height:100%; min-width:1200px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;font-size:12px;}
html,body{font-family:Roboto, Helvetica, Arial,Verdana,"microsoft yahei",sans-serif;font-size:12px;width:100%; height:100%; }
body::-webkit-scrollbar {display: none; }
a{text-decoration:none;color:#2483ff;outline: none;cursor:pointer}
a:visited{text-decoration:underline;color:#2483ff;}
a:hover,a:active{text-decoration:underline;color:#f60;}
ol,ul{list-style:none;}
select,input,img,textarea{margin:0;padding:0;vertical-align:middle;}
em,i{font-style:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;}
iframe{display:block;width: 100%;  height: 100%;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
q:before, q:after{content:' '} 
abbr,acronym{border:0;}
th{font-weight: normal;}

/*================================================================= Font color / size =================================================================*/

.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f30{font-size:30px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.f_arial{font-family:arial}
.f_fam_wei{font-family:"microsoft yahei"}
.f_fam_simsun{font-family:"simsun"}

.color_ccc,.color_cccccc{color:#cccccc}
.color_white{color:white}
.color_red,.red{color:red}
.color_333{color:#333}
.color_666{color:#666}
.color_777{color:#777}
.color_7f7f7f{color:#7f7f7f}
.color_999{color:#999}
.color_2e2e2e{color:#2e2e2e}
.color_1a66b3{color:#1a66b3}
.color_5ea51e{color:#5ea51e}
.color_f60{color:#ff6600}
.color_787{color:#787878}

/*=================================================================  margin =================================================================*/
.hei1px{ height:1px;background:#eee;overflow:hidden;}
.martop20{ margin-top:20px;}
.marbtm20{ margin-bottom:20px;}

.padtop10{padding-top:10px;}
.padbtm10{padding-bottom:10px;}

/*================================================================  Button =================================================================*/
a.btn{ display:inline-block; height:30px; line-height:30px; font-size:14px; color:#333;background:#FFF;border:1px solid #ccc;padding:0 20px; border-radius:3px;}
a.btn:hover{ border-color:#999; text-decoration:none; color:#333;}
a.mail_btn{background:#00a4f2;color:#FFF;border:1px solid #3659A1;}
a.mail_btn:hover{border-color:#3659A1; color:#fff;}
input.mail_btn{background:#3659A1;color:#FFF;border:1px solid #3659A1;}


/*================================================================= table =================================================================*/
.global_table table{ border-collapse:collapse;}
.global_table table th{background:#eee; text-align:center; border:1px solid #ddd; height:46px; line-height:46px;padding:0 5px;}
.global_table table td{background:#FFF; border:1px solid #ddd; height:46px; line-height:46px; text-align:center;padding:0 5px; color:#666}

.insidepage_table table{ border-collapse:collapse;}
.insidepage_table table th{background:#eee; text-align:right; border:1px solid #ddd; height:30px; line-height:30px;padding:0 10px;}
.insidepage_table table td{background:#FFF; border:1px solid #ddd; height:40px; line-height:40px; text-align:left;padding:0 10px; color:#666}
.insidepage_table label{padding-right:10px;}

.insidepage_table select{ height:30px; line-height:30px;}
.insidepage_table input[type=text]{width:98%;height:26px; line-height:26px;padding-left:10px; color:#333;}
.insidepage_table textarea{ width:98%; height:80px;margin:10px 0;padding:10px 0 0 10px;}


.no_border_table table{ border-collapse:collapse;}
.no_border_table table th{text-align:right; height:25px; line-height:25px;padding:0 5px;}
.no_border_table table td{height:25px; line-height:25px; text-align:left;padding:0 5px; color:#666}
.no_border_table label{padding-right:10px;}

.no_border_table select{ height:30px; line-height:30px;}
.no_border_table input[text]{width:150px;height:26px; line-height:26px;padding-left:10px; color:#333;}

/*================================================================= popup =====================================================================*/
.popUps_box{ width:800px;background:#FFF;border:1px solid #ccc; box-shadow:2px 2px 2px #ddd;}
.popUps_box .pop_title{background:#ddd; color:#333; font-size:16px;padding:0 20px; height:40px; line-height:40px;}
.popUps_box .pop_title a.pop_close{ float:right;}
.popUps_box .pop_page{padding:20px; max-height:500px; overflow:auto;}

/*======================================================================================================================================*/
.table_fix{table-layout:fixed}

/*================================================================= pointer =====================================================================*/
.cur_p{cursor: pointer;}

/*=====================================================================================================================================*/
.tl,.text_l{text-align:left !important;}
.tc,.text_c{text-align:center !important;}
.tr,.text_r{text-align:right !important;}
.bc{margin:0 auto}
.fl,.c_left{float:left !important;display:inline;}
.fr,.c_right{float:right !important;display:inline}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .clearfix{*zoom:1;}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.vt{vertical-align:top}
.vb{vertical-align:bottom}
.pr,.relative{position:relative}
.pa,.absolute{position:absolute}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.oh{overflow:hidden}
.hiddenY{overflow-y:hidden}
.hiddenX{overflow-x:hidden}
.tag_f60{ background:#ff6600; color:#fff; padding:2px;line-height:1}

.hand{cursor:pointer}


/*====================================================================================================================================*/
