@font-face {
    font-family: 'mullerextrabold_demo';
    src: url('../fonts/muller-extrabold-demo.eot');
    src: url('../fonts/muller-extrabold-demo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muller-extrabold-demo.woff2') format('woff2'),
         url('../fonts/muller-extrabold-demo.woff') format('woff'),
         url('../fonts/muller-extrabold-demo.svg#mullerextrabold_demo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ThaiSansNeue-Regular';
    src: url('../fonts/ThaiSansNeue-Regular.eot');
    src: url('../fonts/ThaiSansNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ThaiSansNeue-Regular.woff2') format('woff2'),
         url('../fonts/ThaiSansNeue-Regular.woff') format('woff'),
         url('../fonts/ThaiSansNeue-Regular.svg#thaisansneue-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
}
.clearfix:before, .clearfix:after {
    content: " ";
    display:  block;
	 clear:  both;

}
a{
    transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#333;
  cursor:pointer;
}
.nopad{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/* html,body {margin: 0; padding: 0;  max-width: 100%; height:100%; color:#333; font-family:Tahoma; display:block; background:#000 url(../images/bg.jpg) no-repeat center top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} */
/* html,body {margin: 0; padding: 0;  max-width: 100%; height:100%; color:#333; font-family:Tahoma; display:block; background:#000 url(../images/bg-valentine.jpg) no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;} */
html,body {margin: 0; padding: 0;  max-width: 100%; height:100%; color:#333; font-family:Tahoma; display:block; background:#000 url(../images/bg-songkran.jpg) no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

h1, h2, h3, h4, h5 { margin:0; padding:0;}
ul{ list-style:none; padding:0; margin:0;}
li{ list-style:none; padding:0; margin:0;}
h1{ width:100%; line-height:64px; margin:0 !important; color:#003F6A !important; text-align:center; font-size:3.2em !important; font-family:'nexa_lightregular' !important; display:block;}
.fr{ float: right !important;}
.fl{ float: left !important;}
p{ padding:0; margin:0;}
.black{ color:#000 !important;}
.white{ color:#FFF !important;}
.blue{ color:#274E9E !important;}
.img-100{width:100%;}
.no-pad{ padding:0 !important;}
.border-left{ border-left:1px solid #CCC}
.m-auto{ margin:auto !important;}
.space{ display:block;}
.t-center{ text-align:center; }
.t-left{ text-align:left; }
.padding-30{ padding:0; display:block;}
.margin-bottom25{ margin:0 0 10px 0 !important;}
.margin-top_bottom25{ margin:25px 0 !important;}
.margin-none{ margin:0 !important;}
.text-center{ text-align:center !important;}
.desktop{display:block;}
.mobile{display:none;}
.relative{ position:relative;}
.absolute{ position:absolute !important;}
.muller{ font-family: 'mullerextrabold_demo,  sans-serif';}
.ThaiSansNeue{ font-family: 'ThaiSansNeue-Regular' !important;}
.more{ padding:0 30px; line-height:40px; font-size:1.25em; font-family:'nexa_boldregular'; color:#FFF; background:#65CBE5;}

.warp{width:100%; margin:auto;  display:block;}
.main{ width:100%; margin:auto; display:block;}
header{ width:1200px; padding:0; margin:auto; margin-bottom:30px; display:block;}
main{ width:1200px; margin:auto; display:block;}
.logo{ width:auto; display:block; float:left; }

header .top{ width:100%; text-align: right;float:right;}
header .social{ padding:9px 0; display:block; float:right;}
/*header .social a { line-height:32px; padding:0 0 0 44px; font-size:1.1em; color:#F5C95F; display:block; float:left; }
header .social a.tel{  margin:0 14px 0 0; background:url(../images/icon_tel.png) no-repeat left; }
header .social a.line{margin:0; background:url(../images/icon_line.png) no-repeat left;}*/
header .social a { line-height:32px; padding:0; font-size:1.1em; color:#F5C95F; display:block; float:left;}
header .social a.tel { }
header .social a.line { padding-left:11px;}

.login{ width:800px; display:block; text-align:center; margin:auto;}
.login a{ padding: 50px 0 80px 0 ; margin:auto; display:block;}
form {width:100%; padding:50px 45px; display:block; margin:auto;
background: rgba(102,102,102,1);
background: -moz-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(50%, rgba(5,13,20,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14', GradientType=1 );
}
form img{ text-align:center; margin:0 0 50px 0; }
form input::-moz-placeholder{color:#f5c95f; opacity:1}
form input:-ms-input-placeholder{color:#f5c95f;}
form input::-webkit-input-placeholder{color:#f5c95f;}
form input{ width:100%; line-height:40px; margin:0; padding:0 15px; border:1px #5E5E5F solid; text-align:left; color:#f5c95f; font-size:1.4em; display:block;}
form input[type="text"]{ line-height:40px; margin-bottom:25px; background:#24292E; }
form input[type="password"]{ line-height:40px; margin-bottom:25px; background:#24292E; }
form input[type="submit"]{ width:200px; line-height:40px; color:#000; font-size:1.4em; margin:auto; text-align:center;
background: #f5c95f;
background: -moz-linear-gradient(-45deg,  #f5c95f 0%, #c18c2a 100%);
background: -webkit-linear-gradient(-45deg,  #f5c95f 0%,#c18c2a 100%);
background: linear-gradient(135deg,  #f5c95f 0%,#c18c2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a',GradientType=1 );
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form a.sub{ width:200px; height:50px !important; line-height:50px; color:#000; font-size:1.6em; margin:auto; text-align:center; padding:0; border-radius:5px;
  background: rgba(245,201,95,1);
  background: -moz-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,201,95,1)), color-stop(100%, rgba(193,140,42,1)));
  background: -webkit-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
  background: -o-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
  background: -ms-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
  background: linear-gradient(to bottom, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a', GradientType=0 );
}

.menu{ width:auto; padding:0; margin:0; display:block; float: right;
  background: #666666;
  background: -moz-linear-gradient(top,  #666666 0%, #050d14 100%);
  background: -webkit-linear-gradient(top,  #666666 0%,#050d14 100%);
  background: linear-gradient(to bottom,  #666666 0%,#050d14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14',GradientType=0 );
}
.menu li{ padding:0 25px; display:block; float:left; position: relative;}
.menu li:first-child{ padding-left:25px}
.menu li:last-child{ padding-right:25px}
.menu li:hover, .menu li.current{
  background: #45484a;
  background: -moz-linear-gradient(top,  #45484a 0%, #050d14 100%);
  background: -webkit-linear-gradient(top,  #45484a 0%,#050d14 100%);
  background: linear-gradient(to bottom,  #45484a 0%,#050d14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484a', endColorstr='#050d14',GradientType=0 );
}
.menu li a{ line-height:55px;  border-bottom:5px solid rgba(254, 201, 95, 0); font-size:1.45em; color:#FFF; display:block;}
.menu li a:hover, .menu li a.active{ color:#F5C95F; border-bottom:5px solid rgba(254, 201, 95, 1); }
.subnev {
    display: none;
    left: 0;
    width: 200px;
    padding: 0;
    position: absolute;
    top: 60px;
    z-index: 2;
    text-align: left;
    background:#050d14;
}
.subnev span {
    float: left;
    padding: 5px 15px;
    position: relative;
    width:auto;
}
.subnev span p {
    cursor: pointer;
    float: left;
    width: auto;
}
.subnev span p a {
    border-bottom: 0 none !important;
    color: #FFF;
    float: left;
    line-height: 25px !important;
    padding: 9px 0;
}

.mobile-menu { width:100%; display:none;}
.mobile-menu ul { width:90%; padding:0 0 10px 0; margin:0 5% 0 5%; display:block; float: left;}
.mobile-menu li{ width:100%; border-bottom:1px #333 solid; display:block; float:left;}
.mobile-menu li a{ line-height:50px; padding:0 15px; text-align:left; font-size:1.6em; color:#FFF; display:block;
}
.csub, .hsub{ background:url(../images/arrow-down.png) no-repeat right 25px;}
.submc, .submh{ display: none; }
.submc a.sub, .submh a.sub{ line-height:38px; padding:0 15px 0 30px; text-align:left; font-size:1.4em; color:#FFF; display:block;
}
.submc a.sub:last-child, .submh a.sub:last-child{ margin-bottom:15px;
}
.mobile-menu .member{ width:220px; margin:auto; text-align:center; padding:10px 17px; border:1px #333 solid; display:block; float:none; clear: both;}
.mobile-menu .member a {line-height:24px; margin:0; font-size:1.6em; color:#FFF; display:block; float:left; }
.mobile-menu .member a.login{ padding:0 19px 0 30px; background:url(../images/icon-login.png) no-repeat left 2px; }
.mobile-menu .member a.signin{ padding:0 0 0 30px; background:url(../images/icon-signin.png) no-repeat 8px 2px;}


.icon-mobile{ width:45px; padding:0; float:left; position:absolute; left:20px; top:130px; display:none;}
.icon-mobile .icon{ width:100%; float:left;}
.nav-list{
  width: 100%;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.nav-list em {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background:#f4c95f;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.nav-list em:nth-child(1) {
  top: 0px;
}

.nav-list em:nth-child(2),.nav-list em:nth-child(3) {
  top: 12px;
}

.nav-list em:nth-child(4) {
  top: 24px;
}

.nav-list.open em:nth-child(1) {
  top: 16px;
  width: 0%;
  left: 50%;
}

.nav-list.open em:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-list.open em:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-list.open em:nth-child(4) {
  top: 16px;
  width: 0%;
  left: 50%;
}

/*/////////////BANNER/////////////*/

.h-banner{width:1200px; display:block; text-align:center; margin:auto;}
.d-banner{ width:100%; display:block;}
.d-banner img{ width: 100%;}
.m-banner{ width: 100%; display: none;}
.m-banner img{ width: 100%;}
.h-remark{ width:1200px; margin:auto; margin-bottom:40px; display:block; background:rgba(0, 0, 0, .5)}
.h-remark{ padding:18px 0 25px 0; text-align:center; line-height:32px; color:#FFF; font-size:1.55em;}
.lSAction > a{ display: block;}

/*/////////////HOME/////////////*/

#home{ width:100%; display:block;}
#home .right{ width:31%; padding:0 10px; float:left; display:block; }
#home .left{ width:69%; padding:0 10px; float:left; display:block;}
#home .right ul{ border:5px #000 solid;}
#home ul{ display:block;}
#home ul li{ display:block;}
#home ul li a{ display:block; position:relative;}
#home ul li a .text{ position:absolute; left:25px; top:25px; z-index:90;}
#home ul li a .text p.en{ margin:0; line-height:34px; color:#F4C95F; font-size:1.7em; display:block; }
#home ul li a .text p.th{ margin:0; line-height:30px; color:#FFF; font-size:1.9em; display:block;}
#home ul li a .text em{ width:25px; margin-top:15px; border-bottom:5px #F5C95F solid; display:block;}
#home ul li a .btu, #home ul li a .btu2{ height:34px; line-height:34px; color:#000; font-size:1.55em; position:absolute; left:25px; bottom:25px; padding:0 14px;  z-index:90;
background: #f5c95f;
background: -moz-linear-gradient(-45deg,  #f5c95f 0%, #c18c2a 100%);
background: -webkit-linear-gradient(-45deg,  #f5c95f 0%,#c18c2a 100%);
background: linear-gradient(135deg,  #f5c95f 0%,#c18c2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a',GradientType=1 );
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#home ul li.promotion{ padding:0; margin-bottom:20px; border:5px #FFF solid; display:block;}
#home ul li.promotion a .text p.en{ margin:0; line-height:40px; font-size:3em; display:block; }
#home ul li.promotion a .text p.th{ margin:0; line-height:46px; font-size:4em; display:block;}
#home ul li.promotion a .pic{ width:30%; position:absolute; right:25px; bottom:-5px; z-index:90; display:block;}
#home ul li.promotion a .pic img{ width:100%;}
/*#home ul li.regis{ display:block;}*/
#home ul li .regis{ width:100%; display:block; padding:18px;
background: rgba(102,102,102,1);
background: -moz-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(50%, rgba(5,13,20,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 50%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14', GradientType=1 );
}
#home ul li .regis a{ display:block; margin:0; padding:0; float:left;}
#home ul li .regis a:nth-child(1){ margin:0;padding:0 8px 8px 0;}
#home ul li .regis a:nth-child(2){ margin:0;padding:0 0 8px 8px;}
#home ul li .regis a img{ width:100% !important; }
#home ul li.howto{ margin-bottom:20px; display:block;}
#home ul li.casino_online{ display:block;}
#home ul li.qr { position:relative; display:block;}
#home ul li.qr .content{ position:absolute; left:12px; top:22px; z-index:90; display:block;}
#home ul li.qr .content .row{margin:0 -5px; }
#home ul li.qr .content .pic{width:48%; padding:0 5px; display:block; float:left;}
#home ul li.qr .content .pic img{ width:100%;}
#home ul li.qr .content .pic2{width:48%; padding:15px 5px 0 5px; display:block; float:left;}
#home ul li.qr .content .pic2 img{width:100%;}
#home ul li.qr .content p{ color:#FFF; padding:15px 0 0 0; text-align:center; font-size:2em; display:block;}
#home ul li.qr-m { position:relative; display:none;}
#home ul li.qr-m .content{ position:absolute; left:22px; top:22px; z-index:90; display:block;}
#home ul li.qr-m .content .pic{width:68%; display:block;}
#home ul li.qr-m .content .pic img{ width:100%;}
#home ul li.qr-m .content .pic2{width:68%; display:block;}
#home ul li.qr-m .content .pic2 img{width:100%;}
#home ul li.qr-m .content p{ color:#FFF; font-size:2em; display:block;}
#home ul li.bank{ position:relative; display:block;}
#home ul li.bank .content{ position:absolute; left:20px; top:15px; z-index:90; display:block;}
#home ul li.bank .content .pic{ width:95%; display:block;}
#home ul li.bank .content .pic img{ width:100%; }
#home ul li.bank .content .pic2{ width:65%; display:block;}
#home ul li.bank .content .pic2 img{ width:100%; }
#home ul li.bank .content p.en{ line-height:30px; color:#F4C95F; font-size:1.7em; display:block;}
#home ul li.bank .content p.th{ line-height:30px; padding-bottom:20px; color:#FFF; font-size:2.2em; display:block;}
#home ul li.bank .content p.th2{ color:#FFF; padding-bottom:10px; font-size:2em; display:block;}
#home ul li.cute { position:relative; display:block;}
/*#home ul li.cute .pic{ width:65%; position:absolute; left:15px; bottom:0px; z-index:80; display:block;}*/
#home ul li.cute .pic{ width:55%; position:absolute; right:0; bottom:0px; z-index:80; display:block;}
#home ul li.cute .pic img{ width:100%;}

/*/////////////OTHER/////////////*/

#number{ width:100%; display:block;}
#number h2{ width:100%; margin:0; line-height:80px; color:#FFF; font-size:2.5em; text-align:center; background:#2F3031; display:block;}
#number ul{ width:100%; padding:30px; display:block;
  background: #666666;
  background: -moz-linear-gradient(top,  #666666 0%, #050d14 100%);
  background: -webkit-linear-gradient(top,  #666666 0%,#050d14 100%);
  background: linear-gradient(to bottom,  #666666 0%,#050d14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14',GradientType=0 );
}
#number ul li{ width:100%; padding:0; line-height:40px; color:#FFF; border-bottom:1px #636363 solid; background:#050d14; display:inline-block;}
#number ul li:last-child{ padding-bottom: 30px;}
#number ul li p{padding:28px 20px 28px 0; color:#FFF; font-size:1.9em; display:inline-block;}
#number ul li p a{ color:#F4C95F;  display:inline-block;}
#number ul li i{ height: 100px; display:block;}
#number ul li .pic{ width:100%; margin-bottom:54px;  display:block;}
#number ul li .pic-2{ width:100%; padding-left:90px; margin-bottom:54px;  display:block;}
#number ul li .pic-3{ width:100%; padding-left:90px; margin-bottom:54px;  display:block;}
#number ul li .pic2{ width:100%; padding-left:90px; margin-bottom:0;  display:block;}
#number ul li .number1{ background:#050D14 url(../images/bullet-1.png) no-repeat center top;}
#number ul li .number2{ background:#050D14 url(../images/bullet-2.png) no-repeat center top;}
#number ul li .number3{ background:#050D14 url(../images/bullet-3.png) no-repeat center top;}
#number ul li .number4{ background:#050D14 url(../images/bullet-4.png) no-repeat center top;}
#number ul li .number5{ background:#050D14 url(../images/bullet-5.png) no-repeat center top;}
#number ul li .number6{ background:#050D14 url(../images/bullet-6.png) no-repeat center top;}
#number ul li h3{ width:100%; margin:25px 0 20px 90px; color:#F5C95F; font-size: 1.9em; display:block;}
#number ul li ul{ width:100%; padding:0 0 0 90px; background:none; display:block;}
#number ul li ul li{ width:100%; padding:0; color:#FFF; border:0; line-height:30px; font-size:1.6em; font-family:'ThaiSansNeue-Regular'; display:block;}
#number .decimal{ width:34px; color:#F5C95F; font-size:0.9em; font-family: 'mullerextrabold_demo'; display:inline-block;}
#number .yellow{ padding-right:5px; color:#F4C95F; display:inline-block;}

/*/////////////PROMOTION/////////////*/

#promotion{ width:100%; text-align:center; display:block;}
#promotion h2{ width:100%; margin:0; line-height:80px; color:#FFF; font-size:2.5em; text-align:center; background:#2F3031; display:block;}
#promotion ul{ width:100%; padding:30px 30px 50px 30px; display:block;
  background: #666666;
  background: -moz-linear-gradient(top,  #666666 0%, #050d14 100%);
  background: -webkit-linear-gradient(top,  #666666 0%,#050d14 100%);
  background: linear-gradient(to bottom,  #666666 0%,#050d14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14',GradientType=0 );
}
#promotion ul li{ width:100%; margin:0 0 30px 0; padding:0; line-height:40px; color:#FFF; border-bottom:1px #636363 solid; background:#050D14;}
#promotion ul li .pic{ padding:0; margin:0; display:block;}
#promotion ul li .pic a{ padding:0; margin:0; display:block;}
#promotion ul li .pic a img{ width:100%;}
#promotion ul li .content{ padding:15px 25px 0 64px; margin:0; text-align:left; background:url(../images/bullet-star.png) no-repeat left 15px; display:block;}
#promotion ul li .content p{ width:100%; margin-bottom:13px; display:block;}
#promotion ul li .content p a{ width:100%; height:108px; overflow:hidden; line-height:27px; color:#FFF; font-size:1.45em; display:block;}
#promotion ul li .content p.topic{ width:100%; margin-bottom:5px; display:block;}
#promotion ul li .content p.topic a{ width:100%; height:42px; overflow:hidden; line-height:42px; font-size:1.9em; display:block;}
#promotion ul li a.btu{ height:34px; line-height:34px; color:#000; font-size:1.55em; padding:0 14px;
background: #f5c95f;
background: -moz-linear-gradient(-45deg,  #f5c95f 0%, #c18c2a 100%);
background: -webkit-linear-gradient(-45deg,  #f5c95f 0%,#c18c2a 100%);
background: linear-gradient(135deg,  #f5c95f 0%,#c18c2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a',GradientType=1 );
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#promotion a.load{ width:auto; margin:auto; padding:0 63px; line-height:50px; color:#000; text-align:center; font-size:1.9em;
display:inline-block; float:none;
background: #f5c95f;
background: -moz-linear-gradient(-45deg,  #f5c95f 0%, #c18c2a 100%);
background: -webkit-linear-gradient(-45deg,  #f5c95f 0%,#c18c2a 100%);
background: linear-gradient(135deg,  #f5c95f 0%,#c18c2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a',GradientType=1 );
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.detail{  width:100%; padding:30px 30px 50px 30px; display:block;
  background: #666666;
  background: -moz-linear-gradient(top,  #666666 0%, #050d14 100%);
  background: -webkit-linear-gradient(top,  #666666 0%,#050d14 100%);
  background: linear-gradient(to bottom,  #666666 0%,#050d14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14',GradientType=0 );}
.detail .pic{ width:100%; padding:0; margin:0; display:block;}
.detail .pic img{ width:100%;}
.detail .content{ width:100%; padding:20px 25px 50px 64px; margin:0 0 30px 0; text-align:left; background:#050D14 url(../images/bullet-star.png) no-repeat left 15px; display:block;}
.detail .content p{ width:100%; margin-bottom:13px; line-height:27px; color:#FFF; font-size:1.45em; display:block;}
.detail .content p a{color:#FFF; text-decoration:underline;}
.detail .content p:last-child{ margin-bottom:40px;}
.detail .content p.topic{ width:100%; height:43px; margin-bottom:5px; font-size:1.9em; display:block;}
.detail .content p.bullet{ width:100%; line-height:27px; margin:0; display:block;}
.detail .content p.bullet:before{ content:"• "; color:#F3C95F;}
.detail .content p.small{ width:100%; line-height:20px; margin:30px 0 0 0; color:#FFF; font-size:1.25em; display:block;}
.detail .content .social{ width:100%; margin-top:40px; display:block;}
.detail a.back{ width:auto; padding:0 20px; line-height:30px; color:#000; text-align:center; font-size:1.55em;
display:block; float: left;
background: #f5c95f;
background: -moz-linear-gradient(-45deg,  #f5c95f 0%, #c18c2a 100%);
background: -webkit-linear-gradient(-45deg,  #f5c95f 0%,#c18c2a 100%);
background: linear-gradient(135deg,  #f5c95f 0%,#c18c2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a',GradientType=1 );
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/*/////////////CONTACT/////////////*/

#contact{ width:100%; display:block;}
#contact h2{ width:100%; margin:0; line-height:80px; color:#FFF; font-size:2.5em; text-align:center; background:#2F3031; display:block;}
#contact ul{ width:100%; padding:0 30px; display:block;
background: #666666;
background: -moz-linear-gradient(-45deg,  #666666 0%, #131a20 100%);
background: -webkit-linear-gradient(-45deg,  #666666 0%,#131a20 100%);
background: linear-gradient(135deg,  #666666 0%,#131a20 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#131a20',GradientType=1 );
}
#contact ul li{ width:100%; padding:1px; border-bottom:1px #636363 solid;  background:#050D14; display:inline-block;}
#contact ul .other{ width:100%; padding:30px 20px; border-bottom:0; color:#FFF; font-size:1.5em; background:none; display:block;}
#contact ul .other a{ color:#f4c95f;}
#contact ul li .pic{ margin:auto; text-align:center; padding:23px 0; display:block;
border-left:1px solid #050D14;
background: #494b4e;
background: -moz-linear-gradient(-45deg,  #494b4e 0%, #091017 100%);
background: -webkit-linear-gradient(-45deg,  #494b4e 0%,#091017 100%);
background: linear-gradient(135deg,  #494b4e 0%,#091017 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494b4e', endColorstr='#091017',GradientType=1 );
}
#contact ul li.nopadding .pic{ margin:auto; text-align:center; padding:23px 0 0 0; display:block;}
#contact ul li .pic img{ margin:auto; }
#contact ul li .pic.code img{width:40%; margin:0 7px; }
#contact ul li .number{ height:100%; padding:0; text-indent:-9999px; display:block;
background: #494b4e;
background: -moz-linear-gradient(-45deg,  #494b4e 0%, #091017 100%);
background: -webkit-linear-gradient(-45deg,  #494b4e 0%,#091017 100%);
background: linear-gradient(135deg,  #494b4e 0%,#091017 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494b4e', endColorstr='#091017',GradientType=1 );
}
#contact ul li i{ height:100px; display:block;}
#contact ul li i.number1{ background:url(../images/bullet-1-2.png) no-repeat left top; display:block;}
#contact ul li i.number2{ background:url(../images/bullet-2-2.png) no-repeat left top; display:block;}
#contact ul li i.number3{ background:url(../images/bullet-3-2.png) no-repeat left top; display:block;}
#contact ul li .content{ padding:60px 58px; background:#050D14; display:block;}
#contact ul li .content.line{padding:30px 58px;}
#contact ul li .content p.en{ width:100%; padding:0; line-height:32px; color:#F4C95F; font-size:1.5em; display:block;}
#contact ul li .content p.th{ width:100%; padding:0 0 7px 0; line-height:30px; color:#FFF; font-size:2.3em; display:block;}
#contact ul li .content p a{ color:#F4C95F;}

#howto{ width:100%; display:block;}
#howto h2{ width:100%; margin:0; line-height:80px; color:#FFF; font-size:2.5em; text-align:center; background:#2F3031; display:block;}
#howto ul{ width:100%; padding:60px 30px; display:block;
background: #666666;
background: -moz-linear-gradient(-45deg,  #666666 0%, #131a20 100%);
background: -webkit-linear-gradient(-45deg,  #666666 0%,#131a20 100%);
background: linear-gradient(135deg,  #666666 0%,#131a20 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#131a20',GradientType=1 );
}
#howto ul li{ margin-bottom:20px; display:block;}
#howto ul li .content{ width:100%; padding:20px 0;display:block; background:#050d14;}
#howto ul li .pic {width:100%; height: 100px; display: block;}
#howto ul li .pic a { width:100%; padding:15px 0; text-align:center; display: block;}
#howto ul li .pic a img { width:auto; }
#howto ul li p { width:100%; padding:0 0 15px 0; color:#FFF; font-size: 1.6em; text-align:center; display: block;}
#howto ul li p a{color:#FFF; font-size: 1.2em; text-align:center; display: block;}
#howto ul li .content:hover p a{color:#f5c95f;}

/* .login-spin{ width:800px; margin:auto; padding:260px 0 0 0; display:block; position:relative; background:url(../images/bg-light.png) no-repeat top center; } */
/* .login-spin{ width:800px; margin:auto; padding:260px 0 0 0; display:block; position:relative; background:url(../images/bg-light-valentine.png) no-repeat top center; } */
.login-spin{ width:800px; margin:auto; padding:260px 0 0 0; display:block; position:relative; background:url(../images/bg-light-songkran.png) no-repeat top center; }
.login-spin .logo{ padding:0; display:block; position:absolute; top:38px; left:50%; margin-left:-170px; }

/* .login-spin form{ width:100%; padding:34px 50px 60px 50px; text-align:center; display:block; box-sizing: border-box;
background: rgba(102,102,102,1);
background: -moz-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14', GradientType=1 );
 } */
 /* .login-spin form{ width:100%; padding:34px 50px 60px 50px; text-align:center; display:block; box-sizing: border-box;
 background: rgba(192,43,114,1);
 background: -moz-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(192,43,114,1)), color-stop(100%, rgba(87,4,11,1)));
 background: -webkit-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 100%);
 background: -o-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 100%);
 background: -ms-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 100%);
 background: linear-gradient(135deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c02b72', endColorstr='#57040b', GradientType=1 );
} */
.login-spin form{ width:100%; padding:34px 50px 60px 50px; text-align:center; display:block; box-sizing: border-box;
  background:#0F171C; border:1px solid #AC4B00;
}
/* .login-spin form h4{ width:100%; line-height:70px; margin:0; padding:10px 0 30px 0; color:#F4C95F; font-size:50px; text-align:center; display:block; } */
/* .login-spin form h4{ width:100%; line-height:70px; margin:0; padding:10px 0 30px 0; color:#FFF; font-size:50px; text-align:center; display:block; } */
.login-spin form h4{ width:100%; line-height:70px; margin:0; padding:10px 0 30px 0; color:#C0595A; font-size:50px; text-align:center; display:block; }
.login-spin form input::-moz-placeholder{color:#C0595A; opacity:1}
.login-spin form input:-ms-input-placeholder{color:#C0595A;}
.login-spin form input::-webkit-input-placeholder{color:#C0595A;}
.login-spin form input[type="text"]{ width:100%; height:38px; line-height:38px; padding:0 15px; margin:12px 0; font-size:25px; color:#C0595A;
text-align:left; border:1px solid #C0595A; display:inline-block; background:#24292E; box-sizing: border-box;}
.login-spin form input[type="password"]{ width:100%; height:38px; line-height:38px; padding:0 15px; margin:12px 0; font-size:25px; color:#C0595A;
text-align:center; border:1px solid #C0595A; display:inline-block; background:#24292E; box-sizing: border-box;}

/* .login-spin form input[type="submit"]{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#000; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background: rgba(245,201,95,1);
background: -moz-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,201,95,1)), color-stop(100%, rgba(193,140,42,1)));
background: -webkit-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: -o-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: -ms-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: linear-gradient(to bottom, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a', GradientType=0 );
} */
/*Valentine*/
/* .login-spin form input[type="submit"]{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#FFF; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background: rgba(228,125,141,1);
background: -moz-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,125,141,1)), color-stop(100%, rgba(137,96,138,1)));
background: -webkit-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: -o-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: -ms-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: linear-gradient(to bottom, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47d8d', endColorstr='#89608a', GradientType=0 );
} */
/*Chinese*/
.login-spin form input[type="submit"]{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#FFF; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background: rgb(202,152,63);
/* background: linear-gradient(90deg, rgba(202,152,63,1) 0%, rgba(255,217,61,1) 100%); */
}

.login-spin form .code{ width:auto; margin:12px 0; text-align:center; display:inline-block; }

.spin{ width:100%; height:100%; display:inline-block; position:relative;}
/* .spin .logo{ width:800px; height:498px; padding:38px 0 0 0; text-align:center; display:block; position:absolute; top:0; left:-238px; background:url(../images/bg-light.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; } */
/* .spin .logo{ width:800px; height:498px; padding:38px 0 0 0; text-align:center; display:block; position:absolute; top:0; left:-238px; background:url(../images/bg-light-valentine.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; } */
.spin .logo{ width:800px; height:498px; padding:38px 0 0 0; text-align:center; display:block; position:absolute; top:0; left:-238px;
  background:url(../images/bg-light-songkran.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.spin .logo img{ display:inline-block; text-align:center; }
/* .spin .bg{ width:880px; height:740px; display:inline-block; position:absolute; top:148px; left:50%; margin-left:-460px; background:url(../images/bg-light2.png) no-repeat top center; z-index:80;} */
/* .spin .bg{ width:880px; height:740px; display:inline-block; position:absolute; top:148px; left:50%; margin-left:-460px; background:url(../images/bg-light2-valentine.png) no-repeat top center; z-index:80;} */
.spin .bg{ width:880px; height:740px; display:inline-block; position:absolute; top:148px; left:50%; margin-left:-460px;
  background:url(../images/bg-light2-songkran.png) no-repeat top center; z-index:80;}
canvas{ text-align:center; margin:260px auto 0 auto; position:relative; z-index:99; }

.popup{ width:800px; height:400px; display:block; border:1px solid #AC4B00; position:absolute; top:50%; left:50%; margin:-200px 0 0 -400px; }
.popup .yellow{ color:#E4C484 !important;}
.popup .white{ color:#FFF !important;}
.popup .black{ color:#000 !important;}
.popup .red{ color:#A51814 !important;}
.popup .pink{ color:#EB7275 !important;}
.popup .orange{ color:#C0595A !important;}
.popup h1{ width:100%; line-height:80px; font-size:80px !important; display:block; }
.popup h2{ width:100%; line-height:50px; font-size:50px; display:block; }
.popup h3{ width:100%; line-height:50px; font-size:40px; display:block; }
.popup h4{ width:100%; line-height:80px; font-size:30px; display:block; }

/* .popup a{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#000; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background: rgba(245,201,95,1);
background: -moz-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,201,95,1)), color-stop(100%, rgba(193,140,42,1)));
background: -webkit-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: -o-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: -ms-linear-gradient(top, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
background: linear-gradient(to bottom, rgba(245,201,95,1) 0%, rgba(193,140,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c95f', endColorstr='#c18c2a', GradientType=0 );} */

/* .popup a{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#FFF; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background: rgba(228,125,141,1);
background: -moz-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,125,141,1)), color-stop(100%, rgba(137,96,138,1)));
background: -webkit-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: -o-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: -ms-linear-gradient(top, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
background: linear-gradient(to bottom, rgba(228,125,141,1) 0%, rgba(137,96,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47d8d', endColorstr='#89608a', GradientType=0 );} */

.popup a{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#FFF; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background:#C0595A url(../images/btu-award.png) no-repeat center center;
}

.popup .btnSave2{background:#C0595A url(../images/btu-award.png) no-repeat center center;}

.popup .point{ width:290px; height:400px; padding:46px 0 0 0; display:block; float:left; box-sizing:border-box; background:#C0595A;}
/* .popup .detail{ width:510px; height:400px; padding:46px 0 0 36px; display:block; background:#050D14; position:relative; float:left; box-sizing:border-box; } */
/* .popup .detail{ width:510px; height:400px; padding:46px 0 0 36px; display:block; position:relative; float:left; box-sizing:border-box;
background: rgba(192,43,114,1);
background: -moz-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(192,43,114,1)), color-stop(50%, rgba(87,4,11,1)), color-stop(100%, rgba(87,4,11,1)));
background: -webkit-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
background: -o-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
background: linear-gradient(135deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c02b72', endColorstr='#57040b', GradientType=1 );
} */
.popup .detail{ width:510px; height:400px; padding:26px 0 0 36px; color:#FFF; display:block; position:relative; float:left; box-sizing:border-box; background:#0F171C;}
.popup .detail h3{line-height:40px;}
.popup .detail .bottom{ position:absolute; bottom:30px; left:36px; }
.popup .detail .bottom h4{ line-height:35px; }
.popup .detail .bottom p{line-height:20px; margin-top:12px; font-size:20px;}

/* .popup .thank{ width:100%; height:400px; text-align:center; position:relative; display:block;
background: rgba(102,102,102,1);
background: -moz-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(102,102,102,1) 21%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(21%, rgba(102,102,102,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(102,102,102,1) 21%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(102,102,102,1) 21%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(102,102,102,1) 21%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(102,102,102,1) 21%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14', GradientType=1 );
 } */
 /* .popup .thank{ width:100%; height:400px; text-align:center; position:relative; display:block;
   background: rgba(192,43,114,1);
   background: -moz-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
   background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(192,43,114,1)), color-stop(50%, rgba(87,4,11,1)), color-stop(100%, rgba(87,4,11,1)));
   background: -webkit-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
   background: -o-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
   background: -ms-linear-gradient(-45deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
   background: linear-gradient(135deg, rgba(192,43,114,1) 0%, rgba(87,4,11,1) 50%, rgba(87,4,11,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c02b72', endColorstr='#57040b', GradientType=1 );
  } */
  .popup .thank{ width:100%; height:400px; text-align:center; position:relative; display:block;
    background:#0F171C; border:1px solid #AC4B00;
    /* background: rgba(167,28,29,1);
    background: -moz-linear-gradient(-45deg, rgba(167,28,29,1) 0%, rgba(105,22,24,1) 50%, rgba(105,22,24,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(167,28,29,1)), color-stop(50%, rgba(105,22,24,1)), color-stop(100%, rgba(105,22,24,1)));
    background: -webkit-linear-gradient(-45deg, rgba(167,28,29,1) 0%, rgba(105,22,24,1) 50%, rgba(105,22,24,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(167,28,29,1) 0%, rgba(105,22,24,1) 50%, rgba(105,22,24,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(167,28,29,1) 0%, rgba(105,22,24,1) 50%, rgba(105,22,24,1) 100%);
    background: linear-gradient(135deg, rgba(167,28,29,1) 0%, rgba(105,22,24,1) 50%, rgba(105,22,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a71c1d', endColorstr='#691618', GradientType=1 ); */
   }
.popup .thank h3 {padding-top:15px;}
.popup .thank .float{ width:100%; height:170px; text-align:center; position:absolute; top:50%; margin-top:-85px; }
.popup .thank .float h2{ padding-bottom:40px; }
.popup .thank .float a{ display:inline-block; }



/*///////////////////////// GAME CARD ///////////////////////////*/

.bg-game-card{background:#000 url(../images/bg.jpg) no-repeat center center !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.login-card{ width:800px; margin:auto; padding:260px 0 0 0; display:block; position:relative;}
.login-card .logo{ padding:0; display:block; position:absolute; top:50px; left:50%; margin-left:-277px; }
.login-card form{ width:100%; padding:34px 50px 60px 50px; text-align:center; display:block; box-sizing: border-box;
background: rgba(102,102,102,1);
background: -moz-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(45%, rgba(5,13,20,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14', GradientType=1 );
}
.login-card form h4{ width:100%; line-height:70px; margin:0; padding:10px 0 30px 0; color:#FFF; font-size:50px; text-align:center; display:block; }
.login-card form input::-moz-placeholder{color:#FFF; opacity:1}
.login-card form input:-ms-input-placeholder{color:#FFF;}
.login-card form input::-webkit-input-placeholder{color:#FFF;}
.login-card form input[type="text"]{ width:100%; height:38px; line-height:38px; padding:0 15px; margin:12px 0; font-size:25px; color:#FFF;
text-align:left; border:1px solid #D2809D; display:inline-block; background:#24292E; box-sizing: border-box;}
.login-card form input[type="password"]{ width:100%; height:38px; line-height:38px; padding:0 15px; margin:12px 0; font-size:25px; color:#FFF;
text-align:center; border:1px solid #D2809D; display:inline-block; background:#24292E; box-sizing: border-box;}
.login-card form input[type="submit"]{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#FFF; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background: rgba(214,129,157,1);
background: -moz-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,129,157,1)), color-stop(100%, rgba(50,74,178,1)));
background: -webkit-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: -o-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: -ms-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: linear-gradient(to bottom, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6819d', endColorstr='#324ab2', GradientType=0 );
}

.login-card form .code{ width:auto; margin:12px 0; text-align:center; display:inline-block; }

.game-card{width:940px; padding:40px 0; margin:auto; display:block;}
.game-card .logo{width:100%; text-align:center; display:inline-block;}
.game-card h4{ width:100%; line-height:60px; margin:0; padding:15px 0; color:#FFF; font-size:50px; text-align:center; display:inline-block; }
.game-card ul{width:100%; margin-bottom:15px; display:inline-block;}
.game-card ul .row{margin:0 -5px; }
.game-card ul li{width:25%; padding:10px; display:block; float:left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.game-card ul li img{width:100%; }

.game-card figure{ width:100%; margin:20px 0 0 0; padding:24px 30px 45px 30px; display:block; position:relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(102,102,102,1);
background: -moz-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(45%, rgba(5,13,20,1)), color-stop(100%, rgba(5,13,20,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 45%, rgba(5,13,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14', GradientType=1 );
}
.game-card figure i{width:30px; display:inline-block; position:absolute; top:-15px; left:50%; margin-left:-15px; }
.game-card figure h4{ width:100%; line-height:60px; margin:0; padding:24px 0 21px 0; color:#FFF; font-size:50px; text-align:center; display:block; }
.game-card span{width:100%; display:inline-block;}
.game-card span p{width:100%; height:100px; line-height:28px; margin:0 0 10px 0; padding:0 0 0 85px; color:#FFF; font-size:25px; background:#000;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  justify-content: left !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.game-card span p em{width:85px; line-height:100px; color:#D27F9D; font-size:50px; font-weight:bold; font-style:normal; text-align:center;
display:inline-block; position:absolute; left:0; top:0; }

.game-card .reward{width:100%; padding:20px 0; text-align:center; background:transparent; display:inline-block;}
.game-card .time{width:auto; line-height:40px; margin:20px 0; padding:2px 10px 5px 10px; border-radius:6px; display:inline-block;
  background: rgba(102,102,102,1);
  background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(100%, rgba(5,13,20,1)));
  background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
  background: -o-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
  background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
  background: linear-gradient(to bottom, rgba(102,102,102,1) 0%, rgba(5,13,20,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14', GradientType=0 );
}
.game-card .time p{width:auto; line-height:30px; padding:0 10px; color:#FFF; font-size:25px; font-weight:bold; display:inline-block; float:left;}
.game-card .time p em{width:auto; padding-right:8px; color:#D27F9D; font-style:normal; display:inline-block; float:left;}
.game-card .card{width:100%; margin:20px 0; text-align:center; display:inline-block;}
.game-card .card img{width:auto; margin:0; }
.game-card .point{width:100%; margin:20px 0; display:inline-block;}
.game-card .point h4{width:100%; line-height:60px; padding:0; color:#FFF; font-size:50px; text-align:center; display:inline-block;}
.game-card .point h2{width:100%; line-height:90px; color:#D27F9D; font-size:80px; text-align:center; vertical-align:bottom; position:relative; display:inline-block;}
.game-card .point h2::after{content:""; padding-left:10px; line-height:30px; vertical-align:bottom; position:relative; bottom:15px;
font-size:30px; font-weight:normal; font-family: 'ThaiSansNeue-Regular' !important;}

.game-card input[type="submit"]{width:auto; height:50px; line-height:50px; margin:12px 0; padding:0 57px; color:#FFF; font-size:30px;
text-align:center; border:0; border-radius:5px; display:inline-block;  box-sizing: border-box; cursor:pointer;
background: rgba(214,129,157,1);
background: -moz-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,129,157,1)), color-stop(100%, rgba(50,74,178,1)));
background: -webkit-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: -o-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: -ms-linear-gradient(top, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
background: linear-gradient(to bottom, rgba(214,129,157,1) 0%, rgba(50,74,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6819d', endColorstr='#324ab2', GradientType=0 );
}




/*/////////////FOOTER/////////////*/

footer{ width:1200px; padding:0; margin: 40px auto 0  auto; display:block;}
footer .banner{ width:100%; padding:25px; margin:0; display:block;
  background: #666666;
  background: -moz-linear-gradient(top,  #666666 0%, #050d14 100%);
  background: -webkit-linear-gradient(top,  #666666 0%,#050d14 100%);
  background: linear-gradient(to bottom,  #666666 0%,#050d14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14',GradientType=0 );
}
footer .banner li{ width:20%; padding:0; margin:0; display:block; float:left;}
footer .banner li a{display:block;}
footer .banner li a img{ width:100%;}

footer .bottom{ width:100%; height:160px; padding:30px 0 30px 30px; display:block;
background: #666666;
background: -moz-linear-gradient(-45deg,  #666666 0%, #050d14 100%);
background: -webkit-linear-gradient(-45deg,  #666666 0%,#050d14 100%);
background: linear-gradient(135deg,  #666666 0%,#050d14 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#050d14',GradientType=1 );
}
footer .bottom .logo{ padding:0; display:block;}
footer .bottom ul{ padding:0; display:block;}
footer .bottom ul li{ line-height:20px; padding:0; color:#FFF; font-size:1.6em; display:block;}
footer .bottom ul li:before{ content:"\f00c"; padding-right:5px; color:#F5C95F; font-size:0.7em; font-family:'FontAwesome';}
footer .social{ padding:0; display:block; float:right;}
/*footer .social a { line-height:32px; padding:0 0 0 44px; font-size:1.1em; color:#F5C95F; display:block; float:left; }
footer .social a.tel{  margin:0 14px 0 0; background:url(../images/icon_tel.png) no-repeat left; }
footer .social a.line{margin:0; background:url(../images/icon_line.png) no-repeat left;}*/
footer .copy { width:100%; padding:15px 0; text-align:center; line-height:20px; color:#FFF; font-size:0.85em; display:block;}
footer .social a { line-height:32px; padding:10px 0 0 0; font-size:1.1em; color:#F5C95F; display:block; float:left;}
footer .social a:first-child { padding-top:0;}