.wrapheightconf {
    background-image: none;
    background-repeat: no-repeat;
}
/***   背景     樣式          ***/
.login-bg {
	background-image: url('../../Image/login_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 0!important;
}
.login-bg .page-wrapper {
	background-color: transparent;
    padding-top: 50px;
}

/***    登入     大框      樣式       ***/
.login-frame {
	width: 100%;
    height: auto;
	background-image: url('../../Image/login_frame_bg.jpg');	
	background-repeat: repeat;
}

/***    logo   樣式      ***/
.login-logo {
	padding: 10px 0;
	border-bottom: 1px solid #f20000;
}
.login-logo-img {
	margin: 0 auto;
}

/***    登入區      樣式      ***/
.login-box {
    padding: 40px;
}

/***    切換 tab 按鈕   樣式        ***/
.login-tab-btn {
	display: inline-block;
    color: #ffffff;
    background-color: #f20000;
    padding: 5px 27px;
	border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
.login-tab-btn:hover,
.login-tab-btn:focus {
	color: #272727;
    background-color: #ffffff;
    text-decoration: none;
}
.login-tab-btn.sel {
	color: #272727;
    background-color: #ffffff;
}
.login-tab-btn i {
    font-size: 20px;
    margin-right: 10px; 
}
/***    登入區     tab  樣式        ***/
.login-item {
	display: none;
	background-color: #ffffff;
    width: 100%;
    height: auto;
    padding: 40px 40px 20px 40px;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
}
.login-item.sel {
	display: block;
}
.item-enter-form {
	margin: 0;
}
.form-item {
	position: relative;
	width: 100%;
	height: 40px;
    margin-bottom: 15px;
}
.form-item:after {
	content: '';
	display: block;
	clear: both;
}
.form-item > label {
	float: left;
	position: relative;
	color: #272727;
	text-align: left;
	font-size: 13px;
	margin: 0;
	width: 23%;
	height: 40px;
    line-height: 40px;
}
.form-item > input {
	float: left;
	position: relative;
    background: #ffffff;
    height: 40px;
    width: 77%;
    font-size: 13px;
    padding: 6px 8px;
    padding-right: 40px;
    border: 1px solid #ccc;
    color: #272727;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.form-item > input:focus {
    outline: 0;
    border-color: #999999;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.form-item > i {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: #272727;
}

/***    登入區    qr  tab  樣式        ***/
.item-qr-img {
	display: none;
    width: 220px;
    height: 240px;
    margin: 0 auto 20px;
}
#qr_mobile_img img {
	width: 100%;
}
.item-qr-img.sel {
	display: block;
}
.qr-box {
	float: left;
	width: 50%;
    margin-top: 5px;
	text-align: center;
}
.qr-icon-bg {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #272727;
    background-color: #dedede;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 7px;
}
.btn-qr {
    display: inline-block;
    color: #272727;
    position: relative;
}
.btn-qr:hover,
.btn-qr:focus {
	color: #272727;
	text-decoration: none;
}
.btn-qr:before {
    content: '\e9ac';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    width: 14px;
    display: inline-block;
    position: relative;
    left: 0;
}
.btn-qr.sel:before {
    content: '\e9ab';
}
.status_browser,
.status_succ,
.status_fail {
    padding: 2px 0;
	position: relative;
    color: #272727;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}
.item-qr-img .icon-ok-circled {
	color: #70b838;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}
.item-qr-img .icon-attention-circled {
	color: #e18c6d;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}
.info {
    text-align: center;
    font-size: 12px;
    color: #272727;
}
.info p,
.info h4{
	font-size: 12px;
    margin: 0;
}
/***    驗證碼       樣式     ***/
.form-item.form-captcha > input {
	width: 40%;
}
.form-item.form-captcha > i {
	right: 37%;
}
.form-item > img {
	float: left;
    width: 60px;
    height: 40px;
    margin-left: 5px;	
}

/***    登入按鈕         樣式      ***/
.btn-login {
    width: 100%;
	background-color: #f20000;
    border-color: #ff4949;
}

/***   試玩 & 客服       樣式       ***/
.other-box {
	color: #272727;
    background-color: #e9e9e9;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    padding: 0 10px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.btn-test {
	float: right;
}
.btn-test:hover,
.btn-test:focus {
    text-decoration: none;
}
.btn-test > i {
	font-size: 18px;
}
.login-info{
    margin-top: 15px;
    text-align: center;
    color:#f40400;
}

/***   line  樣式     ***/
.login-line {
	width: 100%;
	height: 1px;
	margin: 8px 0;
	background: #adadad;
	background: -moz-linear-gradient(left,  transparent 0%, #adadad 25%, #adadad 75%, transparent 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,transparent), color-stop(25%,#adadad), color-stop(75%,#adadad), color-stop(100%,transparent));
	background: -webkit-linear-gradient(left,  transparent 0%, #adadad 25%, #adadad 75%, transparent 100%);
	background: -o-linear-gradient(left,  transparent 0%, #adadad 25%, #adadad 75%, transparent 100%);
	background: -ms-linear-gradient(left,  transparent 0%, #adadad 25%, #adadad 75%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, #adadad 25%, #adadad 75%, transparent 100%);
}



/***    畫面     低於     480    ***/
@media all and (max-width: 480px) {
	.login-box {
	    padding: 40px 10px;
	}
	.login-item {
		padding: 40px 10px 20px 10px;
	}
	.login-bg .container,
	.login-bg .login-col {
		padding: 0;
	}
	.login-bg .row {
		margin: 0;
	}
	.login-tab-btn {
    	padding: 5px 14px;
	}
}