/* Text */
.tx-prompt,.ms-tx2,.s4-tx,.s5-tx,.tx-log2,.tx-h-page2,button.btn-more,.tx-num-bk,.tx-note,.btn-fbt,.user-tx
{font-family:'Prompt', sans-serif;}
.ms-tx1,.tx-log1
{font-family: 'Cinzel', serif;}
.fwhead{color:#c19c5e;font-size:1.3rem;font-weight:900;line-height:0.8;margin-top:15px;}
.tx-log1{font-size:1.1rem;}.tx-log2{font-size:0.64rem;}
.tx-log1,.tx-log2{color:#080602;font-weight:600;line-height:0.9;text-shadow:1px 1px 0px rgba(241, 223, 136, 0.8);margin:0 auto;text-align:center;-webkit-transition:all .3s;transition:all .3s;}
.tx-h-page{font-size:0.8rem;color:#d60000;font-weight:400;}
.ft-cc{font-size:0.6rem;color:#666;text-align:center;width:100%;padding:8px 0;background:#000;}
.p-link,.p-link2{font-size:0.68rem;}
.tx-ct{font-size:0.74rem;line-height:1.3;color:#6f6f6f;}
.tx-ct2{font-size:0.64rem;font-weight:100;line-height:1.2;margin-bottom:10px !important;display:block;width:100%;}
.tx-ft{font-size:0.6rem;color:#666;text-indent:30px;width:100%;padding:8px 0;margin: 0;}

/* Top fix */
.fix-top{z-index:997;position:fixed;top:0;left:0;right:0;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;
padding:0 45px;-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
background: rgba(1,67,58,1);
background: -moz-linear-gradient(left, rgba(1,67,58,1) 0%, rgba(0,33,30,1) 61%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,67,58,1)), color-stop(61%, rgba(0,33,30,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(1,67,58,1) 0%, rgba(0,33,30,1) 61%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(1,67,58,1) 0%, rgba(0,33,30,1) 61%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(1,67,58,1) 0%, rgba(0,33,30,1) 61%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(1,67,58,1) 0%, rgba(0,33,30,1) 61%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01433a', endColorstr='#000000', GradientType=1 );
}
a.fixtop-logo{z-index:999;display:inline;align-items:center;justify-content:center;padding:0;color:#777;margin-right:7px;font-size:0.8rem;font-weight:800;line-height:0.8;margin-top:6px;}
a.fixtop-logo img{display:inline;padding-right:5px;width:36px;margin-top:-5px;}
a.fixtop-logo:link,a.fixtop-logo:visited{color:#777;}
a.fixtop-logo:hover{color:#000 !important;}
.fixtop-name{width:100%;display:block;color:#fff;text-align:center;font-size:0.8rem;font-weight:700;}
.btn-promotion{height:100%;padding:6px 15px;color:#fff;border-left: 1px solid #100d09;border-right: 1px solid #100d09;
background: rgba(166,120,57,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(166,120,57,1)), color-stop(91%, rgba(70,57,40,1)), color-stop(100%, rgba(70,57,40,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
background: radial-gradient(ellipse at center, rgba(166,120,57,1) 0%, rgba(70,57,40,1) 91%, rgba(70,57,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67839', endColorstr='#463928', GradientType=1 );
}
.btn-promotion:hover{background:#016656;opacity:0.8;}
.tx-h-phone{font-size:0.9rem;font-weight:900;text-align:left;color:#db0000;}

.fix-bt-menu{z-index:996;width:100%;position:fixed;left:0;bottom:0;background:#000;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:center;justify-content:center;flex-wrap:nowrap;align-items: center;}
.btn-fbt{width:100%;position:relative;display:block;padding:8px 20px;margin:0 1px 0;font-size:0.76rem;font-weight:100;letter-spacing:0px;color:#c19c5e;
background: rgba(1,67,58,1);
background: -moz-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,67,58,1)), color-stop(4%, rgba(0,87,73,1)), color-stop(19%, rgba(1,68,59,1)), color-stop(66%, rgba(0,35,31,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01433a', endColorstr='#000000', GradientType=0 );
}
.btn-fbt i{margin-right:8px;}
.btn-fbt:hover{color:#fff;margin-top:-5px;padding-bottom:10px;
background: rgba(0,94,78,1);
background: -moz-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,94,78,1)), color-stop(2%, rgba(0,94,78,1)), color-stop(7%, rgba(0,133,113,1)), color-stop(53%, rgba(0,79,70,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e4e', endColorstr='#000000', GradientType=0 );	
}

/* head */
.headbox{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;padding:26px 10vw 54px;color:#fff;
-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;align-items: center;margin:0 auto -50px;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(26,26,26,1) 30%, rgba(31,31,31,1) 50%, rgba(18,18,18,1) 69%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(14%, rgba(0,0,0,1)), color-stop(30%, rgba(26,26,26,1)), color-stop(50%, rgba(31,31,31,1)), color-stop(69%, rgba(18,18,18,1)), color-stop(83%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(26,26,26,1) 30%, rgba(31,31,31,1) 50%, rgba(18,18,18,1) 69%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(26,26,26,1) 30%, rgba(31,31,31,1) 50%, rgba(18,18,18,1) 69%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(26,26,26,1) 30%, rgba(31,31,31,1) 50%, rgba(18,18,18,1) 69%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(26,26,26,1) 30%, rgba(31,31,31,1) 50%, rgba(18,18,18,1) 69%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.head-left{width:30%;max-width:300px;padding-right:30px;display:block;position:relative;}
.head-right{width:70%;padding-left:30px;height:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:flex-end;justify-content:flex-end;align-items: center;}

.topmenu{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;color:#fff;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;align-items: center;margin:0 auto -2px;}
.topmenu li{display:-ms-flexbox;display: -webkit-flex;display: flex;}
.submenu{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;padding:0 10vw;color:#fff;
-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;margin:0 auto 5px;background:#151515;}
ul li a:link.link-menubar,ul li a:visited.link-menubar
{color:#c19c5e;font-size:.8rem;text-align:center;padding:3px 30px 5px;margin:0 4px;border-radius:8px 8px 0 0;position:relative;-webkit-transition: all 0.3s ; transition: all 0.3s;cursor: pointer;border:1px solid #054b42;box-shadow:0 -2px 5px rgba(0, 0, 0, 0.87);
background: rgba(1,67,58,1);
background: -moz-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,67,58,1)), color-stop(4%, rgba(0,87,73,1)), color-stop(19%, rgba(1,68,59,1)), color-stop(66%, rgba(0,35,31,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01433a', endColorstr='#000000', GradientType=0 );
}
ul li a:hover.link-menubar{color:#fff;margin-top:-5px;padding-bottom:10px;
background: rgba(0,94,78,1);
background: -moz-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,94,78,1)), color-stop(2%, rgba(0,94,78,1)), color-stop(7%, rgba(0,133,113,1)), color-stop(53%, rgba(0,79,70,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,94,78,1) 0%, rgba(0,94,78,1) 2%, rgba(0,133,113,1) 7%, rgba(0,79,70,1) 53%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e4e', endColorstr='#000000', GradientType=0 );
}
li a.link-sub:link,li a.link-sub:visited{font-size:0.64rem;color:#5a5a5a;padding:4px 5px;-webkit-transition: all 0.3s ; transition: all 0.3s;cursor: pointer;}
li a.link-sub:hover{color:#fff;}
li a.link-sub:after{content:"";border-right:1px solid #5a5a5a;margin-left:10px;}

/* page */
.main-page{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;margin:40px auto 0;padding:0;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;color:#444;}

.logo-main{margin:0 auto 30px;}
.mobox{width:100%;margin: 0 auto;padding:0 10vw;}
.slide-box{width:100%;position:relative;display:block;max-height:100%;}
.sec1-slide{width:100%;height:100%;display:grid;text-align:center;}
.tabin{display:grid;width:100%;height:auto;max-height:360px;padding:0;overflow: hidden;align-items:center;justify-content:center;background:#000;}

.mainbox{z-index:41;position:relative;width:100%;margin:0 auto;padding:8px 0;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;}
.main-service{width:100%;position:relative;margin:0 auto;padding:0;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;}
.main-game{width:100%;position:relative;margin:0 auto;padding:0;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;}

.ms{width:32.66%;height:290px;margin:0 0 10px;text-align:right;position:relative;padding:0;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-end;justify-content:flex-end;flex-wrap:wrap;cursor: pointer;overflow:hidden;}
.main-s1{background:#021615 url(../img/banner/s1.jpg)no-repeat;}
.main-s2{background:#021615 url(../img/banner/s2.jpg)no-repeat;}
.main-s3{background:#021615 url(../img/banner/s3.jpg)no-repeat;}
.main-s1,.main-s2,.main-s3{background-position:center center;background-size:cover;-webkit-transition:all 1.3s;transition:all 1.3s;}
.main-s1:hover,.main-s2:hover,.main-s3:hover{background-position:center left;-webkit-filter: contrast(200%);filter: contrast(200%);filter: brightness(1.6);}

.main-s4{width:100%;margin:0 auto 10px;padding:13vh 0;background:#000 url(../img/banner/s4.jpg)no-repeat center center;background-size:cover;}
/* .main-s5{width:100%;margin:0 auto 10px;padding:13vh 0;background:#000 url(../img/banner/s5.jpg)no-repeat center center;background-size:cover;} */
.main-s5{width:100%;margin:0 auto 10px;padding:13vh 0;background:#000 url(../img/banner/s5-a.jpg)no-repeat center center;background-size:cover;}

.ms4-box{position:relative;display:grid;justify-items:start;width:100%;margin:0 auto;padding:20px 5%;text-align:left;}
.ms5-box{position:relative;display:grid;justify-items:end;width:100%;margin:0 auto;padding:20px 5%;text-align:right;}
.ms4-box{
	background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.86) 24%, rgba(0,0,0,0.84) 27%, rgba(0,0,0,0.36) 55%, rgba(0,0,0,0.26) 61%, rgba(0,0,0,0) 84%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(24%, rgba(0,0,0,0.86)), color-stop(27%, rgba(0,0,0,0.84)), color-stop(55%, rgba(0,0,0,0.36)), color-stop(61%, rgba(0,0,0,0.26)), color-stop(84%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.86) 24%, rgba(0,0,0,0.84) 27%, rgba(0,0,0,0.36) 55%, rgba(0,0,0,0.26) 61%, rgba(0,0,0,0) 84%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.86) 24%, rgba(0,0,0,0.84) 27%, rgba(0,0,0,0.36) 55%, rgba(0,0,0,0.26) 61%, rgba(0,0,0,0) 84%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.86) 24%, rgba(0,0,0,0.84) 27%, rgba(0,0,0,0.36) 55%, rgba(0,0,0,0.26) 61%, rgba(0,0,0,0) 84%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.86) 24%, rgba(0,0,0,0.84) 27%, rgba(0,0,0,0.36) 55%, rgba(0,0,0,0.26) 61%, rgba(0,0,0,0) 84%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.ms5-box{
	background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 16%, rgba(0,0,0,0.26) 39%, rgba(0,0,0,0.36) 45%, rgba(0,0,0,0.84) 73%, rgba(0,0,0,0.86) 76%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(16%, rgba(0,0,0,0)), color-stop(39%, rgba(0,0,0,0.26)), color-stop(45%, rgba(0,0,0,0.36)), color-stop(73%, rgba(0,0,0,0.84)), color-stop(76%, rgba(0,0,0,0.86)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 16%, rgba(0,0,0,0.26) 39%, rgba(0,0,0,0.36) 45%, rgba(0,0,0,0.84) 73%, rgba(0,0,0,0.86) 76%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 16%, rgba(0,0,0,0.26) 39%, rgba(0,0,0,0.36) 45%, rgba(0,0,0,0.84) 73%, rgba(0,0,0,0.86) 76%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 16%, rgba(0,0,0,0.26) 39%, rgba(0,0,0,0.36) 45%, rgba(0,0,0,0.84) 73%, rgba(0,0,0,0.86) 76%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 16%, rgba(0,0,0,0.26) 39%, rgba(0,0,0,0.36) 45%, rgba(0,0,0,0.84) 73%, rgba(0,0,0,0.86) 76%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.service-tx{position:absolute;right:0;bottom:5px;padding:10px 20px 10px 20%;width:100%;font-size:0.7rem;-webkit-transition:all .5s;transition:all .5s;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 9%, rgba(0,0,0,0.82) 41%, rgba(0,0,0,0.84) 42%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(9%, rgba(0,0,0,0.26)), color-stop(41%, rgba(0,0,0,0.82)), color-stop(42%, rgba(0,0,0,0.84)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 9%, rgba(0,0,0,0.82) 41%, rgba(0,0,0,0.84) 42%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 9%, rgba(0,0,0,0.82) 41%, rgba(0,0,0,0.84) 42%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 9%, rgba(0,0,0,0.82) 41%, rgba(0,0,0,0.84) 42%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 9%, rgba(0,0,0,0.82) 41%, rgba(0,0,0,0.84) 42%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.ms:hover .service-tx{padding:10px 30px 10px 10%;background:#01423a}
.ms-tx1{font-size:1.4rem;padding:0;margin:0;line-height:1;color:#fff;font-weight:100;}
.ms-tx2{font-size:0.7rem;padding:0;margin:0;color:#be9963;}
.s4-tx{font-size:2rem;padding:0;margin:0;line-height:1;color:#fff;font-weight:100;}
.s5-tx{font-size:2rem;padding:0;margin:0;line-height:1;color:#fff;font-weight:100;}

.main-footer{width:100%;position:relative;margin:0 auto 30px;padding:0;display:-ms-flexbox;display: -webkit-flex;display: flex;
-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;min-height:300px;background:#000;color:#444;}
	.mf-left{width:55%;padding:30px 5%;background:#000 url(../img/banner/s6.jpg)no-repeat center center;background-size:cover;
	display:-ms-flexbox;display: -webkit-flex;display: flex;align-items:center;
-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;
	}
	.mf-right{width:45%;background:#fff;padding:30px 3%;}

/* login */
.login-box{width:100%;max-width:400px;position:relative;display:grid;grid-gap:0px;grid-template-columns:1fr;}
.login-form{width:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr 140px;justify-content:space-between;}
.loginmenu{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;color:#fff;margin:-8px auto 0;
-webkit-justify-content:flex-end;justify-content:flex-end;flex-wrap:wrap;align-items: center;}
.left{float:left;}
.right{float:right;}


/* page content */
.page-content{width:100%;position:relative;margin:0 auto 20px;padding:0;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;}
.pg-login-box{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;}
.pg-login-left{width:100%;position:relative;margin:0;padding:20% 30px;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap;
background:#161616 url(../img/bg-login.jpg)no-repeat center center;background-size:cover;}
.pg-login-right{width:100%;position:relative;display:block;padding:30px 10%;text-align:center;
background: rgba(12,79,70,1);
background: -moz-linear-gradient(left, rgba(12,79,70,1) 0%, rgba(1,36,31,1) 66%, rgba(1,36,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(12,79,70,1)), color-stop(66%, rgba(1,36,31,1)), color-stop(100%, rgba(1,36,31,1)));
background: -webkit-linear-gradient(left, rgba(12,79,70,1) 0%, rgba(1,36,31,1) 66%, rgba(1,36,31,1) 100%);
background: -o-linear-gradient(left, rgba(12,79,70,1) 0%, rgba(1,36,31,1) 66%, rgba(1,36,31,1) 100%);
background: -ms-linear-gradient(left, rgba(12,79,70,1) 0%, rgba(1,36,31,1) 66%, rgba(1,36,31,1) 100%);
background: linear-gradient(to right, rgba(12,79,70,1) 0%, rgba(1,36,31,1) 66%, rgba(1,36,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4f46', endColorstr='#01241f', GradientType=1 );
}

.page-register{width:100%;padding:60px 15%;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap;
background:#161616 url(../img/bg-register.jpg)no-repeat center center;background-size:cover;}
.pg-register{width:100%;max-width:600px;padding:30px;border-radius:8px;background:#fff;min-height:480px;text-align:center;}
.tx-h-page2{font-size:1.1rem;color:#444;font-weight:700;margin: 0;}

.fullbox{width:100%;max-width:960px;padding:30px;border-radius:8px;background:#fff;text-align:center;}

.pg-contact-box{width:100%;position:relative;display:grid;grid-template-columns:35% 1fr;}
.pg-contact-left{width:100%;position:relative;margin:0;padding:20% 30px;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap;
background:#000 url(../img/banner/s6.jpg)no-repeat center center;background-size:cover;}
.pg-contact-right{width:100%;position:relative;display:block;padding:30px 10%;text-align:center;background:#fff;}
.contact-box{width:100%;margin:0 auto 30px;}
.contact-col{width:48%;float:left;margin:1%;border:1px solid #e0e0e0;padding:120px 15px 20px;border-radius:6px;overflow:hidden;}
.tx-topic3{font-size:1.1rem;font-weight:700;text-align:center;color:#c19c5e;}
.tx-topic4{font-size:1.4rem;font-weight:900;text-align:center;color:#000;letter-spacing: -1px;}
.ico-callcenter{background:url(../img/icon/callcenter.png)no-repeat center 15px;background-size:90px;}
.ico-line{background:url(../img/icon/line.png)no-repeat center 15px;background-size:90px;}


/* money manager*/
/* .page-system{width:100%;padding:60px 15%;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap; background:#161616 url(../img/bg-system.jpg)no-repeat center center;background-size:cover;} */
.page-system{width:100%;padding:40px 5%;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap; background:#161616 url(../img/bg-system.jpg)no-repeat center center;background-size:cover;}

.pg-box{width:100%;max-width:960px;padding:0;border-radius:8px;background:#fff;text-align:center;}
.pg-bog-h{color:#c19c5e;font-size:1rem;text-align:center;padding:8px 30px 10px;margin:-10px auto 10px;border-radius:8px 8px 0 0;position:relative;-webkit-transition: all 0.3s ; transition: all 0.3s;cursor: pointer;border:1px solid #054b42;
background: rgba(1,67,58,1);
background: -moz-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,67,58,1)), color-stop(4%, rgba(0,87,73,1)), color-stop(19%, rgba(1,68,59,1)), color-stop(66%, rgba(0,35,31,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(1,67,58,1) 0%, rgba(0,87,73,1) 4%, rgba(1,68,59,1) 19%, rgba(0,35,31,1) 66%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01433a', endColorstr='#000000', GradientType=0 );}
.pg-box-ct{width:100%;position:relative;padding:0;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;}
.box-ct-50{width:50%;padding:10px;display:grid;position:relative;}
.right-line{border-right:1px solid #eaeaea;}.left-line{border-left:1px solid #eaeaea;}
.box-ct-ft{width:100%;padding:6px 10px;font-size:0.7rem;display:grid;grid-gap:0;grid-template-columns:1fr auto;align-items:center;}
ul.box-ct-form{width:100%;position:relative;padding:0;margin:0 auto;border-top:1px solid #eee;display:block;text-align:left;}
ul.box-ct-form li{width:100%;padding:5px;display:grid;grid-gap:10px;grid-template-columns:100px  1fr;align-items:center;border-bottom:1px solid #eeeeee;}
	.box-ct-label{font-size:0.6rem;color:gray}
	.tx-profile{font-size:16px;}
.bank-report{width:100%;text-align: left;display:block;padding:0;margin:0 auto;}
.bank-report li{width:100%;padding:5px;border-bottom:1px solid #eeeeee;}
.bank-topup{font-size:0.96rem;color:#08a10e;font-weight:700;}
.bank-topup:before{content:"ยอดฝากเงิน :";padding-right:10px;display:inline;color: #878787;font-weight: 100;}
.bank-topup:after{content:"บาท";padding-left:5px;display:inline;font-weight: 100;}
.bank-withdraw{font-size:0.96rem;color:#cf0000;font-weight:700;}
.bank-withdraw:before{content:"ยอดแจ้งถอน :";padding-right:10px;display:inline;color: #878787;font-weight: 100;}
.bank-withdraw:after{content:"บาท";padding-left:5px;display:inline;font-weight: 100;}
.bk-time{font-size:0.5rem;margin:0;padding:0;}
.tx-num-bk{font-size:1.6rem;font-weight:900;color:#4e2a82;margin:0;line-height:1;}
.bank{width:100%;position:relative;display:grid;}
.bank-name,.bank-corp,.bank-id{font-size:0.96rem;color:#08a10e;font-weight:700;}
.bank-name:before{content:"ชื่อบัญชี :";padding-right:10px;display:inline;color: #878787;font-weight: 100;}
.bank-corp:before{content:"ธนาคาร :";padding-right:10px;display:inline;color: #878787;font-weight: 100;}
.bank-id:before{content:"เลขที่บัญชี :";padding-right:10px;display:inline;color: #878787;font-weight: 100;}
.note-box{width:100%;padding:15px;border-radius:8px;text-align:center;position:relative;display:grid;background:#f3f3f3;}
.tx-note{margin:0;padding:0;color:#3f51b5;font-size:0.8rem;}
.ms-tx3{font-size:0.8rem;padding:0;margin:0;color:#be9963;}
.cancle{color:red}
.cancle:before{content:"| ";padding-left:10px;display:inline;}




/* footer */
.footer-box{width:100%;padding:10px 15%;position:relative;margin:0 auto;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;align-items: center;flex-wrap:wrap;}
.footer-box-in{width:100%;position:relative;display:grid;grid-gap:20px;grid-template-columns:55% 1fr;}
.ftb-left{width:100%;margin:0 auto;display:block;text-align: left;}
.ftb-right{width:100%;margin:0 auto;display:block;}
.ftb-right-link{width:100%;display:grid;grid-gap:5px;grid-template-columns:1fr 1fr 1fr;}
.footer-menu{position:relative;width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;color:#fff;
-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;margin:0 auto 5px;}
.ft-icon{display:inline;margin-right:8px;opacity:0.6;-webkit-filter: grayscale(1);filter: grayscale(1);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.ft-icon:hover{opacity:1;-webkit-filter: grayscale(0);filter: grayscale(0);}
.ft-icon img{height:20px}
.ftb-col3{width:100%;position:relative;display:block;font-size:0.6rem;text-align:left;}


/* form */
.row-form{width:100%;position:relative;display:block;font-size:0.7rem;margin:0 auto 5px;
display:-ms-flexbox;display: -webkit-flex;display: flex;justify-content:center;align-items:center;}
.input-01{font-size:15px;padding:3px 10px 3px 40px;margin:0 auto;width:100%;background:#232323;
border:1px solid #404040; color:#fff; /*color: #444;*/ border-radius:4px;}
.input-01:focus{background:#000;color:#fff;border:1px solid #222;}
.label-01{pointer-events: none;position: absolute;top:50%;left:10px;overflow:hidden;transform:translateY(-50%);
color:#fff;font-weight:100;font-size:1.2em;line-height:1;}
.label-02{width:100%;position:relative;display:grid;color:gray;font-weight:100;font-size:0.86em;line-height:1;}


select{color:#668cc7 !important;font-size:16px !important;display:grid;align-items:center;margin-bottom:15px !important;box-shadow: 0 0 10px rgba(23, 199, 255, 0.6);}
select option{color:#668cc7 !important}
.input-02{font-size:20px;padding:10px 20px 10px 70px;margin:0 auto;width:100%;background:#9e9067;
border-bottom:1px solid #ad8a59;color: #fff;border-radius:4px;outline: none;}
.input-02:focus{background:#fefefe;color:#000;border-bottom:1px solid #2061b0;}
.input-03{font-size:18px;padding:10px 20px;margin:0 auto;width:100%;background:#fff;color:#0bb7ff !important;
border:1px solid #e2e2e2;color: #444;border-radius:4px;box-shadow:none !important;font-size:0.7rem;}

.input-04{font-size:16px;padding:8px 20px;margin:0 auto;width:100%;background:#060606;color:#1ef500;
border-radius:4px;box-shadow:none;border:1px solid rgb(169, 169, 169);}

.input-05{font-size:1rem;padding:5px 20px;margin:0 auto;width:100%;background:#968e72;color: #fff;
border-radius:4px;box-shadow:none;position:relative;display:block;}

.input-06{font-size:0.8rem;padding:10px 20px;margin:0 auto 5px;width:100%;background:#e8e8e8;color: #000;
border-radius:0;box-shadow:none;position:relative;display:block;}

.row-form-otp{width:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr auto;
font-size:0.7rem;margin:0 auto 15px;}
.row-form-time{width:100%;position:relative;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr;
font-size:0.7rem;margin:0 auto 15px;}


::placeholder {color:#a3a3a3;opacity: 1;font-size:0.8rem;}
:-ms-input-placeholder {color:#a3a3a3}
::-ms-input-placeholder {color:#a3a3a3;}
::selected{color:#a3a3a3;text-align:center;}

/* banner fix */
.banner-fix-right{z-index:996;width:60px;height:100%;position:fixed;top:50%;right:0;transform:translateY(-50%);}
.bfix-h{z-index:994;width:60px;height:300px;position:fixed;top:50%;right:0;transform:translateY(-50%);
display:flex;display: -webkit-flex;
background:url(../img/icon/bfix-h.html)no-repeat right center;background-size:70%;opacity:1;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.banner-fix-right:hover .bfix-h{opacity:0;right:-100px}
.bfix-ct{z-index:997;width:80px;height:100vh;overflow:hidden;display:flex;display: -webkit-flex;
-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;
flex-direction: column;background:#2a2a2a;position:fixed;top:50%;right:-100px;transform:translateY(-50%);
-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.banner-fix-right:hover .bfix-ct{right:0}
p.bfix-im,p.bfix-idl{font-size:0.4rem;color:#fff;font-weight:600;margin:0;}
p.bfix-im i{margin-right:8px;}
.bfix-iline,.bfix-iandro,.bfix-iios{font-size:0.3rem;background:none;opacity:0.7;width:100%;padding: 5px 0;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iline:hover,.bfix-iandro:hover,.bfix-iios:hover{background:none;opacity:1;}

.bfix-iline:before{width:60px;height:60px;position:relative;display:block;margin:0 auto;overflow:hidden;
content:"";background:url(../img/icon/icon-app.html)no-repeat 0px 0px;background-size:180px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iline:hover:before{background:url(../img/icon/icon-app.html)no-repeat 0px -60px}
.bfix-iline{border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;padding-bottom:5px;}
.bfix-idl{margin-top:15px !important;}

.bfix-iandro:before{width:60px;height:60px;position:relative;display:block;margin:0 auto;overflow:hidden;
content:"";background:url(../img/icon/icon-app.html)no-repeat -120px 0px;background-size:180px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iandro:hover:before{background:url(../img/icon/icon-app.html)no-repeat -120px -60px}
.bfix-iandro{padding-bottom:5px;}

.bfix-iios:before{width:60px;height:60px;position:relative;display:block;margin:0 auto;overflow:hidden;
content:"";background:url(../img/icon/icon-app.html)no-repeat -60px 0px;background-size:180px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bfix-iios:hover:before{background:url(../img/icon/icon-app.html)no-repeat -60px -60px}
.bfix-iios{border-bottom:1px solid #7a7a7a;padding-bottom:5px;}

.banner-fix-left{z-index:998;position:fixed;left:15px;bottom:40px;width:120px;height:auto;display:flex;display: -webkit-flex;
-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.bfix-left-qr{padding:10px;border-radius:14px;box-shadow:3px 5px 10px rgba(0, 0, 0, 0.13);overflow:hidden;text-align:center;
background:#2d2d2d}
.qr-box{margin:0 auto 5px;width:100%;}
.toggle-qr{position:absolute;top:-5px;left:-5px;font-size:0.7rem;line-height:1;
color:#fff;background:#17c207;padding:3px 4px;display:block;border-radius:6px;}
button.ft-icon{background:none;margin:0 auto;}button.ft-icon:hover{background:#f3f3f3}
button.ft-icon i{line-height:1;font-size:1.8rem;color:#444;}

.gray-filter{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.color{-webkit-filter: grayscale(0%)!important;filter: grayscale(0%)!important;}
.test-ads{margin:0 auto 5px;}


/* popup */
.modal-dialog{width:100%;height:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;align-items: center;}
.modal-content{width:90%;max-width:480px;border-radius:12px;background:#fff;box-shadow:0 5px 30px rgba(0, 0, 0, 0.7);padding:20px;color:#444;text-align:center;display:block;position:relative;}
.modal-header{-webkit-justify-content:center !important;justify-content:center !important;padding: 0 !important;}
button.close{position:absolute;right:0;top:0;}
.modal-title{font-size:0.8rem;margin-bottom:15px !important;}
.tded-box{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;margin: 10px auto 5px;}
.custom-control-label{text-align: left;width: 100%;}

/* Make it a marquee */
.textrun-box{width: 100%;margin: 0 auto 5px;padding:3px 5px 3px;overflow: hidden;position:relative;background:#001d21;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items: center;}
.datebox{width:25%;padding:3px 5px;display:inline;position:relative;font-size:0.7rem;color:#008b83;text-align:right;}
.marquee {
    width: 73%;
    margin: 0 auto;
	padding:2px;
    overflow: hidden;
	background:#000;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;color:#008b83;
}
.marquee:hover {
    animation-play-state: paused
}

/* login box */
.after-login{width:100%;max-width:600px;padding:5px 20px;position:relative;border-radius:4px;display:block;
background: rgb(3,3,3);
background: -moz-linear-gradient(0deg, rgba(3,3,3,1) 0%, rgba(17,17,17,1) 67%, rgba(28,28,28,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(3,3,3,1) 0%, rgba(17,17,17,1) 67%, rgba(28,28,28,1) 100%);
background: linear-gradient(0deg, rgba(3,3,3,1) 0%, rgba(17,17,17,1) 67%, rgba(28,28,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#030303",endColorstr="#1c1c1c",GradientType=1);
}
.logbox-01{width:100%;padding:5px;overflow: hidden;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:nowrap;align-items: center;}
.logbox-01-user{width:50%;position:relative;display:block;}
.logbox-01-btn{width:50%;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-end;justify-content:flex-end;flex-wrap:nowrap;align-items: center;}
.user-tx{color:#fff;font-size:0.8rem;}
.user-tx i{margin:0 8px;color:#c19c5e;font-size:1.6em;}
.user-num{color:#fff;font-size:0.9rem;font-weight:700;letter-spacing:1px;}
.logbox-02{width:100%;padding:0 5px;overflow: hidden;position:relative;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:nowrap;align-items: center;}
.logbox-02-btn{position:relative;overflow: hidden;}
.logbox-money{position:relative;padding:5px 10px;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:flex-end;justify-content:flex-end;flex-wrap:nowrap;align-items: center;}
.tx-money{padding:2px 10px 4px;margin:0 6px;border-radius:4px;background:#000;font-size:0.76rem;color:#c19c5e;line-height:1.1;font-weight:700;}
.tx-money:after{content:"THB";position:relative;display:inline;color:#fff;margin-left:10px;font-size:0.7rem;}

/* button */

/* responsive */
@media only screen and (max-width:1600px){
.main-s4,.main-s5{padding:8% 0;}
}
@media (max-width:1080px){
.ms{height:220px;}
.ms-tx1{font-size:1.1rem;}.ms-tx2{font-size: 0.64rem;}
.main-s4,.main-s5{padding:5% 0;}
.mobox{padding:0 5%;}
.page-register{padding:20px 5%;}
}
@media (max-width:960px){
.headbox{padding: 26px 5% 54px;}
.head-left{width:40%;}
.head-right{width:60%;}.login-box{max-width:360px;}
.datebox{width:30%;}.marquee{width:70%;font-size: 0.64rem;}
.tx-ct{font-size:0.68rem;}
.s4-tx,.s5-tx{font-size:1.4rem;}
button.btn-try{font-size:0.74rem !important;}button.btn-try:hover:after{font-size:0.6rem;}
button.btn-try:hover{padding-right: 35px;}
.mf-left{width:35%;}
.mf-right{width:65%;}
.contact-col{width:100%;}
.box-ct-50{width:100%;border-bottom:1px solid #444;}
.headbox{-webkit-justify-content: center;justify-content: center;}
.head-left{width:100%;padding:0;}
.head-right{width:100%;height:auto;padding:0;}.login-box{max-width:100%;}
.after-login{max-width:100%;padding:15px;border-top: 1px solid #515151;}
.footer-box-in{grid-template-columns:1fr;}
.footer-box{padding:10px 5%;}
}
@media (max-width:760px){
ul li a:link.link-menubar, ul li a:visited.link-menubar{padding: 3px 10px;margin: 0 2px 3px;border-radius: 0px;}
.submenu{-webkit-justify-content: center;justify-content: center;padding: 0 5%;}
.mobox{padding:5px 10px;}
.ms{width:100%;height:140px;}
.pg-login-box{grid-template-columns: 1fr;max-width:600px;}
.pg-login-left{padding: 10% 30px;background: #161616 url(../img/bg-login.jpg)no-repeat top center;background-size: cover;}

}
@media (max-width:680px){
.banner-fix-left{display:none;}
.fix-top{padding: 0 45px 0 0;-webkit-justify-content: center;justify-content: center;}
.btn-promotion{width:80%;}
.mf-left{width:100%;}
.mf-right{width:100%;padding: 20px 5%;}
.datebox{width:100%;text-align: center;}.marquee{width:100%;font-size: 0.64rem;}
.pg-contact-box{grid-template-columns: 1fr;}
.row-form{display: block;}.label-02{text-align: left;padding-bottom: 5px;}
ul.box-ct-form li{grid-gap:0;grid-template-columns: 1fr;}


}
@media (max-width:560px){
	.logbox-01{flex-wrap:wrap;}
	.logbox-01-user,.logbox-01-btn{width:100%;text-align: center;}
	.btn-user1{width:100% !important;}
.logbox-02{flex-wrap:wrap;}
.logbox-02-btn,.logbox-money{width:100%;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;flex-wrap:nowrap;align-items: center;}
button.btn-apply{width:100%;margin:0 5px;}

}
@media (max-width:480px){
.login-form{grid-template-columns: 1fr 100px;}
.topmenu{display:none}
.message{max-width:100% !important;background: #004138 !important;}
.pg-register{padding:14px;}
.btn-fbt{font-size:0.6rem;letter-spacing:-1px;padding:8px 10px;}

}