html, body {width:100%;}

body {font-family: 'Open Sans', sans-serif; font-size:12px; color:#666;background:#fafafa;
}
a{color:#666;}
a:hover, a:focus {
 text-decoration: none; color:#28b779;
}
.fl { float:left}
.fr {float:right}

.bg_lb{ background:#27a9e3;}
.bg_db{ background:#2295c9;}
.bg_lg{ background:#28b779;}
.bg_dg{ background:#28b779;}
.bg_ly{ background:#ffb848;}
.bg_dy{ background:#da9628;}
.bg_ls{ background:#2255a4;}
.bg_lo{ background:#da542e;}
.bg_lr{ background:#f74d4d;}
.bg_lv{ background:#603bbc;}
.bg_lh{ background:#b6b3b3;}

body {padding:0;margin: 0px;} 
#logo, #formbox {width:40%;margin:0 auto;}
#logo img {margin:0 auto;display: block;width:40%;}
#logo p{margin:0 auto;display: block;font-size:1.2em;color:#999; letter-spacing:4px;}
#logo {overflow: hidden !important; z-index: 100; text-align: center;position: relative; margin-top:5%;}
#formbox {overflow: hidden !important; z-index: 100; text-align: center;position: relative;margin-top:2%;}

#formbox form{position:relative; top:0; left:0; }

#formbox form#loginform {z-index:200; display:block;}
#formbox .main_input_box {margin:0 auto; text-align:left; font-size:13px;}
#formbox .btn_box {margin:0 auto; text-align:center;}
#formbox .main_input_box .add-on{padding:5px 25px;font-size:13px;color:#fff;}
#formbox .main_input_box textarea{height:100px;border:1px solid #d9d9d9;border-radius:0;display:inline-block;width:100%;line-height:22px;margin-bottom:10px;}
#formbox .main_input_box input{height:40px;border:1px solid #d9d9d9;border-radius:0;display:inline-block;width:100%;line-height:40px;margin-bottom:10px;}
#formbox .btn_box .flip-btn{height:50px;border:0px;border-radius:10;display:inline-block;width:45%;margin-top:10px;background:#f90;color:#fff;font-size:17px;}
#formbox .controls{padding:0 20px;}
#formbox .controls .login_a{margin:0 5px;padding:4px 20px;border:1px solid #e0e0e0;border-radius:50px;color:#f60;font-size:14px; text-align:center;}
#formbox .controls .login_b{margin:0 5px;padding:4px 20px;border:1px solid #e0e0e0;border-radius:50px;color:#555;font-size:14px; text-align:center;}
#formbox .control-group{padding:10px 0; margin-bottom:5px;}
.form-vertical, .form-actions {margin-bottom:0; background:none;}

#formbox .normal_text{padding:15px 10px 0 10px; text-align:center; font-size:1.2em; line-height:20px;color:#999;}
#formbox .nor_text a{padding:0 10px; text-align:center; font-size:0.9em; line-height:20px;color:#7f95d6;}
#formbox .nor_text{padding:0px 10px; text-align:center; font-size:1.0em; line-height:20px;color:#7f95d6;}
#formbox .tips_text{height:40px; display:block; padding:15px 10px 0 10px; text-align:center; font-size:1.0em; line-height:20px;color:#999;}

@media (max-width:800px){
#logo { width: 100%; }
#formbox{ width:80%}
#logo {overflow: hidden !important; z-index: 100; text-align: center;position: relative; margin-top:5%;}
#logo img {margin:0 auto;display: block;width:55%;}
#formbox {overflow: hidden !important; z-index: 100; text-align: center;position: relative;margin-top:5%;}
}
@media (max-width: 480px){
#logo { width:100%; }
#formbox{ width:95%}
#logo {overflow: hidden !important; z-index: 100; text-align: center;position: relative; margin-top:5%;}
#logo img {margin:0 auto;display: block;width:55%;}
#formbox {overflow: hidden !important; z-index: 100; text-align: center;position: relative;margin-top:5%;}
}