@charset "utf-8";@import url("common/tool.css");@import url("common/body.css");@import url(../shared/css/generic.css);html{height:auto;background:0}
#header{border-top:0 none;padding:5px 10px;position:relative;overflow:hidden}
#header hgroup{position:relative;left:50%;overflow:visible}
#header hgroup h1,#header hgroup h2{position:relative;left:-50%}
#container{padding-top:0}
.ActionMessage{width:355px;margin:0 auto 10px}
#wrapper{width:833px;margin:0 auto}
#login_outer{width:400px;float:left;margin:0}
#information_outer{width:395px;float:right}
#information_outer h3{font-size:108%;color:#c00;margin-bottom:5px}
.information{border:1px solid #e0dcc0;background-color:#ffc;padding:25px;font-size:93%;line-height:120%;margin-bottom:.5em}
.information span{display:block;margin:1em 0 .5em 0}
#mobileAccessMessage{overflow:hidden;padding:1em .5em 1em .5em}
#mobileAccessMessage img{float:left;margin-right:2px}
#mobileAccessMessage a{color:#06c}
#mobileAccessMessage span{display:block;padding-top:28px;font-size:93%}
body{background-color:#93c400}
#container #loginWrap a{color:#06c}
div#contents{margin:0;padding-top:90px;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#6ca300),color-stop(45%,#6ca300),color-stop(90%,#93c400),color-stop(100%,#93c400));background-image:-webkit-linear-gradient(top,#6ca300,#6ca300 45%,#93c400 90%,#93c400 100%);background-image:-moz-linear-gradient(top,#6ca300,#6ca300 45%,#93c400 90%,#93c400 100%);background-image:-ms-linear-gradient(top,#6ca300,#6ca300 45%,#93c400 90%,#93c400 100%);background-image:-o-linear-gradient(top,#6ca300,#6ca300 45%,#93c400 90%,#93c400 100%);background-image:linear-gradient(top,#6ca300,#6ca300 45%,#93c400 90%,#93c400 100%)}
#loginWrap{height:1%;width:970px;min-height:320px;height:auto!important;height:320px;margin:0 auto;background:transparent url(../images/login/bg_login.png) no-repeat scroll right top}
#login{float:left;width:540px;padding:20px 0;background:#e9f3cc;text-align:center;position:relative;z-index:99;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.5);-ms-box-shadow:0 0 4px 0 rgba(0,0,0,0.5);-o-box-shadow:0 0 4px 0 rgba(0,0,0,0.5);box-shadow:0 0 4px 0 rgba(0,0,0,0.5)}
#login h1{color:#106626;font-size:138.5%;font-weight:normal;margin-bottom:1.5em}
#login h1 span{vertical-align:bottom}
#login h1 img{vertical-align:middle;margin-right:8px}
#login table{width:100%;margin-bottom:20px}
#login table th,#login table td{padding:5px;font-size:93%}
#login table th{font-weight:normal;text-align:right;width:30%}
#login table td{text-align:left}
#login table td input.TextInput{border:1px solid #bdc7d8;height:20px;width:250px;font-size:108%}
#login table td input.errInput{border:1px solid #bdc7d8;height:20px;width:250px}
#login table td.Centered{text-align:center}
#login table td.Centered label,#login table td.Centered input{vertical-align:middle}
#login table td.Centered input.Btn-orange{padding:3px 25px}
.Utility-box{width:330px;margin:0 auto;padding:15px 0;border-top:1px solid #93c400;font-size:93%;padding-left:130px;text-align:left}
.Utility-box a{display:inline-block;line-height:2}
.Utility-box a.Remain{background:transparent url(../shared/img/icon/ico_forget.png) no-repeat scroll left center;padding-left:20px}
.Utility-box a.Qrcode{background:transparent url(../shared/img/icon/ico_mobile.png) no-repeat scroll left center;padding-left:17px}
#information{width:350px;margin:10px 80px 10px 0;float:right;position:relative;z-index:1;background:#fff;-webkit-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-ms-border-radius:0 8px 8px 0;-o-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.4),inset 5px 0 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.4),inset 5px 0 5px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 0 4px 0 rgba(0,0,0,0.4),inset 5px 0 5px 0 rgba(0,0,0,0.2);-o-box-shadow:0 0 4px 0 rgba(0,0,0,0.4),inset 5px 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 4px 0 rgba(0,0,0,0.4),inset 5px 0 5px 0 rgba(0,0,0,0.2)}
#information h1{font-size:108%;color:#fff;padding:5px 10px;background:#93c400;-webkit-border-radius:0 7px 0 0;-moz-border-radius:0 7px 0 0;-ms-border-radius:0 7px 0 0;-o-border-radius:0 7px 0 0;border-radius:0 7px 0 0;-webkit-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,0.1);-ms-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,0.1);-o-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,0.1);box-shadow:inset 5px 0 5px 0 rgba(0,0,0,0.1)}
#information .Inner{padding:15px 10px}
#information .Inner p{font-size:93%;margin-bottom:1em;line-height:1.4}
#information .Inner p span.Red{color:#f00}
#information .Inner a img{margin-right:5px;vertical-align:bottom}
footer{border-bottom:0}
footer a.Pagetop{visibility:hidden}
@media screen and (-webkit-min-device-pixel-ratio:0){#login table td.Centered input.Btn-orange{padding:5px 20px}
}
#ie6 #container{position:relative;top:0}
#ie6 #login table td.Centered input.Btn-orange,#ie7 #login table td.Centered input.Btn-orange{padding:2px 20px 0}
#ie8 #login table td.Centered input.Btn-orange,#ie9 #login table td.Centered input.Btn-orange{padding:4px 25px}
#ie6 #information{display:inline}
.Ie #contents{background:url(../images/login/bg_container_ie.png) repeat-x scroll left bottom}
#ie6 #mobileAccessMessage{height:1%}