@charset "utf-8";

body{background-color:#EEEEEE;}
#lg_main_area {width:100%; height:550px; margin-top:40px;padding-top:80px; min-width:1002px; background:url('../../common/img/devsite/login_bg.png') no-repeat center center;}
#lg_main_area .align_center {position:relative; width:500px; height:550px; top:0px; margin:0px auto;}
#lg_main_area a:link {color:#ffffff;}
#lg_main_area a:visited {color:#ffffff;}
#lg_main_area a:hover {color:#0195df;}

#mask_div {position:absolute; width:500px; height:450px; top:30px; z-index:1; background:#000000;}
#cnt_pannel {position:absolute; width:480px; height:430px; top:40px; left:10px; z-index:2;}

#cnt_pannel .logo_area {position:relative; width:270px; height:40px; top:20px; left:103px;text-align:center;color:#FFFFFF;font-size:18px;}
#cnt_pannel .logo_area img {width:100%; height:100%;}

#cnt_pannel .logo_items{position:relative; height:40px; top:20px;}
.logo_items div{width:49.5%;height:40px;line-height:50px;font-size:16px;padding-bottom:10px;}
.logo_items div span{margin-left:86px;}
.logoItem{cursor:pointer;}

.logo_items .phoneItem0{float:left;border-bottom:2px solid #FFFFFF;color:#FFFFFF;background:url('../../common/img/devsite/icon_phone.gif') no-repeat 60px;}
.logo_items .mailItem0{float:right;border-bottom:2px solid #FFFFFF;color:#FFFFFF;background:url('../../common/img/devsite/icon_msg.png') no-repeat 50px; }
.logo_items .phoneItem1{float:left;border-bottom:2px solid #b1b1b1;color:#b1b1b1;background:url('../../common/img/devsite/icon_phone2.gif') no-repeat 60px;}
.logo_items .mailItem1{float:right;border-bottom:2px solid #b1b1b1;color:#b1b1b1;background:url('../../common/img/devsite/icon_msg2.png') no-repeat 50px; }


#cnt_pannel .inpt_area {position:relative; width:300px; height:46px; top:40px; left:90px; background:#ffffff;border-radius:5px;}
#cnt_pannel .inpt_area .pic {float:left; width:38px; height:38px; margin-top:4px;}
#cnt_pannel .inpt_area .pic img {width:100%; height:100%;}
#cnt_pannel .inpt_area .ipt {float:left; width:256px; height:34px; margin-top:6px;}

#cnt_pannel .blank_row {position:relative; width:300px; height:26px; top:40px; left:90px;}

#cnt_pannel .check_area {position:relative; width:300px; height:46px; top:40px; left:90px;}
#cnt_pannel .check_area .ipt {float:left; width:100px; height:46px; background:#ffffff;border-radius:5px;}
#cnt_pannel .check_area .ipt .box {width:92px; height:34px; margin:6px 4px;border-radius:5px;}
#cnt_pannel .check_area .pic {float:left; width:100px; height:46px; margin-left:10px; cursor:pointer;}
#cnt_pannel .check_area .pic img {width:100%; height:100%;border-radius:5px;}

#cnt_pannel .check_area .txt {float:left; width:80px; height:46px; line-height:46px; font-size:16px; text-indent:2px; margin-left:10px;}

#cnt_pannel .login_btn {position:relative; width:300px; height:44px; line-height:44px; top:40px; left:90px; font-size:16px; text-align:center; color:#ffffff; cursor:pointer; background:#0195df;border-radius:5px;}
#cnt_pannel .login_btn:hover {background:#22a9ff;}

#cnt_pannel .regist_area {position:relative; width:300px; height:30px; line-height:30px; top:40px; left:90px; font-size:16px;}
#cnt_pannel .regist_area .resetPswd {float:left; width:80px; height:30px;display:none;}
#cnt_pannel .regist_area .register {float:right; width:80px; height:30px; text-align:right;}

.loginPageFooter{text-align:center;color:#535353;font-size:20px;line-height:150px;}

.top_bar {position:fixed; width:100%; height:40px;top:0px; min-width:1002px; font-size:12px; color:#e1e1e1; z-index:98; background-color:#ffffff;}
.top_bar .top_center {width:1002px; height:100%; margin:0px auto;}
.top_bar .top_center img{margin-top:5px;}
.top_bar .top_center .notice {float:left; width:802px; height:32px;display:none;}
.top_bar .top_center .login {float: right;margin-top:15px;}
.top_bar .top_center .login a {text-decoration:none;color:#444444;padding:8px;}
.top_bar .top_center .login a:link {color:#444444;}
.top_bar .top_center .login a:visited {color:#444444;}
.top_bar .top_center .login a:hover {color:#0195df;}

.nav_mask {
    position:fixed; 
	width:100%; 
	height:20px; 
	top:40px; 
	min-width:1002px;  
	z-index:98; 
	background:url('../../common/img/devsite/login_header_transparent_bg.png') repeat-x center center ;
}



.phoneBox{width:420px;margin:auto;position:relative;top:50px;}
.rowMargin{width:300px; height:26px;}
.rowBox{height:44px;}
.phoneCodeInput{width:255px !important;border-radius:5px;float:left;height:44px;line-height:44px;padding-left:5px;}
.phoneCodeBtn{width:140px !important;float:right;position:relative;top:0px !important;left:0px !important;}
.phoneMsgText{float:left;display:block;height:44px;line-height:44px;margin-right:30px;font-size:16px;color:#FFFFFF;}
.phoneMsgInput{width:150px;border-radius:5px;float:left;height:44px;line-height:44px;padding-left:5px;}
.phoneMsgBtn{width:80px !important;float:right;position:relative;top:0px  !important;left:0px  !important;}