@charset "utf-8";

/*** 以下是公用的基本样式 ***/
html, body {height:100%; margin:0px; padding:0px; font-family:'Microsoft YaHei'; font-size:14px; color:#3f3f3f;}

a {text-decoration:none;}
a:link {color:#3f3f3f;}
a:visited {color:#3f3f3f;}
a:hover {color:#0195df;}

.img_ful {width:100%; height:100%;}

.round-corner15 {
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior:url('css/dev_iecss3.htc');
}
.round-corner5 {
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior:url('css/dev_iecss3.htc');
}
.trans5 {
     -moz-opacity:0.5; 
	 opacity:0.5; 
	 filter:alpha(opacity=50);
}
.ipttype {
    width:100%; height:100%; margin:0px; padding:0px; border:none;
	line-height:34px; text-indent:2px; font-size:16px; outline:none;
	color:#3f3f3f; font-family:'Microsoft YaHei';
	background:#ffffff;
}
.my-placeholder {color:#aaaaaa;}


/*** 以下是公共模块的布局及样式 ***/
.top_bar {position:fixed; width:100%; /*height:32px;*/ height:30px; top:0px; font-size:12px; color:#969696; z-index:99; background-color:#eeeeee; border-shadow:;}
.top_bar .top_center {/*height:32px;*/ height:30px; margin:0px auto; /*line-height:32px;*/ line-height:32px;font-size: 14px;}
.top_bar .top_center .notice {float:left; width:752px; /*height:32px;*/ height:30px;}
.top_bar .top_center .login {float:right; width:250px; /*height:32px;*/ height:30px; text-align:right;}
.top_bar .top_center .login a {text-decoration:none;}
.top_bar .top_center .login a:link {color:#969696;}
.top_bar .top_center .login a:visited {color:#969696;}
.top_bar .top_center .login a:hover {color:#0195df;}

.nav_bar {position:fixed; width:100%; /*height:72px;*/ /*top:32px;*/ height:50px; top:30px;  z-index:99; background:#ffffff;}
.nav_bar .nav_center {width:1002px; /*height:72px;*/ height:50px; margin:0px auto;}
.nav_bar .nav_center .logo_area {float:left; width:254px; height:34px; /*margin-top:19px;*/ margin-top:8px;}
.nav_bar .nav_center .nav_area {float:right;width:678px; height:32px; /*margin-top:20px;*/ margin-top:10px;}/*float:left; width:748px;*/
.nav_bar .nav_center .nav_area .blank {float:left; width:50px; height:32px;}
.nav_bar .nav_center .nav_area .menu {float:left; width:96px; height:32px; text-align:center;}
.nav_bar .nav_center .nav_area .menu .text {    margin: auto;padding: 0 6px;height: 28px;line-height: 28px;cursor: pointer;display: inline;font-size: 16px;}
.nav_bar .nav_center .nav_area .menu .current{border-bottom:3px solid #0195df;}
.nav_bar .nav_center .nav_area .menu .text:hover {color:#0195df !important;border-bottom:3px solid #0195df;}
.nav_bar .nav_center .nav_area .menu .line_s {float:top; width:36px; height:3px; margin-left:17px;display:none;}
.nav_bar .nav_center .nav_area .menu .line_l {float:top; width:64px; height:3px; margin-left:14px;display:none;}

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


/*公共底脚*/
#g_foot_bar {float:top; width:100%; min-width:1002px; border-top:1px solid #92c9d3; background-color:#f2f2f5;}
#g_foot_center {width:1002px; height:190px; margin:0px auto;}
#g_foot_center .left {float:left; width:800px; margin-top:18px;}
#g_foot_center .left .netName {float:top; height:30px; font-size:16px; margin-bottom:4px; letter-spacing:1px; color:#3f3f3f;}
#g_foot_center .left .intro {float:top; height:20px; line-height:20px; margin-top:4px; font-size:12px; color:#696E78;}
#g_foot_center .left .intro a{color:#696E78;}
#g_foot_center .left .intro a:hover {color:#0195df;}
#g_foot_center .right {float:left; width:200px; margin-top:20px;}
#g_foot_center .right .qr_code {float:top; width:90px; height:90px; margin-left:54px;}
#g_foot_center .right .qr_code a{display:block;}
#g_foot_center .right .qr_code img {width:100%; height:100%;border:none;}
#g_foot_center .right .cp_name {float:top; width:200px; height:20px; line-height:20px; margin-bottom:4px; text-align:center; color:#3f3f3f;}
#g_foot_center .right .tel_pos {float:top; width:170px; height:20px; margin-left:32px; color:#696E78;}
#qrCodeDialog{width:258px;height:258px;position:absolute;}