@charset "utf-8";
/* CSS RESET
===========================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: inline-block;}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}  
blockquote:before,blockquote:after,q:before,q:after{content:none} 
table{border-collapse:collapse;border-spacing:0}
html {  
	-webkit-font-smoothing: antialiased; 
} 
body { 
	width: 100%; 
	height: 100%;
	font: 13px 'SK_Reg', Arial, Tahoma, sans-serif;
	color: #3e4142;
	overflow-x: hidden;
}
/* FONT 
===========================================*/
@font-face{font-family:thaisanslite_r1;src:url("font/thaisanslite_r1.eot?v=1.0")}
@font-face{font-family:thaisanslite_r1;src:url("font/thaisanslite_r1.ttf?v=1.0")}
 
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
} 
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a {
	color: #333;
	outline: none;
	text-decoration: none; 
}
input,
textarea {
	outline: none;
}
img {
	max-width: 100%; 
	height: auto;
	-ms-interpolation-mode:bicubic;vertical-align:middle;
}
img.alignright{float:right;margin:5px 0 20px 2%;}
img.alignnone{margin:5px 2% 20px 0;}
img.alignleft{float:left;margin:5px 2% 20px 0;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
hr{border:0;border-top:1px solid #eee;clear:both;height:0;margin:1.250em 0;} 
body {padding: 0px 0px 0px 0px;}
textarea,
textarea:focus {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tt_lrt {position: relative;float: left;}
.tt_rrt {position: relative;float: right;}
.tt_l {float: left;}
.tt_r {float: right;}	
.tt_full {width: 100%;}	
.tt-cr-f {color: #333;}		
.tt-cr-bg {background-color: #ccc;}	
.mt_5 {margin-top: 5px;}	
.mt-l {margin-left: 7px;}	
.mt-10 {margin-top: 10px;}	
.mt-15 {margin-top: 15px;}	
.mt-20 {margin-top: 20px;}	
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}	
.mb-15 {margin-bottom: 15px;}	
.mb-20 {margin-bottom: 20px;}
.pd-5 {padding: 5px;}	
.pd-10 {padding: 10px;}		
.pd-15 {padding: 15px;}	
.logo_m ,
.tt_from_login_m,
.nav_m {display: none;}
.tt_head_menu{float:left;width:65%;min-height:40px;top:0px;z-index:665;position:relative;margin: 25px 0px 0px 0%;


 



 }
.tt_head_menu ul{float:left;width:100%;margin:0% 0% 0% 0%;text-align: left} 
.menu_l .tt_head_menu ul {text-align: right;}

.tt_head_menu ul li{display: inline-block;margin:5px 0px 5px 0px;position:relative;}
.tt_head_menu ul li img {display: inline-block;width:25px; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.tt_head_menu ul li a img.tt_img_hv {display: none;}
.tt_head_menu ul li.current-menu-item a img.tt_img_hv,
.tt_head_menu ul li.current-menu-item a:hover img.tt_img_hv,
.tt_head_menu ul li a:hover img.tt_img_hv {display: inline-block;}
.tt_head_menu ul li a img.tt_img_df {display: inline-block;}
.tt_head_menu ul li.current-menu-item a img.tt_img_df,
.tt_head_menu ul li a:hover img.tt_img_df {display: none;}

.tt_head_menu ul li.ico-home a {background-image: url(../images/ico-home.png?v=1.0);background-repeat: no-repeat;background-position: 10px center;padding-left: 40px;}
.tt_head_menu ul li:last-child a{border-right: 0;}
.tt_head_menu ul li:hover .fa{color:#F0D27C;}
.tt_head_menu ul li .fa{position:absolute;right:8px;top:13px;color:#333;}
.tt_head_menu .fa.fa-chevron-down{font-size:12px;}
.tt_head_menu ul li strong{display: inline-block;top:5px;position:relative;}
.tt_head_menu ul li.menu-item-has-children{padding:0px 20px 0px 0px;}  
.tt_head_menu ul li.current-menu-item.menu-item-has-children:hover,
.tt_head_menu ul li.current-menu-item.menu-item-has-children{} 
.tt_head_menu ul li a{display: inline-block;color:#eee;font-family: thaisanslite_r1;font-size: 22px;line-height: 20px;padding:3px 18px 7px 18px;font-weight: bold;
border-radius:5px;position:relative;cursor: pointer;   

}      
#tt_th .tt_head_menu ul li a{padding:2px 16px 0px 0px;}
.tt_head_menu ul li img { filter: grayscale(1);-webkit-filter: grayscale(1);} 
.tt_head_menu ul li.menu-item-has-children .fa,
.tt_head_menu ul li.menu-item-has-children a{color:#333;}    
.tt_head_menu ul li.menu-item-has-children:hover ,
.tt_head_menu ul li,
.tt_head_menu ul li:hover{}  
.tt_head_menu ul li.current-menu-item a,
.tt_head_menu ul li:hover a{color:#fff;background: rgb(215,0,1);
background: -moz-linear-gradient(top,  rgba(215,0,1,1) 0%, rgba(172,0,5,1) 100%);
background: -webkit-linear-gradient(top,  rgba(215,0,1,1) 0%,rgba(172,0,5,1) 100%);
background: linear-gradient(to bottom,  rgba(215,0,1,1) 0%,rgba(172,0,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70001', endColorstr='#ac0005',GradientType=0 );

}        
.tt_head_menu ul li.ico-new a{color:#fff!important; }  
.tt_head_menu ul li.ico-new:hover a {color:#fff!important;}
.tt_head_menu ul li.ico-new {margin:0px -2px 0px -2px;}
.tt_head_menu ul li.ico-new:after {background-color:transparent;}
.tt_head_menu ul li.ico-new a{color:#fff!important;animation: walk-cyclet2 0.5s steps(5) infinite; -webkit-animation: walk-cyclet2 0.5s steps(5) infinite;}
.b-right,
.tt_head_menu.m-mc {display: none;}
.tt_head_menu .ico-new a::before {
    background-image: url("../images/ico-new.png?v=1.2");
    background-repeat: no-repeat;
    border-radius: 3px;
    content: "";
    height: 19px;
    line-height: 13px;
    position: absolute;
    right: -5px;
    top: -12px;
    width: 30px;
	
}
@-webkit-keyframes walk-cycle2 {
  0% {opacity:1; }
  100% {opacity:0;}
  /* Must be full height of sprite or skipping will happen.*/
}

@keyframes walk-cycle2 {
  0% {opacity:1; }
  100% {opacity:0; }
  /* Must be full height of sprite or skipping will happen.*/
}
@-webkit-keyframes walk-cyclet2 {
  0% {background-color: #D61A1B; }
  100% {background-color: #000;}
  /* Must be full height of sprite or skipping will happen.*/
}

@keyframes walk-cyclet2 {
  0% {background-color: #D61A1B; }
  100% {background-color: #000; }
  /* Must be full height of sprite or skipping will happen.*/
}
.m_pc2 .tt_head_menu {min-height: 20px;width:70%;}
.m_pc2 .tt_head_menu ul {margin: 5px 0px 5px 0px;}
.m_pc2 .tt_head_menu ul li {border-left: 1px solid #414141;}
.m_pc2 .tt_head_menu ul li a{display: inline-block;color:#fffdfd;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding:2px 16px 2px 16px;}
.tt_head_rt a.link_lg:hover,
.m_pc2 .tt_head_menu ul li a:hover {background-color: transparent;color:#ffc704;}
.tt_head_rt {text-align: right;}
.tt_head_rt a{display: inline-block;}
.tt_head_rt a.link_ht{display: inline-block;color:#000;font-family: thaisanslite_r1;font-size: 22px;line-height: 16px;border: 3px solid #000;background: #ffc704;padding:3px 25px 6px 25px;border-radius: 20px;margin-right: 10px;}
.tt_head_rt a.link_ht:hover {background: #d33d09;color:#fff;}
.tt_head_rt a.link_lg {border-left: 1px solid #414141;color:#fffdfd;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding:2px 10px 2px 10px;} 
.tt-date {width:100%;margin: 25px 0px 5px 0px;font-size:11px;color:#eee;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}

.menu_l {float:left;width:38%;min-height: 40px;padding: 0px 40px 0px 0px;}
.menu_c {float:left;width:20%;min-height: 40px; position: relative;}
.menu_c a {float:left;width:100%;box-shadow: 0 2px 15px #000;text-shadow: 1px 1px 0px #fffcb1;border: 2px solid #b59715;text-align: center;
position:absolute;left: 0px;min-height: 50px;top: 2px;font-family: thaisanslite_r1;font-size: 42px;line-height: 38px;font-weight: bold;color: #000;border-radius: 6px;
background: rgba(139,75,19,1);
background: -moz-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(139,75,19,1)), color-stop(9%, rgba(192,137,54,1)), color-stop(19%, rgba(193,142,55,1)), color-stop(42%, rgba(255,250,174,1)), color-stop(66%, rgba(193,142,55,1)), color-stop(83%, rgba(125,69,0,1)), color-stop(98%, rgba(193,142,55,1)), color-stop(100%, rgba(193,142,55,1)));
background: -webkit-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%);
background: -o-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%);
background: -ms-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%);
background: linear-gradient(to bottom, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b4b13', endColorstr='#c18e37', GradientType=0 );
}
.menu_c a:hover {
text-shadow:0px 1px 10px #fff;color:#000;box-shadow:0 2px 45px #fe8127;
	background: rgba(139,75,19,1);
background: -moz-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(139,75,19,1)), color-stop(4%, rgba(192,137,54,1)), color-stop(9%, rgba(193,142,55,1)), color-stop(23%, rgba(255,250,174,1)), color-stop(41%, rgba(255,250,174,1)), color-stop(70%, rgba(193,142,55,1)), color-stop(87%, rgba(125,69,0,1)), color-stop(96%, rgba(46,33,14,1)), color-stop(100%, rgba(112,73,11,1)));
background: -webkit-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%);
background: -o-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%);
background: -ms-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%);
background: linear-gradient(to bottom, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b4b13', endColorstr='#70490b', GradientType=0 );	
	
}
.menu_r {float:left;width:42%;min-height: 40px;padding: 0px 0px 0px 40px;}


.m_pc2 {
padding:5px 0px 5px 0px;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(2%, rgba(0,0,0,1)), color-stop(81%, rgba(54,54,54,1)), color-stop(88%, rgba(31,31,31,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) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );	
	
}



.bg_ct {background-color: #0f0f0f;border: 2px solid #171717;}
.thaitheme_read{width:100%;padding:0px 0px 10px 0px;color:#eee;font-family: thaisanslite_r1;font-size: 22px;line-height: 28px;overflow:hidden;}
.thaitheme_read a{color:#eee;} 
.thaitheme_read a:hover {}
.thaitheme_read img{max-width:100%;height:auto;padding:0;}
.thaitheme_read strong, [class*="ddtemplate_read"] th{font-weight:700;}
.thaitheme_read em, .thaitheme_read address, .thaitheme_read caption, .thaitheme_read cite{font-style:italic;}
.thaitheme_read table{display:table;border-spacing:2px;border-collapse:separate;}
.thaitheme_read tr{display:table-row;vertical-align:inherit;}
.thaitheme_read td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;}
.thaitheme_read th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;}
.thaitheme_read{line-height:1.5em;}
.thaitheme_read p{display:block;margin:0.3em 0;line-height:1.3em;}
.thaitheme_read blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;}
.thaitheme_read blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;}
.thaitheme_read blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;}
.thaitheme_read blockquote cite:before{content:"\2014 \2009";}
.thaitheme_read address{display:block;font-style:italic;}
.thaitheme_read center{display:block;text-align:center;}
.thaitheme_read h1{display:block;margin:0.2em 0 0.5em 0;font-family: thaisanslite_r1;font-size: 40px;line-height: 44px;font-weight: bold;}
.thaitheme_read h2{display:block;margin:0.2em 0 0.5em 0;font-family: thaisanslite_r1;font-family: thaisanslite_r1;font-size: 20px;line-height: 1.2;font-weight: bold;}
.thaitheme_read h3{display:block;margin:0.2em 0 0.5em 0;font-family: thaisanslite_r1;font-family: thaisanslite_r1;font-size: 30px;line-height: 34px;font-weight: bold;}
.thaitheme_read h4{display:block;font-weight:700;margin:1.33em 0;}
.thaitheme_read h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;}
.thaitheme_read h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;}
.thaitheme_read ul{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
.thaitheme_read ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;}
.thaitheme_read li{display:list-item;}
.thaitheme_read ul li{list-style-type:disc;}
.thaitheme_read ol li{list-style-type:decimal;}
.thaitheme_read pre, .thaitheme_read code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;}
.thaitheme_read iframe {width: 100%;}
.thaitheme_read .gallery img{width: 100%;border:0!important;padding:3px 3px 0px 3px!important;margin-bottom: 0px;} 
.gallery .gallery-item {border: 2px solid #0a0a0a;background-color:#0a0a0a;margin: 0px 0px 0px 0%;padding-bottom: 3px;}   
.gallery .gallery-item:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#calendar_wrap{float:left;width:100%;border-radius:3px;}
.textwidget,
#wp-calendar{float:left;width:100%;}
#wp-calendar caption{text-align:right;color:#eee;font-size:12px;margin-top:10px;margin-bottom:15px;}
#wp-calendar thead{font-size:10px;}
#wp-calendar thead th{padding-bottom:10px;}
.thaitheme_widget div#calendar_wrap table#wp-calendar thead tr th{color:#eee;}
#wp-calendar tbody{color:#000;}
#wp-calendar tbody td{background:#ebebeb;border:1px solid #ddd;text-align:center;padding:8px;}
#wp-calendar tbody td:hover{background:#fff;} 
#wp-calendar tbody .pad{background:none;}
#wp-calendar tfoot #next{font-size:10px;text-transform:uppercase;text-align:right;}
#wp-calendar tfoot #prev{font-size:10px;text-transform:uppercase;padding-top:10px;}
.thaitheme_widget{float:left;width:100%;margin:0px 0px 0px 0px;}
.thaitheme_widget .title{float:left;width:100%;padding:8px 0% 10px 5%;margin:0px 0px 0px 0px;min-height:15px;font-family: thaisanslite_r1;font-size: 20px;line-height: 18px;color:#000;background-color:#e1e1e1;}
.thaitheme_widget .tt-l.tt_full .tt-l.tt_txt_seo {padding: 0px 10px 0px 10px;}
.thaitheme_widget .title a {color:#333;cursor:text;}
.thaitheme_widget ul{float:left;width:100%;padding:0%;}
.thaitheme_widget ul li{float:left;width:100%;color:#ccc;background-image:url(../images/ico-widget.png?v=1.0);padding:5px 0% 5px 25px;border-bottom:1px dotted #999;background-repeat:no-repeat;background-position:left center;}
.thaitheme_widget ul li a{color:#ccc;}
.thaitheme_widget ul li:hover a{color:#fff;} 
.thaitheme_widget ul li.menu-item-has-children{background-position:left 10px;}
.thaitheme_widget ul li .sub-menu{float:left;width:100%;margin-top:10px;}
.thaitheme_widget ul li .sub-menu li{border-bottom:0;border-top:1px solid #ceddf7;}
.tt_img_widget{float:left;width:100%;text-align:center;}
.thaitheme_widget #searchform{float:left;width:97%;margin-top:0px;padding:3% 3% 3% 0%;}
.thaitheme_widget #searchform input#s{width:68%;height:30px;background-color:#f5f5f5;border: 1px solid #FFD727;border-radius: 3px;}
.thaitheme_widget #searchform .screen-reader-text{display:none;}
.thaitheme_widget form#searchform.searchform input#searchsubmit{float:right;border:0;height:30px;color:#000;background-color:#F4E773;padding:0px 10px 0px 10px;cursor:pointer;font-size:14px;border: 1px solid #FFD727;border-radius: 3px;}
.textwidget {float:left;width:100%;}
.textwidget span {float:left;width:100%;margin-bottom: 8px;color:#ccc;border-bottom: 1px dotted #999;padding: 0px 0px 5px 0px;}
.widget_calendar{float:left;}
#toTop{width:45px;height:45px;border-radius:50%;z-index:999999999999999;text-align:center;position:fixed;bottom:3px;right:10px;cursor:pointer;display:none;color:#000;font-size:2em;background-color:#FFF;}
#toTop .fa{padding:8px 0px 0px 0px;} 
#thaitheme-waper{float:left;width:100%;min-height:500px;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:100% !important;}
.tt_btn_open, 
.tt_btn_close {float: right;width:25px;height: 25px;background-color:#333;margin: 0px 10px 20px 0px;color:#FFF;text-align: center;cursor: pointer;}
.tt_btn_close .fa,
.tt_btn_open .fa {font-size:18px;line-height:22px;}
#topbar.tt_open .tt_img_fixed,  
.tt_open  .tt_btn_close,
.tt_btn_open {display: none;}
.tt_open .tt_btn_open {display: block;}
#topbar{position:fixed;top: 20px;width:180px;z-index:999;right:10px;top:10px;padding:10px 0px 0px 0px;}
.tt_img_line {float:left;width:96%;padding: 5px 2% 5px 2%;}
.tt_tx_line.top {margin: 10px 0px 0px 0px;}
.tt_tx_line {float:left;width:100%;font-size:13px;color:#FFF;text-align: left;margin: 5px 0px 0px 0px;text-align: center;} 


.tt_btn_open2,
.tt_btn_close2 {float: left;width:25px;height: 25px;background-color:#c10909;color:#FFF;margin: 0px 0px 10px 0px;text-align: center;cursor: pointer;border-radius: 5px;}
.tt_btn_close2 .fa,
.tt_btn_open2 .fa {font-size:18px;line-height:26px;}
#topbar2.tt_open2 .tt_img_fixed2,
.tt_open2  .tt_btn_close2,
.tt_btn_open2 {display: none;} 
.tt_open2 .tt_btn_open2 {display: block;}
#topbar2{position:fixed;top: 10px;width:180px;z-index:999999999999;left:10px;top:115px;padding:10px 0px 0px 0px;-webkit-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;}
#topbar2 a {float: left;width:100%;margin-bottom: 3px;-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
#topbar2 img,
#topbar2 a:hover {width: 100%;}
.wrapper-b {width: 100%;max-width: 1200px;margin: 0 auto;}
.wrapper-m {width: 100%;max-width: 800px;margin: 0 auto;}
.wrapper {width: 100%;max-width: 1150px;margin: 0 auto;}
.wrapper-h {width: 100%;max-width: 1220px;margin: 0 auto;}
.wrapper-c {width: 100%;max-width: 1150px;margin: 0 auto;}
.nav_top {min-height: 15px;margin: 17px 0px 0px 0px;}
.logo_pc {width: 100%;min-height: 10px;margin: 35% 0px 0px 0px;text-align: center;}  
.tt_lb .logo_pc{margin: 10% 0px 0px 0px;}
.fx_c .logo_pc{margin: 15% 0px 20px 0px;}
.logo_pc img {display: inline-block;max-width: 300px;}
.header  {

 position: relative;
 padding: 0px 0px 0px 0px;
} 
.header_bt {height: 10px;
background: rgb(175,63,233);
background: -moz-linear-gradient(left,  rgba(175,63,233,1) 0%, rgba(241,46,186,1) 35%, rgba(241,46,186,1) 65%, rgba(175,63,233,1) 100%);
background: -webkit-linear-gradient(left,  rgba(175,63,233,1) 0%,rgba(241,46,186,1) 35%,rgba(241,46,186,1) 65%,rgba(175,63,233,1) 100%);
background: linear-gradient(to right,  rgba(175,63,233,1) 0%,rgba(241,46,186,1) 35%,rgba(241,46,186,1) 65%,rgba(175,63,233,1) 100%);
}
.header_bg{float:left;width: 100%;background-color:#000;background-image: url(../images/b3.jpg?v=1.2);background-size: cover;background-position: top center;
position: relative;
min-height:430px;
}
.tt-social{float:left;width: 100%;min-height:36px;overflow:hidden;top: 0px;z-index: 100;background-color:#702b0f;} 
.tt_top_nav ul li{float:left;margin:0px 3px 3px 3px;}
.tt_top_nav ul li a{color:#000;font-family: thaisanslite_r1;font-size: 16px;line-height: 13px;padding: 0px 6px 2px 6px;border-radius: 3px;} 
.tt_top_nav ul li a:hover{color:#000;} 
.banner_h {width: 59%;margin: 60px 1.4% 4px 0px;}    
#topbar{position:fixed;width:180px;z-index:999;right:10px;top:115px;padding:10px 0px 0px 0px;-webkit-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;}
.fxxx {-webkit-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;}
.tt_img_line{float:left;width:96%;padding:5px 2% 5px 2%;}
.tt_tx_line.top{margin:10px 0px 0px 0px;}
.tt_tx_line{float:left;width:100%;font-size:13px;color:#FFF;text-align:left;margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;text-align:center;background-color:#64d804;}
.tt_btn_open,
.tt_btn_close{float:right;width:25px;height:25px;background-color:#c10909;margin:0px 0px 10px 0px;color:#fff;text-align:center;cursor:pointer;border-radius: 5px;} 
.tt_btn_close .fa,
.tt_btn_open .fa{font-size:18px;line-height:26px;}
#topbar.tt_open .tt_img_fixed,
.tt_open .tt_btn_close,
.tt_btn_open{display:none;}
.tt_open .tt_btn_open{display:block;}
.tt_img_fixed {float:left;}
.tt_img_fixed.bt {margin:10px 0px 0px 0px;}
.tt_from_login {width:32%;margin: 19px 0% 0px 0px;} 
.ct_lang {width: 26%;min-height: 57px;margin: 19px 0% 0px 0px;}
.tt_lang {float:left;height: 20px;padding: 0px 10px 0px 10px;font-size: 13px;color:#FFF;position: relative;}
.use_lang {float: left;width:120px;}
.tt_btn_lang{float: right;width:120px;background-color: #FFF;color:#333;line-height: 13px;padding: 0px 5px 0px 10px;border: 1px solid #ccc;position: relative;cursor: pointer;}
.tt_btn_lang span.tt_arr {height: 18px;border-left: 1px solid #ddd;padding: 0px 9px 0px 0px;}
.tt_btn_lang .tt_tx {width:80px;height: 18px;padding: 3px 0px 0px 0px;}
.tt_btn_lang  .fa {font-size: 18px;line-height: 13px;}
.nav_lang { position:absolute;top: 25px;left: 0px;width:130px;min-height: 30px;background-color: #FFF;z-index: 9999999999999;display: none;}
.nav_lang.active  {display: block;z-index: 9999999999999;}
.nav_lang a {float:left;width:100%;padding: 5px 10px 5px 10px;border-bottom: 1px solid #ddd;color:#333;}
.nav_lang a:hover {background-color: #ddd;} 
.head_from {min-height: 20px;z-index: 10; position: relative;}
.arr_right:after{content:"";display:block;height:0;position:absolute;width:0;top:-16px;bottom:0px;border-right:14px solid transparent;border-top:6px solid transparent;border-left:7px solid #3e3e3e;border-bottom:10px solid #3e3e3e;z-index:-1;right:-2px;}
.arr_left:after{content:"";display:block;height:0;position:absolute;width:0;top:-16px;bottom:0px;border-right:7px solid #3e3e3e;border-top:6px solid transparent;border-left:14px solid transparent;border-bottom:10px solid #3e3e3e;z-index:-1;left:-2px;}
.arr_hl {width:24px;min-height: 48px;background-image: url(../images/arh.png?v=1.0);position:absolute;bottom:-1px;left: -34px;}
.sec-center {padding: 10px 21px 10px 21px;border: 2px solid #8093b4;
background: #b3c1e6;
background: -moz-linear-gradient(top,  #b3c1e6 0%, #838eac 49%, #444b5d 100%);
background: -webkit-linear-gradient(top,  #b3c1e6 0%,#838eac 49%,#444b5d 100%);
background: linear-gradient(to bottom,  #b3c1e6 0%,#838eac 49%,#444b5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c1e6', endColorstr='#444b5d',GradientType=0 );






}
.tt_col_6x {float:left;width: 32.3%;margin: 10px 1.5% 5px 0%;border-radius: 0px;position: relative;overflow: hidden;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.16);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.16);
}  
.tt_col_6x.last {margin-right: 0;}

.tt_col_4x {float:left;width: 23.85%;margin: 10px 1.5% 5px 0%;border-radius: 0px;position: relative;overflow: hidden;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.16);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.16);
}  
.tt_col_4x.last {margin-right: 0;}

.tt_col_4x-.plx5,
.tt_col_4x-.plx6,
.tt_col_4x-.plx7,
.tt_col_4x-.plx8,
.tt_col_4x-.plx9 {width: 18.5%;}
.tt_col_4x-.plx8{margin: 10px 1.5% 5px 0%;}
.tt_col_4x-.plx9{margin: 10px 0% 5px 0%;}


.tt_col_9x {float:left;width: 15.4%;margin: 10px 1.5% 5px 0%;border-radius: 0px;position: relative;overflow: hidden;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.16);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.16);
}  
.tt_col_9x.last {margin-right: 0;}

.tt_col_c {float:left;width: 32.3%;margin: 10px 1.5% 0px 0%;border-radius: 0px;position: relative;overflow: hidden;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.16);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.16);
}  
.tt_col_c.last {margin-right: 0;}
.tt_col_c h3{position:absolute;float:left;width:100%;background-color: rgba(0, 0, 0, 0.5);left: 0px;bottom: 0px;font-family:thaisanslite_r1;font-size:32px;line-height:32px;padding: 7px 0px 10px 0px;text-align: center;color: #fff;}
.tt_col_c .dsc_3x {text-align: center;}
.tt_col_c .dsc_3x p {float:left;width:100%;font-size:24px;line-height:24px;font-family:thaisanslite_r1;color: #444;padding: 7px 0px 7px 0px;}
.tt_col_c .dsc_3x span {display: inline-block;font-size:20px;line-height:20px;font-family:thaisanslite_r1;color: #fff;padding: 7px 60px 10px 60px;margin-bottom: 20px;font-weight: bold;border-radius: 6px;box-shadow: 0 2px 0 rgba(0,0,0,0.1);

background: #ed5e1c;
background: -moz-linear-gradient(top,  #ed5e1c 0%, #ea4509 24%, #44110a 100%);
background: -webkit-linear-gradient(top,  #ed5e1c 0%,#ea4509 24%,#44110a 100%);
background: linear-gradient(to bottom,  #ed5e1c 0%,#ea4509 24%,#44110a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5e1c', endColorstr='#44110a',GradientType=0 );
}
.tt_col_c:hover .dsc_3x span {
background: #ed5e1c;
background: -moz-linear-gradient(left,  #ed5e1c 0%, #ea4509 24%, #44110a 100%);
background: -webkit-linear-gradient(left,  #ed5e1c 0%,#ea4509 24%,#44110a 100%);
background: linear-gradient(to right,  #ed5e1c 0%,#ea4509 24%,#44110a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5e1c', endColorstr='#44110a',GradientType=1 );
	
	
}
.bg {margin-left: 0px;background-color: #000;


}
.bg2 {margin-left: 0px;background-color: #2b2c26;
background-image: url(../images/bg-footer.png?v=1.0);
background-repeat: repeat-x;
} 
.tx_sl_bg {
background: #d33d09;
padding: 5px 0px 5px 0px; 

	 
} 
.tt_xsl {
float: left;width: 100%; font-family:thaisanslite_r1;font-size:18px;line-height:28px;color: #fff;height: 25px; margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px; 

}

.head_from_pc {width:100%;min-height: 20px;padding-top: 0px;}
.head_ufa {padding: 15px 0px 3px 0px;text-align: center;font-weight: bold;font-size: 22px;color: #000;line-height: 18px;font-family: thaisanslite_r1;

} 

.from_hc {width:80%;}
.head_from_pc .tt_from_p,
.head_from_pc .tt_from_u {width:100%;float: left;height: 40px;background-color: #fff;margin: 2px 0px 3px 0px;border: 1px solid #3b3b3b;padding: 0px 0px 0px 10px;color: #000;border-radius: 2px;font-family: thaisanslite_r1;font-size: 18px;}
.head_from_pc  span,
.head_from_pc  span {float:left;width:33%;margin-top:0px;font-family: thaisanslite_r1;font-size: 18px;white-space :nowrap;color: #fff;}

.head_from_pc input::placeholder { 
  color: #000;
  opacity: 1;
}

.head_from_pc input:-ms-input-placeholder { 
   color: #000;
}

.head_from_pc input::-ms-input-placeholder { 
 color: #000;
}

.head_from_pc strong {float:left;width: 100%;margin:5px 0px 5px 0px;text-align: center;font-family: thaisanslite_r1;font-size: 20px;color: #000;}

.head_from_pc .tt_from_lgh {width:100%;padding: 10px 0px 0px 0px;color: #E2E2E2;}


.head_from_pc .tt_submit {font-weight: bold;float:left;border: 0;margin:2px 0px 0px 0px;color: #fff;width:50%;height: 55px;padding: 3px 0px 10px 0px;text-align: center;cursor: pointer;line-height: 18px;border-radius: 2px;font-family: thaisanslite_r1;font-size: 18px;
background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);
border:1px solid #ee1601;
border-radius: 4px;
}
span.tx-log1 {float:left;width: 100%;font-size: 24px;}
p.tx-log2 {float:left;width: 100%;font-size: 26px;}


@-webkit-keyframes walk-cycle {
 0% {
 background: #ffebb6;
background: -moz-linear-gradient(top,  #ffebb6 0%, #ab9d7a 35%, #71674e 100%);
background: -webkit-linear-gradient(top,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
background: linear-gradient(to bottom,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 );
 }
  100% {
background: #e3d8b8;
background: -moz-linear-gradient(top,  #e3d8b8 15%, #c1b491 39%, #716245 100%);
background: -webkit-linear-gradient(top,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
background: linear-gradient(to bottom,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 );
border: 2px solid #FBEECB;


  
	  
	  
  }
}

@keyframes walk-cycle {
0% {
 background: #ffebb6;
background: -moz-linear-gradient(top,  #ffebb6 0%, #ab9d7a 35%, #71674e 100%);
background: -webkit-linear-gradient(top,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
background: linear-gradient(to bottom,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 );
 }
  100% {
background: #e3d8b8;
background: -moz-linear-gradient(top,  #e3d8b8 15%, #c1b491 39%, #716245 100%);
background: -webkit-linear-gradient(top,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
background: linear-gradient(to bottom,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 );
border: 2px solid #FBEECB;


  
	  
	  
  }
}
@-webkit-keyframes walk-cyclet {
0% {
 background: #ffebb6;
background: -moz-linear-gradient(top,  #ffebb6 0%, #ab9d7a 35%, #71674e 100%);
background: -webkit-linear-gradient(top,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
background: linear-gradient(to bottom,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 );
 }
  100% {
background: #e3d8b8;
background: -moz-linear-gradient(top,  #e3d8b8 15%, #c1b491 39%, #716245 100%);
background: -webkit-linear-gradient(top,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
background: linear-gradient(to bottom,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 );
border: 2px solid #FBEECB;


  
	  
	  
  }
}

@keyframes walk-cyclet {
 0% {
 background: #ffebb6;
background: -moz-linear-gradient(top,  #ffebb6 0%, #ab9d7a 35%, #71674e 100%);
background: -webkit-linear-gradient(top,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
background: linear-gradient(to bottom,  #ffebb6 0%,#ab9d7a 35%,#71674e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 );
 }
  100% {
background: #e3d8b8;
background: -moz-linear-gradient(top,  #e3d8b8 15%, #c1b491 39%, #716245 100%);
background: -webkit-linear-gradient(top,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
background: linear-gradient(to bottom,  #e3d8b8 15%,#c1b491 39%,#716245 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 );
border: 2px solid #FBEECB;

  
	  
	  
  }
  /* Must be full height of sprite or skipping will happen.*/
}




.bx_clip iframe{width: 100%!important;}
.tt_slide {width: 100%;margin: 0px 0px 0px 0px;overflow: hidden;padding: 0px 0px 0px 0%;}
.tt_slide_page {width: 100%;margin: 0px 0px 0px 0px;overflow: hidden;max-height: 244px;}
.login_head_m,
.nav_mobile {display: none;}
.tt_lc {width: 65.9%;min-height: 100px;}
.tt_rc {width: 32.7%;min-height: 100px;}

.tt_lcx {width: 60%;min-height: 100px;margin: 10px 0px 0px 0px;}
.tt_rcx {width: 38%;min-height: 100px;margin: 10px 0px 0px 0px;}
.arh {height: 4px;background-image: url(../images/animate.gif?v=1.0);background-position: center center;


}
.h_slot {font-family: thaisanslite_r1;font-size: 42px;line-height: 52px;text-align: center;color:#fff;font-weight: bold;margin: 35px 0px 0px 0px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );




  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}


.arhx {margin: 10px 0px 10px 0px;height: 1px;background-size:cover;background-image: url(../images/animate.gif?v=1.0);background-position: center center;background-repeat: no-repeat;


}
.arhxt {margin: 0px 0px 25px 0px;height: 1px;background-size:cover;background-image: url(../images/animate.gif?v=1.0);background-position: center center;background-repeat: no-repeat;

 
}
.slide_b {margin-top: 10px;}
.tt_txd {background-color: rgba(0, 0, 0, 0.5);box-shadow: 0 4px 4px rgba(0,0,0,.25);height: 30px;} 
.tt_rc .banner_hover {margin: 0px 0px 10px 0px;}
.tt_live {width: 28%;margin: 20px 0% 10px 0%;

} 
.tt_live.if_login {width: 22%;cursor: pointer;margin: 70px 0% 10px 0%}
.tt_live.if_login .fr2x {padding: 5px 2px 0px 0px;}
.tt_live.if_login .fr_ficenter {width: 100%;padding: 0px 2px 5px 5px;border-radius: 5px;}
.tt_content {padding: 20px;min-height: 240px;}
.left_ct {min-height: 300px;width:67.8%;}
.right_ct {min-height: 100px;width:30.2%;}
.tt_l.tt_rc .banner_hover.fadeInLeft img {width: 100%;} 
.c_tx {padding: 10px 15px 0px 15px;} 
.tt_txt_seo{width:50%;color:#eee;padding: 0px 0px 15px 20px;border-radius: 7px;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;overflow:hidden;margin-bottom:0px;margin-top: 0%;} 
.tt_txt_seo a{color:#eee;}
.tt_txt_seo a:hover{text-decoration:underline;} 
.tt_txt_seo img{max-width:100%;height:auto;padding:0;}
.tt_txt_seo strong, [class*="ddtemplate_read"] th{font-weight:700;}
.tt_txt_seo em, .tt_txt_seo address, .tt_txt_seo caption, .tt_txt_seo cite{font-style:italic;}
.tt_txt_seo table{display:table;border-spacing:2px;border-collapse:separate;}
.tt_txt_seo tr{display:table-row;vertical-align:inherit;}
.tt_txt_seo td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;}
.tt_txt_seo th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;}
.tt_txt_seo{line-height:1.5em;}
.tt_txt_seo p{display:block;margin:0.3em 0;line-height:1.3em;}
.tt_txt_seo blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;}
.tt_txt_seo blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;}
.tt_txt_seo blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;}
.tt_txt_seo blockquote cite:before{content:"\2014 \2009";}
.tt_txt_seo address{display:block;font-style:italic;}
.tt_txt_seo center{display:block;text-align:center;}
.tt_txt_seo h1{display:block;font-size:2em;font-weight:700;margin:.67em 0;line-height:1em;}
.tt_txt_seo h2{display:block;font-size:1.5em;font-weight:700;margin:.6em 0;line-height:1.1em;}
.tt_txt_seo h3{display:block;font-size:1.7em;font-weight:700;margin:0.6em 0;line-height:1.1em;}
.tt_txt_seo h4{display:block;font-weight:700;margin:0px 0;line-height:1em;}
.tt_txt_seo h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;}
.tt_txt_seo h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;}
.tt_txt_seo ul{display:block;list-style-type:disc;margin:1em 0;padding-left:20px;}
.tt_txt_seo ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;} 
.tt_txt_seo li{display:list-item;}
.tt_txt_seo ul li{list-style-type:disc;}
.tt_txt_seo ol li{list-style-type:decimal;}
.tt_txt_seo pre, .tt_txt_seo code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;}
.tt_txt_seo #gallery-1 img{border:1px solid #ddd!important;padding:2%!important;}
.tt_txt_seo iframe {width:100%!important;}
.tt_txt_seo h4 img.alignnone {margin: 5px 2% 10px 0;}

.videoWrapper {
  position: relative;
  padding-bottom: 48%; 
  height: 0;
  margin: 10px 0px 10px 0px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}












     



.bar_f {height: 10px;margin: 0px 0px 10px 0px;
background: #7c6d4e;
background: -moz-linear-gradient(top,  #7c6d4e 0%, #958865 35%, #c3b67f 100%);
background: -webkit-linear-gradient(top,  #7c6d4e 0%,#958865 35%,#c3b67f 100%);
background: linear-gradient(to bottom,  #7c6d4e 0%,#958865 35%,#c3b67f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c6d4e', endColorstr='#c3b67f',GradientType=0 );

}
.bar {min-height: 33px;margin: 10px 0px 0px 0px;text-align: center;padding: 3px 0px 3px 0px;
background: #181c1a;
background: -moz-radial-gradient(center, ellipse cover,  #181c1a 19%, #000000 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #181c1a 19%,#000000 100%);
background: radial-gradient(ellipse at center,  #181c1a 19%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181c1a', endColorstr='#000000',GradientType=1 );
     

} 
.footer_ar {height: 5px;background: linear-gradient(90deg,#9c6727 0,#fdf6ae 32%,#bd8d42 65%,#fdf6ae);

}
.footer_social {height: 24px;text-align: center;margin: 15px 0px 0px 0px;}
.footer {min-height: 100px;padding: 0px 0px 0px 0px;}
.footer_ct {position:relative;line-height: 20px;font-family:thaisanslite_r1;font-size:18px;}
.footer_l {float:left;width:50%;background-color: #eb4b0e;min-height: 118px;}
.footer_r {float:left;width:50%;background-color: #000;min-height: 118px;position:relative;}
.footer_c {float:left;width:9%;position:absolute;left: 0px;top: -20px;right: 0px;margin: 0px auto;min-height: 80px;z-index:10;}
.footer_r:after{content:"";display:block;height:0;position:absolute;width:0;top:0px;bottom:0px;border-right:40px solid transparent;border-top:0px solid transparent;border-left:40px solid #eb4b0e;border-bottom:100px solid #eb4b0e;z-index:9;left:0px;}
.footer_l1x {text-align: right;}
.logo_ft {display: inline-block;width:100%;margin: 0px 0px 20px 0px;}
.logo_ft img {max-width: 340px;}
.footer_t1x {display: inline-block;max-width: 350px;width:100%;text-align: left;color: #fff;padding: 0px 0px 0px 20px;}
.footer_t1x span{color: #ffd104;float:left;width:100%;}
.footer_t2x {display: inline-block;max-width: 370px;width:100%;text-align: left;color: #fff;padding: 15px 0px 0px 100px;}

span.edit-post a.post-edit-link i.fa.fa-edit.color-red {color: #ff0000;font-size:18px;}
.menu_footer  {}
.menu_footer ul{float:left;width:100%;margin:20px 0% 0% 0%;text-align: center;}
.menu_footer ul li{display: inline-block;margin:0px -4px 0px 0px;position:relative;}
.menu_footer ul li a{display: inline-block;color:#000;line-height: 18px;font-family:thaisanslite_r1;font-size:18px;padding:5px 14px 5px 14px;font-weight: bold;}
.menu_footer ul li:last-child:after{width:0px;} 
.copyright_footer {width:100%;text-align: center;font-family: thaisanslite_r1;font-size: 19px;line-height: 16px;color: #dedddd;padding: 25px 0px 10px 0px;} 
.copyright_footer a {color: #dedddd;}
.c_footer {width:60%;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;color: #848484;padding: 25px 0px 10px 10px;}
.banner_footer {background-color: #FFF;}   
.bg_h {width:265px;height: 148px;position:absolute;top: 0px;left: 46.2%;z-index: 0;background-image: url(../images/bg-h.png?v=1.0);background-repeat: no-repeat;}
.copyright_footer .img_line {width:130px;}
.tx-li_f {padding: 0px 20px 20px 0px;}

.menu_list {width: 22%;margin: 3% 2% 15px 1.5%;} 
.menu_list.last {margin: 3% 0% 15px 1.5%;}
.menu_list ul li a {float:left;width:100%;color: #000;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.menu_list ul li:last-child a{border-bottom:0;}
.menu_list ul li a:before{content:"► ";margin-right: 3px;text-decoration: none;font-size: 12px;line-height: 18px;}
.top_menu ul li a:hover,
.menu_footer ul li a:hover{color: #fff;}
.menu_list ul li a:hover  {color: #fff;padding: 0px 0px 0px 7px;}
.menu_list span{float:left;width:100%;color: #000;font-family: thaisanslite_r1;font-size: 28px;line-height: 28px;margin: 0px 0px 20px 0px;font-weight: bold;white-space :nowrap;}
.menu_list.first,
.menu_list.center{width: 19%;margin: 3% 1% 15px 1.5%;}


.top_menu ul{float:left;width:100%;margin:0% 0% 0% 0%;text-align: right;}
.top_menu ul li{display: inline-block;margin:0px 0px 0px 0px;position:relative;}
.top_menu ul li a{display: inline-block;color:#ddd;font-size:13px;padding:5px 0px 5px 14px;}

.banner_hover {overflow: hidden;}
.register  {min-height: 300px;background-color: #08111B;margin: 0px 0px 15px 0px;padding: 5px;}
.tt_fb  {min-height: 100px;margin: 0px 0px 15px 0px;}
.tt_col {width:48.8%;margin: 0px 0px 15px 0px;}
.banner_stb  {margin: 0px 0px 15px 0px;background-color: #08111B;position: relative;}
.tt_text {margin: 0px 0px 15px 0px;border: 1px solid #BFC0C4;padding: 15px;background-color: #08111B;}
.right_ct .banner_hover {border: 1px solid #BFC0C4;}
.banner_hover  .tt_img_hover { position:absolute;left: -100%;top: 0px;opacity:0;}
.banner_hover:hover  .tt_img_hover{left: 0px;opacity:1;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.menu_list ul li a,
.banner_hover  .tt_img_hover,
.banner_hover {-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.banner_hover.eff2 {position: relative;overflow: hidden;}


.banner_hoverx {overflow: hidden; position: relative;}   
.banner_hoverx .tt_img_hover { position:absolute;left: 0%;top: 0px;opacity:0;}
.banner_hoverx:hover .tt_img_hover{left: 0px;opacity:1;background-position:center left;-webkit-filter: contrast(200%);filter: contrast(200%);filter: brightness(1.6);}
.banner_hoverx .tt_img_hover, 
.banner_hoverx {-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.banner_hoverx.eff2 {position: relative;overflow: hidden;}

figure.imghvr-flip-diag-2  {float: left;width: 100%;overflow: hidden;}












.banner_bank {margin: 0px 0px 15px 0px;background-color: #08111B;position: relative;}
.tt_text .thaitheme_read {padding:0px 0px 0px 0px;color: #ccc;}
.tt_home_bank {width: 100%;position:absolute;left: 0px;top: 10px;}
.tt_home_bank a {float: right;width: 116px;height: 100px;margin: 8px 0px 0px 0px;}
.tt_home_bank a:hover {opacity:0.8; }
.tt_home_bank a.tt_kc { margin-right: 10px;}
.tt_home_bank a img {width: 100%;}
.tt_news {min-height: 300px;margin: 0px 0px 15px 0px;overflow: hidden;padding:2px 2px 15px 2px;position: relative;border-radius: 3px;}
.tt_news h2 {background-color: #F5F5F5;padding:5px 30px 5px 30px;color: #333;font-size: 20px;display: inline-block;border-radius: 5px 5px 0px 0px;}
.tt_head_news  {width: 100%;background-color: #050E1F;padding:10px 0px 0px 10px;border-radius: 3px 3px 0px 0px;}
.post-hl {width: 43%;background-color: #020A19;margin: 10px 0px 0px 10px;}
.post-hl .title {width: 100%;padding:10px;}
.post-hl .title h3 {color: #FFF;font-size: 16px;}
.post-hl .title p {color: #ccc;max-height: 54px;overflow: hidden;margin: 10px 0px 0px 0px;line-height: 20px;}
.post-hl:hover {background-color: #000;}
.post-sm {width: 51%;margin: 10px 2% 5px 10px;}
.post-sm .tt_img{width: 30%;}
.post-sm .title{width: 68%;padding:0px 10px 10px 10px;}
.post-sm .title h3 {color: #555;font-size: 14px;text-shadow: 1px 1px 0 #FFF;}
.more_news {position:absolute;top: 17px;right: 15px;background-color: #eee;border-radius: 3px;padding: 5px 10px 5px 10px;line-height: 13px;}
.more_news:hover {background-color: #FFF;}
.post-sm:hover h3{color: #000;}




.tt_from_box.tt_hide{display:none;}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:996;opacity:0;visibility:hidden;}
.overlay.active{visibility:visible;opacity:1;background:rgba(0, 0, 0, 0.7);}
.wpcf7-form{padding:0px;}
.tt_from_list{float:left;width:97%;margin:0px 0% 10px 0px;}
.tt_from_title{float:left;width:30%;text-align:right;color:#333;margin-bottom:5px;}
.tt_from_submit,
.tt_from_box{float:right;width:65%;}
.tt_from_submit{text-align:left;float:left;width:100%;margin:5px 0px 0px 0px;height:43px;overflow:hidden;}
.tt_from_box select.wpcf7-form-control,
.tt_from_box textarea.wpcf7-textarea,
.tt_from_box input.wpcf7-text{width:100%;border:0;padding:4px 10px 4px 10px;background-color:#fff;color:#000;border:1px solid #888;border-radius:3px;}
.tt_from_box select.wpcf7-form-control{color:#555;}
.tt_from_submit input.wpcf7-submit{
	background-color:#960103;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:0;
	color:#fff;
	border:2px solid #ccc;
display:inline-block;cursor:pointer;margin:0px 3.5% 10px 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;font-weight:bold;padding:5px 35px 7px 35px;float:left;
}
.thaitheme_read .tt_from_submit input.wpcf7-submit{float: right;}
.tt_from_submit input.wpcf7-submit:hover{
	background-color:#660404;
}
.thaitheme_widget .tt_from_submit input.wpcf7-submit{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	color:#17213A;
		text-shadow:0px 1px 0px #ffffff;
display:inline-block;cursor:pointer;width:100%;margin:0px 3.5% 10px 0px;line-height: 16px;font-family:thaisanslite_r1;font-size:18px;padding:5px 35px;float:left;
}
.thaitheme_widget .tt_from_submit input.wpcf7-submit:hover{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}


.wpcf7 form .wpcf7-response-output{position:fixed;top:30%;width:400px;min-height:50px;background-color:#FFF;left:0px;right:0px;margin:0px auto;z-index:999999;padding:20px;}
.wpcf7-response-output{color:#333;text-align:center;font-size:14px;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{color:#398f14;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{color:#FF0000;border:2px solid #FF0000!important;}
.wpcf7-not-valid-tip{float:left;width:100%;}
.teble_us{width:60%;margin:40px auto 40px auto;}
.list_user{color:#FFF602;font-size:16px;margin:10px 0px 0px 0px;}
.name_list{color:#eee;}
.help_list{color:#eee;text-align:center;margin:20px 0px 20px 0px;}
.wpcf7 form .wpcf7-response-output:after{top:-10px;z-index:99999;content:"x";display:block;height:24px;right:-10px;position:absolute;width:25px;background-color:#FF0000;color:#FFF;cursor:pointer;border-radius:5px;font-size:18px;}
span.wpcf7-not-valid-tip{}
.title_from{text-align:left;font-size:16px;color:#fff;margin:0px 0px 20px 0px;padding:10px 0px 10px 20px;background-color:#AD0310;}
.title_from h3{line-height:20px;margin:0px!important;padding:0px;}
.wpcf7-form{float:left;width:100%;padding:0px 0px 10px 0px;margin-bottom:10px;background-color:#eee;}
.title_from.mt-20-20{margin:20px 0px 20px 0px;}

.tt_tab3,
.tt_tab2,
.tt_tab1{float:left;cursor:pointer;padding:5px 0px 5px 0px;text-align:center;width:33.333333%;line-height: 16px;font-family:thaisanslite_r1;font-size:18px;font-weight:bold;position:relative;
-moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #eee;
    background:    -moz-linear-gradient(220deg, transparent 10px, #eee 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #eee 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #eee 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #eee 10px);
    background:         linear-gradient(220deg, transparent 10px, #eee 10px);
    color: #000;

}
.tt_tab1:hover,
.tt_tab2:hover,
.tt_tab3:hover{
background: #ddd;
    background:    -moz-linear-gradient(220deg, transparent 10px, #ddd 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #ddd 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #ddd 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #ddd 10px);
    background:         linear-gradient(220deg, transparent 10px, #ddd 10px);

}
.tt_tab1.active,
.tt_tab2.active,
.tt_tab3.active{color:#fff;
background: #960103;
    background:    -moz-linear-gradient(220deg, transparent 10px, #960103 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #960103 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #960103 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #960103 10px);
    background:         linear-gradient(220deg, transparent 10px, #960103 10px);
}
.tt_ct_tab1.active,
.tt_ct_tab2.active,
.tt_ct_tab3.active{display:block;}
.tt_ct_tab1 ,
.tt_ct_tab2,
.tt_ct_tab3{float:left;width:100%;padding:0% 0% 0% 0%;display:none;}
.tt-nav-hide,
.thaitheme_widget .tt_from_title,
.thaitheme_widget .title_from{display:none;}
.thaitheme_widget .wpcf7-form{padding:5px 7px 0px 7px; margin-bottom: 0px;
background-color: #000;border: 1px solid #777;
}
.thaitheme_widget .tt_from_box{float:left;width:100%;}
.thaitheme_widget .tt_from_list{float:left;width:100%;margin:0px 0% 4px 0px;}
.thaitheme_widget .tt_from_submit{height:40px;}

.tt_from_box input.wpcf7-text.wpcf7-not-valid{border:1px solid #f00;}
.thaitheme_widget span.wpcf7-not-valid-tip {display: none!important;}

 
.bd_clip {border: 1px solid #747879;overflow: hidden;}
.tt_h_re {background-color: #FFF;padding:5px 30px 5px 30px;margin-bottom: 5px;color: #333;font-size: 20px;border-left: 5px solid #ff9900;}
.register  {min-height: 300px;margin: 0px 0px 15px 0px;padding: 10px;background-color: #0C1B38;}
.tt_h_re {width: 100%;}
.from_sm {margin: 10px 0px 0px 0px;}
.tt_full .tags {border-top: 1px solid #4d4d4d;padding: 15px 0px 20px 0px;color: #000;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}
.tt_full .tags a {display: inline-block;background-color: #ae8c42;color: #000;padding: 3px 10px 3px 10px;margin-bottom: 5px;font-family: thaisanslite_r1;font-size: 16px;line-height: 16px;border-radius: 3px;}
.tt_full .tags .title {margin-right: 10px;}
.tt_full .tags a:hover {background-color: #222;color: #fff;}
.title_page h1 ,
.title_page h2 {color: #fff;font-size: 34px;line-height: 34px;font-family:thaisanslite_r1;font-weight: bold;
text-shadow: 1px 1px 0 #3b0e0e;
} 
.title_page a {color: #000;text-shadow: 1px 1px 0 #ffe720;}
.title_page {margin-bottom: 0px;margin-top: 0px;position: relative;
padding: 5px 20px 10px 20px;
border-radius: 0px 0px 0px 0px;
border: 2px solid #ec0007;
background: rgb(192,0,1);
background: -moz-linear-gradient(top,  rgba(192,0,1,1) 0%, rgba(154,0,1,1) 47%, rgba(134,0,2,1) 100%);
background: -webkit-linear-gradient(top,  rgba(192,0,1,1) 0%,rgba(154,0,1,1) 47%,rgba(134,0,2,1) 100%);
background: linear-gradient(to bottom,  rgba(192,0,1,1) 0%,rgba(154,0,1,1) 47%,rgba(134,0,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00001', endColorstr='#860002',GradientType=0 );




text-align: center;
}  

.p_gl {position: relative;margin-top: 0px;border-radius: 0px;}
.home .title_page {margin-top: 0px;margin-bottom: 0px;}
.page-numbers{text-align:center;border-top: 1px solid #222;padding:0px 0px 0px 0px;margin:30px 0px 30px 0px;}
.page-numbers ul{list-style:none;margin:0;padding:0;text-align:center;}
.page-numbers li{margin-right:-5px;display:inline;}
.page-numbers.dots,
.page-numbers a{padding:6px 15px 5px 15px;display:inline-block;text-decoration:none;color:#333;margin:0px 0px 5px 0px;font-size:16px;border:1px solid #000;background-color:#FFF;}
.page-numbers a:hover, .page-numbers a:focus{color:#FFF;background-color:#DE091C;}
.page-numbers.current{padding:10px 20px;display:inline-block;text-decoration:none;border:1px solid #000;font-size:16px;color:#FFF;background-color:#DE091C;}
.tt_pagination ul >*:first-child span ,
.prev.page-numbers{border-radius:5px 0px 0px 5px;padding:6px 15px 5px 15px;line-height:20px;}
.tt_pagination ul >*:last-child span ,
.next.page-numbers{border-radius:0px 5px 5px 0px;padding:6px 15px 5px 15px;line-height:20px;}
.page-404 {float:left;width:100%;margin:40px 0px 40px 0px;font-size:16px;color:#FFF;text-align:center;}
.tt_label {color:#FFF;margin:0px 5px 0px 0px;}
.tt_from_lg {width:100%;margin-right:10px;}
.tt_from_lg .tt_from_u ,
.tt_from_lg .tt_from_p {color:#555;width:38%;margin:0px 5px 0px 0px;padding: 0px 0px 0px 5px;border: 1px solid #999;height: 20px;font-size: 12px;background-color: #FFF;}
.tt_from_lg .tt_captcha {color:#555;width:45px;margin:0px 0px 0px 0px;padding: 0px 0px 0px 5px;border: 0;height: 20px;font-size: 11px;background-color: #FFF;}
.captcha_img {width:45px;height: 20px;margin:0px 0px 0px 5px;font-size: 12px;background-color: #0B2D6C;color: #FFF;text-align: center;line-height: 20px;overflow: hidden;}
.captcha_img img {margin-top: 5px;margin-left: -7px;}
.tt_submit {border: 0;width:60px;height: 20px;text-align: center;font-size: 12px;color: #fff;cursor: pointer;line-height: 21px;border-radius: 2px;

}
.tt_submit:hover {opacity:0.8;}
.top_bank {padding-top: 15px;}
.tt-social-head{float:right;width:275px;margin-top: 2px;margin-bottom: 3px;}
.social-sharing{font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.social-sharing *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.social-sharing a{display:inline-block;color:#fff;border-radius:2px;margin:0px 0px 0px 5px;height:14px;line-height:10px;text-decoration:none;font-weight:normal;}
.social-sharing a:hover{color:#fff;}
.social-sharing span{display:inline-block;vertical-align:top;height:14px;line-height:14px;font-size:11px;}
.social-sharing .icon{padding:0 5px 0 10px;}
.social-sharing .icon:before{line-height:22px;} 
.social-sharing.is-large a{height:44px;line-height:44px;}
.social-sharing.is-large a span{height:44px;line-height:44px;font-size:18px;}
.social-sharing.is-large a .icon{padding:0 10px 0 18px;}
.social-sharing.is-large a .icon:before{line-height:44px;}
.share-title{font-size:12px;padding-right:10px;}
.is-large .share-title{padding-right:16px;}
.share-facebook{background-color:#3b5998;}
.share-facebook:hover{background-color:#2d4373;}
.share-twitter{background-color:#00aced;}
.share-twitter:hover{background-color:#0087ba;}
.share-google{background-color:#dd4b39;}
.share-google:hover{background-color:#c23321;}
.share-count{position:relative;background-color:#fff;padding:0 8px;margin-right:-2px;font-size:14px;line-height:20px;color:#333;border-radius:0 2px 2px 0;border:1px solid #ececec;opacity:1;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;}
.share-count.is-loaded{opacity:1;}
.share-count:before,
.share-count:after{content:'';display:block;position:absolute;top:50%;margin-top:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid;}
.share-count:before{left:-6px;border-right-color:#ececec;}
.share-count:after{left:-5px;border-right-color:#fff;}
a:hover .share-count{background-color:whitesmoke;}
a:hover .share-count:after{border-right-color:whitesmoke;}
.is-large .share-count{font-size:18px;padding:0 14px;}
.social-sharing.is-clean a{background-color:#fff;border:1px solid #ececec;color:#333;height:30px;line-height:30px;}
.social-sharing.is-clean a span{height:30px;line-height:30px;font-size:13px;}
.social-sharing.is-clean a:hover{background-color:#ececec;}
.social-sharing.is-clean a:hover .share-count{background-color:#fff;}
.social-sharing.is-clean a:hover .share-count:after{border-right-color:#fff;}
.social-sharing.is-clean a .share-title{font-weight:normal;}
.social-sharing.is-clean .share-count{top:-1px;}
.social-sharing.is-clean .icon-facebook{color:#3b5998;}
.social-sharing.is-clean .icon-twitter{color:#00aced;}
.social-sharing.is-clean .icon-google{color:#dd4b39;}
.list_game {width: 29.1%;margin: 10px 0px 15px 3.1%;}
.list_game h3 {text-align: center;  color: #ccc;margin: 10px 0px 0px 0px;font-weight: bold;}
.list_game:hover h3 { color: #C8B970;}
.list_game:hover img { 
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
a.more{margin:15px 0px 0px 0px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#ddd;} 
.post-sm2x{width:49.2%;margin:10px 1.5% 0px 0%;position:relative;overflow:hidden;background-color:#111;border: 1px solid #000;}
.post-sm2x h3{height:50px;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;color:#ddd;margin-bottom: 10px;padding:10px 20px 10px 20px;overflow:hidden;font-weight: bold;}
.post-sm3xx .tt_l.img,
.post-sm2x .tt_l.img {position:relative;overflow:hidden;}
.post-sm2x.tt2x{margin:10px 0% 5px 0%;}
.post-sm3xx img,
.post-sm2x img{float: left;width:100%;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.post-sm3xx:hover img,
.post-sm2x:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.post-sm3xx {width: 32%;margin: 10px 2% 0px 0%;background-color:#111;border: 1px solid #000;}
.post-sm3xx  h3 {font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;color:#ddd;padding:8px 10px 15px 10px;overflow: hidden;max-height: 50px;margin-bottom: 5px;}
.post-sm3xx.tt3x,
.post-sm3xx.tt5x {margin: 10px 0% 0px 0%;}
.post-sm3xx:hover {background-color:#000;}
.post-sm3xx:hover h3 ,
.post-sm2x:hover h3 {color:#caac66;}
.tt_list.sbo{float:left;width:100%;margin-top:0px;margin-bottom:10px;padding: 0px 10px 0px 0px;background-color:#111;border: 1px solid #000;}
.tt_list.sbo .tt_img{float:left;width:25%;}
.tt_list.sbo .tt_img img{float:left;width:100%;max-width:100%;height:auto;}
.tt_list.sbo:hover .tt_dsc h3{text-decoration:underline;}
.tt_list.sbo:hover .tt_dsc{}
.tt_list.sbo .tt_dsc{float:right;width:72%;font-size:14px;line-height:20px;}
.tt_list.sbo .tt_dsc h3{float:left;width:100%;color:#c8b980;margin-top:10px;font-family: thaisanslite_r1;font-size: 26px;line-height: 28px;}
.tt_list.sbo .tt_dsc p{float:left;width:100%;overflow:hidden;color:#ddd;max-height:61px;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;margin-top:5px;margin-bottom:7px;}
.tt_list.sbo:hover{background-color:#232222;}



.social_footer {min-height: 40px;text-align: center;margin-top:0px;}
.social_fb,
.social_line {display: inline-block;padding: 10px 0px 0px 50px;font-size: 14px;color: #ddd;min-height: 40px;background-repeat: no-repeat;background-position: 8px center;}
.social_line{background-image: url(../images/ico-line.png?v=1.3);}
.social_fb {background-image: url(../images/ico-fb.png?v=1.3);}
.hied_pc {text-align: center;}
.tt_ag_bt {margin-bottom:15px;}
.thaitheme_widget .fb_pc,
.thaitheme_widget .tt-l.tt_txt_seo {margin-bottom: 10px;border: 1px solid #655C55;}
.tt_home_bx {width:49%;overflow: hidden;

}
.bx_clip {background-color:#000;border: 1px solid #696A6C;overflow: hidden;} 

.tt_clip {border: 2px solid #7C7C7C;background-color:#000;overflow: hidden;}

.tt_home_bx-r {width:49%;overflow: hidden;}
.ct_bank {position: relative;}
.tt_bank_btn {width:18%;min-height: 90px;margin: 0% 1% 0% 0%;display: inline-block;}   
.link_bank {width: 100%;position:absolute;right: 0;bottom: 20px;z-index: 1100;text-align: left ;}
/*.tt_iframe {position:absolute;left: 20%;top: 80px;width:60%;height: 100%;background-color:#000;z-index: 1100;}
.thaitheme_read{position: relative;}*/
.head_phone {float:left;width: 100%;display:none;border-bottom: 3px solid #000;}
.h-line  {float:left;width: 50%;min-height: 70px;}
.h-phone  {float:left;width: 50%;min-height: 70px;border-left: 1px solid #959595;}
.h-line a {display: block;width: 100%;min-height: 70px;background-image: url(../images/ico-line-h.png?v=1.0);background-position: center center;background-repeat: no-repeat;}
.h-phone a {display: block;width: 100%;min-height: 70px;background-image: url(../images/ico-phone.png?v=1.0);background-position: center center;background-repeat: no-repeat;}
.h-line ,
.h-phone  {
	
background: #f9f9f9; 
background: -moz-linear-gradient(top,  #f9f9f9 17%, #cccccc 100%);
background: -webkit-linear-gradient(top,  #f9f9f9 17%,#cccccc 100%); 
background: linear-gradient(to bottom,  #f9f9f9 17%,#cccccc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0 );


}

.mcx {display: none;}
.bg_txsl {background-color:#fff;padding: 5px 10px 5px 10px;margin: 0px 0px 10px 0px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}
.tt_list_game {float: left;width: 32%;margin: 0px 0% 15px 2%;background-color: #151515;}
.tt_list_game .tt_img {float: left;width: 100%;}
.tt_list_game h3 {float: left;width: 100%;margin: 5px 0px 5px 0px;padding: 0px 10px 0px 10px;font-family:thaisanslite_r1;font-size:18px;line-height:19px;color:#ccc;text-align: center;font-weight: bold;text-transform: uppercase;overflow: hidden;height: 40px;}
.tt_list_game:hover h3 {color:#EAC76E;}
.tt_list_game.sport3 {margin: 0px 0% 15px 0%;}
.tt_list_game.hhl.sport1 {margin: 0px 0% 15px 0%;}
.sc_n .tt_list_game h3 {font-weight: bold;text-align: left;}
.tt_list_game.hhl {width: 49%;}
.tt_list_game.hhl img {width: 100%;}
.tt_head_sec{width:100%;margin:0px 0px 0px 0px;background-color:#eee;} 
.tt_title_sc{padding:0px 15px 0px 0px;font-size:22px;color:#000;background-color: #eee;}
.tt_title_sc a{font-size:26px;line-height:30px;color:#000;}
.tt_title_sc h1,
.tt_title_sc h2 {border-left: 5px solid #AC8021;padding:5px 15px 5px 15px;font-family:thaisanslite_r1;font-size:26px;line-height:26px;font-weight: bold;}
a.more{float: right;margin:10px 0px 0px 0px;color:#fff;font-family:thaisanslite_r1;font-size:18px;line-height:18px;}

.modal {display: none; position: fixed; z-index: 999999; padding-top: 10%; left: 0; top: 0; width: 100%; height: 100%;overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);}
.modal-content {position: relative; margin: auto;padding: 0;width: 50%;max-width: 600px;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s; animation-name: animatetop;animation-duration: 0.4s;border: 2px solid #BEA44D;}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.closex {float: right; color: #000; font-size: 28px; font-weight: bold;width: 30px;height: 30px;margin: -15px -15px 0px 0px;line-height: 30px;text-align: center;background-color: #BEA44D; border-radius: 50%;position:absolute;right: 0px;}
.closex:hover,
.closex:focus {color: #C2081C; text-decoration: none;cursor: pointer;}
@media screen and (max-width:980px){.modal-content {width: 100%;}.closex {margin: -15px 15px 0px 0px;}.modal {padding-top: 15%;}}


.tt-fxpc {position:fixed;top:0;z-index: 1500;width:100%;float: left;}
.fixpc {margin-top: 170px;}
.bnj {float: left;width: 100%;text-align: center;padding: 0px 0px 0px 0px;}
.bnj img {max-width: 130px;}
.head_mc {display: none;}
.head_mc .h-linem {float: left;width: 100%;background: linear-gradient(to bottom, rgba(215,0,1,1) 0%,rgba(172,0,5,1) 100%);text-align: center;height: 40px;font-size: 16px;line-height: 40px;color:#fff;font-weight: bold;}
.head_mc .h-linem a {color:#fff;}
.head_mc .h-linem img{display: inline-block;width: 140px;}
.head_mc .h-phonem {float: left;width: 100%;}
.h-linem.last {border-left: 1px solid #fff;background-color: #09ba30;}
.tt_head_menu.mc-m {display: none;}


.tt_num_head {float:left;width: 100%;text-align: center;background-color:#e1bd55;color:#000;font-weight: bold;padding: 5px 0px 5px 0px;border-bottom: 2px solid #000;}
.tt_td {float:left;width: 100%;border-top: 1px solid #fff;}
.thaitheme_table {float:left;width: 100%;text-align: center;margin: 5px 0px 10px 0px;}
.thaitheme_table .tt_num_1x {float:left;width: 50%;padding: 5px 0px 5px 0px;background-color:#edcb67;color:#000;font-weight: bold;}
.thaitheme_table .tt_num_2x {float:left;width: 50%;padding: 5px 0px 5px 0px;border-left: 1px solid #425468;background-color:#edcb67;color:#000;font-weight: bold;}
.thaitheme_table .tt_num1x {float:left;width: 50%;padding: 0px 0px 7px 0px;background-color:#fff;height: 30px;font-weight: bold;color:#000;border-bottom: 1px solid #425468;}
.thaitheme_table .tt_num2x {float:left;width: 50%;padding: 0px 0px 7px 0px;background-color:#fff;border-left: 1px solid #425468;height: 30px;color:#000;border-bottom: 1px solid #425468;} 

.thaitheme_table .tt_num_1x3 {float:left;width: 33.333%;padding: 5px 0px 5px 0px;background-color:#edcb67;color:#000;font-weight: bold;}
.thaitheme_table .tt_num_2x3 {float:left;width: 33.333%;padding: 5px 0px 5px 0px;border-left: 1px solid #425468;background-color:#edcb67;color:#000;font-weight: bold;}
.thaitheme_table .tt_num_3x3 {float:left;width: 33.333%;padding: 5px 0px 5px 0px;border-left: 1px solid #425468;background-color:#edcb67;color:#000;font-weight: bold;}
.thaitheme_table .tt_num1x3 {float:left;width: 33.333%;padding: 0px 0px 7px 0px;background-color:#fff;height: 30px;font-weight: bold;color:#000;border-bottom: 1px solid #425468;}
.thaitheme_table .tt_num2x3 {float:left;width: 33.333%;padding: 0px 0px 7px 0px;background-color:#fff;border-left: 1px solid #425468;height: 30px;color:#000;border-bottom: 1px solid #425468;}
.thaitheme_table .tt_num3x3 {float:left;width: 33.333%;padding: 0px 0px 7px 0px;background-color:#fff;border-left: 1px solid #425468;height: 30px;color:#000;border-bottom: 1px solid #425468;}      
.thaitheme_table .tt_numtx2,
.thaitheme_table .tt_numtx {float:left;width: 100%;text-align: center;background-color:#fff;color:#ef1212;} 
.thaitheme_table .tt_numtx2{padding: 0px 0px 3px 0px;}


 
.arbg {height:15px;margin: 5px 0px 0px 0px;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
border-top: 1px solid #747879;
}
.line_bbt {background-color:#57c42e;color:#fff!important;padding: 2px 10px 4px 10px;line-height:16px;display: inline-block;border-radius: 3px;}
.line_bbt span {color:#fff!important;} 

.tt-line-phone span {float: left;width: 100%;text-align: left;color:#dbdcd6;padding: 7px 10px 0px 0px;font-family: thaisanslite_r1;font-size: 24px;line-height: 18px;font-weight: bold;}
.tt-line-phone span.tx_hrt {color:#f7d416;margin: 0px 0px 10px 0px;}


.tt-line-phone {float: right;width: 28%;margin: 60px 0px 0px 0px;}
.tt-app_img {float: right;width: 28%;margin: 10px 0px 0px 0px;}
.tt-app_img img {max-width: 270px;}


.tx-phone {color:#FEED47;font-weight: bold;} 
.tx-li {color:#09d201;font-weight: bold;text-transform: uppercase;}
.tt-line-phone img {width: 34px;}   
.tt-line-phone img.img_line {width: 165px;float: left;margin-top: 10px;}  
.bg_ssl {background-color: #cbc0a2;background-image: url(../images/bg-slide.jpg?v=1.5);background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;}
.bgsl {padding: 70px 0px 0px 0px;}
.bg01 {padding: 0px 0px 30px 0px;
background-image: url(../images/bg-slider.png?v=1.6);background-repeat: no-repeat;background-position: center top;background-repeat: no-repeat;
          height: 550px;
 

} 
.h_tx {float: left;width: 100%;font-family: thaisanslite_r1;font-weight: bold;color:#000;font-size: 30px;line-height: 30px;padding: 10px 15px 10px 15px;
background: #caae62;
background: -moz-linear-gradient(left, #caae62 0%, #eae0a5 21%, #f9f7c6 49%, #ecd68d 80%, #c19b50 100%);
background: -webkit-linear-gradient(left, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%);
background: linear-gradient(to right, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caae62', endColorstr='#c19b50',GradientType=1 );

}
.u_test {
	float: left;
	border-radius: 7px;
	padding: 10px 20px 10px 20px;
	border: 1px solid #7c653a; 
	text-align: left;
	background: #ba943e;
background: -moz-linear-gradient(left,  #ba943e 0%, #dbc684 21%, #f1e1a2 49%, #e7ca7a 80%, #b28b42 100%);
background: -webkit-linear-gradient(left,  #ba943e 0%,#dbc684 21%,#f1e1a2 49%,#e7ca7a 80%,#b28b42 100%);
background: linear-gradient(to right,  #ba943e 0%,#dbc684 21%,#f1e1a2 49%,#e7ca7a 80%,#b28b42 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba943e', endColorstr='#b28b42',GradientType=1 );  

}  
.u_bx {width: 48%;}
.u_h1 {float: left;font-family: thaisanslite_r1;color:#000;font-size: 30px;font-weight: bold;line-height: 30px;margin: 0px 0px 5px 0px;border-bottom: 1px solid #e8b328;padding: 0px 0px 15px 0px;} 
.u_test span {float: left;font-weight: bold;width: 100%;font-family: thaisanslite_r1;color:#000;font-size: 22px;line-height: 22px;margin: 0px 0px 5px 0px;font-weight: bold;}
.bg02 {float: left;padding: 5px 15px 15px 15px;background-color:#000000;min-height: 100px;border-radius: 5px;}         
 
.bg03{background-color:#110f10;min-height: 300px;position: relative;top: 0px;
border-top: 5px solid #000;
border-bottom: 10px solid #000;
}    
.bg_home {position: relative;top: 0px;border-radius: 0px;margin-bottom: 0px;background: rgba(20, 0, 0, 0.9);box-shadow: 0 0 10px 0 #000;padding: 0px 15px 15px 15px;} 
.bg06 {min-height: 100px;margin-bottom: 0px;border-radius: 0px;}          
.ct_bg03 {float: left;width: 90%;border: 1px solid #694d23;margin: 25px 0% 25px  5%;overflow: hidden;border-radius: 7px;background-color:#000;}
.head_bg03 {float: left;width: 100%;text-align: center;font-weight: bold;color:#000;font-family: thaisanslite_r1;font-size: 30px;line-height: 30px;padding: 5px 0px 7px 0px;
background: #caae62;
background: -moz-linear-gradient(left, #caae62 0%, #eae0a5 21%, #f9f7c6 49%, #ecd68d 80%, #c19b50 100%);
background: -webkit-linear-gradient(left, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%);
background: linear-gradient(to right, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caae62', endColorstr='#c19b50',GradientType=1 );  

}

.dsc_sl {position:absolute;right: 0px;top: 8%;width: 45%;min-height: 250px;z-index: 1000;} 
.tt_slide {position: relative;}
.step1 span {float: left;font-family: thaisanslite_r1;padding: 0px 10px 0px 0px;font-size: 22px;line-height: 22px;font-weight: bold;color:#000;}
.step1 {width: 100%;padding: 13px 0px 7px 20px;}
.step1 img {width: 20px;padding: 0px 0px 0px 0px;}
.step1 a {font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;font-weight: bold;}

.tt_number {width: 17%;height: 22px;}
.tt_number span {display: inline-block;margin-top: 5px;width: 45px;height: 45px;font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;font-weight: bold;text-align: center;background-color:#fff;color:#000;border-radius: 50%;
-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.43);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.43);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.43);
}
.tt_rst {width: 80%;}
.step1 .tx-li {color:#166f2c;font-weight: bold;}
.step1 .tx-phone {color:#c01d12;font-weight: bold;}
.step2 {float: left;width: 100%;padding: 8% 0px 7px 20px;}
.step3 {float: left;width: 100%;padding: 7.5% 0px 7px 20px;}
.tt_rst .r1x {font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;font-weight: bold;color:#000;}
.tt_rst .r1x strong {color:#c01d12;}
.tt_rst .r2x {font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#000;margin-top: 5px;}
.step4 {float: left;width: 100%;z-index: 999999;position:absolute;bottom: 0px;}
.step4 a{float: left;width: 100%;height: 120px;}
.tt_ul {float: left;width: 84px;text-align: left;}  
.tt_ur {float: right;width: 64%;text-align: left;}
.tt_uc {float: left;width: 10px;}   
.tx_m, 
.img_mc {display: none;}
@media screen and (max-width:960px){
	
.step2 {padding: 6% 0px 7px 20px;}	
.step1 span,
.tt_rst .r1x,
.step1 a {font-size: 20px;line-height: 20px;white-space :nowrap;}

}

@media screen and (max-width:900px){
.tt_number {width: 14%;height: 22px;}	
.step2 {padding: 5% 0px 7px 20px;}	
.step3 {padding: 6.5% 0px 7px 20px;}

}
@media screen and (max-width:855px){
.step1 img {width: 15px;}	
.step1 span,
.tt_rst .r1x,
.step1 a {font-size: 18px;line-height: 20px;}	
.step1 {padding: 10px 0px 7px 20px;}
.step2 {padding: 9% 0px 7px 20px;}	
.step3 {padding: 6% 0px 7px 20px;}
.tt_rst .r2x {font-size: 16px;line-height: 16px;margin-top: 0px;}
}
@media screen and (max-width:768px){

.step1 {padding: 10px 0px 7px 20px;}
.step2 {padding: 8% 0px 7px 20px;}	
.step3 {padding: 6% 0px 7px 20px;}

}

@media screen and (max-width:728px){
.step1 span{display: none;}
.tt_rst .r1x,
.step1 a {font-size: 16px;line-height: 16px;}	
.step1 {padding: 10px 0px 7px 20px;}
.step2 {padding: 8% 0px 7px 20px;}	
.step3 {padding: 6% 0px 7px 20px;}

}
@media screen and (max-width:650px){

.step1 {padding: 5px 0px 7px 10px;}
.step2 {padding: 7% 0px 7px 10px;}	
.step3 {padding: 6% 0px 7px 10px;}

}
@media screen and (max-width:620px){
.tt_rst .r2x {font-size: 14px;line-height: 14px;margin-top: 0px;}
.step2 ,	
.step3 {padding: 5% 0px 7px 10px;}

}
@media screen and (max-width:540px){
.step1 span{display: none;}
.tt_rst .r1x,
.step1 a {font-size: 14px;line-height: 14px;}
.tt_rst .r2x {font-size: 12px;line-height: 12px;margin-top: 0px;white-space :nowrap;}	
.step2 ,
.step3 {padding: 5% 0px 7px 10px;}

}
@media screen and (max-width:485px){
.dsc_sl {top: 3%;}
.step1 {padding: 5px 0px 7px 0px;}
.step2 {padding: 7% 0px 7px 0px;}	
.step3 {padding: 6% 0px 7px 0px;}
.step1 img,
.tt_clouds-front,
.tt_clouds-front2,
.tt_clouds-front3,
.img_pc {display: none;}
.img_mc {display: block;}
.step4 a {height: 40px;}
.tt_rst .r1x,
.step1 a {font-size: 12px;line-height: 13px;}
}


@media screen and (max-width:415px){
.dsc_sl {top: 1%;}
.step2 {padding: 5% 0px 7px 0px;}	
.step3 {padding: 3% 0px 7px 0px;}
}
@media screen and (max-width:385px){

.step2 {padding: 6% 0px 0px 0px;}	
.step3 {padding: 5% 0px 0px 0px;}
.step2 .r2x {display: none;}

}

@media screen and (max-width:360px){
.step1 {padding: 2px 0px 7px 0px;}
.step2 {padding: 5% 0px 0px 0px;}
.step3 {padding: 5% 0px 0px 0px;}

}
@media screen and (max-width:340px){

.step3 {padding: 4% 0px 0px 0px;}

}
@media screen and (max-width:320px){
.step3 .tt_rst .r1x {font-size: 11px;line-height: 14px;}	
.step2 {padding: 4% 0px 0px 0px;}
.step3 {padding: 2.5% 0px 0px 0px;}
.tt_rst .r2x {font-size: 11px;line-height: 12px;margin-top: 0px;}	

}


.post-sm44xx {width: 23.7%;margin: 1% 0% 0% 1%;position: relative;text-align: center;border: 2px solid #000;overflow: hidden;background-color: #333;}
.post-sm44xx img {width: 100%;}
.post-sm44xx .btn_play_g {display: none;background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);font-family: thaisanslite_r1;color:#fff;font-size: 18px;line-height: 18px;padding: 5px 10px 5px 10px;position:absolute;top: 40%;margin: 0px auto;left: 0px;right: 0px;z-index: 12;}
.post-sm44xx:hover .btn_play_g,
.post-sm44xx:hover .ov_play {display: block;}
.ov_play {display: none;position:absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 10;top: 0px;}
.btmc {margin-bottom: 1.5%;}
.post-sm44xx  h3 {float: left;width: 100%;font-family: thaisanslite_r1;color:#fff;font-size: 20px;line-height: 20px;padding: 6px 10px 8px 10px;text-align: center;text-transform: uppercase;}
.post-sm44xx:hover {background-color: #bb984a;}   
.post-sm44xx:hover h3{color: #000;}  

.post-gslot {width: 24.25%;margin: 1% 1% 0% 0%;position: relative;text-align: center;border: 2px solid #333;border-radius: 0px;overflow: hidden;}
.post-gslot {width: 24.25%;margin: 1% 1% 0% 0%;}
.post-gslot.last {margin: 1% 0% 0% 0%;}
.post-gslot img {width: 100%;}
.post-gslot .btn_play_g {display: none;font-family: thaisanslite_r1;color:#000;font-size: 18px;line-height: 18px;padding: 5px 10px 7px 10px;position:absolute;top: 36%;margin: 0px auto;left: 0px;right: 0px;z-index: 12;

border:1px solid #000;box-shadow:0 -2px 5px rgba(0, 0, 0, 0.87);
background: rgb(203,155,28);
background: -moz-linear-gradient(top,  rgba(203,155,28,1) 0%, rgba(211,167,59,1) 45%, rgba(224,188,98,1) 100%);
background: -webkit-linear-gradient(top,  rgba(203,155,28,1) 0%,rgba(211,167,59,1) 45%,rgba(224,188,98,1) 100%);
background: linear-gradient(to bottom,  rgba(203,155,28,1) 0%,rgba(211,167,59,1) 45%,rgba(224,188,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9b1c', endColorstr='#e0bc62',GradientType=0 );

-webkit-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;
}
.post-gslot:hover .btn_play_g, 
.post-gslot:hover .ov_play {display: block;}
.ov_play {display: none;position:absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 10;top: 0px;}
.btmc {margin-bottom: 2%;}

.post-sm44b {width: 24.25%;margin: 1% 1% 0% 0%;position: relative;overflow: hidden;} 
.post-sm44b.tt4x {margin: 1% 0% 0% 0%;}
.post-sm44b img {width: 100%;}
.btmc {margin-bottom: 1.5%;}
.post-sm44b  h3 {float: left;width: 100%;font-family: thaisanslite_r1;color:#fff;font-size: 20px;line-height: 20px;padding: 6px 0px 10px 0px;text-align: left;text-transform: uppercase;} 
.post-sm44b:hover h3{color: #bb984a;}   
.post-l3xb:nth-child(3n+1) {clear: both;}
.post-l3xb {float:left;width:32%;margin: 1% 2% 1% 0%;padding: 0px 0px 0px 0px;overflow: hidden;} 
 
.post-l3xb.last {margin: 1% 0% 1% 0%;}
.post-l3xb .tt_img  {float:left;width:100%;}
.post-l3xb .tt_img img {float:left;width:100%;max-width:100%;height: auto;border-radius: 10px;}
.post-l3xb:hover .tt_dsc{color:#d4d2d2;}
.post-l3xb .tt_dsc {float: right;width:100%;font-size:14px;color:#ccc;padding: 10px 0px 10px 0px;}
.post-l3xb .tt_dsc h3 {float:left;width:100%;overflow: hidden;font-size:22px;line-height: 26px;color:#ecc52c;font-weight: bold;font-family:thaisanslite_r1;text-align: center;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
.post-l3xb .tt_dsc p {float:left;width:100%;overflow: hidden;line-height: 22px;font-size:18px;color:#c7c4c4;font-family:thaisanslite_r1;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;} 
.post-l3xb:hover h3{color:#fff;}
.post-l3xb:hover img {-webkit-filter: grayscale(70%);filter: grayscale(70%);}
.category-10 .post-l3xb p{display: none;}   

.post-l3x {float:left;width:32.6%;margin: 1% 1% 0% 0%;padding: 0px 0px 0px 0px;border-radius: 10px;} 
.post-l3x.last {margin: 1% 0% 0% 0%;}
.post-l3x .tt_img  {float:left;width:100%;}
.post-l3x .tt_img img {float:left;width:100%;max-width:100%;height: auto;border-radius: 0px;}
.post-l3x .tt_dsc {float: right;width:100%;font-size:14px;color:#000;padding: 10px 10px 10px 10px;}
.post-l3x .tt_dsc h3 {float:left;width:100%;overflow: hidden;max-height: 42px;font-size:20px;line-height: 22px;color:#c11922;font-weight: bold;font-family:thaisanslite_r1;text-align: center;}
.post-l3x .tt_dsc p {float:left;width:100%;overflow: hidden;max-height: 42px;line-height: 22px;font-size:18px;color:#222;font-family:thaisanslite_r1;}
.tt_pagination {float:left;width:100%;line-height: 22px;font-size:18px;font-family:thaisanslite_r1;font-weight: bold;   }





.tt_b2x {width:55%;margin-top: 20px;}
.tt_b2xr iframe {width:100%!important;border: 1px solid #333;}
.tt_b2xr {width:42%;margin-top: 20px;}



.owl-carousel { 
  display: none;
  width: 100%;
  margin-bottom: 0px;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
     }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }
.no-js .owl-carousel {
  display: block; }
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.owl-height {
  transition: height 500ms ease-in-out; }
.t_sl {position: relative;}
.owl-theme .owl-nav {
  margin-top: 0px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
  position:absolute;
  width: 100%; 
  top: 38%;
  }
    .owl-carousel .owl-nav .owl-prev{ position:absolute;left: -60px;  }   
  .owl-carousel .owl-nav .owl-next{position:absolute;right: -60px;  } 
  .owl-theme .owl-nav [class*='owl-'] {           
    color: #c2c2c2; 
    font-size: 42px;
    margin: 5px;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover { 
      color: #FFF;
      text-decoration: none; } 
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px; }

.owl-theme .owl-dots { 
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
  position:absolute;
  bottom: -25px;
  width: 100%;
  z-index: 100;
  
  }
  .owl-theme .owl-dots .owl-dot {
   display: none; }
    .owl-theme .owl-dots .owl-dot span {
      width: 15px;
      height: 15px;
      margin: 0px 2px; 
      background: #222;
	  border: 1px solid #333;
	  border-radius: 50%;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease; 
      }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #e62429; }  

.slide_a  .owl-carousel .owl-nav .owl-prev{ position:absolute;left: 2%;  }   
 .slide_a .owl-carousel .owl-nav .owl-next{position:absolute;right: 2%;  } 
 .slide_a {margin-top: 90px;}
 
 
.bg_01 .owl-theme .owl-nav {top: 25%;} 
 
 
 
 
 
.u_bx a{
	float: left;
	margin: 5px 0px 0px 0px; 
text-align: center;font-weight: bold;color:#fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 5px 0px 7px 0px;	
 width: 100%;	
background: #5c0a06;
background: -moz-linear-gradient(left,  #5c0a06 0%, #940a06 28%, #e70a06 52%, #b20a06 74%, #5c0a06 100%);
background: -webkit-linear-gradient(left,  #5c0a06 0%,#940a06 28%,#e70a06 52%,#b20a06 74%,#5c0a06 100%);
background: linear-gradient(to right,  #5c0a06 0%,#940a06 28%,#e70a06 52%,#b20a06 74%,#5c0a06 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0a06', endColorstr='#5c0a06',GradientType=1 );	
	
}

.wrapper-m {width: 100%;max-width: 800px;margin: 0 auto;}  
.wrapper_btn {width: 100%;max-width: 360px;margin: 0 auto;}  
.fr_login {
min-height: 50px;	
padding:40px 20px 45px 20px;
width: 100%; 
margin: 20px auto; 
border-radius: 10px;  
background-color: #fff;
} 
.fr_center {width: 70%;min-height: 50px;margin: 0px auto;}
.fr_input {width: 70%;} 
.fr_submit {width: 28%;}
.tt_fr {width: 100%;height: 38px;border: 2px solid #ddd;background-color: #fdfdfd;padding: 7px 10px 7px 20px;margin: 5px 0px 0px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;
-webkit-box-shadow: inset 3px 3px 2px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    inset 3px 3px 2px 0px rgba(50, 50, 50, 0.25);
box-shadow:         inset 3px 3px 2px 0px rgba(50, 50, 50, 0.25);
}
.tx_frl {font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;margin: 10px 0px 0px 0px;}
.fr_submit {text-align: center;height: 80px;font-weight: bold;margin: 5px 0px 0px 0px;color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;line-height: 34px;cursor: pointer;
box-shadow:inset 0px 1px 0px 0px #ff3019; 
background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);
border: 1px solid #ee1601;
	text-shadow:0px 1px 0px #481713; 
border-radius: 4px;

}
.fr_submit:hover {background-color: #df1f1f;}
.fr_tx_u {font-family: thaisanslite_r1;text-align: center;font-size: 22px;line-height: 24px;}
.fr_tx_w {font-family: thaisanslite_r1;font-size: 22px;line-height: 24px;}
.money-withdraw {width: 100%;height: 55px;border: 2px solid #ddd;background-color: #fdfdfd;padding: 7px 10px 7px 20px;margin: 5px 0px 5px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;
-webkit-box-shadow: inset 3px 3px 2px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    inset 3px 3px 2px 0px rgba(50, 50, 50, 0.25);
box-shadow:         inset 3px 3px 2px 0px rgba(50, 50, 50, 0.25);} 
.text-secf {float: left;width: 100%;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;margin: 0px 0px 15px 0px;color: #d4060f;}
.btn-secondary { 
color: #fff;
   font-family: thaisanslite_r1;font-size: 24px;line-height: 24px; 
   padding: 7px 10px 7px 10px;
   border: 1px solid #333; 
    width: 49%; 
	border-radius: 5px;
    float: left;	
	background-color: #6c757d;
	
}  
.btn-success {
color: #fff;
   font-family: thaisanslite_r1;font-size: 24px;line-height: 24px; 
   border: 1px solid #18782e; 
    padding: 7px 10px 7px 10px;
    width: 49%; 
	border-radius: 5px;
	margin-bottom: 30px;
    float: right;	
	background-color: #28a745;
	
} 
.credit {width: 100%;}
.credit-box {
	float: left;
	font-family: thaisanslite_r1;
	margin: 20px 0px 20px 0px;
	width: 100%;
	border-radius: 5px;
	text-align: center;
    background: linear-gradient(90deg, rgb(50, 50, 50) 0%, rgb(125, 125, 125) 100%);
    padding: 15px 0px 0px 0px;
    -webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2)
	
}

.credit-box p {
	
    font-size: 70px;
    margin-bottom: -18px;
    margin-top: -25px;
    background: -webkit-linear-gradient(#fdf68f, #d18b31);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.credit-box .refresh{
    background: -webkit-linear-gradient(#fdf68f, #d18b31);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.float-right {float: right;}
.credit-box small {
    font-size: 28px;
    color: #fff;
}

.depo-wit {
    display: none;
}

.button-box {
    width: 100%
    
}
.button-box.float-left {display: none;}
.amount-box {
	text-align: center;
    width: 100%
	
}
.float-left {float: left;}
.button-box a {
    font-size: 22px;
	 width: 100%;
	 float: left;
	 margin: 0px 0px 8px 0px;
    padding: 4px 0px 4px 0px;
}

.navigation {
	float: left;
    margin-top: 0px;
	font-family: thaisanslite_r1;
}
.othergame {
    margin-top: 15px;
}
.nav-play-button {
    width: 50%;
    float: left;
    padding-right: 10px;
}

.play-button {
    padding: 120px 10px 120px 10px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff;
	 float: left;
	 width: 100%;
    cursor: pointer;
    background: rgb(175,63,233);
background: -moz-linear-gradient(top,  rgba(175,63,233,1) 0%, rgba(241,46,186,1) 90%, rgba(241,46,186,1) 100%, rgba(175,63,233,1) 100%);
background: -webkit-linear-gradient(top,  rgba(175,63,233,1) 0%,rgba(241,46,186,1) 90%,rgba(241,46,186,1) 100%,rgba(175,63,233,1) 100%);
background: linear-gradient(to bottom,  rgba(175,63,233,1) 0%,rgba(241,46,186,1) 90%,rgba(241,46,186,1) 100%,rgba(175,63,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af3fe9', endColorstr='#af3fe9',GradientType=0 );
border-radius: 5px;
    -webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);
    font-size: 42px;
}

.play-button:hover {
    background: rgb(175,63,233);
background: -moz-linear-gradient(left,  rgba(175,63,233,1) 0%, rgba(241,46,186,1) 90%, rgba(241,46,186,1) 100%, rgba(175,63,233,1) 100%);
background: -webkit-linear-gradient(left,  rgba(175,63,233,1) 0%,rgba(241,46,186,1) 90%,rgba(241,46,186,1) 100%,rgba(175,63,233,1) 100%);
background: linear-gradient(to right,  rgba(175,63,233,1) 0%,rgba(241,46,186,1) 90%,rgba(241,46,186,1) 100%,rgba(175,63,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af3fe9', endColorstr='#af3fe9',GradientType=1 );

}

.play-button i {
    font-size: 45px;
    color: #fff;
}

.play-button p {
    font-size: 40px;
    color: #fff;
    margin-bottom: 0px;
    margin-top: -6px;
}

.nav-other-button {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.nav-other-button a {
    color: #fff;
    font-size: 20px;
    width: 100%;
	border-radius: 5px;
    float: left;
}

.other-list i {
    font-size: 32px;
    margin-top: 8px;
}

.other-list p {
    font-size: 22px;
    margin-bottom: 4px;
    margin-top: -6px;
}

.btn-dark-tri {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #232323;
	background-color: #000;
    padding: 6px 0px 6px 0px;
    -webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);

}

.btn-dark-tri:hover {
    text-decoration: none;
}
.btn-dark-tri i,
.btn-dark-tri p,
.btn-dark-tri span {
   color: #fff;
    text-decoration: none;
}

.btn-dark-tri:hover i,
.btn-dark-tri:hover p,
.btn-dark-tri:hover span {
    background: -webkit-linear-gradient(#fdf68f, #d18b31);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}

.other-list-1 {
    width: 50%;
    padding-right: 7.5px;
    margin-bottom: 15px;
    float: left;
}

.other-list-2 {
    width: 50%;
    padding-left: 7.5px;
    margin-bottom: 15px;
    float: left;
}

.other-list-3 {
    width: 50%;
    padding-right: 7.5px;
    float: left;
}

.other-list-4 {
    width: 50%;
    padding-left: 7.5px;
    float: left;
}

section.gameslist {
    margin-top: 20px;
}

.show-games p {
    color: #4e4e4e;
    font-size: 24px;
    margin-bottom: -6px;
}

.show-games i {
    color: #4e4e4e;
    font-size: 20px;
}

.show-games a:hover {
    text-decoration: none;
}
.btn-gold {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #8A5120 !important;
    background: rgb(213, 148, 56);
    background: linear-gradient(90deg, rgb(213, 148, 56) 0%, rgb(254, 233, 128) 100%);
}

.btn-gold:hover {
    background: rgb(181, 121, 35);
    background: linear-gradient(90deg, rgb(181, 121, 35) 0%, rgb(255, 243, 186) 100%);
    text-decoration: none;
}
.btn-silver {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #232323 !important;
    background: rgb(171, 171, 171);
    background: linear-gradient(90deg, rgb(171, 171, 171) 0%, rgb(253, 253, 253) 100%);
}
.btn-silver:hover {
    background: rgb(148, 148, 148);
    background: linear-gradient(90deg, rgb(148, 148, 148) 0%, rgb(189, 189, 189) 100%);
    text-decoration: none;
}
@media screen and (max-width:800px){
.amount-box {width: 100%;text-align: center;margin-bottom: 20px;}	
.button-box {width: 100%;}
.nav-play-button {width: 100%;padding: 0px 0px 10px 0px;}
.play-button {padding: 20px 10px 14px 10px;}
.play-button i {font-size: 60px;}
.play-button p {font-size: 28px;}
.nav-other-button {padding-left: 0px;width: 100%;}
.other-list-1,
.other-list-2,
.other-list-3,
.other-list-4 {margin-bottom: 10px;}
.fr_link_2xxx {margin-top: -10px; position: relative;}
.fr_link_2xxx a{height: 45px!important;}
}	
	
 


 


   



 
.fr_link a{color: #f5f5f5;display: inline-block;}
.fr_link {text-align: right;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color: #f5f5f5;margin: 10px 0px 0px 0px;}
.center {text-align: center;}
.fr_ficenter {display: inline-block;width: 70%;min-height: 10px;margin: 0px auto;border-radius: 10px;overflow: hidden;padding: 0px 0px 10px 0px;border: 1px solid #313131;background-color: #00201c;}
.fr_ficenx {padding: 0px;}
.fr2x {width: 100%;min-height: 50px;padding: 10px 10px 0px 10px;  

       
}
.fr_name {font-family: thaisanslite_r1;font-size: 26px;line-height: 26px;color:#aa080b;text-align: center;font-weight: bold;margin-top: 10px;}
.fr_name span{color: #aa080b;}  
.fr_link_l a {display: inline-block; width: 46%;padding: 5px 0px 5px 0px;font-family: thaisanslite_r1;color: #000;font-size: 18px;line-height: 16px;border: 1px solid #ebe5f3;margin: 0% 1% 0% 1%;}
.fr_link_l {text-align: center;margin: 15px 0px 0px 0px;}
.fr_link_l a:hover {background-color: #760001;}
.fr_link_r a:hover {background-color: #d7ac36;}
.fr_link_r a {display: inline-block; width: 47%;padding: 5px 0px 8px 0px;font-family: thaisanslite_r1;color: #000;font-size: 20px;line-height: 18px;border: 2px solid #ac5118;margin: 0% 1% 0% 1%;background-color: #ddc070;}
.fr_link_r {text-align: center;margin: 0px 0px 0px 0px;}
.fr_all {text-align: center;padding: 20px 10px 20px 10px;width: 100%;border-radius: 5px;margin: 15px 0% 0% 0%;font-family: thaisanslite_r1;color: #fff;font-size: 40px;line-height: 48px;
background: linear-gradient(90deg, rgb(50, 50, 50) 0%, rgb(125, 125, 125) 100%);

} 
.fr_bkb {padding: 10px 10px 10px 10px;text-align: center;border: 1px solid #313131;background-color: #222;border-radius: 0px;margin: 30px 0px 0px 0px;font-family: thaisanslite_r1;color: #ddd!important;font-size: 18px;line-height: 18px;font-weight: bold;}
.fr_bkb a {color: #ddd!important;}
.fr_all span {display: inline-block;padding: 2px 10px 8px 10px;color: #fff;line-height: 16px;}
.b_link_game {color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;margin: 10px 0px 0px 0px;padding: 15px 10px 15px 10px;line-height: 24px;cursor: pointer;
text-align: center;
background: #418e7e;
background: -moz-linear-gradient(left,  #418e7e 0%, #2d6759 47%, #1e4c42 100%);
background: -webkit-linear-gradient(left,  #418e7e 0%,#2d6759 47%,#1e4c42 100%);
background: linear-gradient(to right,  #418e7e 0%,#2d6759 47%,#1e4c42 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418e7e', endColorstr='#1e4c42',GradientType=1 );

border:0;}
.b_link_game a {color:#fff;}
.b_logout_game {color:#fff;border: 5px solid #f2582c;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;margin: 10px 0px 0px 0px;padding: 15px 10px 15px 10px;line-height: 20px;cursor: pointer;
text-align: center;
box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	background-color:#fe1a00;
	border:1px solid #d83526;
	text-shadow:0px 1px 0px #b23e35; 

}
.b_logout_game a {color:#fff;}
.b_logout_game a i {font-size: 18px;}
.user-box img{float: left;width: 10%;}
.user-box h3 {float: left;width: 70%;padding: 8px 0px 0px 0px;} 

.user-box { background-color: #3b3e46;background: linear-gradient(90deg, rgb(50, 50, 50) 0%, rgb(125, 125, 125) 100%);color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;height: 39px;}
.fr_link_lx a{margin: 10px 0px 0px 0px;padding: 15px 10px 15px 10px;float: left;width: 33.333%;color:#fff;font-family: thaisanslite_r1;font-size: 26px;background: linear-gradient(90deg, rgb(70, 70, 70) 0%, rgb(51, 51, 51) 100%);}
.fr_link_lx a:first-child {border-radius: 5px 0px 0px 5px;}
.fr_link_lx a:last-child {border-radius: 0px 5px 5px 0px;}
.fr_link_lx a:hover {opacity:0.8;} 
.fr_link_lx a span {float: left;width: 100%;line-height: 20px;}
.fr_link_lx a i {font-size: 36px;}



.fr_link_2x a{float: left;width: 50%;background: linear-gradient(90deg, rgba(182,182,182,1) 0%, rgba(122,122,122,1) 100%);color: #000;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;padding: 15px 10px 18px 10px;margin: 10px 0px 0px 0px;}
.fr_link_2x a:first-child {border-radius: 5px 0px 0px 5px;}
.fr_link_2x a:last-child {border-radius: 0px 5px 5px 0px;}
.fr_link_2x a:hover {opacity:0.8;} 
.fr_link_2x a i {font-size: 14px;}

.fr_link_2xx a{float: left;width: 50%;background: linear-gradient(90deg, rgb(93, 93, 93) 0%, rgb(105, 105, 105) 100%);color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;height: 55px;padding: 15px 10px 15px 10px;margin: 10px 0px 0px 0px;}
.fr_link_2xx a:first-child {border-radius: 5px 0px 0px 5px;}
.fr_link_2xx a:last-child {border-radius: 0px 5px 5px 0px;}
.fr_link_2xx a:hover {opacity:0.8;} 
.fr_link_2xxx a{float: left;height: 55px;width: 50%;color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;padding: 15px 10px 18px 10px;margin: 10px 0px 0px 0px;}
.fr_link_2xxx a:first-child {border-radius: 5px 0px 0px 5px;background: linear-gradient(90deg, rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);}
.fr_link_2xxx a:last-child {border-radius: 0px 5px 5px 0px;background: linear-gradient(90deg, rgba(118,32,134,1) 0%, rgba(43,6,83,1) 100%);}
.fr_link_2xxx a:hover {opacity:0.9;} 
.fr_link_2xxc a{float: left;width: 100%;color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;padding: 15px 10px 18px 10px;margin: 10px 0px 0px 0px;background: linear-gradient(to right, #f83600, #fe8c00);border-radius: 5px;}
.fr_link_2xx img {width: 20px;} 
.fr_link_2xx a i {font-size: 14px;}
.fr_link_2xxx a i {font-size: 14px;}
button.btn-danger {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 32px!important;line-height: 32px;color:#ffffff;background: linear-gradient(to bottom,rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);border: 1px solid #fff;border-radius: 5px;} 
button#send-mail {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 20px;line-height: 20px;color:#ffffff;background: linear-gradient(to bottom,rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);border: 1px solid #fff;border-radius: 5px;}
   
 
.deposit-head h2 {float: left;width: 100%;text-align: center;font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;color: #000;font-weight: bold;}
.deposit-head h3{float: left;width: 100%;text-align: center;color:#fff;font-family: thaisanslite_r1;font-size: 30px;line-height: 30px;border-radius: 15px;background-color:#ff002a;padding: 3px 0px 5px 0px;margin: 20px 0px 10px 0px;}
.bank-box { float: left;width: 100%;border-radius: 15px;padding: 10px;margin: 0px 0px 20px 0px;text-align: center;}
.scb-box { background-color: #551d87;}
.bank-acc-info {float: left;width: 100%;text-align: center;}
.bank-acc-info a {color: #000;}
.bank-acc-info .w50 {float: left; width: 50%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color: #000;} 
.bank-acc-info .w50 p{font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;color: #000;font-weight: bold;}
.bank-acc-info .w50.bdr {border-right: 1px solid #ccc;} 
 
button.btn-copy {float: left;width: 100%;text-align: center;color:#ffffff;border: 0;background: linear-gradient(90deg, rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;font-weight: bold;padding: 10px 0px 10px 0px;margin: 20px 0px 10px 0px;border-radius: 15px !important;}
.danger-a a {font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;float: left;width: 100%;text-align: center; color: #f00 ;} 
.alertText {font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;float: left;width: 100%;text-align: center; color: #7a5015 ;margin: 20px 0px 10px 0px;}


.mount-credit {float: left; width: 49%;padding: 5px 10px 8px 10px;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border: 1px solid #000;margin: 20px 0px 10px 0px;text-align: center;border-radius: 10px;font-weight: bold;background-color:#bb984a;}
.must-turn {float: right; width: 49%;padding: 5px 10px 8px 10px;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border: 1px solid #000;margin: 20px 0px 10px 0px;text-align: center;border-radius: 10px;font-weight: bold;background-color:#bb984a;} 

.now-turn {float: right; width: 100%;padding: 5px 10px 8px 10px;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border: 1px solid #000;margin: 0px 0px 10px 0px;text-align: center;border-radius: 10px;font-weight: bold;background-color:#bb984a;} 
.number-h {color:#69191d;}   

.tbl table {
	float: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 1px;
    font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;
	margin: 20px 0px 10px 0px;
}
.tbl table tr th {
    background-color: #fff;
   color: #000!important;
	border: 1px solid #000;
    text-align: center;
 font-size: 18px;line-height: 18px;
   
 padding: 5px 5px 5px 5px;
}
.tbl table tbody.table_h tr th { background-color: #bb984a; padding: 10px 5px 10px 5px;font-size: 20px;line-height: 20px;}
.tbl table tr td {
    vertical-align: middle;  
 
}
.tbl table tr td li {
    margin: 5px;
    font-weight: 200;
    width: 130px
}
.tbl table tr td a {
    color: #000!important;
}    

.tb_hd table.table tbody.table_h tr { background-color: #bb984a; padding: 10px 5px 10px 5px;font-size: 20px;line-height: 20px;}
.tb_hd table.table tbody.table_h tr td {padding: 10px 5px 10px 5px; color: #000!important;border: 1px solid #000;}
.tx_hd {float: left;width: 100%;text-align: center;color:#ffffff;font-family: thaisanslite_r1;border: 1px solid #000;font-size: 30px;line-height: 30px;background-color:#000;padding: 3px 0px 5px 0px;margin: 20px 0px 0px 0px;}
.sc_t {padding: 5px 0px 10px 0px;overflow: hidden;background-color: #000;}      

       





.table {float: left;width: 100%; max-width: 100%;} 
.table .thead-light {border-collapse: collapse;border-spacing: 1px;background-color: #e9ecef; color: #000 ; font-family: thaisanslite_r1;font-size: 22px;line-height: 26px;}
.table tbody  {background-color: #fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 26px;text-align: center;border: 1px solid #ccc;}
.table tbody td  {border-left: 1px solid #ccc;}
.depositList {float: left;width: 100%;}
.depositList .w50 {float: left; width: 50%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;text-align: center;margin: 20px 0px 20px 0px;}
.depositList .w50 .feefree {color: #dc3545;}
.depositList .w50 .timerange {color: #28a745;}
.user-bank-info table.table thead.thead-light tr th {padding: 10px 0px 10px 0px!important;}



@media screen and (max-width:800px){
.bank-acc-info .w50 {width: 100%;margin: 10px 0px 10px 0px;}
.bank-acc-info .w50.bdr {border: 0;}
.depositList .w50 {width: 100%;margin: 10px 0px 0px 0px;}
.table tbody td  {padding: 10px!important;line-height: 18px!important;}

}
@media screen and (max-width:480px){

.fr_link_2xx a {min-height: 75px;}
}



 

.fr_h1 {text-align: center;color:#725b27;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border-bottom: 2px solid #333;padding: 0px 0px 10px 0px;}
.fr_tx1 {text-align: center;color:#000;font-family: thaisanslite_r1;font-size: 30px;line-height: 32px;margin: 15px 0px 5px 0px;}
.fr_tx1 span {color:#efc436;font-weight: bold;}      
.fr_bk {margin: 20px 0px 0px 0px;border-top: 2px solid #3c0707;}
.fr_tx2 {color:#000;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;margin: 0px 0px 0px 0px;}
.tt_bkb {width: 100%;height: 40px;border: 2px solid #651818;background-color: #fff;padding: 0px 0px 0px 10px;margin: 5px 0px 0px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}  
.fr_sc {width: 85%;height: 40px;border: 0;background-color: #fff;color: #777;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 0px 0px 0px 8px;}
.tt_bk {width: 85%;height: 40px;border: 0;background-color: #fff;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;font-family: thaisanslite_r1;font-size: 18px;line-height: 16px;}
.fr_sec {width: 100%;height: 40px;border: 1px solid #ccc;background-color: #fff;padding: 0px 0px 0px 0px;margin: 0px 0px 5px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;overflow: hidden;}
.fr_submit_bk {width: 100%;text-align: center;height: 55px;font-weight: bold;margin: 0px 0px 15px 0px;color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;line-height: 48px;border: 0;cursor: pointer;
background: #7c040b;
background: -moz-linear-gradient(top,  #7c040b 0%, #eb1623 44%, #b90414 100%);
background: -webkit-linear-gradient(top,  #7c040b 0%,#eb1623 44%,#b90414 100%); 
background: linear-gradient(to bottom,  #7c040b 0%,#eb1623 44%,#b90414 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c040b', endColorstr='#b90414',GradientType=0 );

 


}
.fr_submit_bk:hover {
opacity:0.8;	
	
}
.fr_sec_tx {text-align: center;color:#ebe5f3;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 10px 10px 10px 10px;color:#721c24;background-color:#f8d7da;border: 1px solid #f5c6cb;margin: 0px 0px 5px 0px;}
.fr_tx2x {border-bottom: 1px solid #ccc;border-radius: 0px;padding: 5px 0px 0px 0px;border-right: 1px solid #ccc;}
.fr_tx3 {text-align: center;color:#ebe5f3;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;margin: 15px 0px 5px 0px;}
.fr_tx4 {text-align: center;color:#ebe5f3;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;margin: 5px 0px 25px 0px;border-bottom: 2px solid #3c0707;padding: 0px 0px 15px 0px;}
.fr_tx5 {color:#ebe5f3;font-family: thaisanslite_r1;font-size: 16px;line-height: 16px;margin: 15px 0px 10px 0px;padding: 0px 0px 0px 0px;}

.fr_tx2x {width: 15%;color:#000;text-align: center;height: 40px;background-color: #e9ecef;font-family: thaisanslite_r1;font-size: 20px;line-height: 28px;margin: 0px 0px 0px 0px;text-align:center;}
.fr_re {margin: 20px 0px 0px 0px;}
.fix_footer {position:fixed;bottom: 0px;z-index: 99999999;width: 100%;min-height: 50px;border: 2px solid #ec0007;text-align: center;
background: rgb(192,0,1);
background: -moz-linear-gradient(top,  rgba(192,0,1,1) 0%, rgba(154,0,1,1) 47%, rgba(134,0,2,1) 100%);
background: -webkit-linear-gradient(top,  rgba(192,0,1,1) 0%,rgba(154,0,1,1) 47%,rgba(134,0,2,1) 100%);
background: linear-gradient(to bottom,  rgba(192,0,1,1) 0%,rgba(154,0,1,1) 47%,rgba(134,0,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00001', endColorstr='#860002',GradientType=0 );







  
   

   
}
.fix_footer a {display: inline-block;color:#fff;margin-left: -3px;font-family: thaisanslite_r1;font-weight: bold;font-size: 22px;line-height: 28px;padding: 10px 50px 6px 50px;border-right: 2px solid #000;}
.fix_footer a:last-child {border-right: 0;}
.link_ico {display: inline-block;height: 28px;margin-right: 0px;width: 28px;overflow: hidden;background-repeat: no-repeat;}
.fix_footer strong {display: inline-block;top: -6px;position: relative;font-weight: bold;}
.link_ico i {font-size: 18px;}

.fix_footer a:hover{
background: #000;
color:#fff;




	}
.footer_tx {background-color: #222;color:#fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;padding: 8px 10px 8px 10px;text-align: center;}
.footer_cx {color:#fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;padding: 10px 0px 90px 0px;
background-color: #00061f;



}
.footer_logo {width: 18%;margin-top: 20px;}
.tt_lix {width: 30%;}
.tt_lix.cent {width: 35%;}
.tt_lix strong {float: left;width: 100%;font-family: thaisanslite_r1;font-size: 26px;line-height: 28px;color:#bc9433;font-weight: bold;   text-transform: uppercase;margin-bottom: 20px;}
.tt_lix span {float: left;width: 100%;font-family: thaisanslite_r1;font-size: 18px;line-height: 22px;color:#dedddd;}


@media screen and (max-width:980px){
.fix_footer a {float: left;width: 20%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 8px 0px 10px 0px;text-align: center;margin-left: 0px;}

}
@media screen and (max-width:620px){
.fr_ficenter,	
.fr_center {width: 95%;}
 .fr_input{width: 100%;}
.fr_submit {width: 100%;height: 45px;}
.fr_link {text-align: center;}
.fr2x {width: 100%;padding: 10px 10px 0px 10px;}
.fix_footer a strong {width: 100%;margin: 5px 0px 5px 0px;}
.fix_footer a.last {display: none;}
.fix_footer a {padding: 3px 0px 10px 0px;width: 25%;}

.bg_ssl {overflow: hidden;}
}

.casino-page {background-image: url(../images/sl1.jpg?v=1.0);background-repeat: no-repeat;background-size: cover;min-height: 500px;background-position: center center;}
.txh1 {font-family: thaisanslite_r1;font-size: 46px;line-height:48px;text-align: center;color:#fff;margin: 3.5% 0% 5% 0%;font-weight: bold;}
.ct1x {position: relative;}
.ct1x_l {width: 80%;min-height: 300px;}
.ct1x_c {width: 25%;min-height: 150px;position:absolute;right: 0px;left: 19%;bottom: -100px;z-index: 100;}
.ct1x_r {width: 32%;min-height: 300px;position:absolute;right: 0px;z-index: 10;}
.txh2 {font-family: thaisanslite_r1;font-size: 30px;line-height:38px;text-align: center;color:#fff;margin: 8% 0% 15px 0%;font-weight: bold;}
.txh3 {font-family: thaisanslite_r1;font-size: 30px;line-height:38px;text-align: center;color:#fff;margin: 0% 0% 15px 0%;font-weight: bold;}
.sl_phone {padding: 0px 40px 0px 40px;}
.bg_sl_phone {background-image: url(../images/bg-slide-phone.png?v=1.0);background-repeat: no-repeat;background-size: cover;float: left;width:100%;height: auto;background-position: center center;display: table-cell;background-size: 100%;}
.bd_sl_phone {width: 53%;margin: 8.5% 9% 4.5% 0%;}
.txh4 {text-align: center;color:#fff;font-family: thaisanslite_r1;font-size: 26px;line-height:28px;margin: 1.5% 0px 4% 0px;}
.txh4 span {display: inline-block;margin-right: 10%;}
.txh4 span img {display: inline-block;margin-right: 10px;}

.txh5 {font-family: thaisanslite_r1;font-size: 40px;line-height:40px;text-align: center;color:#d12220;margin: 3% 0% 25px 0%;font-weight: bold;}
.banner_h1 {margin: 3% 0% 2% 0%;}


.slot-page {background-image: url(../images/bg-slot.jpg?v=1.0);background-repeat: no-repeat;background-position: top center;background-color: #000;}
.slot_p {background-color: rgba(0, 0, 0, 0.8);padding: 20px 20px 0px 20px;margin: 5% 0% 0% 0%;border-radius: 10px;}
.title_slot_p h1{float: left;width:100%;text-align: center;color:#fff;font-family: thaisanslite_r1;font-size:48px;line-height:48px;padding: 0px 0px 20px 0px;}
.slot-page .ct1x_c {float: left;width:100%;position: relative;left: 0px;bottom: 0px;text-align: center;min-height: 50px;top: -40px;}
.slot-page .ct1x_c img {width:50%;display: inline-block;}
.slot-page .ct1x_r {float: left;width:100%;position: relative;left: 0px;bottom: 0px;text-align: center;min-height: 50px;top: -40px;}
.slot-page .ct1x_r .btn-casino {float: none;display: inline-block;}
.btn-casino{
float: left;width:100%;max-width:320px; border-radius: 6px; padding: 5px 0px 15px 0px ;margin: 8px 5%;cursor: pointer;
font-family: thaisanslite_r1;font-size: 46px;line-height:40px;text-align: center;text-shadow:0 1px 3px rgba(0, 0, 0, 0.46);
box-shadow:0 3px 30px rgba(0, 0, 0, 0.7);
background: rgba(163,230,55,1);
background: -moz-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,230,55,1)), color-stop(59%, rgba(81,168,15,1)), color-stop(100%, rgba(36,99,0,1)));
background: -webkit-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%);
background: -o-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%);
background: -ms-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%);
background: linear-gradient(to bottom, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3e637', endColorstr='#246300', GradientType=0 );		
-webkit-animation: color-change 0.3s infinite;
    -moz-animation: color-change 0.3s infinite;
    -o-animation: color-change 0.3s infinite;
    -ms-animation: color-change 0.3s infinite;
    animation: color-change 0.3s infinite;		
		-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;
		
	}
.home .btn-casino {padding: 15px 0px 15px 0px ;}
.btn-casino:hover {transform:translate(0px,-7px);}
@-webkit-keyframes color-change {
    0% { color: #fff; }
    50% { color: #ffd000; }
    100% { color: #fff; }
}
@-moz-keyframes color-change {
    0% { color: #fff; }
    50% { color: #ffd000; }
    100% { color: #fff; }
}
@-ms-keyframes color-change {
    0% { color: #fff; }
    50% { color: #ffd000; }
    100% { color: #fff; }
}
@-o-keyframes color-change {
    0% { color: #fff; }
    50% { color: #ffd000; }
    100% { color: #fff; }
}
@keyframes color-change {
    0% { color: #fff; }
    50% { color: #ffd000; }
    100% { color: #fff; }
}
.ct1x_c img{-moz-animation:moveup 2s ease-in-out infinite;-webkit-animation:moveup 2s ease-in-out infinite;-o-animation:moveup 2s ease-in-out infinite;animation:moveup 2s ease-in-out infinite;}
@keyframes moveup{0{transform:translate(0px,0px);}
50%{transform:translate(0px,-25px);}
100%{transform:translate(0px,0px);}
}
@-moz-keyframes moveup{0{-moz-transform:translate(0px,0px);}
50%{-moz-transform:translate(0px,-25px);}
100%{-moz-transform:translate(0px,0px);}
}
@-webkit-keyframes moveup{0{-webkit-transform:translate(0px,0px);}
50%{-webkit-transform:translate(0px,-25px);}
100%{-webkit-transform:translate(0px,0px);}
}
@-o-keyframes moveup{0{-o-transform:translate(0px,0px);}
50%{-o-transform:translate(0px,-25px);}
100%{-o-transform:translate(0px,0px);}
}

/* SLOT */

.slot-cen{margin-top:-10%;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
-webkit-filter:contrast(80%);filter:contrast(80%);-webkit-filter:brightness(80%);filter:brightness(80%);}
.slot-intro:hover .slot-cen{-webkit-filter:contrast(120%);filter:contrast(120%);-webkit-filter:brightness(110%);filter:brightness(110%);}
.slot-content{text-align:center;min-height:600px;background:#f4f4f4;width:100%;margin:0 auto;padding:30px;}

.game-slot{display:grid;text-align:center;grid-gap:30px;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;
width:100%;max-width:1200px;margin:10px auto 30px;padding:2%;}
.slot-box{display:grid;width:100%;min-height:200px;border-radius:30px 30px 8px 8px;grid-template-columns:1fr;
grid-template-areas:"slot-cover""slot-info""slot-btn";box-shadow:0 10px 30px rgba(0, 0, 0, 0.03);align-items:start;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;position:relative;
background: rgb(203,155,28);
background: -moz-linear-gradient(top,  rgba(203,155,28,1) 0%, rgba(211,167,59,1) 45%, rgba(224,188,98,1) 100%);
background: -webkit-linear-gradient(top,  rgba(203,155,28,1) 0%,rgba(211,167,59,1) 45%,rgba(224,188,98,1) 100%);
background: linear-gradient(to bottom,  rgba(203,155,28,1) 0%,rgba(211,167,59,1) 45%,rgba(224,188,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9b1c', endColorstr='#e0bc62',GradientType=0 );

}
	.slot-cover{z-index:70;display:grid;grid-area:slot-cover;background:none;grid-template-columns:100%;
	grid-template-areas:"sl-cv-bg""sl-chr";position: relative;align-items:start;}		
		.sl-cv-bg{z-index:71;grid-area:sl-cv-bg;grid-row: 1/2;border-radius:30px 30px 0 0;overflow:hidden;}
		.sl-chr{z-index:72;grid-area:sl-chr;grid-row: 1/2;position: absolute;top:-20px;
		-webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
	.slot-box:hover .sl-chr{position: absolute;top:-45px;}	
	.slot-info{z-index:73;grid-area:slot-info;padding:10px 20px 20px;grid-row: 2/3;margin-top:-10%;border-radius: 0 0 8px 8px;
	border-left:1px solid #ceac58;border-right:1px solid #ceac58;border-top:1px solid #ceac58;box-shadow:0 -2px 5px rgba(0, 0, 0, 0.87);
background: rgb(203,155,28);
background: -moz-linear-gradient(top,  rgba(203,155,28,1) 0%, rgba(211,167,59,1) 45%, rgba(224,188,98,1) 100%);
background: -webkit-linear-gradient(top,  rgba(203,155,28,1) 0%,rgba(211,167,59,1) 45%,rgba(224,188,98,1) 100%);
background: linear-gradient(to bottom,  rgba(203,155,28,1) 0%,rgba(211,167,59,1) 45%,rgba(224,188,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb9b1c', endColorstr='#e0bc62',GradientType=0 );

-webkit-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;
	}
		.sl-logo{z-index:75;margin-top:-20%;margin-bottom: -4%;}
	.slot-btn{z-index:74;grid-area:slot-btn;display:grid;margin-top:-4%;padding:10px 10px 20px;grid-row: 2/3;background:#fff;width:100%;opacity:0;
	border-radius: 0 0 7px 7px;-webkit-transition: all .5s ease-out; transition: all .5s ease-out;align-items:end;}
	.slot-box:hover .slot-btn{opacity:1;}
	.slot-box:hover{box-shadow:0 -10px 40px rgba(0, 0, 0, 0.2);} 
	.slot-box:hover .sl-chr{-webkit-filter:contrast(120%);filter:contrast(120%);-webkit-filter:brightness(130%);filter:brightness(130%);}
.tx-name-slot{font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#444;}
.tx-slot{font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#000;overflow: hidden;max-height: 39px;}
.slot-eff{-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
	-webkit-filter:contrast(80%);filter:contrast(80%);
	-webkit-filter:brightness(200%);filter:brightness(200%);
	-webkit-filter: grayscale(100%);filter: grayscale(100%);
}		
.slot-box:hover	.slot-eff{
	-webkit-filter:contrast(110%);filter:contrast(110%);
	-webkit-filter:brightness(115%);filter:brightness(115%);
	-webkit-filter: grayscale(0%);filter: grayscale(0%);
}
.new{z-index:76;display:table-cell;position:absolute;right:0;bottom:0;width:60%;height:60%;overflow:hidden;pointer-events: none;}	
.tx-new{padding:5px 40px;text-align:center;font-size:0.8em;font-family:'Teko', sans-serif;color:#fff;background:#c50000;
-ms-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);transform: rotate(-40deg);
position:absolute;bottom:4px;right:-60%;width:150%;box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);
}	

button.btn-game{
	cursor: pointer;
	font-family: thaisanslite_r1;font-size: 22px;line-height: 18px;border: 0;color:#fff;padding: 2px 20px 5px 20px;margin-top: 10px;
	box-shadow:0 2px 0 rgba(0,0,0,0.1);
	background: rgba(189,0,0,1);
background: -moz-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,0,0,1)), color-stop(12%, rgba(189,0,0,1)), color-stop(100%, rgba(120,0,0,1)));
background: -webkit-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0000', endColorstr='#780000', GradientType=0 );
}
button.btn-game:hover{box-shadow:0 3px 1px rgba(0,0,0,0.3);
	background: rgba(240,0,0,1);
background: -moz-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,0,0,1)), color-stop(12%, rgba(240,0,0,1)), color-stop(100%, rgba(196,0,0,1)));
background: -webkit-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00000', endColorstr='#c40000', GradientType=0 );
}
 


.title_pagex h1 ,
.title_pagex h2 {color: #fff;font-size: 36px;line-height: 36px;font-family:thaisanslite_r1;font-weight: bold;} 
.title_pagex a {color: #fff;}
.title_pagex {margin-bottom: 0px;margin-top: 0px;background-color: #000;
background-image: url(../images/bg-p.jpg?v=1.0);
padding: 8px 20px 12px 20px;
border-radius: 5px 5px 0px 0px;
border: 1px solid #2c2a2a;
border-top: 3px solid #2c2a2a;
text-align: center;
}  
 
 
 
.tt_col_e {float:left;width: 32.333%;margin: 0px 1.5% 15px 0%;background-color:#000;border-radius: 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16);  
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.16);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.16);
}  
.tt_col_e.last {margin-right: 0;}
.tt_col_e h3{float:left;width:100%;left: 0px;bottom: 0px;font-family: thaisanslite_r1;font-size: 19px;line-height: 18px;padding: 7px 0px 10px 0px;text-align: center;color: #000;
background: #e2b63b;
background: -moz-linear-gradient(top,  #e2b63b 0%, #fdda5c 49%, #e1be48 100%);
background: -webkit-linear-gradient(top,  #e2b63b 0%,#fdda5c 49%,#e1be48 100%);
background: linear-gradient(to bottom,  #e2b63b 0%,#fdda5c 49%,#e1be48 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2b63b', endColorstr='#e1be48',GradientType=0 );




white-space :nowrap;overflow: hidden;text-overflow: ellipsis;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
font-weight: bold;
}

.tt_col_e4x {float:left;width: 23.8%;margin: 0px 1.5% 15px 0%;background-color:#000;border-radius: 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16);  
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.16);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.16);
}  
.tt_col_e4x.last {margin-right: 0;}
.tt_col_e4x h3{float:left;width:100%;left: 0px;bottom: 0px;font-family: thaisanslite_r1;font-size: 19px;line-height: 18px;padding: 7px 7px 10px 7px;text-align: center;color: #000;
background: #e2b63b;
background: -moz-linear-gradient(top,  #e2b63b 0%, #fdda5c 49%, #e1be48 100%);
background: -webkit-linear-gradient(top,  #e2b63b 0%,#fdda5c 49%,#e1be48 100%);
background: linear-gradient(to bottom,  #e2b63b 0%,#fdda5c 49%,#e1be48 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2b63b', endColorstr='#e1be48',GradientType=0 );



white-space :nowrap;overflow: hidden;text-overflow: ellipsis;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
font-weight: bold;
}
.tt_col_e4x .btn_play_g,
.tt_col_e .btn_play_g {width:38%; display: none;background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#fff;padding: 5px 10px 5px 10px;position:absolute;top: 42%;margin: 0px auto;left: 0px;right: 0px;z-index: 12;border-radius: 5px;}
.tt_col_e4x:hover .ov_play,
.tt_col_e4x:hover .btn_play_g, 
.tt_col_e:hover .btn_play_g,
.tt_col_e:hover .ov_play {display: block;}
.tt_col_e4x .btn_play_g{width:52%;} 


.post-gslot .btn_play_g {width:60%; display: none;background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);font-family: thaisanslite_r1;font-size: 18px;line-height: 16px;color:#fff;padding: 5px 10px 5px 10px;position:absolute;top: 35%;margin: 0px auto;left: 0px;right: 0px;z-index: 12;border-radius: 5px;

-webkit-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;
}
 
 
 .fr_yt {width:33.6%;height: 285px;background-color: #000;margin-top: 42px;overflow: hidden;}
 .fr_yt iframe {width:100%!important;;}
 .tx_hrt {font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#fff;text-align: left;}
 .tx_htx {font-family: thaisanslite_r1;font-size: 22px;line-height: 18px;color:#fff;text-align: left;margin-top: 10px;font-weight: bold;}
  





  
 

.bg, .fr_ficenter {
 
    background-color: #000000;
  }



.fr_bkb,.fr_ficenter {
     
    border: 1px solid #4c4b4b;
  }
.fr_turnover {border-radius: 5px;padding: 10px 0px 10px 0px;border: 1px solid #ccc;margin: 10px 0px 0px 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;color: #000;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  


}     
.fr_turnover_li {margin: 3px 0px 3px 0px;}

.bg_p{background-color: rgba(0, 0, 0, 0.4);} 

 
  .tt_re_fr {display: none;float: left;width:100%;text-align: center;font-size: 18px;line-height: 18px;font-family:Kanit;font-weight: bold;margin: 7px 0px 0px 0px;background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);border-radius: 2px;}
.tt_re_fr a {float: left;width:100%;color: #fff;padding: 15px 0px 15px 0px;}
    
.jp_ct {position: relative;font-size: 40px;margin-top: 0px;margin-bottom: 0px;text-align: center;z-index: 1000;} 
.jp_time {float: right;position: relative;width:100%;margin-top: -130px;margin-right:0px;z-index: 1000;} 



.ifr_vdo iframe{width:100%!important;}

.tt_ct_sa,
.tt_ct_se {width:49.5%;min-height: 400px;margin: 15px 0px 15px 0px;} 
 
.tt_ct_sa ,
.tt_ct_se {background-color: #000;padding: 10px 10px 5px 10px;} 
.bg03x {padding: 10px 0px 0px 0px;}
 .ifr_vdo video,
.ifr_vdo iframe{width:100%!important;border: 1px solid #333;}
 .tt_col_2x {width:49%;margin: 0px 2% 10px 0%;}
 .tt_col_2x.last {margin: 0px 0px 10px 0%;}
.ifr_vdo {width:50%;}
.ifr_2x {width:48.8%;}
.b_ct .tt_txt_seo {width:100%;color:#feffff;padding: 10px 10px 10px 10px;margin-bottom:10px;margin-top: 0px;background-color: #111;border: 1px solid #222;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.54);
-moz-box-shadow:    inset 0px 0px 7px 0px rgba(0, 0, 0, 0.54);
box-shadow:         inset 0px 0px 7px 0px rgba(0, 0, 0, 0.54);
border-radius: 0px;    
}
.game_ft {text-align: center;}
.game_ft a{display: inline-block;padding: 0px 5px 5px 5px;}
.game_ft a img {max-width: 80px;}
.bgsa {
padding: 15px 0px 15px 0px;
background: #05382f;
background: -moz-linear-gradient(45deg,  #05382f 0%, #00493c 43%, #012521 100%);
background: -webkit-linear-gradient(45deg,  #05382f 0%,#00493c 43%,#012521 100%);
background: linear-gradient(45deg,  #05382f 0%,#00493c 43%,#012521 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05382f', endColorstr='#012521',GradientType=1 );
	
	
}

.bgsx {
padding: 15px 0px 15px 0px;
background: #8d00af;
background: -moz-linear-gradient(45deg,  #8d00af 0%, #8b01af 29%, #4a007b 100%);
background: -webkit-linear-gradient(45deg,  #8d00af 0%,#8b01af 29%,#4a007b 100%);
background: linear-gradient(45deg,  #8d00af 0%,#8b01af 29%,#4a007b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d00af', endColorstr='#4a007b',GradientType=1 );

	
	
}
.bgwm {
padding: 15px 0px 15px 0px;
background: #001132;
background: -moz-linear-gradient(45deg,  #001132 0%, #000f2c 42%, #000a1e 100%);
background: -webkit-linear-gradient(45deg,  #001132 0%,#000f2c 42%,#000a1e 100%);
background: linear-gradient(45deg,  #001132 0%,#000f2c 42%,#000a1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001132', endColorstr='#000a1e',GradientType=1 );
}
.bgpg {
padding: 15px 0px 15px 0px;
background: #420300;
background: -moz-linear-gradient(45deg,  #420300 0%, #4a0400 35%, #8c0700 100%);
background: -webkit-linear-gradient(45deg,  #420300 0%,#4a0400 35%,#8c0700 100%);
background: linear-gradient(45deg,  #420300 0%,#4a0400 35%,#8c0700 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420300', endColorstr='#8c0700',GradientType=1 );



}
.bggp{padding: 15px 0px 15px 0px; background: #13250d;
background: -moz-linear-gradient(45deg,  #13250d 0%, #10220a 35%, #0c1707 100%);
background: -webkit-linear-gradient(45deg,  #13250d 0%,#10220a 35%,#0c1707 100%);
background: linear-gradient(45deg,  #13250d 0%,#10220a 35%,#0c1707 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13250d', endColorstr='#0c1707',GradientType=1 );

	
	
}

.bgjk{padding: 15px 0px 15px 0px; 
background: #000000;
background: -moz-linear-gradient(left,  #000000 0%, #000000 0%, #191616 53%, #2b2b2b 100%);
background: -webkit-linear-gradient(left,  #000000 0%,#000000 0%,#191616 53%,#2b2b2b 100%);
background: linear-gradient(to right,  #000000 0%,#000000 0%,#191616 53%,#2b2b2b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2b2b2b',GradientType=1 );



	
	
}
.bgufa{padding: 15px 0px 15px 0px; 
background: #2b2b2b;
background: -moz-linear-gradient(left,  #2b2b2b 0%, #191616 35%, #000000 100%);
background: -webkit-linear-gradient(left,  #2b2b2b 0%,#191616 35%,#000000 100%);
background: linear-gradient(to right,  #2b2b2b 0%,#191616 35%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#000000',GradientType=1 );


}
.bgtx2 {padding: 0px 0px 0px 0px; 
background: #000000;
border: 2px solid #222;




} 
.ct_home {padding: 0px 0px 8px 0px;margin-top: 0px;border-radius: 0px;}
.tt_col_3x {width:18.6%;margin: 0% 0.5% 0.5% 0%;display: inline-block;}


.slide_m,
.gp1,
.gp2,
.gp3,
.gp4,
.gp5,
.grup1,
.grup2,
.grup3,
.grup5,
.grup4 {display: none;}

.gp5.active,
.gp1.active,
.gp2.active,
.gp3.active,
.gp4.active {display: block;}

.gp1,
.gp2,
.gp5,
.gp3,
.gp4{margin-bottom: 20px;}
.gr_btn {text-align: center;margin-bottom: 10px;padding: 0px 0px 0px 0px;background-color: #212121;margin-bottom: 20px;border-radius: 10px;}
.grup_b {display: inline-block;color:#fff;margin: 0px 0px -8px 0px;overflow: hidden;font-family: thaisanslite_r1;font-size: 20px;font-weight: bold;cursor: pointer; padding: 10px 0% 10px 0%;width:15%;}
.grup_b span {float: left;width:100%;}
.grup_b img {max-width:80px;}
.grup_b.active img {filter: brightness(160%);}
.grup_b.active {background-color: #cc0000;} 
.list_bn {margin-bottom: 10px;text-align: center;}
@media screen and (max-width:980px){
.grup_b img {max-width:60px;}	
.grup_b {float: left;width:20%;font-size: 12px;}
}

.fr_uc {float: left;width: 100%;white-space :nowrap;}

.page-template-rolling .sc_t,
.page-template-deposit .sc_t,
.page-template-withdrawal .sc_t,
.page-template-hw .sc_t,
.page-template-register .sc_t,
.page-template-login .sc_t{display: none;}
.bg_tr {
 background-color:rgba(0,0,0,.6)
}
#fr_login_user_form.fr_login {margin-top: 0px;padding: 30px 20px 45px 20px;}
.buzz :hover {
/* Start the shake animation and make the animation last for 0.5 seconds */
animation: shake 0.5s;
/* When the animation is finished, start again */
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.swal2-container{
  z-index: 999999 !important;
}

.img_sc {width:45%;}
.bg_g1 {background-color:#000;background-image: url(../images/b3.jpg?v=1.3);background-size: cover;background-position: top center;
position: relative;text-align: center;min-height:100px;padding: 0px 0px 40px 0px;}
.bg_g2 {background-color:#070b28;
position: relative;min-height:100px;padding: 40px 0px 40px 0px;}
.bg_01 {background-color:#000;min-height:100px;padding: 10px 0px 20px 0px;border-top: 5px solid #f3c304;border-bottom: 5px solid #f3c304;}
.bg_g3 {background-color:#000;min-height:100px;padding: 0px 0px 0px 0px;background-image: url(../images/b1.png?v=1.3);background-size: cover;background-position: top center;position: relative;}
.bg_g3c {background: linear-gradient(180deg,#002a74 0,#000c2b);min-height:100px;padding: 0px 0px 20px 0px;position: relative;}
.bg_g3cx {background: linear-gradient(180deg,#002a74 0,#000c2b);min-height:100px;padding: 0px 0px 20px 0px;position: relative;}
.bg_g3x {background-color:#000;min-height:100px;padding: 10px 0px 10px 0px;border-top: 5px solid #f3c304;border-bottom: 5px solid #f3c304;}
.bg_g4 {}
.bg_g5 {background-color:#0b122e;min-height:100px;padding: 0px 0px 40px 0px;}
.bg_g6 {background-color:#000;min-height:100px;padding: 0px 0px 40px 0px;background-image: url(../images/bg-s.png?v=1.3);}
.game_bg {border-top: 5px solid #252f5a;background-color:#0b122e;min-height:100px;padding: 10px 0px 40px 0px;background-image: url(../images/playgame-bg.jpg?v=1.3);background-position: top center;}
.bg_gjp {background-color:#000;background-image: url(../images/b3.jpg?v=1.3);background-size: cover;background-position: top center;
position: relative;text-align: center;min-height:100px;padding: 20px 0px 20px 0px;}
.bg_02 {background-color:#000;background-image: url(../images/b2.png?v=1.4);background-size: cover;background-position: center center;
position: relative;min-height:180px;padding: 0px 0px 40px 0px;}
.bg_03 {background-color:#000;background-image: url(../images/welcome-bg2.jpg?v=1.4);background-size: cover;background-position: center center;
position: relative;min-height:480px;padding: 0px 0px 0px 0px;border-bottom: 5px solid #f3c304;}
.bg_03 .tt_txt_seo {width:35%;margin-top: 2%;}
.tt_bg_02 {padding: 20px 0px 20px 0px;}
.img_l {float:left;width:100%;}

.tx_h1 .-logo-coin{-webkit-transform:rotate(30deg);transform:rotate(30deg);width:90px;position:absolute;right:-100px;top:5px}
.tx_h1 span {position: relative;	}
.tx_h1 {
position: relative;	
font-family: 'Kanit', sans-serif;font-size: 48px;line-height: 52px;text-align: center;color: #eff8fc;font-weight: bold;margin: 30px 0px 0px 0px;

}
.tx_h2 {font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;font-weight: bold;text-align: center;color: #c3a139;margin: 10px 0px 25px 0px;}
.bt_ax {text-align: center;margin: 20px 0px 10px 0px;} 
.bt_ax a {
font-family: thaisanslite_r1;font-size: 24px;line-height: 24px;	font-weight: bold;padding: 10px 65px 10px 65px;border-radius: 30px;margin: 0px 10px 0px 10px;
	
}
.bt_ax a.bt_a1:hover{background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.bt_ax a.bt_a2:hover{background-image: -webkit-gradient(linear, left top, right top, from(#ff344d), to(#d2273c));
    background-image: -webkit-linear-gradient(left, #ff344d, #d2273c);
    background-image: -o-linear-gradient(left, #ff344d, #d2273c);
    background-image: linear-gradient(to right, #ff344d, #d2273c);}
.bt_ax a.bt_a3:hover{background: #e8aa00;}
.bt_ax a.bt_a1 {color: #000;background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
border: 2px solid #ccc;


}
.bt_ax a.bt_a2 {color: #ffffff;border: 0;
background-image: -webkit-gradient(linear, right top, left top, from(#ff344d), to(#d2273c));
  background-image: -webkit-linear-gradient(right, #ff344d, #d2273c);
  background-image: -o-linear-gradient(right, #ff344d, #d2273c);
  background-image: linear-gradient(to left, #ff344d, #d2273c);

}
.bt_ax a.bt_a3 {display: none;color: #ffffff;background: linear-gradient(0deg,#e1b245 30%,#d7910d);border: 2px solid #fff700;box-shadow: 0 0 5px #fff,0 0 8px #fff,0 0 10px #fff,0 0 13px rgba(215,145,13,.75),0 0 16px rgba(215,145,13,.75),0 0 28px rgba(215,145,13,.75),0 0 36px rgba(215,145,13,.75),0 0 44px rgba(215,145,13,.75);}
.bt_ax a.bt_a3 img{width:20px;}
.b_pay {display: inline-block;
animation: x-ac-left-right 1.5s ease-in-out infinite;
}
.slide_jp {margin: 0px 0px 0px 0%;}

.videoWrapper {
  position: relative;
  padding-bottom: 44%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tt_cb_l { width:37%;}
.tt_cb_r { width:55%;}





.wrapper-menu {width: 100%;max-width: 280px;margin: 0 auto;}
.tt_head_menu_list{float:left;width:100%;min-height:40px;top:0px;z-index:1000;position:relative;margin: 0px 0px 0px 0%;}
.tt_head_menu_list ul{float:left;width:100%;margin:0% 0% 0% 0%;text-align: center;} 
.menu_l .tt_head_menu_list ul {text-align: right;}
.tt_head_menu_list ul li{float:left;width:100%;margin:7px 0px 0px 0px;position:relative;}
.tt_head_menu_list ul li.ico-home a {background-image: url(../images/ico-home.png?v=1.0);background-repeat: no-repeat;background-position: 10px center;padding-left: 40px;}
.tt_head_menu_list ul li:hover .fa{color:#F0D27C;}
.tt_head_menu_list ul li .fa{position:absolute;right:8px;top:13px;color:#333;}
.tt_head_menu_list .fa.fa-chevron-down{font-size:12px;}
.tt_head_menu_list ul li strong{font-weight:normal;}
.tt_head_menu_list ul li.menu-item-has-children{padding:0px 20px 0px 0px;}  
.tt_head_menu_list ul li.current-menu-item.menu-item-has-children:hover,
.tt_head_menu_list ul li.current-menu-item.menu-item-has-children{} 
.tt_head_menu_list ul li a{float:left;width:100%;color:#fff;font-family: thaisanslite_r1;font-size: 22px;line-height: 24px;padding:8px 0px 10px 0px;font-weight: bold;
border-radius:30px;position:relative;cursor: pointer;border: 2px solid #ec0007;
background: rgb(192,0,1);
background: -moz-linear-gradient(top,  rgba(192,0,1,1) 0%, rgba(154,0,1,1) 47%, rgba(134,0,2,1) 100%);
background: -webkit-linear-gradient(top,  rgba(192,0,1,1) 0%,rgba(154,0,1,1) 47%,rgba(134,0,2,1) 100%);
background: linear-gradient(to bottom,  rgba(192,0,1,1) 0%,rgba(154,0,1,1) 47%,rgba(134,0,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00001', endColorstr='#860002',GradientType=0 );

       

}      
#tt_th .tt_head_menu_list ul li a{padding:2px 16px 0px 0px;}
.tt_head_menu_list ul li.menu-item-has-children .fa,
.tt_head_menu_list ul li.menu-item-has-children a{color:#333;}    
.tt_head_menu_list ul li.menu-item-has-children:hover ,
.tt_head_menu_list ul li,
.tt_head_menu_list ul li:hover{}  
.tt_head_menu_list ul li:hover a{color:#000;background:#fff;}     

.tt_open_menu {left: 10px;width: 35px;z-index: 100;cursor: pointer;} 
.tt_open_menu i {float: left;color:#fff;padding: 6px 25px 6px 25px;font-size: 22px;border-radius: 15px;margin-top: 35px;}
.tt_open_menu:hover i {background: #000;}
 
.x-hamburger {
 margin-top:32px;
 width:35px;
 height:34px;
 position:relative;
 float: left;
 transition:.5s ease-in-out;
 cursor:pointer
}
.x-hamburger,
.x-hamburger span {
 -webkit-transform:rotate(0deg);
 transform:rotate(0deg)
}
.x-hamburger span {
 width:70%;
 display:block;
 position:absolute;
 height:3px;
 background:#fff;
 border-radius:5px;
 opacity:1;
 left:0;
 transition:.25s ease-in-out
}
.x-hamburger span:first-child {
 top:0;
 -webkit-transform-origin:left center;
 transform-origin:left center;
 -webkit-animation:x-hamburger-wave .4s ease-out infinite alternate;
 animation:x-hamburger-wave .4s ease-out infinite alternate
}
.x-hamburger span:nth-child(2) {
 top:10px;
 -webkit-transform-origin:left center;
 transform-origin:left center;
 -webkit-animation:x-hamburger-wave .4s ease-out .3s infinite alternate;
 animation:x-hamburger-wave .4s ease-out .3s infinite alternate
}
.x-hamburger span:nth-child(3) {
 top:20px;
 -webkit-transform-origin:left center;
 transform-origin:left center;
 -webkit-animation:x-hamburger-wave .4s ease-out .6s infinite alternate;
 animation:x-hamburger-wave .4s ease-out .6s infinite alternate
}


@-webkit-keyframes x-hamburger-wave {
 0% {
  width:70%
 }
 to {
  width:100%
 }
}
@keyframes x-hamburger-wave {
 0% {
  width:70%
 }
 to {
  width:100%
 }
}

 
.tt_close_menu {position:fixed;right: 0px;top: 0px;z-index: 99999;cursor: pointer;}
.tt_close_menu i {color:#fff;font-size: 38px;}
.fx_menu {float: left;position: fixed;width: 100%; height: 100%;}
.fx_menu.active,
.tt_open_menu.active,
.tt_close_menu.active {display: block;}
.wrapper-menu .logo_pc img {width: 100%;max-width: 200px;}
.tt_img_add {float:left;width:100%;margin: 30px 0px 20px 0px;text-align: center;}
.tt_img_add img { display: inline-block;max-width: 220px;overflow: hidden;}
.logo_pc { z-index: 1;
    -webkit-animation-name: x-box-main;
    animation-name: x-box-main;
    -webkit-animation-duration: 3.5s; 
    animation-duration: 3.5s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;}
.tt_rb {width: 48%;margin-top: 40px;}
.tt_lb {width: 50%;margin-bottom: 3%;} 
.cd-section { position: absolute;z-index: 999999999999999;}  
.tt_logo_h {float: left;width: 16%;} 
.tt_logo_h a{float: left;width:60%;text-align: center;margin-left: 50px;padding: 10px 0px 10px 0px;}
.tt_logo_h img{width: 100%;}
.cd-modal {
  position: fixed;  
  top: 0;
  left: -99999px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 999999999999;
  pointer-events: none;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
}
.cd-modal::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;

}
.cd-modal .cd-modal-content {
  height: 100%;
  width: 100%;
  text-align: left;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-is-visible .cd-modal {
 z-index: 999999;
  visibility: visible;
  opacity: 1;
   left: 0;
  pointer-events: auto;
  -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
}
.modal-is-visible .cd-modal .cd-modal-content {
  -webkit-overflow-scrolling: touch;
}
 .cd-modal-action .cd-modal-bg {
  display: inline-block;
  height: 4em;
   width: 100%;   
background: linear-gradient(0deg,#000,#00061f);

 
}
.cd-modal-action .btn.to-circle {
  width: 4em;
  color: transparent;
  -webkit-transition: color 0.2s 0s, width 0.3s 0.2s;
  -moz-transition: color 0.2s 0s, width 0.3s 0.2s;
  transition: color 0.2s 0s, width 0.3s 0.2s;
}
.cd-modal-action .cd-modal-bg {
  position: absolute;
  z-index: 999999;
  left: 0%;
  top: 0;
  width: 2em;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-2em);
  -moz-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  -o-transform: translateX(-2em);
  transform: translateX(-2em);
  -webkit-transition: visibility 0s 0.2s;
  -moz-transition: visibility 0s 0.2s;
  transition: visibility 0s 0.2s;
}
.cd-modal-action .cd-modal-bg.is-visible {
  opacity: 1;
  visibility: visible;
}

.cd-modal-close {
  position: fixed;
  z-index: 1;
  top: 20px;
  right: 5%;
  height: 50px;
  width: 50px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.1s 0s, visibility 0s 0.1s, opacity 0.1s 0s;
  -moz-transition: -moz-transform 0.1s 0s, visibility 0s 0.1s, opacity 0.1s 0s;
  transition: transform 0.1s 0s, visibility 0s 0.1s, opacity 0.1s 0s;
}

.modal-is-visible .cd-modal-close {
  visibility: visible;
  opacity: 1;
  z-index: 999999;
  -webkit-transition: -webkit-transform 0.1s 0s, visibility 0s 0s, opacity 0.1s 0s;
  -moz-transition: -moz-transform 0.1s 0s, visibility 0s 0s, opacity 0.1s 0s;
  transition: transform 0.1s 0s, visibility 0s 0s, opacity 0.1s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

@-webkit-keyframes x-box-main{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes x-box-main{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes x-box-up{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(0) rotate(30deg);transform:translateY(0) rotate(30deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes x-box-up{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(0) rotate(30deg);transform:translateY(0) rotate(30deg)}to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}

@-webkit-keyframes x-ac-left-right{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes x-ac-left-right{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}


.other-list img {width: 100%;max-width: 42px;}

.box_c1 {width:49.5%;text-align: center;font-family: thaisanslite_r1;font-size: 18px;line-height: 28px;color: #e8e8e8;border: 2px solid #434343;
background-image: url(../images/bg-p.jpg?v=1.0);margin-top: 10px;border-radius: 10px;}
.box_1 {display: inline-block;border-radius: 5px;padding: 20px 20px 16px 20px;margin-bottom: 10px;}
.box_1 .box_name {font-size: 28px;color:#ffb40d;margin-top: 15px;font-weight: bold;  } 

.box_c21 {float:left;width:100%;text-align: center;margin-bottom: 10px;}

.box_c2 {min-height:130px;padding: 10px 10px 15px 10px;margin-top: 10px;border-radius: 10px;margin-bottom: 10px;width:49.5%;text-align: center;border: 2px solid #434343;background: #f7f7f7;
background: -moz-linear-gradient(top,  #f7f7f7 0%, #d2d2d2 50%, #b6b6b6 100%);
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d2d2d2 50%,#b6b6b6 100%);
background: linear-gradient(to bottom,  #f7f7f7 0%,#d2d2d2 50%,#b6b6b6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#b6b6b6',GradientType=0 );

}   

.box_c2 small {font-family: thaisanslite_r1; font-size: 22px;line-height: 28px;display: inline-block;width: 100%;color: #000;font-weight: bold;}
.box_c2 .amount {min-width:310px;margin-top: 10px;display: inline-block;color: #fff;background-color:#000;font-size: 42px;line-height: 42px;border-radius: 50px;padding: 5px 20px 5px 20px;border: 2px solid #949494;}
.box_c21 a {width:49.5%;display: inline-block;margin: 0% 0% 0% 0%;font-family: thaisanslite_r1;font-size: 22px;line-height: 28px;border-radius: 10px;padding: 8px 0px 8px 0px;font-weight: bold;}
.box_c21 a i {font-size: 18px;line-height: 28px;padding: 0px 10px 0px 0px;} 
.box_c21 a.b-dep {float: left;margin-bottom: 5px;background: linear-gradient(90deg, rgb(23 117 46) 0%, rgb(23 189 46) 100%);
border: 2px solid #51AB59;color: #fff;
}
.box_c21 a.b-with {float: right;
background: linear-gradient(180deg,#f5d174 0,#af7e00);
border: 2px solid #b08d25;color: #000;
   	
}
 .box_c21 a.b-with:hover {background: rgb(234,185,45);
background: -moz-linear-gradient(top,  rgba(234,185,45,1) 0%, rgba(199,152,16,1) 100%);
background: -webkit-linear-gradient(top,  rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);
background: linear-gradient(to bottom,  rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 );


}
.box_c21 a.b-dep:hover { background: rgb(23, 189, 46);
    background: linear-gradient(90deg, rgb(23, 189, 46) 0%, rgb(23, 117, 46) 100%);



}

.btn-4x {width:24.222%;font-size: 22px;margin-right: 1%;margin-top: 1%;box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);padding: 6px 0px 6px 0px;background-color: #000;color: #fff;text-align: center;white-space: nowrap;cursor: pointer;border-radius: 5px;}
.btn-4x i {display: inline-block;font-size: 32px; margin-top: 8px;}
.btn-4x p {font-family: thaisanslite_r1;float: left;width: 100%;font-size: 22px;margin-bottom: 4px;margin-top: -6px;}

.btn-4x.last {margin-right: 0%;}  
.btn-4x img {width: 100%;max-width: 42px;}
    
.btn-3x {width:32.6%;font-size: 32px;margin-right: 1%;margin-top: 2%;margin-bottom: 2%;font-weight: bold;box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);padding: 10px 0px 14px 0px;color: #000;text-align: center;white-space: nowrap;cursor: pointer;border-radius: 5px;border: 2px solid #000;

background: #d2ff52;   
background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%);
background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%);
background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 );

}  
.btn-3x.last {margin-right: 0%;}   
.btn-3x p {font-family: thaisanslite_r1;float: left;width: 100%;font-size: 28px;line-height: 28px;}    
.btn-3x span {float: left;width: 100%;font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;}     
    
.btn-3x:hover {background: #bef24f;
background: -moz-linear-gradient(top,  #bef24f 0%, #47af07 100%);
background: -webkit-linear-gradient(top,  #bef24f 0%,#47af07 100%);
background: linear-gradient(to bottom,  #bef24f 0%,#47af07 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bef24f', endColorstr='#47af07',GradientType=0 );


}   
#fr_login_user_form.bf_login {padding: 20px 20px 45px 20px;}
.tt_hpc { position:fixed;left: 0px;top: 0px;z-index: 999999;}
.tt_bg_hpc {background: linear-gradient(180deg,#002a74 0,#000c2b);} 
.slide_link_bg {background: linear-gradient(180deg,#002a74 0,#000c2b);}
.slide_link {padding: 20px 0px 20px 0px;text-align: center;}
.slide_link a {float: left;font-family: thaisanslite_r1;font-size: 28px;line-height: 28px;width: 100%;border-radius: 30px;padding: 0px 0px 0px 0px;display: inline-block;font-weight: bold; margin: 0px 0% 0px 0%;

 }  
.slide_link a span {display: inline-block;padding: 0px 0px 0px 0px;width: 100%;background: rgb(255,48,25);
}
.slide_link .ht_b3 {

 
}
.slide_link img {border-radius: 35px;}
.slide_link:hover a,
.tt_link_ht:hover a {-webkit-box-shadow: 0px 1px 24px 0px rgba(255, 0, 0, 0.75);
-moz-box-shadow:    0px 1px 24px 0px rgba(255, 0, 0, 0.75);
box-shadow:         0px 1px 24px 0px rgba(255, 0, 0, 0.75);}
.tt_link_ht {left: 0px;top: 0px;width: 18%; text-align: center;margin-top: 23px;}
.tt_link_ht a {float: left;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;width: 100%;padding: 0px;border-radius: 30px;display: inline-block;font-weight: bold; margin: 5px 0% 0px 0%;

 } 
.tt_link_ht a span {float: left;padding: 8px 2px 10px 2px;width: 100%;background: rgb(255,48,25);border-radius: 30px;
background: rgb(0,14,53);
background: -moz-linear-gradient(left,  rgba(0,14,53,1) 0%, rgba(0,27,105,1) 47%, rgba(0,14,52,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,14,53,1) 0%,rgba(0,27,105,1) 47%,rgba(0,14,52,1) 100%);
background: linear-gradient(to right,  rgba(0,14,53,1) 0%,rgba(0,27,105,1) 47%,rgba(0,14,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e35', endColorstr='#000e34',GradientType=1 );
}
.tt_link_ht .ht_b2 {

 
}
.tt_link_ht .ht_b3 { 
}
.jp_bg {padding: 0px 0px 0px 0px;background-color: #070920;} 
@media screen and (max-width:620px){
.box_1 {padding: 15px 10px 20px 10px;border-radius: 10px;}	
.box_c2 .amount {min-width:250px;font-size: 42px;line-height: 42px;padding: 5px 0px 10px 0px;}
.box_c2 {width: 100%;margin-top: 0px;margin-top: 10px;} 
.box_c1 {width: 100%;margin-top: 0px;margin-top: 10px;} 
.box_c2 a {min-width:100%;}
.btn-4x {width:49%;margin-right: 2%;margin-top: 2%;}
.btn-4x.last2x {margin-right: 0%;} 
.btn-3x {width:100%;margin-right: 0%;}
.box_c4 {margin: 20px 0px 20px 0px;} 
.fr_tx2x {width: 28%;font-size: 18px;}
.tt_bk {width:72%;}



}  

.play-games {float: left;width: 100%;}
.container_game {float: left;width: 100%;}
.container_game .tt_full.text-center ul.nav { text-align: center;}
.container_game .tt_full.text-center ul.nav li {display: inline-block;margin: 0% 0.5% 0% 0.5%;}
.container_game .tt_full.text-center ul.nav li .two {display: none;}
.container_game .tt_full.text-center ul.nav li a.active .icon .one {display: none; }
.container_game .tt_full.text-center ul.nav li a.active .icon .two {display:  inline-block; }
.container_game .tt_full.text-center ul.nav li a.active {border-color: #f9314b !important; }
.container_game .tt_full.text-center ul.nav li.nav-item a.active span { text-shadow: 0px 0px 3px #d9293e, 0px 0px 7px #d9293e;color: #d9293e;}
.container_game .tt_full.text-center ul.nav li a {
          width: 150px;
		  display: inline-block;
          height: 150px;
          border-style: solid;
          border-width: 1px;
          border-color: #273b71;
          border-radius: 50%;
          margin: 0px 10px;
         
          -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); }
.container_game .tt_full.text-center ul.nav li.nav-item .icon {
            margin-top: 20px;
            display: inline-block; }


.container_game .tt_full.text-center ul.nav li.nav-item a span {
            float: left;width: 100%;
            font-family: thaisanslite_r1;
			font-size: 22px;
            line-height: 24px;
            text-transform: uppercase;
            text-shadow: 0px 0px 3px #2eb7eb, 0px 0px 7px #2eb7eb;
            color: #2eb7eb; }

ul#pills-tab.nav.nav-lend li{display: inline-block;}           
.container_game .tt_full.text-center ul#pills-tab.nav li {margin: 0px;}

 .tab-content > .tab-pane {
    display: none;
}
.fade:not(.show) {
    opacity: 0;
}
.fade {
    transition: opacity .15s linear;
}
.tab-content > .tab-pane.active {
    display: block;
} 

.activities .section-heading {
    margin-bottom: 58px; }
  .activities .tab-menu-area {
    display: block;
    text-align: center;
	margin-top: 35px;
    margin-bottom: 25px; }
    .activities .tab-menu-area .nav-lend {   
       display: inline-block; 
      border-radius: 50px;
      padding: 20px 20px;
      -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.2); }
      .activities .tab-menu-area .nav-lend .nav-item {
          }
        .activities .tab-menu-area .nav-lend .nav-item .nav-link {
          width: inherit;
          height: inherit;
          line-height: 50px;
          padding: 0px;
          padding: 0px 50px;
          border-radius: 50px;
          font-size: 18px;
          font-weight: 600;
          text-transform: uppercase;
          color: #FFF;
          background: #252f5a;
          margin: 0px 5px; }
          .activities .tab-menu-area .nav-lend .nav-item .nav-link.active {
            background: #f9314b;
            color: #fff; }
  .activities .table {
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.4);
    position: relative; }
	


.list_game6x {width: 14%;display: inline-block;float: left;padding: 0px 0px 7px 0px;margin: 0% 0% 2% 2%;text-align: center;border-radius: 10px;border: 1px solid #233566;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;overflow: hidden;}
.list_game6x img{margin-bottom: 7px;width: 155px;height: 155px;}
.list_game6x a {color: #fff!important;}

.videoWrapperx {
  position: relative;

  padding-bottom: 50.2%; 
  height: 0;
  
  margin: 0px 0px 10px 0px;
}
.videoWrapperx iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper-vdo {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}
.tt_box_vdo {margin: 0 0px 0px 0px;padding: 0px 10px 0px 10px;}
.ar_bh {width: 100%;
    height: 5px;
    background: linear-gradient(90deg,rgba(156,103,39,0),rgba(253,246,174,.5) 32%,#dcc076 49%,rgba(189,141,66,.5) 65%,rgba(253,246,174,0));}
.bg_02b::before, 
.bg_02::before,
.tab_game_home_bd::before {           
    content: "";
    position: absolute;
    left: 0;
	text-align: center;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg,rgba(156,103,39,0),rgba(253,246,174,.5) 32%,#dcc076 49%,rgba(189,141,66,.5) 65%,rgba(253,246,174,0));
}
.tab_game_home {position: relative;text-align: center;
padding: 0;
background: rgb(196,19,31);
background: -moz-radial-gradient(center, ellipse cover,  rgba(196,19,31,1) 0%, rgba(119,16,2,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(196,19,31,1) 0%,rgba(119,16,2,1) 100%);
background: radial-gradient(ellipse at center,  rgba(196,19,31,1) 0%,rgba(119,16,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4131f', endColorstr='#771002',GradientType=1 );


}
.b_gamelist {display: inline-block; width: 15%;padding: 10px 10px 10px 10px;cursor: pointer;}
.b_gamelist img {max-width: 75px;-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.b_gamelist span {display: inline-block;width: 100%;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;color: #fff;font-weight: bold; }
.b_gamelist:hover,    
.b_gamelist.active {background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(2,0,45,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(2,0,45,0.8) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(2,0,45,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc02002d',GradientType=0 );
}
.b_gamelist:hover img {-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
.b_gamelist:hover span,
.b_gamelist.active span {color: #ffe100;}

.tab_game_home_bd {background-color: #000a30;position: relative;padding: 0px 10px 10px 10px;}
.g6x {width: 25%;padding: 0px 5px 5px 5px;}
.bd_gamelist{float: left;display: none;width: 100%;margin: 30px 0px 20px 0px;}
.bd_gamelist.active {display: block;}	
.tt_f_menu ul {float: left;text-align: center;width: 100%; margin: 10px 0px 0px 0px}
.tt_f_menu ul li {display: inline-block;}
.tt_f_menu ul li a{background: #3f3f3f;color: #c4c4c4;font-family: thaisanslite_r1;font-size: 18px;line-height: 22px;border-radius: 10px;padding: 5px 15px;}
.tt_f_menu ul li a:hover {background: #333;}
.bd_gamelist_img {float: left;width: 100%;text-align: center;position: relative;}
.bd_gamelist_img .bd_gamelist_btn {float: left;width: 100%;position:absolute;left: 0px;top: 65%;	-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.bd_gamelist_img .bd_gamelist_btn span{display: inline-block;opacity:0;width: 60%;background: linear-gradient(to bottom, rgba(215,0,1,1) 0%,rgba(172,0,5,1) 100%);border: 1px solid #000;border-radius: 5px;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;color: #fff;padding: 10px 0px 10px 0px;-webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 15px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 15px 0px rgba(50, 50, 50, 0.75);}
.h_mobile {display: none;}   
.g6x:hover .bd_gamelist_img .bd_gamelist_btn {top: 45%;}
.g6x:hover .bd_gamelist_img .bd_gamelist_btn span {opacity:1;}
.g6x:hover img {-webkit-filter: grayscale(80%);filter: grayscale(80%);} 

.g4x {float: left;width: 24.2%;padding: 10px 10px 10px 10px;margin: 1% 1% 0% 0%;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(2,0,45,0.8) 100%);}
.g4x.last {margin: 1% 0% 0% 0%;}
.g4x:hover {border-radius: 10px;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(2,0,45,0.8) 100%);}
.g4x:hover img {-webkit-filter: grayscale(100%);filter: grayscale(100%);} 
.bg_pro {padding: 20px 5% 5% 5%;}   
.x-footer-bank-logo {float: left;text-align: center;width: 100%; margin: 10px 0px 10px 0px;}	
.x-footer-bank-logo .-ic {
 width:50px; 
 height:50px;
 background-image: url(../images/ic-bank-logo.png?v=1.0);
 margin:0;
 display: inline-block;
 -webkit-filter:grayscale(100%);
 filter:grayscale(100%);
 background-size:194px!important;
 background-position:4px 4px!important;
 background-repeat:no-repeat!important;
 transition:all .2s
}
.x-footer-bank-logo .-ic:nth-child(2) {
 background-position:-46px 4px!important
}
.x-footer-bank-logo .-ic:nth-child(3) {
 background-position:-96px 4px!important
}
.x-footer-bank-logo .-ic:nth-child(4) {
 background-position:-146px 4px!important
}
.x-footer-bank-logo .-ic:nth-child(5) {
 background-position:6px -44px!important
}
.x-footer-bank-logo .-ic:nth-child(6) {
 background-position:-46px -44px!important
}
.x-footer-bank-logo .-ic:nth-child(7) {
 background-position:-96px -44px!important
}
.x-footer-bank-logo .-ic:nth-child(8) {
 background-position:-146px -44px!important
}
.x-footer-bank-logo .-ic:nth-child(9) {
 background-position:6px -92px!important
}
.x-footer-bank-logo .-ic:nth-child(10) {
 background-position:-46px -92px!important
}
.x-footer-bank-logo .-ic:nth-child(11) {
 background-position:-96px -92px!important
}
.x-footer-bank-logo .-ic:nth-child(12) {
 background-position:-146px -92px!important
}
.x-footer-bank-logo .-ic:hover {
 -webkit-transform:scale(1.1);
 transform:scale(1.1);
 -webkit-filter:grayscale(0);
 filter:grayscale(0)
}
@media (max-width:767.98px) {
 .x-footer-bank-logo .-ic {
  -webkit-filter:grayscale(0);
  filter:grayscale(0)
 }
}



#account-actions-mobile {
 position:fixed;
 left:0;
 bottom:0;
 z-index:2;
 width:100%;
 font-family: thaisanslite_r1;font-size: 18px;font-weight: bold; line-height: 22px;
}


#account-actions-mobile .-outer-wrapper {
 display:flex;
 align-items:flex-end
}

#account-actions-mobile .-left-wrapper,
#account-actions-mobile .-right-wrapper {

 flex:1;
 z-index:2;
 height:70px;
 padding-bottom:6px;
 background:linear-gradient(180deg,#0845b0,#00154a);
 transition:-webkit-filter .2s;
 transition:filter .2s;
 transition:filter .2s,-webkit-filter .2s
}
#account-actions-mobile .-center-wrapper {
 position:relative;
 display:flex;
 flex-direction:column;
 justify-content:flex-end;
 align-items:center;
 z-index:2;
 width:100px;
 height:100px;
 margin:0 -5px 4px;
 color:#fff;
 border-radius:50%;
}
#account-actions-mobile .-center-wrapper .-selected,
#account-actions-mobile .-center-wrapper .-selecting {
 display:flex;
 flex-direction:column;
 justify-content:flex-end;
 align-items:center;
 text-align:center
}
#account-actions-mobile .-center-wrapper .-selected {
 transition:all .4s;
 background-size:450px;
 background-repeat:no-repeat;
 height:100%;
 width:100%;
 background-position:0 0;
 border-radius:50%
}

#account-actions-mobile .-center-wrapper .-selected .-text {
 margin-top:-2px;
 font-size:.875rem;
 text-shadow:0 6px 5px rgba(0,0,0,.4)
}
#account-actions-mobile .-center-wrapper .-selecting {
 display:none
}
#account-actions-mobile .-center-wrapper .-selecting .-text {
 font-size:.875rem;
 line-height:16px;
 text-shadow:0 6px 5px rgba(0,0,0,.4)
}
#account-actions-mobile .-center-wrapper .-selecting .-mark {
 position:relative;
 margin-top:5px;
 font-size:1.5rem;
 font-weight:500;
 line-height:20px
}
#account-actions-mobile .-center-wrapper:hover {
 color:#fff;
 text-decoration:none
}
#account-actions-mobile .-fake-center-bg-wrapper {
 position:absolute;
 left:0;
 bottom:0;
 z-index:1;
 width:100%;
 height:50px;
 transition:-webkit-filter .2s;
 transition:filter .2s;
 transition:filter .2s,-webkit-filter .2s;
 overflow:hidden
}
#account-actions-mobile .-fake-center-bg-wrapper svg {
 position:absolute;
 left:50%;
 bottom:0;
 height:108px;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
#account-actions-mobile .-fake-center-bg-wrapper svg path {
 fill:url(#rectangleGradient)
}
#account-actions-mobile .-left-wrapper {
 border-top-left-radius:10px;
 border-top-right-radius:22px
}
#account-actions-mobile .-right-wrapper {
 border-top-right-radius:10px;
 border-top-left-radius:22px
}

#account-actions-mobile .-item-wrapper {
 width:30%;
 color:#fff;
 	
}
#account-actions-mobile .-item-wrapper .-ic-img {
	margin-top: 5px;
 width:34px;
 height:auto
}
#account-actions-mobile .-item-wrapper .-text {
 margin-top:.25rem;
  width:100%;
  float: left;
 color:#fff;
 transition:color .2s
}
@media (max-width:575.98px) {
 #account-actions-mobile .-item-wrapper .-text {
  font-size:.8rem
 }
}
#account-actions-mobile .-item-wrapper:active,
#account-actions-mobile .-item-wrapper:hover {
 text-decoration:none
}
#account-actions-mobile .-item-wrapper:active .-text,
#account-actions-mobile .-item-wrapper:hover .-text {
 color:#fff
}
#account-actions-mobile .-item-wrapper.-shimmer .-text {
 display:inline-block;
 color:#fff;
 
}
@media (max-width:991.98px) {
 #account-actions-mobile .-item-wrapper {
    width: 50%;
}
}
#account-actions-mobile .-fully-overlay {
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:2;
 background:rgba(0,0,0,.6)
}
#account-actions-mobile.-active .-fake-center-bg-wrapper,
#account-actions-mobile.-active .-left-wrapper,
#account-actions-mobile.-active .-right-wrapper {
 -webkit-filter:brightness(.5);
 filter:brightness(.5)
}
#account-actions-mobile.-active .-fake-center-bg-wrapper a,
#account-actions-mobile.-active .-left-wrapper a,
#account-actions-mobile.-active .-right-wrapper a {
 pointer-events:none
}
#account-actions-mobile.-active .-center-wrapper {
 background:linear-gradient(0deg,rgba(251,200,68,.85),rgba(248,128,18,.85))
}
#account-actions-mobile.-active .-center-wrapper .-selected {
 display:none
}
#account-actions-mobile.-active .-center-wrapper .-selecting {
 display:flex
}
#account-actions-mobile.-active .-sub-menu-lobby-wrapper {
 visibility:visible;
 opacity:1;
 -webkit-filter:blur(0);
 filter:blur(0);
 -webkit-transform:translateX(-50%) translateY(0) scaleY(1) scaleX(1);
 transform:translateX(-50%) translateY(0) scaleY(1) scaleX(1);
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%
}
#account-actions-mobile.-active .-fully-overlay {
 display:block
}

#account-actions-mobile .-right-wrapper .-item-wrapper{float: left;text-align: center;}
#account-actions-mobile .-left-wrapper .-item-wrapper{float: right;text-align: center;}
#account-actions-mobile .-left-wrapper {width:100%;}

.-heading-title a{color:#fff;} 
 .-heading-title {
 position:relative;
 width:100%;
 text-align: center;
 float: left;
 font-weight: bold;     
 display:inline-block;
     font-family: 'Kanit', sans-serif;
 margin-top:20px;
 font-size:3rem;
 font-weight:700;
 color:#fff;
 -webkit-text-stroke:2px #267dff
}
.-heading-title:before {
 content:"";
 position:absolute;
 top:50%;
 left:0;
 z-index:-1;
 width:100%;
 height:30px;
 background:#267dff;
 opacity:.6;
 -webkit-filter:blur(10px);
 filter:blur(10px);
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}

 .-heading-title-tx {
 position:relative;
 width:100%;  
 float: left;
 font-weight: bold;     
 display:inline-block;
     font-family: 'Kanit', sans-serif;
 margin-top:20px;
 font-size:3rem;
 font-weight:700;
 color:#fff;
 -webkit-text-stroke:2px #267dff
}
.-heading-title-tx:before {
 content:"";
 position:absolute;
 top:50%;
 left:0;
 z-index:-1;
 width:100%;
 height:30px;
 opacity:.6;
 -webkit-filter:blur(10px);
 filter:blur(10px);
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}

@media (max-width:991.98px) {
  .-heading-title {
  font-size:2.5rem
 }
}
@media (max-width:767.98px) {
  .-heading-title {
  font-size:2.25rem
 }
}
@media (max-width:575.98px) {
  .-heading-title {
  font-size:2rem
 }
}
 

.-heading-sub-title {float: left;text-align: center;color:#fff; width:100%; font-family: thaisanslite_r1;font-size: 22px; line-height: 22px;}


.head_ct {margin-bottom: 20px;}
.head_ct .text-haf {float: left;width: 100%;text-align: center;font-family: thaisanslite_r1;font-size: 28px;color: #000;line-height: 24px;font-weight: bold;margin: 20px 0px 20px 0px; }
.head_ct .ct_url_af {width: 100%;max-width: 520px;text-align: center;margin: 0px auto 0px auto;}
.head_ct .ct_url_af .from_af {float: left;width: 75%;background-color: #f3f3f3;border: 2px solid #d1d5db;font-size: 16px;height: 50px;border-radius: 10px 0px 0px 10px;color: #000;padding: 0px 0px 0px 10px;}
.head_ct .ct_url_af .btn_af {float: left;width: 25%;background-color: #374151;border: 2px solid #193039;height: 50px;color: #fff;font-family: thaisanslite_r1;font-size: 22px;line-height: 18px;font-weight: bold;border-radius: 0px 10px 10px 0px;cursor: pointer;}

.tt_affdsc {float: left;width: 100%;border: 2px solid #e8eaed;padding: 20px 15px 15px 15px;margin: 20px 0px 20px 0px;border-radius: 10px;position: relative;}
.tt_affdsc_h {position:absolute;top: -17px;left: 40px;background-color: #fff;color: #000;padding: 0px 10px 0px 10px;font-family: thaisanslite_r1;font-size: 24px;line-height: 24px;font-weight: bold;}
.tt_affdsc2 {float: left;width: 100%;padding: 0px 0px 0px 0px;margin: 20px 0px 20px 0px;position: relative;}
.tt_affdsc_h2 {float: left;width: 45%;background-color: #000;color: #fff;padding: 10px 10px 10px 10px;font-family: thaisanslite_r1;font-size: 24px;line-height: 24px;font-weight: bold;text-align: center;border-radius: 10px;box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);}
.tt_share-list {float: left;width: 55%;font-size: 48px;text-align: center;}       
.tt_share-list a {display: inline-block;margin-left: 4%;top: -2px;position: relative;}  
.tt_share-list a .fa-facebook{color: #4867aa;}    
.tt_share-list a .fa-line{color: #40bf05;}    
.tt_share-list a .fa-twitter{color: #5da9dd;}    
.tt_share-list a .fa-facebook-messenger{color: #458cfa;}                   
.bd_boxaf {margin: 20px 0px 20px 0px;}
.box_af {float: left;width: 32.6%;margin: 0% 1% 1% 0%;padding: 10px 10px 10px 10px;border-radius: 10px;}
.box_af.b_af3 {margin-right: 0px;}
.box_h1 {float: left;width: 100%;font-family: thaisanslite_r1;font-size: 22px;line-height: 20px;font-weight: bold;color: #000;padding: 0px 0px 5px 0px;}
.tx_afl {float: left;width: 100%;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;color: #626566;padding: 0px 0px 2px 0px;}
.box_afr {text-align: right;}
.tx_afl_b {float: left;width: 100%;font-size: 20px;font-weight: bold;}
.b_af1 {border: 1px solid #4bd8a4;background-color: #ecfdf5;}
.b_af2 {border: 1px solid #f88181;background-color: #fef2f2;}
.b_af3 {border: 1px solid #fbc63c;background-color: #fffbeb;}
.tab_bd {margin-top: 20px;}
.b_tab_aff {float: left;width: 24.22%;margin: 0% 1% 1% 0%;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;border: 1px solid #dc3545;border-radius: 5px;padding: 10px 0px 10px 0px;font-weight: bold;color: #dc3545;text-align: center;background-color: #fff;cursor: pointer;}
.b_tab_aff:hover,
.b_tab_aff.acc {background-color: #dc3545;color: #fff;}
.b_tab_aff span{float: left;width: 100%;margin-top: 5px;}
.b_tab_aff.tt_tab_aff4 {margin-right: 0px;}
.ct_aff_list {background-color: #f2f2f2;border: 1px solid #dee2e6;border-radius: 5px;padding: 10px 10px 10px 10px;}
.aff_list {float: left;width: 19.2%;margin: 0% 1% 0% 0%;border: 1px solid #ccc;padding: 10px 10px 10px 10px;border-radius: 5px;text-align: center;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;
background-color: #fff;}
.aff_list .m_aff {font-size: 24px;font-weight: bold;color: #17a2b8 ;margin-top: 5px;}
.aff_list.aff5 {margin-right: 0px;}
.tt_ct_aff {float: left;width: 100%;display: none;}
.tt_ct_aff.acc {display: block;}
.tt_list_usr_head {font-family: thaisanslite_r1;font-size: 22px;line-height: 20px;font-weight: bold;background-color: #f2f2f2;padding: 10px 10px 10px 10px;}
.aff_date {float: left;width: 20%;}
.aff_use {float: left;width: 40%;}
.aff_all {float: right;width: 30%;text-align: right;}
.tt_list_usr {font-family: thaisanslite_r1;font-size: 22px;line-height: 20px;border-bottom: 1px solid #dee2e6;padding: 10px 10px 10px 10px;}
.aff_name_mon {float: left;width: 40%;background-color: #f2f2f2;border-right: 1px solid #dee2e6;padding: 10px 10px 10px 20px;}
.aff_pice {float: left;width: 60%;background-color: #fff;padding: 10px 10px 10px 20px;}
.aff_mon {margin-top: 5px;border-radius: 5px;border: 1px solid #ccc;overflow: hidden;font-family: thaisanslite_r1;font-size: 22px;line-height: 20px;}
.h_af4 {font-family: thaisanslite_r1;font-size: 22px;line-height: 20px;text-align: center;}
.pice_af4 {font-family: thaisanslite_r1;font-size: 42px;line-height: 40px;text-align: center;font-weight: bold;margin-top: 10px;color: #b90504;margin-bottom: 20px;}
.ct_url_af4 {float: left;width: 100%;}
.from_af4 {float: left;width: 75%;background-color: #f3f3f3;border: 2px solid #d1d5db;height: 50px;color: #000;border-radius: 0px 10px 10px 0px;padding: 0px 0px 0px 10px;font-family: thaisanslite_r1;font-size: 22px;line-height: 20px;}
.tx_af4 {float: left;width: 25%;background-color: #374151;border: 2px solid #193039;height: 50px;color: #fff;font-family: thaisanslite_r1;font-size: 22px;line-height: 48px;font-weight: bold;border-radius: 10px 0px 0px 10px;cursor: pointer;text-align: center}
.btn_af4 {width: 100%;border-radius: 10px;background-color: #0069d9;border: 2px solid #0062cc;color: #fff;font-family: thaisanslite_r1;padding: 10px 0px 10px 0px;font-size: 22px;line-height: 22px;font-weight: bold;cursor: pointer;text-align: center;margin-top: 10px;}
.tt_affdsc .thaitheme_read,
.tt_affdsc .thaitheme_read a{color:#333;}  
.tt_drak .bg {background-color: #111;}
.tt_drak .aff_list span,
.tt_drak .head_ct .text-haf {color: #eee;}
.tt_drak .tt_affdsc_h {background-color: #111;color: #fff;}
.tt_drak .tt_affdsc {border: 2px solid #686344;}
.tt_drak .tt_affdsc .thaitheme_read,
.tt_drak .tt_affdsc .thaitheme_read a{color:#eee;}  
.tt_drak .tt_list_usr_head {background-color: #222;color: #fff;}
.tt_drak .tt_list_usr {border-bottom: 1px solid #333;color: #fff;}
.tt_drak .aff_name_mon  {background-color: #222;color: #fff;border-right: 1px solid #333;}
.tt_drak .aff_mon {border: 1px solid #333;}
.tt_drak .b_tab_aff	{background-color:#fcf5e2;}
.tt_drak .b_tab_aff:hover,
.tt_drak .b_tab_aff.acc {background-color: #dc3545;color: #fff;}
.tt_drak .h_af4 {color: #fff;}
.tt_drak .aff_list .m_aff,
.tt_drak .pice_af4 {color: #eece70;}
.tt_drak .from_af4 {border-left: 1px solid #333;}
.tt_drak .head_ct .ct_url_af .from_af{border-right: 1px solid #333;}
.tt_drak .head_ct .ct_url_af .btn_af,
.tt_drak .tx_af4 {background: linear-gradient(180deg,#e29d38,#f2e186 20%,#eece70 65%,#e29d38);color: #000;border: 0;}
.tt_drak .ct_aff_list {background-color: transparent;border: 0;padding: 10px 0px 10px 0px;} 
.tt_drak  .aff_list {background-color:#2c2c2c;border: 1px solid #333;}  
.tt_drak .tt_affdsc_h2 {background-color: #2c2c2c;color: #fff;border: 1px solid #333;}
.tt_drak .tt_share-list a .fa-facebook,    
.tt_drak .tt_share-list a .fa-line,   
.tt_drak .tt_share-list a .fa-twitter,  
.tt_drak .tt_share-list a .fa-facebook-messenger{color: #fff;}          
@media screen and (max-width:800px){
.box_af {width: 100%;margin: 0% 0% 2% 0%;}
.head_ct .ct_url_af .from_af {width: 100%;border-radius: 10px 10px 0px 0px;}
 .head_ct .ct_url_af .btn_af {width: 100%;border-radius: 0px 0px 10px 10px;}
 .aff_list {width: 32.6%;}
 .aff_list.aff1{width: 49.5%;margin-bottom: 5px;}
 .aff_list.aff2{width: 49.5%;margin-right: 0px;margin-bottom: 5px;}
 .aff_date {float: left;width: 30%;}
.aff_use {float: left;width: 40%;text-align: center;}
.aff_name_mon{padding: 10px 5px 10px 10px;}
.tx_af4,
.aff_name_mon,
.tt_list_usr_head ,
 .tt_list_usr {font-size: 18px;}
 .tx_af4 {width: 30%;}
 .from_af4 {width: 70%;}
 .tt_share-list{width: 100%;}
 .tt_affdsc2 {margin: 0px 0px 0px 0px;}
 .tt_share-list a {margin-left: 2%;margin-right: 2%;}
.tt_affdsc_h2 {width: 100%;margin-bottom: 15px;}
}

.fx_telegram {margin: 10px 0px 0px 0px;}
.tt_tx_telegram {float:left;width:100%;font-size:13px;color:#000;text-align: left;margin: 0px 0px 0px 0px;text-align: center;background-color: #b1e2f7;font-weight: bold;padding:7px 3px 7px 3px;}
.telegram_id {float:left;width:100%;font-size:13px;margin: 5px 0px 5px 0px;}
.tt_tx_telegram img {width: 25px;}
.head_mc .h-linem {overflow: hidden;}
.m-telegram {float:left;width:100%;text-align: center;padding:3px 10px 3px 10px;background-color: #b1e2f7;font-weight: bold;border-top: 1px solid #269b1c;border-bottom: 1px solid #000;}
.m-telegram img {width: 45px;padding:0px 5px 0px 0px;}
.m-telegram a {float:left;width:100%;color: #000;}