/* CSS Document */
@import url("reset.css?v=180320090429");
.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.4;opacity:.40;filter:alpha(opacity=50);background-color:#000000;width:100%;height:100%;zoom:1;}
body { background-image:url(../images/advance_bg.gif?v=180320090429); font-family:Century Gothic,tahoma,arial,helvetica,sans-serif; font-size:12px; color:#000;}
.x-body {
	font-family:Century Gothic,tahoma,arial,helvetica,sans-serif;
}
.note_m{
	position: absolute;
	width: 410px;
	top: 327px;
	left: -2px;
}
.note{background:url(../images/i_note.gif?v=180320090429) no-repeat; padding-left:18px;font-weight:bold;background-repeat:no-repeat;margin-top:14px;font-size:12px; line-height:18px; background-position:left 2px;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}

.l-wrap {margin-top:0px;position:relative; width:100%;}

/*06-05  update start .logo {display:block;background-image:url(../images/logo.gif?v=180320090429);width:103px;height:29px;top:107px;position:absolute;left: 166px;}*/
.related {display: block;position: relative;top: 4px;}
.logo {display:block;no-repeat;width: 103px;height: 36px;}
.usg_icon{position: absolute;background:url(../images/login_img.gif?v=180320090429);width:136px;height:136px;top: 200px;}
.section {position:absolute;text-align:left;margin:0 auto; no-repeat;width:484px;height:418px;}
.section_bg{ 
	position:absolute;background-color:#36b9d2;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;opacity: 0.5;
	display: block;
	margin-top: 2px;
	width: 439px;
	 height:335px;
	 z-index: 2;
}
.content_bg{position: absolute;background: url(../images/content_bg.jpg?v=180320090429) no-repeat;width: 439px;height: 342px;z-index: 1;top: 0px;}
.content_bg ul.layout{display:block; width:100%; height:350px; background:red;}
.content_bg ul.layout li.lilayout{ float:left;  display:block;  }



.urlList{position: relative;width:150px;height:337px;background: #44aec3; display:none; word-wrap:break-word; border-right: 1px dotted  #0D1E22;overflow-y: auto;overflow-x: hidden;z-index: 5;margin-top: 1px;}
.urlList ul li a{ display:block; width:140px;  margin:0 auto; border-bottom:1px #388092  solid; line-height:normal; padding:0px 4px;color: #006; text-decoration:none}
.urlList ul li a:hover{ background:#036; color:#fff; }
/*06-05 update End*/


.model {font-size:18px;font-weight:bold;width:180px;word-wrap:break-word;overflow:hidden;color:#378ec9;}
.content_line{background:url(../images/content_line.gif?v=180320090429);width:95%;height:2px;display:block;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.l-wrap .section label {color:#ffffff;}
.l-wrap .section .suffixtext {color:#ffffff;font-size:12px;padding-left:4px;}
.login_bg{position:relative; background:url(../images/login_bg.jpg?v=180320090429); width:1000px; height:560px; margin:0 auto;}

.x-login {border:0;}
.x-login-bwrap {color:#ffffff;font-size:12px;}
.x-login label {font-size:12px;}
.x-login-footer {padding:0;margin:0;}
.x-login-footer  .x-panel-btns-ct {padding:0 0 5px 20px;margin:0;}
.x-login .x-panel-body{background:none;}
.loginpanel {border:0;}
.statement {padding-top:10px;padding-bottom:10px;text-align:center;}
.title {padding-top:10px;padding-bottom:10px;font-weight:bold;font-size:13px;}
#usercontent {color:#ff0000;font-size:12px;}
.mobile {padding-bottom:5px;font-weight:bold;font-size:13px; display:none;}
.title  .error {background:url(../../../images/usg/window/icon-error.png?v=180320090429) left center no-repeat;color:#a11110;font-size:14px;padding-top:8px;padding-bottom:6px;}
.limit {padding:5px 0;text-align:left;}
.showerror {color:#CC0000;font-size:12px;text-align:center;padding:2px 4px 4px 4px;font-weight:bold;}
.epslist td {padding-top:2px;padding-bottom:2px;}
.epslist input {font-family:Century Gothic,tahoma,arial,helvetica,sans-serif;font-size:12px;padding-left:4px;padding-right:4px;}
.warningIcon {background:url(../images/icon_warning.gif?v=180320090429) left center no-repeat; padding-left:21px;}
.fialedText {font-weight:bold;color:#a11110;}
.desc {padding:5px 0;}

.accessblock {width:100%;text-align:center;}
.showaccess {display:block;width:90%;text-align:left;margin:0 auto;margin-top:30px;}
.showaccess .logo {display:block;background-image:url(../images/logo.png?v=180320090429);width:103px;height:29px;margin-top:10px;margin-left:10px;}
.showaccess .model {font-size:18px;font-weight:bold;margin-top:13px;text-align:center;color:#ffffff;}
.showaccess .statement {color:#000000;text-align:left;}

.showaccess .access {display:block;}
.access li {float:left;width:90%;padding-top:3px;color:#000000;}
.access li .left {float:left;display:block;width:50%;line-height:18px;padding-right:3px;}
.access li .right {float:right;display:block;width:49%;}
.access li .right input {width:80px;font-family:Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.access .button {font-size:12px;}


.inputbox li {float:left;width:400px;padding-top:5px; margin:5px;}
.inputbox li .left {float:left;display:block;width:160px;line-height:18px;padding-right:3px;}
.inputbox li .right {float:left;display:block;width:200px;}
.inputbox li .right input {width:125px;font-family:Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.inputbox li .getpwd input {padding-top: 2px; padding-bottom: 2px; width:90px;font-family:Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

.loginbtn {position:absolute;text-align:right;height:30px;width:340px;margin-top:12px;left: 53px;top: 258px;}
.loginbtn input {font-size:12px;width:85px;margin-right:6px;height:22px;font-family:Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.btn {margin-top:65px; position:absolute; right:5px;}
.btn input {font-size:12px;width:80px;margin-right:6px;height:22px;font-family:Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#optionDetail {background:#fff;padding:10px;font-size:12px;font-family:Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#optionDetail p {margin-bottom:5px;}
#optionDetail .desc {border-bottom:2px solid #e5eaf2; margin-bottom:8px;padding-bottom:6px;}
ul.layoutFrame{ margin:0 auto; display:block;}
ul.layoutFrame li.layouli{ display:block; float:left; background:blue; height:400px;}

.tablecenter{ position:relative;}
.loginFrame{position: absolute;left: 22%;right: 20%;top: 103px;width: 50%;
min-width: 500px;z-index: 4;height: 400px;}

.floorlogin_bg{
	position: absolute;
	width: 439px;
	height: 64px;
	top: 312px;
	left: -22px;
	background: url(../images/floorlogin_bg.jpg?v=180320090429);
}
.inputFrame{
	position:absolute;
	width:400px;
	height:300px;
	display:block;
	top:0px;
	margin-top: 30px;
	margin-right: 0px;	
	margin-bottom: 0px;
	margin-left: 22px;
	z-index:3
}