body
{	font-family:Tahoma, Geneva, sans-serif; font-size:12px;	margin:0px;	padding:0px;color:#717171;	background:#FFF;	min-width:260px;	}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, th, td {
    margin: 0;    padding: 0;}
a{	text-decoration:none;	outline:none;	border:none; color:#444}
a:hover,a:focus,a:visit, a:click{outline:none; border:none; background: transparent}
a img{	outline:none;	border:none;}
.container{	width:100%;	min-height:10px;	clear:both;		margin:auto;	position:relative;		overflow:hidde;}
#wrapper{	width:100%;	min-height:500px;	clear:both;	}
#wrapper .top-bar{	width:100%;	height:80px;		clear:both;	background:#5ea8de;	position:absolute;	z-index: -1;}
#wrapper .container-con{	min-height:10px;	clear:both;		margin: auto;}
#wrapper #header{	position:relative;width:100%;	height:80px;	clear:both;	}
#wrapper #header .logo{	float:left;	width:25%;	height:inherit;	background:url(https://id.vl2tpk.com/images/logotpk.png) no-repeat center center;}
#wrapper #header .logo a{width:100%;height:inherit;display:inline-block}
#wrapper #header #menu-web{height:inherit}
#wrapper #header .menu-top{	width:auto;	height:inherit;		float:left;} 
#wrapper #header .menu-top .menu-top-ul{	width:100%;	height:inherit;	list-style:none;	float:left;}
#wrapper #header .menu-top .menu-top-li{min-width:1px;	height:inherit;	float:left;position:relative;color:#fff;		font: bold 13px Tahoma;	padding:0 1px;	text-transform:uppercase;     line-height: 80px;}
#wrapper #header .menu-top .menu-top-li > a{    vertical-align: middle;    display: table-cell; width:100%; height:inherit; font-weight:bold;	color:#fff;		font: bold 13px Tahoma;	}
#wrapper #header .menu-top .menu-top-li > a:hover{	text-decoration:underline;}
#wrapper #header .menu-top .menu-top-li .sub-menu,#wrapper #header .menu-ul .menu-li .sub-menu{width:270px;height:auto;background:#dfdfdf;position:absolute;top:67px;border:1px solid #c2c2c2;display:none;z-index:5}
#wrapper #header .menu-ul .menu-li .sub-menu{top:30px}
#wrapper #header .menu-top .menu-top-li .sub-menu:before,#wrapper #header .menu-ul .menu-li .sub-menu:before{ -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    border-color: transparent transparent #dfdfdf;    border-image: none;    border-style: solid;    border-width: 5px;    content: "";    display: block;    margin-left: 10px;    position: absolute;    top: -10px;}
#wrapper #header .menu-top .menu-top-li .sub-menu .sub-menu-ul,#wrapper #header .menu-ul .menu-li .sub-menu .sub-menu-ul{width:100%;height:100%;list-style:none}
#wrapper #header .menu-top .menu-top-li .sub-menu .sub-menu-li,#wrapper #header .menu-ul .menu-li .sub-menu .sub-menu-li{width:97%;padding:3px 5px;min-height:18px;line-height: 15px;text-transform:none;}
#wrapper #header .menu-top .menu-top-li .sub-menu .sub-menu-li:hover,#wrapper #header .menu-ul .menu-li .sub-menu .sub-menu-li:hover{background:#c2c2c2;text-transform:none}
#wrapper #header .menu-top .menu-top-li .sub-menu .sub-menu-li a,#wrapper #header .menu-ul .menu-li .sub-menu .sub-menu-li a{color:#000}
#wrapper #header .menu-ul .menu-li .sub-menu .sub-menu-li a{color:#000;text-transform:none}
#wrapper #header .user-info{	width: auto;	height:inherit;	float:right;}
#wrapper #header .user-info .user-info-ul{	width: 100%;	height:inherit;		list-style :none;	}
#wrapper #header .user-info .user-info-ul .user-info-li{	min-width: 1px;	height:inherit;	float:right;padding: 0 5px;	font: 13px Tahoma;	color:#fff;	line-height:80px;}
#wrapper #header .user-info .user-info-ul .user-info-li .user{	background:url(../images/icon.png) no-repeat;	width:23px;	height: 28px;	display:inline-block;position:relative;	top: 12px;}
#wrapper #header .user-info .user-info-ul .user-info-li .history{	background:url(../images/icon.png) no-repeat -3px -54px ;	width:24px;	height: 25px;	display:inline-block;		position:relative;	top: 12px;}
#wrapper #header .user-info .user-info-ul .user-info-li .exit{	background:url(../images/icon.png) no-repeat -3px -107px ;	width:20px;	height: 25px;	display:inline-block;		position:relative;	top: 12px;}
#wrapper #header .user-info .user-info-ul .user-info-li a{	font: 13px Tahoma;	color:#fff;}
#wrapper #header .user-info .user-info-ul .user-info-li{}
#wrapper #header .menu{width:100%;min-height:100px;position:absolute;top:100px;right:0;display:none;z-index:5}
#wrapper #header .menu-ul{width:100%;height:inherit;background:#fdaf3a ;list-style:none;}
#wrapper #header .menu-ul .menu-li{height:20px; color:#fff;line-height:25px;padding:5px 20px;position: relative}
#wrapper #header .menu-ul .menu-li:hover{background:#FF772E}
#wrapper #header .menu-ul .menu-li a{color:#fff;text-transform:uppercase;font-weight:bold;width:100%;height:100%;display:inline-block;}
#wrapper #header .subcareli {display:none;cursor:pointer;background:url(../images/iconB.png) no-repeat  0px -101px;width:60px; height:70px;content: "";position:absolute;left:15px;}
#wrapper #header .subcareli.show{background:url(../images/iconB.png) no-repeat left -159px;}
.block{width:100%; height:auto;display:flex;    flex-wrap: wrap;}

#wrapper #header .search-box {width:100%; height:auto; box-shadow:1px 1px 5px #999;background:#fff; position:absolute; top: 55px; left:0px; z-index:15; display:none; }
#wrapper #header .search-box  .search-form{display:none;}
#wrapper #header .icon-search
{
    cursor: pointer;
    background: url(../images/search.png) no-repeat center;
    width: 60px;
    height: 70px;
    content: "";
    position: absolute;
    right: 0px;
top:-61px;
}
#wrapper #header .search-box .form_input_grp
{
    width:100%;  padding-left:15px;
    padding-right:15px;
}

#wrapper #header .search-box .form_input_grp .form_input_wrapper .input-text.account {
   border-radius: 0;
    text-indent: 5px;
    -webkit-border-radius: none;
    color: #212121;
    width: calc(100% - 30px);
    height: 35px;    
    border: none;  
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #fff;
    margin-top:15px;
}
#wrapper #header .search-box .search-result
{
     width:calc(100% - 30px);  padding-left:15px;
    padding-right:15px;
}
#wrapper #header .search-box .search-result .list-ul
{
    list-style:none;
}
#wrapper #header .search-box .search-result .list-ul .list-li
{
    padding:5px 0;
}
#wrapper #header .search-box .search-result .list-ul .list-li span{float:right; color:#ccc; font-style:italic}


/**********************************main********************************/
.wrap{display:flex; flex-wrap:wrap}
#wrapper #main{	width:100%;	min-height:700px;	clear:both;margin:auto; margin-bottom:40px}
#wrapper #main .banner{	width:100%;	height:300px;}
#wrapper #main .mainbox{ width:100%;clear:both}
#wrapper #main .list-game{margin:0px;padding:0px;min-height:100px; margin-bottom:20px;clear:both; }
#wrapper #main .list-game .box-game{width : calc(25% - 23px); position:relative;	cursor:pointer;	float:left; margin-top:20px; margin-right:30px; }
#wrapper #main .list-game .box-game:nth-child(4n){ margin-right:0px;}
#wrapper #main .list-game .box-game .game{height: auto;	outline:1px solid #b8b6b0; border:7px solid #dfdfdf; padding:10% 0;background:#dfdfdf}
#wrapper #main .list-game .box-game:hover .game{background: #fff; border:7px solid #5ea8de;outline:1px solid #5ea8de;}
#wrapper #main .list-game .game .con-image{width:100%;height:auto; clear: both; border-radius:10px; overflow:hidden}
#wrapper #main .list-game .game .con-image a{width:100%; height:100%; display:block;position:relative;z-index:10}
#wrapper #main .list-game .game .con-image img{  display: table; margin: auto;max-width:165px;max-height:165px;}
#wrapper #main .list-game .box-game .con-name{width:100%; padding:5% 0; text-align :center; clear: both;}
#wrapper #main .list-game .box-game .con-name a{width:100%;height:inherit;display:inline-block;color:#4376a6;text-transform:uppercase; font-size:15px;}
#wrapper #main .list-game  .point{width:43px; height:35px;background:url(../images/bg_game.png) no-repeat center; position:absolute; left: calc(50% - 21px); top: -17px; display:none; }
#wrapper #main .list-game .game:hover .point{display:block}

#wrapper #main  .form{width:320px;height:auto;clear:both;margin:auto;}
#wrapper #main  .form_input_grp{    clear:both; }
#wrapper #main  .form_input_grp .form_input_wrapper{ min-height:30px;margin: auto;    position: relative;    width: 100%; height:auto;display:table;clear:both;}
#wrapper #main  .form_input_grp .form_input_wrapper p{color:#d72e02;padding:10px 0;}
#wrapper #main  .form_input_grp .form_input_wrapper .input-text{border-radius: 0 ;text-indent:5px;-webkit-border-radius:none;color:#212121;width:100%;height:35px;background:#9f9f9f;border:none;text-align:center;margin-bottom:10px;}
#wrapper #main  .form_input_grp .form_input_wrapper select.input-text{text-align:center;}
#wrapper #main  .form_input_grp .form_input_wrapper .input-text-captcha {    vertical-align: top;    width: 98%; }
#wrapper #main  .form_input_grp .form_input_wrapper .img-capcha {    width: 100%; float:right}
#wrapper #main  .form_input_grp .form_input_wrapper label{padding:5px 0 10px; display:block}
.list-character{}
#wrapper #main  .form_input_grp .form_input_wrapper .item-char{text-align:center;padding:10px 0; border: 1px solid #ccc; width:calc(33% - 11px); float:left; margin-right:15px; margin-bottom:10px;}
#wrapper #main  .form_input_grp .form_input_wrapper .item-char:nth-child(3n){ margin-right:0px;float:right}
#wrapper #main  .form_input_grp .form_input_wrapper .item-char input[type=radio]{display:none;}
#wrapper #main  .form_input_grp .form_input_wrapper .item-char.select,#wrapper #main  .form_input_grp .form_input_wrapper .item-char:hover{border:1px solid #5ea8de; background-color:#5ea8de;color:#FFF; font-weight:bold}


.form_input_wrapper a{color:#717171;padding:10px 0;display:inline-block}
.form_input_wrapper a:hover{color:#d72e02}
#wrapper #main  .btn-pri{height:40px;line-height:40px;background:#fdaf3a;border:none;color:#513915;padding:0 15px ;font-size:15px; text-align:center;display:inline-block; }
.btn-success{background-color:#5ea8de !important;line-height:40px;font: 400 13.3333px Arial;    align-items: flex-start;
    text-align: center;
    cursor: default;padding:11.5px 0; height:auto !important}
#wrapper #main  .btn.width50{width:98%; background:#fdaf3a}
.form_input_grp .line{padding-bottom:5px; display:flex;}

#wrapper #main  .hello{ width:100%;height: 90px;text-align:center;font-size:14px; font-weight:bold;margin-top:30px;}
#wrapper #main  .title{width:50%;height:60px;background:url(../images/title.png) no-repeat center; margin:auto;}

.other_login{width:auto;display:inline-block}
#wrapper #main .other_openid{width:100%;height:30px; margin: 20px 0;text-align:center;}
#wrapper #main .other_openid .f{width:68px;height:49px;float:left;background:url(../images/openID.png) no-repeat; text-indent: -9999px;}
#wrapper #main .other_openid .g{width:68px;height:49px;float:left;background:url(../images/openID.png) no-repeat -83px 0 ; text-indent: -9999px;}
#wrapper #main .other_openid .duo{width:68px;height:49px;float:left;background:url(../images/openID.png) no-repeat -167px 0; text-indent: -9999px;}



#wrapper #main .table{  margin: 0 auto;    width: 100%; border-left:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e}
#wrapper #main .table tr{height:25px;text-align:center;border:none;color:#000}
#wrapper #main .table tr td{border-right:1px solid #9e9e9e;}
#wrapper #main .table tr td:last{border-right:none}
#wrapper #main .table .td_header {    background-color: #5298da;font-weight: bold; text-align: center;	color:#fff;}
#wrapper #main .table .td_data2 {    background-color: #fff;    line-height: 20px;    padding: 2px;    vertical-align: middle;}
#wrapper #main .table .td_data1 {    background-color: #d6e9fb;    line-height: 20px;    padding: 2px;    vertical-align: middle;}
#wrapper #main .padding{color:#d72e02;text-align:center;font-size:13px; font-weight:bold;margin:20px 0;}
#wrapper #main .padding a {color:#d72e02;font-size:13px; font-weight:bold;}
#wrapper #main .padding a:hover{color:#b9bd47}

#wrapper #main  .title-game{width:100%;height:140px;background:url(../images/bg_t.png) no-repeat; margin-top:40px}
#wrapper #main  .image{width:100px;height:100px; margin-left: 50px;float:left}
#wrapper #main  .image img{width:100%;height:auto;margin-top:23px;}
#wrapper #main .name{width: 50%;float:left;height:100%;text-indent:25px;line-height:50%;font-weight: bold;font-size: 18px;vertical-align: middle;display: flex;align-items : center;}
#wrapper #main .con-balence{color:#444;width:50%;height:30px;clear:both; display: table;float:right}
#wrapper #main .con-balence a{height:20px !important;}
#wrapper #main .balence{height:30px;color:#d72e02;font-weight:bold; text-indent: 30px;float:right;}
#wrapper #main .balence span,.character span{text-transform:none;font-weight:none;color:#444;  }
#wrapper #main .rechange-gosu{float:right;width:25px;height:25px;display:table;background:url(../images/iconB.png) no-repeat 4px -46px ;color:#fff;text-align:center;vertical-align: middle;display:inline-block;line-height:30px;}
#wrapper #main .con-orderinfo{width:100%;height:auto;color:#d72e02; text-transform:uppercase;margin-top:20px;clear:both}
#wrapper #main .con-orderinfo .server{width:50%;float:left;text-indent:30px;}
#wrapper #main .con-orderinfo .input-select{width:250px;height:25px;text-transform:none;}
#wrapper #main .con-item{width:99.8%;height:100px;border: 1px solid #d7d7d7;margin-top:20px;clear: both;}
#wrapper #main .ImageIcon{width:138px;height:auto;float:left;margin:13px;float:left;}
#wrapper #main .name-item{width:35%;height:100%;float:left; height: 46%; padding: 27px 0;}
.nitem{display: table-cell; text-indent: -3px;text-transform:none;width:100%;height:100%;vertical-align:middle;}
#wrapper #main .buy{width:45%;float:right;height:38%;padding: 31px 0;}
#wrapper #main .amount{float:right;width:160px;height:35px; margin-right:20px; border:1px solid #898989;background:url(../images/gosuCoin.png) no-repeat 135px center #ebebeb;border-radius:none; text-align:right;line-height:35px;text-indent:30px;direction: rtl;}
#wrapper #main .send{width:100px;height:37px; font-size:14px; margin-right:20px;background:url(../images/changeicon.jpg) no-repeat 62px 2px #d72e02;border:none;color:#fff;float:right; }

#wrapper #main .menu-choice{width:100%;height:90px; margin: 20px 0;}
#wrapper #main .menu-choice .menu-choice-ul{width:680px;height:90px;list-style:none;margin:auto;}
#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li{width:50%;height:auto;float:left;}
#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li:last-child{float:right}
#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li:last-child img{float:right}
#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li.card{background:url(../images/nap.png) no-repeat;}
#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li.atm{background:url(../images/nap.png) no-repeat  -406px 0;}
#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li:hover img,#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li.active img{width:99%;border:2px solid #000;height:88px;width:311px}
#wrapper #main  .heading1{position:relative;margin-top:20px;color:#717171; font-size:15px; text-transform:uppercase;  font-weight:bold ; border-left:8px solid #f9c406;padding:10px 0 10px 0px; background:url(../images/bg_line.png) repeat-x center;}
#wrapper #main  .heading1 span{background:#fff;padding:0 13px 0px 7px; background:url(../images/dot.png) no-repeat center right #fff;}
#wrapper #main .heading1 a{background:#fff}
#wrapper #main .header1{width:100%;height:25px; color:#444;text-indent:  20px;border-bottom: 1px solid #e3e2e2;background:url(../images/icon.png) no-repeat -301px 0;font-size:12px; font-weight:bold; line-height: 24px;margin: 10px 0; padding:4px 0}
#wrapper #main .header2{margin:5px 0 ;width:100%;height:25px; color:#444;text-indent: 5px;border-left:5px solid #f9c406;text-transform: none; line-height: 24px; font-weight: bold;}
#wrapper #main .header1 a{ color:#444;}
#wrapper #main .header1.home{background:url(../images/iconB.png) no-repeat 0px -1px}
#wrapper #main span.next {width:5px;height:10px ;display:inline-block;background:url(../images/iconB.png) no-repeat -2px -32px #FFF;padding:0px 4px;display:inline-block}
#wrapper #main span.none{background:#fff;padding:0px 7px 0px 5px}
#wrapper #main .heading1 span.icon-colap{cursor:pointer;float:right;position:absolute; text-align:center;width:20px; height:20px;right:0px; top:-5px; background:none;padding:0px; font-size:20px;}
#wrapper #main .heading1 span.icon-colap.open:after{content:"-"; color:#aeacac}
#wrapper #main .heading1 span.icon-colap.close:after{content:"+"; color:#aeacac}




#wrapper #main  .heading3{color:#717171;font-style:italic; font-weight:bold;padding-bottom:10px;}
#wrapper #main .list-pay{width:100%;padding:20px 0;display:flex;flex-wrap: wrap;}
#wrapper #main .list-pay .pay-item{width:calc(20% - 12px);padding: 15px 0;float:left;max-height:105px; text-align:center; background-color:#FFF; outline:1px solid #a9b8c6; border: 6px solid  #FFF;position:relative;}


#divPricesList{padding-bottom:20px}
#wrapper #main .list-pay .pay-item:nth-child(5n){margin-right:0px}
#wrapper #main .list-pay .pay-choice{width:100%;clear:both;padding:5px 0;color:#4376a6; text-transform:uppercase;font-weight:bold;overflow:hidden}
#wrapper #main .list-pay .pay-choice a{color:#4376a6; line-height:18px;height:auto}
#wrapper #main .list-pay .pay-choice input[type=radio]{display:none;}
#wrapper #main .list-pay .pay-item:hover,#wrapper #main .list-pay .pay-item.choice{cursor:pointer; border: 6px solid #5ea8de;  background-color:#ebecef;  outline:1px solid #5ea8de}
#wrapper #main .list-pay .pay-item:hover .point,#wrapper #main .list-pay .pay-item.choice .point{display:block}


#wrapper #main .pmcinfo{width:calc(100% - 10px);clear:both;padding:7px 0px 7px 10px;background: #5ea8de;box-shadow:1px 1px 1px #bbb; margin:5px 0; color:#fff; margin:auto; text-align:center}
#wrapper #main .pmcinfo.w50{width:calc(50% - 10px)}
.box-buttom-center{width:30%; margin-top:20px;margin-left:auto;margin-right:auto}

#wrapper #main .box-card{display:flex; flex-wrap: wrap;}
#wrapper #main .card-item{width:calc(32.333% - 5px);height:auto;overflow:hidden;margin-right:10px;float:left;margin-bottom:9px; padding:4px 0}

#wrapper #main .card-item input[type=radio]{margin-top:-50px;vertical-align:middle}
#wrapper #main .card-item:nth-child(3n){margin-right:0px;}
.box-form{width:90%;margin-right:auto;margin-left:auto;}
.bankUL{list-style:none;}
ul.bankUL li {
    display: block;
    float: left;
    padding: 2px 0 0 2px;
    font-weight: 700;
    position: relative;
}
#wrapper #main .card-item.disabled{opacity:0.5;position:relative}
#wrapper #main .card-item.disabled .dis{    width: 91%;
    display: block;
    position: absolute;
    top: 30%;
    text-align: center;
    color: #fff;
    background: red;
    padding: 5px 0;}
.Promo{width:100%;padding:10px 0 10px 0;text-align:center; font-size:18px;background:url(../images/bg_line.png) repeat-x center; font-family:Myriad Pro;margin-top:10px}
.openID{background:url(../images/bg_line.png) repeat-x center;padding:5px 0; margin-bottom:15px;clear:both;}
.openID span{background:#FFF;padding:0px 5px; text-transform:uppercase}
.Promo span{background:#ebebeb;padding:0px 10px;}
.line{padding:0 0 0px 0; clear:both; float:right;width:100%; position:relative;}
.text-right{text-align:right}
.text-left{text-align:left !important}
.img_bank {
    vertical-align: middle;
    border: 0 none;
}
.showme{display:block;}
.hidenmobile{display:block;}
.Uname{max-width:110px;overflow:hidden;max-height:20px}
#divPricesList table{width:80%;border: 1px solid #252525;text-align:center;border-collapse:collapse}
#divPricesList table td{padding: 5px;border: 1px solid #252525}
#divPricesList table tr.tit{font-weight:bold;background-color:#5298da;color:#fff}
#divPricesList table tr:nth-child(2n){background-color:#d6e9fb}
.content{padding-bottom:20px; width:100%}
.content > p {padding:10px 0;}
.content > ul{ margin-left:20px;}
.content > ul > li{padding:5px;} 
.selprice-ul{list-style:none;list-style-type:none; margin:auto;width:100%;clear:both;padding:5px 0;overflow:hidden}
.selprice-ul .selprice-li{ display: table;color:#444;list-style:none;font-weight:bold;font-size:11px;list-style-type:none;text-align:center;width: 49.7%;    height: 44px; float: left;    background: #fff;position: relative; vertical-align:middle; display: table-cell; margin: 0 -1px -1px 0;z-index: 0;cursor: pointer;zoom: 1;border: 1px solid #ccc; display: table;}
.selprice-ul .selprice-li:hover,.selprice-ul .selprice-li.select{background:url(../images/choicebg.png) no-repeat right 11px #f1ece9;border:1px solid #d72e02;    margin: 0 -1px -1px 0;cursor: pointer;z-index: 1;}
.check { background:#fff;border: 1px solid #898989;border-radius: 100%;    display: block;    height: 10px; right: 2px;position: absolute; top: 28px;transition: border 0.25s linear 0s;    width: 10px;    z-index: 5;}
.check::before {  display: block;  position: absolute;	content: '';  border-radius: 100%;     height: 8px;    width: 8px;    top: 1px;    left: 1px;  margin: auto;	transition: background 0.25s linear;	-webkit-transition: background 0.25s linear;}
input[type=radio]:checked ~ .check {    border: 1px solid #898989;}
input[type=radio]:checked ~ .check::before{  background: #d72e02;box-shadow: 0px 0px 5px #898989}
.selprice-ul .selprice-li input {    display: none;}
.AmountTitle {    border-bottom: 1px dashed #ccc;    clear: both;    min-height: 30px;    margin: 0;    width: 100%; flex-wrap: wrap;}
.AmountContent .ItemContent {      min-height: 30px;    width: 100%;display:none;flex-wrap: wrap; }
.AmountContent .ItemContentInter{flex-wrap: wrap;  display: flex; width:100% }

.bxselprice.AmountContent .item-price .gosu-price{text-align:center; width:98%; text-indent:0px;}   
.bxselprice.AmountContent .item-price .price{ font-weight:bold; position:absolute; left:-5px; top:-27px; padding:5px; min-width:100px; background:#cff6fd;}   
.bxselprice.AmountContent .item-price.selected .price,.bxselprice.AmountContent .item-price:hover .price{background:#73b1f4; color:#fff}
.bxselprice.AmountContent .item-price .tovnd{margin-left:15px; width: calc(100% - 15px)}   


.AmountContent {min-height: 75px;      width: 100%;    padding: 20px 0;}
.AmountTitle .ItemTitle{position:relative}
.pos
{
    position: absolute;
    right: 0px;
    top: -20px;}
.AmountTitle .ItemTitle, .AmountTitle .ItemTitle1 {
    color: #999;float: left;font-size: 15px;
    height: 28px;
    line-height: 28px;
    margin: 1px 1px 0 0;
    text-align: center;
    width: calc(50% - 2px);     
    font-weight:700;
    background-color:#eee;
}
.AmountTitle .ItemTitle.action, .AmountTitle .ItemTitle1.action, .AmountTitle .ItemTitle:hover {
    border-bottom: medium none;
    text-decoration: none;        
    color: White;      
    background: #5ea8de;
}
.AmountTitle .ItemTitle a, .AmountTitle .ItemTitle1 a {     
    display: block;
    font-size: 11px;
    color:White;
    height: 100%;
    width: 100%;
    color: #697b8c;
}
.bxselprice ul.selprice li {
    width: calc(50% - 21px);
    height: 16px;
    display: block;
    float: left;
    background: #fff;
    padding: 10px;
    font-weight: 700;
    position: relative;
    margin: 0 -1px -1px 0;
    z-index: 0;
    cursor: pointer;
    zoom: 1;
}

.bxselprice .item-price{position:relative;width:calc(25% - 15px);height:auto;border: 5px solid #cff6fd;float:left;margin-right:15px; margin-bottom:15px; flex: 0 0 calc(25% - 22px)}
.bxselprice .item-price.large{flex: 0 0 calc(25% - 15px)}
.bxselprice .item-price-more{width:calc(50% - 18px);}
.bxselprice .item-price.price1{background:url(../images/1.png) no-repeat center 37%}
.bxselprice .item-price.price2{background:url(../images/2.png) no-repeat  center 37%}
.bxselprice .item-price.price3{background:url(../images/3.png) no-repeat  center 37%}
.bxselprice .item-price.price4{background:url(../images/4.png) no-repeat  center }
.bxselprice .item-price.price5{background:url(../images/5.png) no-repeat  center }
.bxselprice .item-price.price6{background:url(../images/6.png) no-repeat  center }

.bxselprice .item-price.pricen1{background:url(../images/x1.png) no-repeat center}
.bxselprice .item-price.pricen2{background:url(../images/x2.png) no-repeat  center }
.bxselprice .item-price.pricen3{background:url(../images/x3.png) no-repeat  center }
.bxselprice .item-price.pricen4{background:url(../images/x3.png) no-repeat  center }
.bxselprice .item-price.pricen5{background:url(../images/x4.png) no-repeat  center }
.bxselprice .item-price.pricen6{background:url(../images/x5.png) no-repeat  center }
.bxselprice .item-price.pricen7{background:url(../images/x5.png) no-repeat  center }
.bxselprice .item-price.pricen8{background:url(../images/x5.png) no-repeat  center }
.bxselprice .item-price.pricen9{background:url(../images/x5.png) no-repeat  center }
.bxselprice .item-price.pricen10{background:url(../images/x5.png) no-repeat  center }

.bxselprice .item-price.priced1{background:url(../images/d1.png) no-repeat center}
.bxselprice .item-price.priced2{background:url(../images/d2.png) no-repeat  center }
.bxselprice .item-price.priced3{background:url(../images/d3.png) no-repeat  center }
.bxselprice .item-price.priced4{background:url(../images/d3.png) no-repeat  center }
.bxselprice .item-price.priced5{background:url(../images/d4.png) no-repeat  center }
.bxselprice .item-price.priced6{background:url(../images/d5.png) no-repeat  center }
.bxselprice .item-price.priced7{background:url(../images/d5.png) no-repeat  center }
.bxselprice .item-price.priced8{background:url(../images/d5.png) no-repeat  center }

.bxselprice .item-price.pricec1{background:url(../images/p1.png) no-repeat center}
.bxselprice .item-price.pricec2{background:url(../images/p2.png) no-repeat  center }
.bxselprice .item-price.pricec3{background:url(../images/p3.png) no-repeat  center }
.bxselprice .item-price.pricec4{background:url(../images/p3.png) no-repeat  center }
.bxselprice .item-price.pricec5{background:url(../images/p3.png) no-repeat  center }
.bxselprice .item-price.pricec6{background:url(../images/p3.png) no-repeat  center }
.bxselprice .item-price.pricec7{background:url(../images/p3.png) no-repeat  center }
.bxselprice .item-price.pricec8{background:url(../images/p3.png) no-repeat  center }

.bxselprice .item-price.priceg1{background:url(../images/g.png) no-repeat center}
.bxselprice .item-price.priceg2{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg3{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg4{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg5{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg6{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg7{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg8{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg9{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg10{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg11{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg12{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg13{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg14{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg15{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg16{background:url(../images/g.png) no-repeat  center }
.bxselprice .item-price.priceg17{background:url(../images/g.png) no-repeat  center }

.bxselprice .item-price.pricepn1{background:url(../images/x1.png) no-repeat center}
.bxselprice .item-price.pricepn2{background:url(../images/x2.png) no-repeat  center }
.bxselprice .item-price.pricepn3{background:url(../images/x2.png) no-repeat  center }
.bxselprice .item-price.pricepn4{background:url(../images/x3.png) no-repeat  center }
.bxselprice .item-price.pricepn5{background:url(../images/x3.png) no-repeat  center }
.bxselprice .item-price.pricepn6{background:url(../images/x3.png) no-repeat  center }
.bxselprice .item-price.pricepn7{background:url(../images/x4.png) no-repeat  center }
.bxselprice .item-price.pricepn8{background:url(../images/x4.png) no-repeat center}
.bxselprice .item-price.pricepn9{background:url(../images/x5.png) no-repeat  center }
.bxselprice .item-price.pricepn10{background:url(../images/x5.png) no-repeat  center }
.bxselprice .item-price.pricepn11{background:url(../images/x5.png) no-repeat  center }
.bxselprice .item-price.pricepn12{background:url(../images/x6.png) no-repeat  center }
.bxselprice .item-price.pricepn13{background:url(../images/x6.png) no-repeat  center }
.bxselprice .item-price.pricepn14{background:url(../images/x6.png) no-repeat  center }

.bxselprice .item-price .gosu-price{text-indent:5px;padding:6px 0;background:#fff;border-radius:10px; width:90%; box-shadow:1px 2px 7px #69b8fe;color:#12538e; font-weight:bold;margin:auto;margin-top:4px; margin-bottom:80px}
.AmountContent .ItemContentInter .item-price:nth-child(4n)
{
    margin-right:0px;
}
.bxselprice .item-price:nth-child(4n){margin-right:0px;}
.item-price-first{width: 100%;
    border: 1px dashed #ccc;
    padding: 10px;
    color: black;
    margin-bottom: 15px; border-radius: 5px}
.bxselprice .item-price.item-ingame:nth-child(4n){margin-right:10px;}
.bxselprice .item-price .tovnd{position:absolute;bottom:0px;text-align:center;background:url(../images/bg_price.png) no-repeat top left; width:100%; padding:7px 0; color:#ff9900; font-weight:700;text-indent:15px}
.bxselprice .item-price-more .tovnd{background:#12538e;padding:6px 0; text-indent:0px;}
.bxselprice .item-price-more .colinput{height:22px;border-radius:5px; outline:none; border:none;box-shadow:none; text-indent:10px; width:90%}
.icon-gosu{background:url(../images/gosuCoin.png) no-repeat; width:17px; height:17px; display:inline-block;vertical-align: bottom;}
.icon-d{background:url(../images/icon-d.png) no-repeat bottom; width:22px; height:17px; display:inline-block;vertical-align: bottom;}
.icon-n{background:url(../images/icon-n.png) no-repeat bottom; width:25px; height:17px; display:inline-block;vertical-align: bottom;}
.icon-note{background:url(../images/icon-note.png) no-repeat bottom; width:25px; height:17px; display:inline-block;vertical-align: bottom;}

.bxselprice .item-price input[type=radio]{display:none;}
.bxselprice .item-price:hover,.bxselprice .item-price.selected{border: 5px solid #73b1f4;}
.bxselprice .item-price .img{width:320px;overflow:auto; float:left}
.bxselprice .item-price .img-short{  
    overflow: auto;    
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 10;}
.bxselprice .item-price ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height:8px;
}
.bxselprice .item-price ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  border: 0px solid #ffffff;
}

.bxselprice .item-price.disabled
{
    opacity: 0.4;
}

.bxselprice .item-price .formchoise
{
    width:calc(100% - 320px); float:left
}
.bxselprice .item-price .formchoise .heading
{
    width:100%; padding:10px 0; font-weight:bold;
    text-align:center
}
#wrapper #main .bxselprice .item-price .formchoise .btn
{
    width: 72%; cursor:pointer;
}
.bxselprice .item-price.item-ingame:hover,.bxselprice .item-price.item-ingame.selected
{
    border: 5px solid #619a5a;
    background:#c6efce;
}
.bxselprice .item-price.item-ingame:hover .price,.bxselprice .item-price.item-ingame.selected .price
{    
    background:#619a5a;
}


.promoMsg{color:#ffe500 !important;text-align: center; }
.bxselprice{margin-bottom:10px;clear:both;padding:15px 0;     display: flex;
    flex-wrap: wrap; }
.bxselprice ul.selprice li {
    border: 1px solid #ccc;
}
.bxselprice ul.selprice li input[type="radio"] {
    margin-top: -1px;
    margin-left: 0;
    vertical-align:middle;
    margin-right:3px;
}
.bxselprice ul.selprice li label {
    position: relative;
    left: 2px;
    top: 1px;
}
label {
    padding-top: 5px;
    width: 100%;
}
ul.selprice li.selected, ul.selprice li:hover {
    cursor: pointer;
    /* border: 1px solid #009bdf; */
    /* margin: 0 -1px -1px 0; */
    z-index: 1;
    background: #81DAF5;
}
.bxselprice ul.selprice li.selected, ul.selprice li:hover {
    cursor: pointer;
    border: 1px solid #ef8721;
    margin: 0 -1px -1px 0;
    z-index: 1;
    background: #f0f8fc;
}
.formrow .textinput.colinput {
    width: 75%;
    padding: 5px 6px;
    margin: -7px 0 0;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {
    border-color: rgba(241, 138, 43, 0.8);
    outline: medium none;
}
.formrow .textinput, .inputsignin, .inputxt {
    padding: 6px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 250px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.AmountTitle .ItemTitle.action a, .AmountTitle .ItemTitle1.action, .AmountTitle .ItemTitle:hover a{color:white;}
.tyle{width:50%;margin:auto; margin-top: 20px ; margin-bottom:20px;}
.error_msg::before {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    border-color: transparent transparent rgba(218, 59, 74, 0.85);    border-image: none;    border-style: solid;    border-width: 5px;    content: "";    display: block;    margin-left: 10px;    position: absolute;    top: -10px;}
.error_msg {    background-color: rgba(218, 59, 74, 0.85);    border-radius: 0 0 4px;    color: #fff;    font-size: 12px;    left: 0;    margin-top: 0;    padding: 6px;    position: absolute;    z-index: 3;bottom: -14px;}
.hiden{display:none;}
.width50{width: 50%;margin:auto;}
.width75{width: 75%}
.width25{width: 25%}
.marrginauto{margin:auto;}
.floatleft{float:left}
.width50_fix{width: 50%;margin:auto;}

#wrapper #main  .form_input_grp .form_input_wrapper .input-text.border{border:1px solid #ccc;background:#fff}
#wrapper #main  .form_input_grp .form_input_wrapper .input-text.account{background:url(../images/icon-login.png) no-repeat 1px 1px #fff; text-align:left; text-indent: 40px}
#wrapper #main  .form_input_grp .form_input_wrapper .input-text.pass{background:url(../images/icon-login.png) no-repeat 1px -65px #fff;text-align:left; text-indent: 40px}
.col5{width:50%;float:left;}
.col3{width:30%;float:left;}
.col7{width:70%;float:left;}
.end{float:right;}
.clear{clear:both}
.col5 strong{padding:10px 0;display:table; width:100%}
.Mgs{text-align:center;font-weight:bold;color:red; width:100%;display: block;background:url(../images/iconB.png) no-repeat right -64px #f7d8d8; }
/* do not group these rules */
*::-webkit-input-placeholder {
    color: #555;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #555;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #555;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #555;
}

.step-bar {
    padding-top: 40px;
    padding-bottom: 40px;
    margin:auto;
}
.step-bar ul {
    display: block;
    width: 560px;
    margin: 0 auto;
    background-color: #e3e2e2;
    list-style: none;
}
.step-bar li, .step-bar ul {
    height: 12px;
    border-radius: 10px;
}
.step-bar li {
    float: left;
}
.step-bar li.step1 {
    width: 30%;
}
.step-bar li.step2 {
    width: 40%;
}
.step-bar li.step3 {
    width: 30%;
}
.step-bar li.active, .step-bar li.passed {
    background-color: #5ea8de;
}
.step-bar li .stepnode {
    float: right;    
    width: 26px;
    height: 26px;
    margin-top: -8px;
    margin-right: -10px;
    position: relative;
    background-color:#e3e2e2;
    border-radius:50%;
}
.step-bar li.active .stepnode {
   background-color:#5ea8de;
}
.step-bar li .stepnode em {
    font-size: 15px;
    font-weight: 700;
    color: #888;
    font-style: normal;
    line-height: 26px;
    padding-left: 8px;
}
.step-bar li.active .stepnode em {
    color: #fff;
}
.step-bar li .stepname {
    display: block;
    margin-top: -30px;
    text-align: center;
    color: #999;
    margin-right: -91%;
}
.step-bar li.active .stepname {
    color: #5ea8de;
    font-weight: 700;
}

.boss{color:#b22500}
.headercenter{text-align:left;font-size: 18px; text-transform:uppercase;font-weight: bold; border-bottom:1px solid #e3e2e2;padding-bottom:5px}
.box_news_content img{max-width:100%}
.box_news_content{margin:20px 0;}
.box_news_content p{width:auto}
.box_mid{line-height:20px;}
.Uid,.balen{color:#d72e02 !important}
.Uid{display:none;}
.balen{display:inline-block;}
.show{display:block}
.hiden{display:none}
.right{float:right}
.left{float:left !important}
.box50{width:calc(50% - 20px) ; margin-left:10px;margin-right:10px;}
.boxfull{width:100%;height:auto;clear:both;overflow:hidden}
.colorogran{color:#ef8721}

.wallet{width:24px;height:24px; display:none; color:#fff; background:url(../images/icon-w.png) no-repeat 0 0; position:absolute; right:15px; top:28px;}
.wallet a{width:100%;height:100%;display:inline-block}
/**********************************footer*****************************/
#wrapper #footer{width:100%;	min-height:90px;clear:both;font: 13px tahoma;	text-align:center;	padding:10px 0; border-top:1px solid #ddd}
#wrapper #footer .content-footer{line-height:20px;}
#wrapper #footer .content-footer a{color:#717171}
#wrapper #footer .content-footer .logo-gosu{background:url(../images/gosu.png) no-repeat 0 0;width:200px;height:54px;margin:auto;}


/*popup*/
.opatiti{width:100%;height:100%;background:#000;opacity:0.8;position:fixed;z-index:998;top:0;left:0;overflow:hidden;}
.poDelLog{width:400px;min-height:200px;position:fixed;left: calc(50% - 200px);top:10%;background:#fff;z-index:999;color:#000}
.poDelLog .Title{height:45px;line-height:45px;text-indent:10px; background:#0070C0;color:#fff; text-transform:uppercase;}
.poDelLog .Title .close{width:30px;height:40px;display:inline-block;float:right;cursor:pointer;font-weight:bold;font-size:20px;}
.poDelLog .Content{min-height:80px;}
.poDelLog .Content .text{margin:0 10px;padding:20px 0; border-bottom:1px solid #ccc; line-height:20px;}
.poDelLog .Content .list_decive,.list_decive ul{min-height:30px;overflow:hidden;}
.poDelLog .Content .list_decive ul{list-style:none;padding:0px; margin:0 10px;}
.poDelLog .Content .list_decive ul li{width:100%;min-height:40px;border-bottom:1px solid #ccc;line-height:45px;}
.poDelLog .Content .list_decive ul li input{line-height:50px;}
.poDelLog .Content .list_decive ul li i{line-height:0px;height: 15px;text-indent:10px;}
.poDelLog .bottom{height:60px;margin:20px 10px;line-height:40px;}
.tablink{list-style:none; border-bottom :1px solid #f9c406; display:flex}
.tablink-li{float:left; display:inline-block; margin-bottom:-1px;}
.tablink-li.active{border-top :1px solid #f9c406;border-right :1px solid #f9c406;border-left :1px solid #f9c406; border-radius:5px 5px 0px  0px; background-color:#ffffff;}
.tablink-li a{text-transform:uppercase; padding: 15px; display:inline-block}
/*********************************MEDIA**************************************/
@media screen and (max-width: 1000px)   
{   
    .wallet{display:block;}
   #wrapper .container-con{width:100%;}  
   #wrapper #header .subcareli {background:url(../images/iconB.png) no-repeat  0px -94px;display:block;}
   #wrapper #header #menu-web{display:none;}
   #wrapper #header .menu{top:80px}
   #wrapper #header .logo {width:100%; background-position:center} 
   #wrapper #main .banner {width:100%;height:auto;}
   #wrapper #main .banner img{width:100%;height:auto;} 
   #wrapper #main .list-game {padding-left:15px;padding-right:15px;margin-bottom:20px;}
   #wrapper #main .mainbox{width:97%;margin:auto;}
   #wrapper #main .list-game .box-game{width:calc(33% - 18px);}
    #wrapper #main .list-game .box-game:nth-child(3n){margin-right: 0%;}
     #wrapper #main .list-game .box-game:nth-child(4n){margin-right: 30px;}
     #wrapper #main .list-game .game .con-image img{ width:80%}
   
   #wrapper #header .menu .subcareli {margin-top:-11px}
   #wrapper #main .title-game{overflow: hidden; background-size: 100% auto;}
   #wrapper #main .image {width:10%;}
   #wrapper #main .name{font-size:15px;}
   
   #wrapper #footer{text-align:center}
   #wrapper #footer .box50,#wrapper #footer .logo{width:100%}
   #wrapper #footer .logo{background-position:center}
   #wrapper #footer ul{float:none;display:inline-block;width:auto;margin-top:5px;clear:both}
   #wrapper #footer ul li{padding:5px;}
   .hotline{float:none;}
   
   
   
   .Uid{display:inline-block;}
   .balen{display:none;}
   
    .hiden{display:block}
    
    #wrapper #main .list-pay{padding:10px 0}
    .box-buttom-center{margin-top:15px;}
    #wrapper #main .list-game{margin-top:5px}
    .step-bar li .stepname{text-align:right;margin-right:0px;}
    
#wrapper #header .search-box {display:block;}
    
}
@media screen and (max-width: 875px) { 		
	#wrapper #header,#wrapper .top-bar,#wrapper #header .logo{height:70px;}
	#wrapper #header .menu{top:70px}
	#wrapper #header .subcareli {}
	.wallet{top:23px;}
	#wrapper #header .subcareli.show{background:url(../images/iconB.png) no-repeat left -163px}
	#wrapper #main .list-game .box .con-name a{font-size:13px}
	#wrapper #main .list-game .game .con-name{padding-top:15px}
	
	
    #wrapper #main .image {width:9%;}
	#wrapper #main .title-game{height:113px;}
	#wrapper #main .buy{width:41%;}
	#wrapper #main .send,#wrapper #main .amount{margin-right:10px}
	#wrapper #main .rechange-gosu{float:right;}
	#wrapper #main .character{float:right;}
	#wrapper #main .con-orderinfo .server{width:70%;height: 40px;}
	.width50{width:70%}
	
	#wrapper #main .list-game .box-game{width:calc(33% - 15px); margin-right:25px}
	#wrapper #main .list-game .box-game:nth-child(4n){margin-right: 25px;}
}
@media screen and (max-width: 750px) { 		
	
	#wrapper #header,#wrapper .top-bar{height:70px;}
	#wrapper #header .menu{top:70px; z-index:99}
	#wrapper #header .subcareli {background:url(../images/iconB.png) no-repeat  0px -101px;}
	
	#wrapper #main .title-game{background-size: 120% auto;background-position:center center;height:115px;margin-top: 10px;}
	#wrapper #main .image{width: 10%;height:inherit;margin-left:20px}
	#wrapper #main .image img{margin-top:40%;}
	#wrapper #main .name {text-indent:10px}
	#wrapper #main .buy{width:37%;}
	#wrapper #main .send{width:85px;background-position: 52px 2px;text-indent: -14px;}
	#wrapper #main .amount{width:110px;background-position: 90px center;font-size: 12px;}
	#wrapper #main .menu-choice{height:auto;margin: 5% 0;}
	#wrapper #main .menu-choice .menu-choice-ul{width:100%;height:auto;}
	#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li{width: 48%;margin-right: 0px}
	#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li img{width:100%; height:auto}
	#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li:last-child{float:right;}
	#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li:hover,#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li.active{border:1% solid #000}
	#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li.card:hover{height:auto;width:48%;}
	#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li.atm:hover{background-position:-408px -2px;height:auto;width:48%;}
	#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li:hover img,#wrapper #main .menu-choice .menu-choice-ul .menu-choice-li.active img{width:99%;border:2px solid #000;height:auto;width:100%}
	.width50,.tyle{width:70%;}
	#wrapper #main .list-pay .pay-choice{font-weight:normal;text-transform:none}
	#wrapper #main .heading1{font-size:13px}
	#wrapper #main .btn.width50{width:98%}
	.box-buttom-center{width:100%}
	.box50{width:100%;padding-bottom:10px; margin-left:0px;margin-right:0px; float:none !important}
	#box2 .right{float:left}
	
	.boxoption{padding-bottom:0px;width:100%}
	#wrapper #main .heading3{padding-bottom:5px}
	.box-form{width:100%}
	#wrapper #main .pmcinfo.w50{width:calc(100% - 10px ); background:#5ea8de; text-align:left}
#wrapper #main .pmcinfo{text-align:left}
	
	
}
@media screen and (max-width: 630px) {		
	#wrapper #main .title-game{background-size: 170% auto;background-position:center center;height:115px;margin-top: 10px;}
	#wrapper #main .image{width: 12%;height:inherit;margin-left:20px}
	#wrapper #main .image img{margin-top:40%;}
	#wrapper #main .name {text-indent:10px}
	#wrapper #main .buy{width:60%;}
	#wrapper #main .name-item{display:none; padding:0px;text-indent: 12px;}
	#wrapper #main .ImageIcon{width:20%}
	.hiden{display:block !important;width:100% !important;float:none !important;font-size:11px}
	.hidenmobile{display:none;}
	#wrapper #main .con-item{height:109px}	
	.character{display:none;}
	#wrapper #main .balence{text-indent:0px;font-size:11px;}
	#wrapper #main .con-orderinfo .server{width:100%;text-indent:0px;margin-top:-26px;height: 56px;font-size:11px}
	#wrapper #main .con-orderinfo .input-select{width:100%;margin-top:5px}
	.width50,.tyle{width:99.4%;}
	.step-bar,.step-bar ul{width:100%}
	.step-bar li .stepname{text-align:right;margin-right:0px;}
	#wrapper #main .header1 a:first-child{  height:30px; display:inline-block;}
	#wrapper #main .header1{text-indent:10px;}
}
@media screen and (max-width: 580px) {		
	#wrapper #main .title-game{background-size: 170% auto;background-position:center center;height:115px;margin-top: 10px;}
	#wrapper #main .image{width:13% ;height:inherit;margin-left:20px}
	#wrapper #main .image img{margin-top:40%;}
	#wrapper #main .name {text-indent:10px}
	#wrapper #main .con-balence{width:100%; }
	#wrapper #main .list-pay .pay-item {width:calc(33% - 12px)}
	
	.Promo {font-size:14px;}
	.formrow .textinput.colinput {width:60%}
	#wrapper #main .list-game .box-game{width:calc(33% - 12px); margin-right:25px}
	#wrapper #main .list-game .box-game .con-name a{font-size:13px;}
	.step-bar{    padding-top: 65px;}
	.step-bar.prepay{padding-top:25px;}
	.bxselprice .item-price,.bxselprice .item-price.large{width:calc(33% - 16px )}
	
	.bxselprice .item-price:nth-child(4n){margin-right:10px}
	.bxselprice .item-price:nth-child(3n){margin-right:0px;}
	
	
}
@media screen and (max-width: 530px) {	
	#wrapper #main .list-game{margin-bottom: 10px;}
	 #wrapper #main .mainbox{width:95%;}	

	
	#wrapper #main .title-game{background-size: 170% auto;background-position:center center;height:115px;margin-top: 10px;}
	#wrapper #main .image{width: 14%;height:inherit;margin-left:20px}
	#wrapper #main .image img{margin-top:40%;}
	#wrapper #main .list-game .box-game{width:calc(33% - 17px); margin-right:25px}
	#wrapper #main .list-game .box-game .con-name a{font-size:12px;}
			
}
@media screen and (max-width: 480px) 			
{   #wrapper #main .list-game{margin-bottom: 10px; display:flex; flex-wrap:wrap;}
    #wrapper #main .list-game .box-game{width:calc(33% - 10px);margin-right: 15px; margin-top: 4%; margin-bottom:0px; padding:0px; border:none}
	
	#wrapper #main .list-game .box-game:nth-child(2n){ margin-right:15px;}
	#wrapper #main .list-game .box-game:nth-child(3n){ margin-right:0px}
	#wrapper #main .list-game .box-game .game{padding:0px; border:none;outline:none; background:none;}
	#wrapper #main .list-game .game .con-image img{ width:100%;}
    
    
    
	#wrapper #main  .hello{ font-size:13px;}
	#wrapper #main  .title{width:40%;height:50px;background-size:100%}	
	#wrapper #main  .form{width:100%;}
	#wrapper #main .title-game{background-size: 130% auto;}	
	#wrapper #main .title-game{background-size: 170% auto;background-position:center center;height:95px;margin-top: 10px;}
	#wrapper #main .image{width: 15%;height:inherit;margin-left:20px}
	#wrapper #main .image img{margin-top:48%;}
	#wrapper #main .name {text-indent:10px}
	#wrapper #main .send{width:87px}
	#wrapper #main .amount{width:85px;background-position: 64px center;font-size: 12px;text-indent:23px; font-size: 10px;}
	.selprice-ul .selprice-li{width:49.5%;}
	.col7{width:50%;}
	.AmountTitle .ItemTitle a, .AmountTitle .ItemTitle1 a{font-size:11px;}
	.card-item img{ max-width:80%}
	
}

@media screen and (max-width: 420px) 
{    	
	#wrapper #main  .form_input_grp .form_input_wrapper .img-capcha {margin-top:10%;}
	
	#wrapper #main .list-game .game .con-name a{font:bold 12px Tahoma;}  
	#wrapper #header,#wrapper .top-bar,#wrapper #header .logo{height:55px;background-size:140px}
	#wrapper #header .subcareli {background:url(../images/iconB.png) no-repeat  0px -108px;}
	#wrapper #header .subcareli.show{background:url(../images/iconB.png) no-repeat 0px -171px}
	#wrapper #header .menu{top:55px}
	#wrapper #header .menu .subcareli {margin-top: -25px}
	#wrapper #main  .btn{height:40px;font-size:12px;}
	#wrapper #main .title-game{background-size: 170% auto;background-position:center center;height:85px;margin-top: 10px;}
	#wrapper #main .image{width: 16%;height:inherit;margin-left:20px}
	#wrapper #main .image img{margin-top:13px;}
	#wrapper #main .name {text-indent:10px}
	.nitem{font-size:10px;}
	.card-item img{ max-width:70%}
	#wrapper #main .card-item input[type=radio]{margin-top:-25px}
	
	
	#wrapper #main .list-game .box-game .con-name a{font-size:11px; line-height:20px}
	#wrapper #main .list-pay .pay-item{max-height:90px}
	#wrapper #main .list-pay .pay-item img{max-width:70%}
	
	#wrapper #main .heading1{padding: 5px 0 5px 0px;border-left: 4px solid #f9c406;font-size: 12px;font-weight: normal; }
		
	.step-bar li, .step-bar ul {
        height: 8px;
        border-radius: 10px;
    }
    .step-bar{padding-bottom:25px;}
    .step-bar li .stepnode{width:22px;height:22px}
    .step-bar li .stepnode em{padding-left:7px; line-height:22px}
    .step-bar li .stepname{margin-top:-23px}
    .step-bar li.step1{width:40%;}
    .step-bar li.step2{width:30%;}
    #wrapper #main .list-pay .pay-item{    border: 4px solid #ebecef; width:calc(33% - 8px)}
    #wrapper #main .list-pay .pay-item:hover, #wrapper #main .list-pay .pay-item.choice{    border: 4px solid #5ea8de;}
    #wrapper #main .list-game .point{width:32px; height:27px; background-size:100%;left:calc(50% - 16px)}
	
	.bxselprice .item-price{width:calc(50% - 15px ); flex: 0 0 calc(50% - 25px)}
	.bxselprice .item-price.large{flex: 0 0 calc(50% - 18px)}
	.bxselprice .item-price:nth-child(3n){margin-right:15px}
	.bxselprice .item-price:nth-child(2n){margin-right:15px;}
	
	.bxselprice .item-price.large:nth-child(3n){margin-right:15px}
	.bxselprice .item-price.large:nth-child(2n){margin-right:15px;}
	
	.wallet{top:16px}
	.bxselprice .item-price.item-ingame{width:100%;}
	.bxselprice .item-price.item-ingame .img{float:none;margin:auto; margin-top:10px;}
	.bxselprice .item-price.item-ingame .formchoise
	{
	    width:100%;
	}
	
	
	#wrapper #main  .form_input_grp .form_input_wrapper .item-char{width:calc(50% - 8px);margin-right:10px;margin-bottom:10px;}
	    #wrapper #main  .form_input_grp .form_input_wrapper .item-char:nth-child(3n){ margin-right:10px;float:left}
    #wrapper #main  .form_input_grp .form_input_wrapper .item-char:nth-child(2n){ margin-right:0px;float:right}
    
    #wrapper #main .header1{text-indent:0px;}
    
	#wrapper #main .header1 > a:first-child{color: transparent;
    width: 22px;
    font-size: 4px;
    height: 30px;
    display: inline-block;float:left}
    #wrapper #main .heading1 span.icon-colap{top:-10px;}
     .poDelLog{width:90%}
}
@media screen and (max-width: 385px) 
{   	
	#wrapper #main .buy{width:87px;padding:15px 0}
	.hiden { width:100% !important;}
	#wrapper #main .form_input_grp .form_input_wrapper p{font-size:11px;}	
	
	
}
@media screen and (max-width: 439px and min-width: 361px ) 
{  
	#wrapper #main  .hello{ font-size:12px;}
	#wrapper #header .menu .subcareli {margin-top: -25px}
	#wrapper #header,#wrapper .top-bar{height:50px;}
	#wrapper #header .subcareli {height:60px;background:url(../images/iconB.png) no-repeat  right -102px green;}
	#wrapper #main .name {text-indent:10px}	
	
	
}
@media screen and (max-width: 360px) 
{	
	#wrapper #main .title-game{background-size: 190% auto;background-position:center center;height:75px;margin-top: 10px;}
	#wrapper #main .image{width: 20%;height:inherit;margin-left:20px}
	#wrapper #main .image img{margin-top:6px;}
	#wrapper #main .name {text-indent:10px}
	#wrapper #main .card-item.choice{background: #ef8721}
}
.light{color:#4376a6;text-transform:uppercase;}
.box_news img{max-width:100% !important;}
.PromoC{width:100%; padding:5px 0; background:red;color:#fff; text-align:center; font-weight:bold; font-size:15px; margin:10px 0}
.paypal-button{text-align:center;}
.container{position:relative;}
.process{position:absolute; left:0px; top:0px; width:100%; height:100%;display:none;}
.overload,.process-overload{position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/loading.gif) no-repeat center #fff; opacity:0.5; display:none; z-index:101; min-height:500px;}
.process-overload{z-index:8; display:block; opacity:0.8;}
.process .text{ text-align:center; position :absolute ; top:40%; width:100%; font-size:16px; color:#000; z-index:10;}
#wItems{position:relative;}
.waiting{min-height:inherit;background:url(../images/loading.gif) no-repeat center #fff; opacity:0.5;}
.hot{width:35px; height:35px; background: url(../images/hot.png) no-repeat center; display:inline-block;    background-size: 100%; margin-left:-12px}
.new{width:35px; height:17px; background: url(../images/new-icon.png) no-repeat center; display:inline-block;    background-size: 100%; }
.img_item{margin-bottom:25px; text-align:center}

.list_typepay
{   
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding:15px;
}
.list_typepay > .item input[name="Kind"],.item input[name="Type"]
{
    display:none;
}
.list_typepay .item .item-type span
{   
    cursor: pointer;
    top: 3px;
    left: 0;
    color: #fff;
    line-height: 16px;
    font-size: 9px;
    width: 20px;
    height: 20px;
    border: 2px solid #f9c406;
    border-radius: 20px;
    text-align: center;
    display:inline-block;
    background-color: #fff;
}
.list_typepay .item .item-type h3{display:inline-block;vertical-align: super; padding-left:10px;}
.list_typepay .item .item-type .content{display:none}
.list_typepay .item .item-type span:before {
    border-radius: 100%;
    width: 16px;
    height: 16px;
    background-color: transparent;
    margin: 2px auto;
    display: block;
    content: ""!important;
}
.list_typepay .item input:checked + .item-type span:before {
    background-color: #f9c406;
}
.list_typepay .item input:checked + .item-type .content {
    display:block;
    padding: 20px;
    border:1px solid #ddd;
    border-radius:5px;
    margin:15px 0px;
    width: auto;
}
.list-choice
{
    width:100%; list-style:none;
}
.list-choice .list-choice-li
{
    padding:10px 15px ; border-radius:5px; text-align: center; margin-right:10px; float:left; background: #f9c406; font-size1:14px;
}
.list-choice .list-choice-li span{font-weight:bold;}
.box-shadow
{    
    box-shadow: 1px 1px 7px #ccc;
    padding: 15px;
    border-radius: 5px;
    }
.p{height:20px; margin:15px 0px;}
.box-line
{
  width: calc( 100% - 30px);
    padding: 15px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: baseline;
    
}
#wrapper #main .form_input_grp .form_input_wrapper .type-child
{
    width: 20%;  
    padding:0px; border:none;   margin-top: 15px; 
}
#wrapper #main .form_input_grp .form_input_wrapper .type-child .item-type-child
{    border:1px solid #ccc;
    margin-right:15px;   
    border-radius: 5px;
    position : relative;  overflow:hidden;
    padding:16px 10px 30px 10px; 
}
#wrapper #main .form_input_grp .form_input_wrapper .type-child input[type="radio"]{display:none;}
#wrapper #main .form_input_grp .form_input_wrapper .box-type
{
    width:100%;
    display:inline-block;
    margin-left:15px;
    padding-bottom:0px;
}

.item-type-child .testdes{
   position:absolute; width:100%; left: 0px; bottom:0px; background: #ccc; padding:5px; margin-top:5px;
}
.item-type-child h4{padding-bottom: 5px; text-align:center}
.c-type-child
{    width:100%;
    display:none;      
}
.box-type h3{color: #5ea8de}
.c-card{padding:15px 0px;clear:both;width: 100%;}
input[name="type"]:checked ~ .box-type .c-type-child{display: flex;
    flex-wrap: wrap;}
input[name="typechild"]:checked ~ .item-type-child{border:1px solid #5ea8de;}
input[name="typechild"]:checked ~ .item-type-child  .testdes{background: #5ea8de; color:white}
input[name="typechild"]:checked ~ .item-type-child h4{color: #5ea8de}
.form_input_wrapper{ transition: height 2s ease} 

/****tootip***/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
 background: #69b8fe;    
    padding:5px;
    box-shadow: 1px 2px 7px #69b8fe;
  color: #fff; 
  border-radius: 6px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
      padding: 7,5px;
    line-height: 20px;
    margin-top: 10px;
}
.tooltip .tooltiptext::after
{
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #69b8fe;
    position: absolute;
    left: 30px;
    top: -10px;
}
                             

.tooltip:hover > .tooltiptext {
  visibility: visible;
}

.bxselprice .item-price.item-price-image
{
    border: 1px solid  #ddd;
    box-shadow: 1px 1px 3px #ddd;
    overflow: hidden;
    border-radius:5px;
    position: relative; 
}

.bxselprice .item-price.item-price-d
{
    border: 1px solid  #ddd;
    box-shadow: 1px 1px 3px #ddd;   
    border-radius:5px;
    position: relative; 
}
.bxselprice .item-price.item-price-d:after {
    width: 100%;
    height: 100px;
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
 
      background: -webkit-linear-gradient(transparent,#ccc);
    background: -o-linear-gradient(transparent,#ccc);
    background: -moz-linear-gradient(transparent,#ccc);
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#ccc));
    background: linear-gradient(transparent,#ccc);
    z-index: 9;
   transition: background 2s;
}

.bxselprice .item-price.item-price-d .checked{
    position: absolute;
    opacity: 1;
    bottom: 10px;
    -webkit-transform: scale(1);
    transform: scale(1); 
    right: 5px;
    bottom: 5px;
    width: 40px;
    height: 40px;
    display:none;
    z-index:12;
}
.bxselprice .item-price.item-price-d .checked:after {
    left: 14px;
    top: 6px;
    width: 12px;
    height: 20px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    content: "";
    position: absolute;
   z-index:30;
}

.bxselprice .item-price.item-price-d .gosu-price
{
    font-size:14px; text-transform: uppercase; box-shadow: none;
}
.bxselprice .item-price.item-price-d .tovnd
{
    background:none;
    margin-left: 0px;
    width: 100%;
    font-size: 18px;
    line-height: 17px;
    z-index:11;
    background: #5ea8de;
    position:relative;
    color: White;
    height:21px;
}

.bxselprice .item-price.item-price-d:hover
{
       cursor:pointer;
}
.testdes{line-height:18px;}
.bxselprice .item-price.item-price-d:hover:after, .bxselprice .item-price.item-price-d.selected:after
{
    background: -webkit-linear-gradient(transparent,#cff6fd);
    background: -o-linear-gradient(transparent,#cff6fd);
    background: -moz-linear-gradient(transparent,#cff6fd);
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#cff6fd));
    background: linear-gradient(transparent,#cff6fd);    
}

.bxselprice .item-price.item-price-d.selected .checked
{
    display: block;
}

.bxselprice .item-price.item-price-image img
{
    max-width: 100%
 }
.bxselprice .item-price.item-price-image:after
{
    width:100%; height:50px; display:inline-block; content : ""; position:absolute; bottom:0px; left:0px;
    background: -webkit-linear-gradient(transparent,#cff6fd);
    background: -o-linear-gradient(transparent,#cff6fd);
    background: -moz-linear-gradient(transparent,#cff6fd);
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#cff6fd));
    background: linear-gradient(transparent,#cff6fd);      
    z-index:9;
    display:none;
}

.bxselprice .item-price.item-price-image:hover
{   
    cursor:pointer;    
}
.bxselprice .item-price.item-price-image:hover:after
{
   display:inline-block
}
.bxselprice .item-price.item-price-image .checked{
    position: absolute;
    opacity: 1;
    bottom: 10px;
    -webkit-transform: scale(1);
    transform: scale(1); 
    right: 5px;
    bottom: 5px;
    width: 40px;
    height: 40px;
    display: none;
    z-index:10;
}
.bxselprice .item-price.item-price-image .checked:after {
    left: 14px;
    top: 6px;
    width: 12px;
    height: 20px;
    border: solid #73b1f4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    content: "";
    position: absolute;
   
}
.bxselprice .item-price.item-price-image.selected:after
{
    display: block;
}
.bxselprice .item-price.item-price-image.selected .checked
{
    display: block;
}
.gwait
{
   width:100%;
   height:100%;
   position: fixed;
   top:0px;
   left:0px;
   background:url(../images/loading.gif) no-repeat center white;   
   opacity:0.7;
   z-index:20;
   display:none;
}
.flex
{
    display: flex;align-items: center; position:relative;
}
.flex .icon{margin-right:15px;}
.box-line input[type="radio"]{display: none}
.box-line .checked{
    position: absolute;
    opacity: 1;
    bottom: 10px;
    -webkit-transform: scale(1);
    transform: scale(1); 
    right: 5px;
    bottom: 5px;
    width: 40px;
    height: 40px;    
    z-index:10;
    display: none;
}
.box-line .checked:after {
    left: 14px;
    top: 6px;
    width: 12px;
    height: 20px;
    border: solid #73b1f4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    content: "";
    position: absolute;
   
}
.box-line input[type=radio]:checked ~ .box-type .checked{display:block;}
.box-char
{
    background:#f0f0f0;
    border-radius:3px;  
    padding: 30px;
}
.box-boder
{
    border:1px dashed #12538e;
    padding:15px;
    
}
.form_input_wrapper .a-btn{color:#fdaf3a; text-decoration:underline}
.textinfo{font-size:14px; height:24px;}
.textinfo strong {color:#12538e}
@media screen and (max-width: 500px)   
{ 
    .width75
    {
        width:100%;
    }
    .AmountTitle
    {
        display:block !important;
    }
}

.margin-bottom-none{    margin-bottom: 0px !important;}