@charset "UTF-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0; padding:0;	border:0; font-size:100%;font: inherit;vertical-align:baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height:1;}ol, ul{list-style: none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';	content: none;}table{border-collapse:collapse;border-spacing:0;}

body{margin:0;padding:0;text-align:center; font-family:'Titillium Web', sans-serif;font-size:100%; background:#f7f7f7 url('../images/login/body-bg.png') repeat-x top;}
.fl{float:left;} .fr{float:right;} .clr{clear:both;}
img{width:100%; max-width:100%; height:100%; border:none;}
b,strong{font-weight:700;}
input, textarea{width:100%; max-width:100%; color:#333; resize:none;}
input:focus, textarea:focus{border:1px solid #97d6eb;}
a, a:link, a:active{text-decoration:none;}
*{box-sizing:border-box;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

.Wrapper{width:1200px; margin:0 auto; padding:0; text-align:left;}
.logo{width:130px; float:left;padding-top:10px}
.rightSection{width:900px; float:right}


.loginContainer{width:464px; margin:80px 0 0 100px; }
.loginCTop, .loginFTop, .loginATop, .loginCenTop{width:464px;height:52px;background:url('../images/login/cordBoxHimg.jpg') no-repeat top;margin:0}
.loginFTop{background:url('../images/login/forPboxHimg.jpg') no-repeat top;}
.loginATop{background:url('../images/login/admboxHimg.jpg') no-repeat top;}
.loginCenTop{background:url('../images/login/cenboxHimg.jpg') no-repeat top;}
.loginCMid{width:464px; border:1px solid #d09b2b; background:#ebf7f5; padding:20px 30px 30px 20px;margin:0}
.loginCMid-Left{width:122px; float:left; margin-top:20px}
.loginCMid-Right{width:272px; float:right;}
.txtbox, .pwdbox, .txtbox2, .txtbox3{width:272px; height:35px; color:#000; border:1px solid #01313f; background:#ffffff;padding:5px 10px}
.txtbox2{width:150px; }
.captcha{width:100px; height:35px;position:relative;}
.captcha img{position:absolute; left:0; top:1px; height:35px}
.submitButt, .submitButt2{width:272px; height:31px; margin:0 0 10px}
.loginCMid-Right a{color:#ff5619; font-size:100%; line-height:170%;}
.loginCMid-Right a:hover{text-decoration:underline;}

.loginCMid-Top{width:70%; margin:0 auto 20px; position:relative; padding-left:50px; line-height:200%; font-size:120%}
.loginCMid-Top img{position:absolute; top:0; left:0; width:35px; height:40px}

.loginCMid-Bottom{width:350px; margin:0 auto 50px; line-height:200%; font-size:80%;color:#444}
.loginCMid-Bottom p{margin-bottom:20px}
.txtbox3{width:350px;}
.submitButt2 input{display:block; width:328px; margin:0 auto;}

.copyright{width:75%; margin:50px auto 0; color:#555; font-size:90%;}
.footer{width:100%; height:16px; background:#df4c16; position:fixed; bottom:0;}
