@charset "utf-8";

body{background-color:#EEEEEE;}
#rgst_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;}
#rgst_main_area .align_center {position:relative; width:500px; height:540px; top:0px; margin:0px auto;}
#rgst_main_area a:link {color:#ffffff;}
#rgst_main_area a:visited {color:#ffffff;}
#rgst_main_area a:hover {color:#0195df;}


#mask_div {position:absolute; width:500px; height:550px; /*top:30px;*/ z-index:1; background:#000000;}
#cnt_pannel {position:absolute; width:480px; height:560px; /*top:20px;*/ left:10px; z-index:2;}

#cnt_pannel .logo_area {position:relative; width:270px; height:40px; top:20px; left:103px;}
#cnt_pannel .logo_area img {width:100%; height:100%;}

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

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

#cnt_pannel .check_area {position:relative; width:300px; height:46px; top:36px; 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;}
#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 .agreement_area {position:relative; width:300px; height:30px; top:30px; left:90px;}
#cnt_pannel .agreement_area .chck {float:left; width:22px; height:22px; margin-top:4px;}
#cnt_pannel .agreement_area .text {float:left; width:260px; height:30px; margin-left:6px; line-height:30px; font-size:16px; color:#ffffff;}

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

.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 ;
}