@charset "UTF-8";
/* CSS Document */
/*----------------------------------------*/
/*2014-01-03-For NewSI2 iPhone*/
/*----------------------------------------*/

/*@import url("mem_header_navi_cn.css");
/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body { background-color:#d42c2f; height:100%;}
.LayoutDiv {
	clear: both;
	/*float: left;
	margin-left: 0;*/
	width: 100%;
	display: block; display:table;
	}
/*for Google Chrome Orange border*/
input,button,select,textarea{outline:none}
textarea{resize:none}
	
/*.login_mark {width: 100%; height:94px; background:url(../images/login_mark.png) no-repeat center;}	*/
.login_mark { margin:27px auto; width: 40px; height:40px; background: url(../images/login_mark.png) no-repeat 0 0; background-size:cover;}

.login_inp { clear:both;/*margin-top: 20px;*/ border:1px solid #cfcfcf; padding-left:7px; padding-right:7px; margin-bottom:11px; background-color:#FFF;}
.login_inp input {width: 100%; height: 56px; padding:5px 10px 5px 52px; border: none; border-radius:0; background-color:#FFF; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.login_inp .log_name { border-bottom: 1px solid #e3e3e5; background:url(../images/log_name.png) no-repeat 9px center;}
.login_inp .log_pass { background:url(../images/log_pass.png) no-repeat 9px center;}

/* placeholder color */
::-webkit-input-placeholder { /* WebKit browsers */
    color: #463D2F; opacity:0.8;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #463D2F; opacity:0.8;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #463D2F; opacity:0.8;}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #463D2F; opacity:0.8;}

.remember_txt {/*float: left;*/ color: #d4d4d4; line-height: 30px; display:inline-block; font-size:14px;}
input[type="checkbox"] {display:none;}
/* Check img*/
label input[type="checkbox"] + span {
display:inline-block;
width:16px;
height:16px;
margin:0;
vertical-align:middle;
background: url(../images/check_sheet.png) left top no-repeat; background-size:35px 16px;
cursor:pointer;
}
 label input[type="checkbox"]:checked + span {background:url(../images/check_sheet.png) -20px top no-repeat; background-size:35px 16px;}

.btn_bar {margin-top: 10px; width:100%; display: table;}

.error_msg { clear:both; margin-top:19px;  margin-bottom:18px; /*min-height:55px; line-height:120%;*/ padding:18px 20px 19px 36px; color:#D12D22; font-size:16px; background:#F1D8DB url(../images/pending_icon.png) no-repeat 10px 50%; border:1px solid #D47B7B;}
.success_msg { clear:both; margin-top:19px;  margin-bottom:18px; /*height:55px; line-height:20px;*/ padding:18px 20px 19px 36px; color:#4B8C00; font-size:16px; background:#E4EED1 url(../images/success_icon.png) no-repeat 10px 50%; border:1px solid #99C250;}
/*.error_msg  { padding:0 20px 0 36px; line-height:55px;}*/
/*  chk id  */
.LayoutChk, .tablet_main {
	clear: both; padding:0 10px;
	/*margin-left: 0;*/
	width: 100%;
	display: block;
	font-size:17px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
	}
.chkid_title { padding:0 10px; width: 100%; height: 55px; line-height: 55px; color:#FFF;/* font-weight:bold; */font-size:17px; background-color:#52402A;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.chkid_title a { position:absolute; right:10px; color:#F5B16B;}
.chkid_info { padding-top:17px; font-size:17px; font-family: Arial, simsun; /*text-align:justify;*/}
.chkid_info p { margin:0;}
.chkid_info_title { padding:14px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.chkid_info ol { padding-left:0px; margin:14px 0;}
.chkid_info li { /*line-height:1.4em; */margin-bottom:16px; list-style:none;}
.login_inp_chk {margin-top: 0px; margin-bottom:0px;}
.new_id { float:left; width: 100%; height: 55px; padding:0 10px; border-color:#E2D7C3;border-right:none; color:#463D2F; border-color:#E0D4C0; border-radius:0; box-shadow:none !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
/* placeholder color */
.new_id::-webkit-input-placeholder,
input.chg_pw::-webkit-input-placeholder,
input.com_pw::-webkit-input-placeholder
 { /* WebKit browsers */ color: #463D2F !important; opacity:0.8;}
input.chg_pw, input.com_pw { margin: 0 auto 18px; height:55px; line-height:55px; width:100%; padding:0 8px; border-radius:0; box-shadow:none; color:#463D2F; border-color:#E0D4C0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.login_chk {display:inline-block;}
input.com_pw { margin-bottom:0;}
.btn_bar_chk { margin-top: 17px; width:100%; display: table;}
.login_note { clear:both; display:block; padding:0 10px; width: 100%; /*line-height:129%;*/ color:#463D2F; font-size:14px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.login_note span { color:#7B0F0F;}
.LayoutLogin {
	clear: both; padding:0; 
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
	/*margin-bottom:10px;*/
	}
/*.tdspen {display:table-cell; width:5%;}*/
.check_name {
	height: 55px; float:right; margin-top:-55px; margin-bottom:19px;
	width: 27.5%;
	background-color: #E6DDCD;
	color: #463D2F; font-size:15px;
	font-weight: 900;
	text-align: center;
	/*font-size: 15px;*/
	line-height: 55px;
	border: 1px solid #E2D7C3; border-left:none;
	text-shadow:1px 1px 2px #FAEFDC;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
}
.check_name:before  {content:" ";background: url(../images/check_name.png) no-repeat 0px 2px; width:20px; height:14px; display: inline-block;}
/*.check_name span:after {content:"..."; background: url(../images/check_name.png) no-repeat 0px center;}*/
.box_1:after { content:"..."; margin-left:-55px;}
/* ad */
/*.ad_box {margin-top: 20px; position:absolute; bottom:0;}*/
.LoginTW, .LoginCN , .LoginEN { height: 100%;  background-color: #972826;}
.LoginSet {/*background-color:#F1EADF;*/}
.login_main { font-size:17px;/*min-height: 100%; height: auto !important; height: 100%; margin-bottom:-130px;*/}
.ad_box {/*margin-top: 20px; height: 130px; */width:100%; clear:both; padding-top:19px; display:block; /*display:none;*/}
/*.push {height: 130px;}*/
.ad_img {  width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; padding:10px; /*display:none;*/}
/*.LoginTW .ad_img  { background: url(../images/photobanner_tw.jpg) no-repeat 0 0; background-size: 100%  auto;}
.LoginCN .ad_img  { background: url(../images/photobanner_cn.jpg) no-repeat 0 0; background-size: 100%  auto;}
.LoginEN .ad_img  { background: url(../images/photobanner_en.jpg) no-repeat 0 0; background-size: 100%  auto;}
*/
.chg_desk { /*padding-left:10px;padding-right:10px;*/ margin-bottom:19px; height: 55px; width: 100%; display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.chg_desk a { color: #FFF; display:block; height: 55px; line-height: 55px; text-align: center; background-color:#947852; /*background-image: url(../images/button_cancel.jpg);*/}
.desk_txt{display: inline-block;/* margin-left:35px; */}
/*.desk_txt:before {content:" "; position:absolute; margin-top:19px; margin-left:-35px; width:20px; height:18px; background:url(../images/desk_icon.png) no-repeat left;}*/
.chg_desk:lang(en) { font-weight: bold;}

.tablet_bg { width:100%; display:table-row;}
/* tablet */
@media all and (min-width: 768px)  {
	.LoginTW, .LoginCN , .LoginEN { height: 100%;  background-color: #bd2527;}
	.tablet {background-color:#ab0e10;; text-align:center;}
	.tablet_bg {display:inline-block; }
	.login_mark { margin:27px auto; width: 72px; height:72px; background:url(../images/login_mark.png) no-repeat center; background-size:cover;}	
	.language {display:inline-block; width:106px ; background-color:transparent;font-size:16px;}
	.language_selected {width:106px ;display:inline-block;font-size:16px;}
	.tablet_main  { width:358px; margin:0 auto 20px;background-color:#bd2527;;
	clear: both; padding:19px;
	display: block;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
	}
	.ad_box { width:358px; margin:0 auto;}
	.ad_img { padding:0;}
	.tablet_main * {font-size:16px;}
}


.login_btn {
	height: 55px;
	line-height: 55px;
	background-color: #d95850;
	color: white;
	text-align: center;
	width: 100%;
	display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
	margin-top:10px;
}


.desktop-btn {
    color: #fff;
    /* background-color: #0585c6; */
    /* box-shadow: inset 0 0 0 1px #27496d; */
    cursor:pointer;
    /* border-radius: 10px; */
    padding:10px 10px 10px 10px ;
    border: 1px #fff solid;
    background: transparent;
		

}
.try_btn {
	height: 55px;
	line-height: 55px;
	background-color: #FFAB3E;
	color: white;
	text-align: center;
	width: 100%;
	display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
	margin-top:10px;
}