@import url("reset.css");

*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
html, body { position: relative; height: 100%; }



.wmlog .wrapper { width: 100%; min-height: 800px; height: 100%; position: relative; }
.wmlog .wrp { max-width: 1100px; margin: 0 auto; padding: 0 20px; width: 100%; position: relative; *width: 95%; }


.wmlog .head { height: 60px; position: relative; }
.wmlog .side { width: 315px; height: 600px; position: absolute; right: 20px; top: 60px;font-family: "Verdana";  }
.wmlog .side a { width: 157px; height: 37px; float: left; display: inline-block; border-radius: 5px 5px 0 0; background: #e6e6e6; text-decoration: none; text-align: center; font-size: 16px; font-family: "Microsoft JhengHei"; color: #969595; line-height: 37px; margin-top: 3px; }
.wmlog .side a:hover { background: #dadada; color: #969595; }

.wmlog .side a.on { background: #a4d5d0; margin-top: 0; cursor: default; height: 42px; line-height: 42px; color: #fff; }
.wmlog .side a:first-child { margin-right: 1px; }
.wmlog .side .letter { position: absolute; bottom: 20px; right: 0; width: 169px; height: 196px; background: url(./letter_bg.png) no-repeat; }
.wmlog .side > div { *height: 40px; *overflow: hidden; }
.wmlog .log { background: url(./side_bg.png) no-repeat; height: 100%; margin-top: 40px;  padding: 40px 25px 40px; position: relative; background-size: 100% 100%; *margin-top: 0; }

.wmlog .log input:first-child { margin-bottom: 15px; }

.wmlog .ann { margin-right: 315px; }
.wmlog .title { background: url(./title.png) no-repeat left top; height: 50px; border-bottom: 1px solid #deedeb; }
.wmlog .ctn { padding: 15px 30px 0 0; line-height: 28px; font-family: "Microsoft JhengHei"; font-size: 15px; color: #555; }

.defaultText { color:#444; width:100%; background:#fff; border-radius:20px; padding:9px 15px; font-family: "Verdana"; font-size:13px; vertical-align:middle; border: none; margin: 0 auto; display: block; *width: 90%; }
_:-moz-ui-valid, :root .defaultText { padding:8px 15px 10px; }
.defaultText:focus { outline: none; }
.defaultTextActive { color:#91bbbc; background:#fff; border-radius:20px; padding:9px 15px; font-family:Verdana; font-size:13px; vertical-align:middle; border: none; margin: 0 auto; display: block; }
_:-moz-ui-valid, :root .defaultTextActive { padding:8px 15px 10px; }
.defaultTextActive:focus { outline: none; }


.ltool { width: 260px; margin: 10px auto; }
.ltool input[type="checkbox"] { display:none;  }
.ltool input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: 0 1px 0 0; vertical-align: middle; background: url(./uc_rdo.png) left top no-repeat; cursor:pointer; }
.ltool input[type="checkbox"]:checked + label span { background:url(./c_rdo.png) left top no-repeat; }

@media \0screen { .ltool input[type="checkbox"] { display: inline \9; } .ltool input[type="checkbox"] + label span { background: none; width:0; } .ltool input[type="checkbox"]:checked + label span { background: none; } }

.ltool label, .ltool strong { color: #3a827b; font-size: 13px; cursor: pointer; }
.ltool strong { float: right; padding-top: 2px; *margin-top: -15px; }

.logbtn { background: #337f88; color: #fff; border: none; width: 100%; display: block; border-radius: 20px; margin: 0 auto; height: 35px; font-family: "Microsoft JhengHei"; font-size: 16px; cursor: pointer; }

.logbtn:active { background: #428e97; padding: 0; }
.logbtn:focus{outline:none}

.foot { color: #fff; background: #266d75; text-align: center; min-height: 30px; line-height: 30px; position: absolute; bottom: 0; left: 0; right: 0; font-size: 13px; font-family: "Verdana"; }
.foot a { color: #fff; text-decoration: none; }
.ctn a { color: #108bb9; text-decoration: none; }
.ctn a:hover { color: #70bbd1; }
.wmlog .cpc { padding: 15px 0 0; }
.wmlog .cpc input.ipt { width: 154px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.wmlog .cpc img { vertical-align: middle; }
#banner { margin: 20px 0; }

#message
{
  position: absolute;
  display: none;
  top: -1px;
  left: 200px;
  right: 200px;
  z-index: 5000;
  opacity: 0.85;
}

#message div
{
  width: 400px;
  margin: 0px auto;
  min-height: 22px;
  padding: 8px 10px 8px 46px;
}

#message div.notice,
#messagebody .part-notice,
#remote-objects-message
{
  background: url(images/display/icons.png) 6px 3px no-repeat;
  background-color: #F7FDCB;
  border: 1px solid #C2D071;
}

#remote-spam-risk-warning
{
  background: url(images/display/icons.png) 6px -97px no-repeat;
  background-color: #FFCCCC;
  border: 1px solid #EB0000;
}

#message div.error,
#message div.warning
{
  background: url(./display/icons.png) 6px -97px no-repeat;
  background-color: #EF9398;
  border: 1px solid #DC5757;
}

#message div.confirmation
{
  background: url(./display/icons.png) 6px -47px no-repeat;
  background-color: #A6EF7B;
  border: 1px solid #76C83F;
}

#message div.loading
{
  background: url(./display/loading.gif) 6px 3px no-repeat;
  background-color: #EBEBEB;
  border: 1px solid #CCCCCC;
}


::-webkit-input-placeholder {
    opacity: 1;
    color: #91bbbc;
}
::-moz-placeholder {
    opacity: 1;
    color: #91bbbc;
}

:-ms-placeholder {
    opacity: 1;
    color: #91bbbc;
}

.password_invisible{
	display: block;
    float: right;
    position: relative;
	background: url(./invisible.png) no-repeat;
	width: 30px;
    height: 25px;
    cursor: pointer;
}

.password_visible{
	display: block;
    float: right;
    position: relative;
	background: url(./visible.png) no-repeat;
	width: 30px;
    height: 25px;
    cursor: pointer;
}

.url_password01{
  margin-left: 5px;
    margin-top:  -3px;
}

.url_password02{
  margin-left: 5px;
    margin-top:  -29px;
}