@charset "UTF-8";
/* gl- = Go login prefix ======================================= */
body { background:#ededed; font-family:"Segoe UI","Helvetica Neue",Arial, Helvetica, sans-serif}
a {-webkit-transition:color 0.4s ease-in;   -moz-transition:color 0.4s ease-in;   -o-transition:color 0.4s ease-in;   transition:color 0.4s ease-in;   } 
.right {float:right}
.left {float:left}
.bold {font-weight:bold}
ul {list-style:none}

.clear {clear:both}
.expand {display:table}

.gl-martop-14 {margin-top:14px}
.gl-martop-12 {margin-top:12px}
.gl-marbottom-20 {margin-bottom:20px}
.gl-marbottom-10 {margin-bottom:10px}

.gl-txt-14 { font-size:13px; color:#a3a3a3}
.gl-txt-12 { font-size:12px; color:#a3a3a3}
.gl-color-primary {color:#059eed}


.gl-wrapper {width:940px; margin:34px auto 0 auto;}
.gl-outer {background:#ededed; padding:16px; display:table; margin:34px auto 0 auto}
.gl-centerform { width:340px; marign:auto; display:table}





/* GO Login Left col =======================================*/
.gl-login-left {width:524px; float:left;}
.gl-login-right { width:384px; float:right}
.gl-login-info { padding-left:18px}
.gl-headline {font-size:36px; color:#585b5c; width:360px; line-height:42px; margin-top:0px; font-weight: 500; margin-bottom:10px}
.gl-list-go-service {width:360px; list-style:none; margin-top:18px}
.gl-list-go-service li {float:left; margin-right:10px}
.gl-list-go-service li a {display:block; height:48px}
.gl-list-go-service li a img {height:48px}
.gl-link-grey-under { font-weight:bold; font-size:14px; color:#a3a3a3; text-decoration:underline}
.gl-login-vtc {background:url(../img/bg_login_vtc.png); width:524px; height:204px; margin-top:60px; padding-left:18px; padding-top:22px}
.gl-login-vtc .gl-txt-14 {color:#797979}
.gl-bg-list-vtcgame {background:url(../img/bg_lst_game.png); display:block;width:409px; height:116px}
.gl-btn-primary, input[type=button].gl-btn-primary, button.gl-btn-primary { background:#0b8fd3; border:1px solid #055680;   color:#fff;  font-weight:bold; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-transition:background 0.4s ease-in;   -o-transition:background 0.4s ease-in;   transition:background 0.4s ease-in; text-shadow:0 1px 0 #000000; padding:14px; display:block; text-align:center ; font-size:18px; }
.gl-btn-primary:hover { background:#054668; color:#fff}
.gl-btn-small {padding:10px !important;display:table !important;font-size:13px !important; }





/* GO Login Right col =======================================*/
.gl-login-box { width:374px; /*height:515px;*/ background:#f5f5f5; margin-left:10px; border:1px solid #b9b9b9;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);-moz-box-shadow:    0px 5px 5px rgba(0, 0, 0, 0.16);box-shadow:         0px 5px 5px rgba(0, 0, 0, 0.16); padding:16px; display:table}
.gl-login-box-header {font-size:18px; font-weight:500; color:#585b5c; background:url(../img/bg_login_box_header.png); height:42px; padding-top:10px; margin-bottom:20px}
.gl-form-alert {width:340px;  display:table; float:right; padding:10px;color:#fff; font-size:12px; font-weight:bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.gl-form-success  {background:#6ea70c;}
.gl-form-warning {background:#aa0000; }
.gl-form-input {display:table}
.gl-form-input input {padding:10px; height:52px; line-height:32px; width:340px; font-weight:400; font-size:18px; margin:0 0 10px 0}
input[type=checkbox].css-checkbox {display:none;}
input[type=checkbox].css-checkbox + label.css-label {padding-left:34px;height:30px; display:inline-block;line-height:28px;							background-repeat:no-repeat;background-position: 0 0;font-size:14px;vertical-align:middle;cursor:pointer; color:#8a8a8a}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0px -40px;	}
.css-label{	background-image:url("../img/bg_css_checkbox.png"); background-repeat:no-repeat	}	
.gl-link-primary { font-size:14px; font-weight:bold; color:#0b8fd3}
.gl-link-primary:hover { text-decoration:underline; color:#49befa}
.form_bottom_dv1_sp2 .gl-link-primary { height:30px; line-height:30px}
.gl-login-captcha {margin:0 0 10px 0; clear:both; display:table; color:#8a8a8a; font-size:13px}
.box_captcha {margin:10px 0 0 0}
.box_captcha .box_captcha_dv1 { width:140; height:42px; line-height:42px; background:#fff; margin-right:10px; border:1px solid #bcbcbc}
.box_captcha .box_captcha_dv2 input {height:42px; font-size:16px;}
.btn-signup  {padding-top:30px; clear:both; display:block}
.gl-btn-signup { padding:10px 14px; background:#349709; border:1px solid #246608}
.gl-btn-signup:hover {background:#1c5603}
.col_reg_sp3 {}
.btn_social {list-style:none; display:table; margin-bottom:0}
.btn_social li {margin-right:10px; float:left}
.btn_social li a { /*width:45px; height:43px;*/ display:block}
.btn_social li a.btn-fb {background:url(../img/logo_f.png) }
.btn_social li a.btn-g  {background:url(../img/logo_g.png) }
.btn_social li a.btn-y  {background:url(../img/logo_y.png) }
.btn_social li a.btn-vtcid{background: url(../img/logo_vtcid.png);}
/* GO Forgotpass ======================== */
.gl-centerform .gl-headline { font-size:24px; margin-bottom:10px; width:340px;background:url(../img/bg_login_box_header.png);}	
.gl-form-signup span.username,.gl-form-signup span.password, .gl-form-signup span.email {overflow:hidden; clear:both}
.gl-form-signup input {float:left}
.box_agree {margin-bottom:20px}
.box_agree div:nth-child(1) {width:28px; float:left; margin-right:8px}
.box_agree div:nth-child(2) {font-size:14px; line-height:14px; color:#8b8a8a}
.box_agree div:nth-child(2) a {display:inline-block; color:#0b8fd3; font-weight:bold}
.form_captcha2 {clear:both; display:table}
.form_captcha2 span {float:left}
.form_captcha2 .input_captcha input {width:160px; height:52px;font-weight:400; font-size:18px; margin:0 0 10px 0; }
.form_captcha2 .pic_captcha {width:126px; height:52px}
.form_captcha2 .pic_captcha img {width:126px}
.form_captcha2 .reload_captcha a { display:block; background:url(../img/bg_reload_captcha.png); width:28px; height:28px; margin:6px 0 0 6px}
.form_captcha2 .reload_captcha a:hover {background-position:-28px 0}
.check-ok, .check-error, .check-loading {position:relative; float:right; overflow:hidden !important; margin-top:-52px; right:4px;width:32px; height:32px; display: block}
.check-ok {background:url(../img/check.png); }
.check-error {background:url(../img/delete.png);}
.check-loading {background:url(../img/ajax-loader.gif);}

.footer {background:#333333; padding:10px 0; text-align:center; color:#b2b2b2; font-size:12px; margin-top:30px }
.footer .copyright span {clear:both; display:block; line-height:14px; height:20px}

.goid_1_4_footer {
bottom: 0;
position: fixed;
width: 100%;
}
ul.TabPageLogin {
height: 50px;
padding: 10px 10px 30px 10px;
margin: 0;
overflow: hidden;
background: #0b8fd3;
 
}
ul.TabPageLogin li {
display: inline;
padding: 0;
line-height: 28px;
font-weight: bold;
font-size: 18px;
}
ul.TabPageLogin li a:link, ul.TabPageLogin li a:visited {
display: block;
padding: 4px 20px 10px 20px;
text-decoration: none;
text-align: center;
float: left;
color: #FFF;
margin: 0 20px 0 0;
text-shadow: 0 1px 0 #000;
font-weight: bold;
}
ul.TabPageLogin li.Active a:link,  ul.TabPageLogin li.Active a:visited,  ul.TabPageLogin li.Active a:hover {
cursor: pointer;
text-decoration: none;
background: #ededed;
border: 1px solid #055680;
color: #000;
font-weight: bold;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-transition: background 0.4s ease-in;
-o-transition: background 0.4s ease-in;
transition: background 0.4s ease-in;
text-shadow: 0 1px 0 #fff;
padding: 7px 14px 14px 14px;
display: block;
text-align: center;
font-size: 18px;

}
.gl-centerform-header { width:372px; marign:auto; display:table}
.btn_social {list-style:none; display:table; margin-bottom:0}
.btn_social li {margin-right:10px; float:left}
.btn_social li a { width:45px; height:43px; display:block}
.btn_social li a.btn-fb {background:url(../img/logo_f.png) }
.btn_social li a.btn-g  {background:url(../img/logo_g.png) }
.btn_social li a.btn-y  {background:url(../img/logo_y.png) }