@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: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.ttf")}
@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.6.3');src:url('font/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('font/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('font/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('font/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('font/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-bars:before{content:"\f0c9"}.fa-home:before{content:"\f015"}.fa-angle-down:before{content:"\f107"}.fa-chevron-up:before{content:"\f077"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-facebook:before{content:"\f09a"}.fa-twitter:before{content:"\f099"}.fa-youtube:before{content:"\f167"}.fa-google-plus:before{content:"\f0d5"}.fa-times:before{content:"\f00d"}.fa-plus:before{content:"\f067"}.fa-sort-desc:before{content:"\f0dd"}.fa-user-plus:before{content:"\f234"}.fa-check-circle-o:before{content:"\f05d"}.fa-play:before{content:"\f04b"}.fa-phone:before{content:"\f095"}.fa-key:before{content:"\f084"}.fa-user:before{content:"\f007"}.fa-university:before{content:"\f19c"}.fa-credit-card:before{content:"\f09d"}.fa-bullhorn:before{content:"\f0a1"}.fa-indent:before{content:"\f03c"}.fa-outdent:before{content:"\f03b"}.fa-trophy:before{content:"\f091"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-scissors:before{content:"\f0c4"}.fa-gamepad:before{content:"\f11b"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-sign-out:before{content:"\f08b"}
* {
  -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 1%;}
img.alignnone{margin:5px 1% 20px 0;}
img.alignleft{float:left;margin:5px 1% 20px 0;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
hr{border:0;border-top:1px solid #333;clear:both;height:0;margin:1.250em 0;} 
a:hover,
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:100%;min-height:40px;top:0px;z-index:1000;position:relative;margin: 0px 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 -3px 0px 0px;position:relative;}
.tt_head_menu ul li.ico-home a {background-image: url(../images/ico-home.png);background-repeat: no-repeat;background-position: 10px center;padding-left: 40px;}
.tt_head_menu ul li:last-child {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{font-weight:normal;}
.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:#000;font-family: thaisanslite_r1;font-size: 22px;line-height: 18px;padding:12px 20px 10px 20px;font-weight: bold;}
#tt_th .tt_head_menu ul li a{padding:2px 16px 0px 0px;}
.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:hover a{color:#fff;background-color:#000;}
.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;}
.tt_head_menu.m-mc {display: none;}
.tt_head_menu .ico-new a::before {
    background-image: url("../images/ico-new.png");
    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:20%;margin: 3px 0px 0px 0px;font-size:11px;color:#eee;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}
.m_pc {
	z-index: 99999;
   
	
}
.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 );	
	
}




.thaitheme_read{width:100%;padding:0px 0px 10px 0px;color:#212529;font-family: thaisanslite_r1;font-size: 22px;line-height: 28px;overflow:hidden;}
.thaitheme_read a{color:#212529;} 
.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.5em 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: 48px;line-height: 48px;font-weight: bold;}
.thaitheme_read h2,
.thaitheme_read h3{display:block;margin:0.2em 0 0.5em 0;font-family: thaisanslite_r1;font-family: thaisanslite_r1;font-size: 34px;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);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:60px;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:190px;z-index:10;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:#333;margin: 0px 0px 10px 0px;color:#FFF;text-align: center;cursor: pointer;}
.tt_btn_close2 .fa,
.tt_btn_open2 .fa {font-size:18px;line-height:22px;}
#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: 20px;width:95px;z-index:99999999;left:10px;top:195px;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;}

 


.wrapper {width: 100%;max-width: 1080px;margin: 0 auto;}
.wrapper-h {width: 100%;max-width: 1220px;margin: 0 auto;}
.wrapper-c {width: 100%;max-width: 1000px;margin: 0 auto;}
.nav_top {min-height: 15px;margin: 17px 0px 0px 0px;}
.logo_pc {width: 40%;min-height: 180px;margin: 2px 0px 3px 0px;} 
.logo_pc img {width: 100%;}
.header  {
min-height: 122px;
 position: relative;




} 
.header_bg{float:left;width: 100%;
background-image: url(../images/head-sagame350.jpg);
min-height: 230px;
background-position: center center;
background-color:#000;
}
.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:190px;z-index:10;right:10px;top:165px;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;}
.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:#57C42E;}
.tt_btn_open,
.tt_btn_close{float:right;width:25px;height:25px;background-color:#333;margin:0px 0px 10px 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;}
.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);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_c {width: 32%;margin: 0% 2% 5px 0%;background-color:#fff;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_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: rgb(82, 82, 82);
    background: linear-gradient(0deg, rgba(82, 82, 82, 0) 0%, rgba(255, 255, 255, 1) 20%);
  
    -webkit-box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2);

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

	 
}
.tt_xsl {
float: right;width: 79%; font-family:thaisanslite_r1;background-color:#702b0f;font-size:18px;line-height:24px;color: #e6c687;height: 25px; margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px; 

}

.head_from_pc {width:100%;min-height: 20px;padding-top: 10px;}
.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:100%;}
.head_from_pc .tt_from_p,
.head_from_pc .tt_from_u {width:100%;float: left;height: 35px;background-color: #eee;margin: 2px 0px 3px 0px;border: 1px solid #ccc;padding: 0px 0px 0px 10px;color: #fff;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: #000;}

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

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

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

.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: 0px 0px 0px 0px;color: #E2E2E2;}


.head_from_pc .tt_submit {float:right;border: 0;margin:2px 0px 0px 0px;color: #fff;width:100%;height: 35px;padding: 3px 0px 5px 0px;text-align: center;cursor: pointer;line-height: 18px;border-radius: 2px;font-family: thaisanslite_r1;font-size: 22px;font-weight: bold;
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 );

border: 1px solid #000;
border-radius: 4px;
}

@-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;}

.tt_rc .banner_hover {margin: 0px 0px 10px 0px;}
.tt_live {width: 21%;margin: 30px 0% 0px 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: 300px;}
.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:100%;color:#ddd;padding: 0px 0px 0px 10px;border-radius: 7px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;overflow:hidden;margin-bottom:10px;margin-top: 0px;}
.tt_txt_seo a{color:#333;}
.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.4em;}
.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:.78em 0;line-height:1.55em;}
.tt_txt_seo h3{display:block;font-size:1.7em;font-weight:700;margin:0.3em 0;}
.tt_txt_seo h4{display:block;font-weight:700;margin:1.33em 0;}
.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;}


.bg05 {background-image: url(../images/banner-fish.jpg);background-repeat: no-repeat;background-size: cover;width:1000px;height: 350px;position: relative;top: -60px;margin-bottom: -40px;}

.tt_txt_seo2{width:40%;color:#fff;padding: 20px 20px 10px 0px;border-radius: 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;overflow:hidden;margin-bottom:10px;margin-top: 0px;}
.tt_txt_seo2 a{color:#fff;} 
.tt_txt_seo2 a:hover{text-decoration:underline;}
.tt_txt_seo2 img{max-width:100%;height:auto;padding:0;}
.tt_txt_seo2 strong, [class*="ddtemplate_read"] th{font-weight:700;}
.tt_txt_seo2 em, .tt_txt_seo2 address, .tt_txt_seo2 caption, .tt_txt_seo2 cite{font-style:italic;}
.tt_txt_seo2 table{display:table;border-spacing:2px;border-collapse:separate;}
.tt_txt_seo2 tr{display:table-row;vertical-align:inherit;}
.tt_txt_seo2 td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;}
.tt_txt_seo2 th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;}
.tt_txt_seo2{line-height:1.5em;}
.tt_txt_seo2 p{display:block;margin:0.3em 0;line-height:1.4em;}
.tt_txt_seo2 blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;}
.tt_txt_seo2 blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;}
.tt_txt_seo2 blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;}
.tt_txt_seo2 blockquote cite:before{content:"\2014 \2009";}
.tt_txt_seo2 address{display:block;font-style:italic;}
.tt_txt_seo2 center{display:block;text-align:center;}
.tt_txt_seo2 h1{display:block;font-size:2em;font-weight:700;margin:.67em 0;line-height:1em;}
.tt_txt_seo2 h2{display:block;font-size:1.5em;font-weight:700;margin:.78em 0;line-height:1em;}
.tt_txt_seo2 h3{display:block;font-size:1.7em;font-weight:700;margin:0.3em 0 0.4em 0;}
.tt_txt_seo2 h4{display:block;font-weight:700;margin:1.33em 0;}
.tt_txt_seo2 h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;}
.tt_txt_seo2 h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;}
.tt_txt_seo2 ul{display:block;list-style-type:disc;margin:1em 0;padding-left:20px;}
.tt_txt_seo2 ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;}
.tt_txt_seo2 li{display:list-item;}
.tt_txt_seo2 ul li{list-style-type:disc;}
.tt_txt_seo2 ol li{list-style-type:decimal;}
.tt_txt_seo2 pre, .tt_txt_seo2 code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;}
.tt_txt_seo2 #gallery-1 img{border:1px solid #ddd!important;padding:2%!important;}


.tt_txt_seo03{width:100%;color:#fff;padding: 10px 10px 10px 10px;border-radius: 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;overflow:hidden;margin-bottom:0px;margin-top: 0px;}
.tt_txt_seo03 i {padding-right: 10px;}
.tt_txt_seo03 a{color:#eee;} 
.tt_txt_seo03 a:hover{text-decoration:underline;}
.tt_txt_seo03 img{max-width:100%;height:auto;padding:0;}
.tt_txt_seo03 strong, [class*="ddtemplate_read"] th{font-weight:700;}
.tt_txt_seo03 em, .tt_txt_seo03 address, .tt_txt_seo03 caption, .tt_txt_seo03 cite{font-style:italic;}
.tt_txt_seo03 table{display:table;border-spacing:2px;border-collapse:separate;}
.tt_txt_seo03 tr{display:table-row;vertical-align:inherit;}
.tt_txt_seo03 td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;}
.tt_txt_seo03 th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;}
.tt_txt_seo03{line-height:1.5em;}
.tt_txt_seo03 p{display:block;margin:0.3em 0;line-height:1.4em;}
.tt_txt_seo03 blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;}
.tt_txt_seo03 blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;}
.tt_txt_seo03 blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;}
.tt_txt_seo03 blockquote cite:before{content:"\2014 \2009";}
.tt_txt_seo03 address{display:block;font-style:italic;}
.tt_txt_seo03 center{display:block;text-align:center;}
.tt_txt_seo03 h1{display:block;font-size:2em;font-weight:700;margin:.67em 0;line-height:1em;}
.tt_txt_seo03 h2{display:block;font-size:1.5em;font-weight:700;margin:.78em 0;line-height:1em;}
.tt_txt_seo03 h3{display:block;font-size:1.7em;font-weight:700;margin:0.3em 0 0.4em 0;}
.tt_txt_seo03 h4{display:block;font-weight:700;margin:1.33em 0;}
.tt_txt_seo03 h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;}
.tt_txt_seo03 h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;}
.tt_txt_seo03 ul{display:block;list-style-type:disc;margin:1em 0;padding-left:20px;}
.tt_txt_seo03 ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;}
.tt_txt_seo03 li{display:list-item;}
.tt_txt_seo03 ul li{list-style-type:disc;}
.tt_txt_seo03 ol li{list-style-type:decimal;}
.tt_txt_seo03 pre, .tt_txt_seo03 code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;}
.tt_txt_seo03 #gallery-1 img{border:1px solid #ddd!important;padding:2%!important;}
.ifr_vdo iframe{width:100%!important;}













     



.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_social {height: 24px;text-align: center;margin: 15px 0px 0px 0px;}
.footer {min-height: 100px;padding: 0px 0px 50px 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;max-width: 200px;}
.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;}


.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:32%;text-align: left;font-family: thaisanslite_r1;font-size: 18px;line-height: 16px;color: #fff;padding: 35px 0px 10px 0px;} 
.copyright_footer a {color: #fff;}
.c_footer {width:30%;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;color: #fff;padding: 35px 0px 10px 50px;}
.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);background-repeat: no-repeat;}
.copyright_footer .img_line {width:110px;}

.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;-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.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 {
	position: relative;
}
 figure::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.thaitheme1x:hover figure::before,
figure:hover::before {
	-webkit-animation: shine 1.50s;
	animation: shine 1.50s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.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 #ccc;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: 38px;line-height: 38px;font-family:thaisanslite_r1;font-weight: bold;} 
.title_page a {color: #fff;}
.title_page {margin-bottom: 0px;margin-top: 0px;background-color: #000;
background-image: url(../images/bg-p.jpg);
padding: 5px 20px 10px 20px;
border-radius: 5px 5px 0px 0px;
border: 1px solid #2c2a2a;
border-top: 3px solid #2c2a2a;
text-align: center;
}  
.p_gl {position: relative;top: -100px;border-radius: 5px 5px 0px 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: 20px;line-height: 22px;}
.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);}
.social_fb {background-image: url(../images/ico-fb.png);}
.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);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);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:#eee;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-color: #01b901;text-align: center;height: 40px;}
.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: #32c8c7;}
.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: center;color:#fff;padding: 15px 10px 0px 0px;font-family: thaisanslite_r1;font-size: 24px;line-height: 18px;}
.tt-line-phone {float: left;width: 25%;margin: 65px 0px 0px 0px;text-align: center;}
.tx-phone {color:#FEED47;font-weight: bold;}
.tx-li {color:#09d201;font-weight: bold;}
.tt-line-phone img {width: 34px;}   
.tt-line-phone img.img_line {width: 165px;}  
.bg_ssl {background-color: #cbc0a2;background-image: url(../images/bg-slide.jpg);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);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 {padding: 15px 15px 15px 15px;background-color:#000000;min-height: 300px;border: 1px solid #987c4a;border-radius: 5px;position: relative;top: -100px;}
.bg07 {padding: 15px 15px 15px 15px;background-color:#000000;min-height: 200px;border: 1px solid #987c4a;border-radius: 0px;position: relative;top: -60px;margin-bottom: 20px;}
.bg03{background-color:#171717;min-height: 300px;border: 1px solid #987c4a;position: relative;top: -80px;border-radius: 5px;}  
.bg04 {position: relative;top: -60px;border-radius: 5px;margin-bottom: 40px;} 
.bg06 {background-color:#1e1e1e;min-height: 100px;border: 1px solid #987c4a;margin-bottom: 20px;border-radius: 5px;position: relative;top: -60px;margin-bottom: -40px;}          
.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 );  

}
.bg_txgame {padding: 15px 10px 15px 10px;} 

.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;}    
.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: 23.7%;margin: 1% 0% 0% 1%;position: relative;text-align: center;border: 2px solid #000;border-radius: 3px;overflow: hidden;}
.post-gslot img {width: 100%;}
.post-gslot .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: 36%;margin: 0px auto;left: 0px;right: 0px;z-index: 12;}
.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: 23.7%;margin: 1% 0% 0% 1%;position: relative;overflow: hidden;} 
.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;}   

.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 {
    display: none; }
  .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: 35%;
  }
    .owl-carousel .owl-nav .owl-prev{ position:absolute;left: 1%;  }
  .owl-carousel .owl-nav .owl-next{position:absolute;right: 1%;  } 
  .owl-theme .owl-nav [class*='owl-'] {
    color: #fff;
    font-size: 52px;
    margin: 5px;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #090A0F;
      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: -10px;
  width: 100%;
  z-index: 100;
  
  }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 3px;
      margin: 0px 2px; 
      background: #fff;
      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: #f00; }  

  
 .tt_clouds-front {
background-image: url(../images/clouds-front.png);
   position: absolute;
   background-position: -500px -380px;
  left: 0;
  bottom: 0;
  z-index: 99999;
  height: 130px;
  width: 300%;
  -webkit-animation: cloud_two 65s linear infinite;
  -moz-animation: cloud_two 65s linear infinite;
  -o-animation: cloud_two 65s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)

}

@-webkit-keyframes cloud_two {
  0% {
    left: -100%
  }
  100% {
    left: -200%
  }
}

.tt_clouds-front2 {
background-image: url(../images/clouds-front.png);
   position: absolute;
   background-position: -200px -350px;
  left: 0;
  bottom: 0;
  z-index: 99999;
  height: 130px;
  width: 300%;
  -webkit-animation: cloud_tree 40s linear infinite;
  -moz-animation: cloud_tree 40s linear infinite;
  -o-animation: cloud_tree 40s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)

}

@-webkit-keyframes cloud_tree {
  0% {
    left: 0
  }
  100% {
    left: -400%
  }
}
.tt_clouds-front3 {
background-image: url(../images/clouds-front.png);
   position: absolute;
   background-position: -200px -350px;
  left: 0;
  bottom: 0;
  z-index: 99999;
  height: 130px;
  width: 300%;
  -webkit-animation: cloud_tree 70s linear infinite;
  -moz-animation: cloud_tree 70s linear infinite;
  -o-animation: cloud_tree 70s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)

}

@-webkit-keyframes cloud_tree {
  0% {
    left: 0
  }
  100% {
    left: -400%
  }
} 


.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 );	
	
}

 


.fr_login {
min-height: 50px;	
padding: 10px 10px 10px 10px;	      
margin: 0px 0px 20px 0px;	
width: 100%; 
}
.fr_center {width: 70%;min-height: 50px;margin: 0px auto;}
.fr_input {width: 70%;} 
.fr_submit {width: 28%;}
.tt_fr {width: 100%;height: 35px;border: 1px solid #ccc;background-color: #f5f5f5;padding: 0px 0px 0px 10px;margin: 5px 0px 0px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}
.fr_submit {text-align: center;height: 75px;font-weight: bold;margin: 5px 0px 0px 0px;color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;line-height: 38px;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 );
border:0;

}
.fr_submit:hover {background-color: #df1f1f;}
.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: 0px 0px 10px 10px;padding: 0px 0px 10px 0px;border: 1px solid #ccc;}
.fr2x {width: 100%;min-height: 50px;padding: 10px 10px 0px 10px;  

       
}
.fr_name {font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;color: #000;text-align: center;font-weight: bold;margin-top: 5px;}
.fr_name span{color: #000;}  
.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: 20px 10px 20px 10px;text-align: center;border: 1px solid #ccc;border-radius: 5px;margin: 10px 0px 0px 0px;font-family: thaisanslite_r1;color: #000;font-size: 18px;line-height: 18px;font-weight: bold;}
.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: #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 );
border:0;}
.b_link_game a {color:#fff;}
.b_logout_game {color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;margin: 10px 0px 0px 0px;padding: 10px 10px 10px 10px;line-height: 20px;cursor: pointer;
text-align: center;
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 );
border:0;}
.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: 42px;}
.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, rgba(190,24,24,1) 0%, rgba(147,34,34,1) 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: 20px!important;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;cursor: pointer;} 
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;cursor: pointer;}

button.btn-success {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 20px!important;line-height: 20px;color:#ffffff;background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%);border: 1px solid #fff;border-radius: 5px;cursor: pointer;} 

button.btn-danger.btn2c {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 20px!important;line-height: 20px;color:#ffffff;background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%);border: 1px solid #fff;border-radius: 5px;cursor: pointer;} 
.fr_sec2c {text-align: center;}

.deposit-head h2 {float: left;width: 100%;text-align: center;font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;color: #2d0254;font-weight: bold;}
.deposit-head h3{float: left;width: 100%;text-align: center;color:#ffffff;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 .w50 {float: left; width: 50%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}
.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;}
.yt_page {width: 49%;}
.select_m {width: 20%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 3px 15px 3px 15px;}
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: #FF002A ;}
.alertText {font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;float: left;width: 100%;text-align: center; color: #a10a09 ;margin: 20px 0px 10px 0px;}

a.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: 10px 0px 10px 0px;border-radius: 15px !important;}

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

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

.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;}
      

       





.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;}
}



.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;}
}



.fr_h1 {text-align: center;color:#000;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border-bottom: 2px solid #681111;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: 1px solid #ccc;background-color: #fff;}
.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 10px 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 10px 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;left: 0px;z-index: 99999999;width: 100%;min-height: 50px;border-top: 2px solid #453919;text-align: center;

background: rgb(243,206,115);
background: -moz-linear-gradient(top,  rgba(243,206,115,1) 0%, rgba(198,163,82,1) 41%, rgba(141,107,44,1) 100%);
background: -webkit-linear-gradient(top,  rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%);
background: linear-gradient(to bottom,  rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce73', endColorstr='#8d6b2c',GradientType=0 );
   

   
}
.fix_footer a {display: inline-block;color:#000;margin-left: -3px;font-family: thaisanslite_r1;font-weight: bold;font-size: 22px;line-height: 28px;padding: 8px 50px 8px 50px;border-right: 2px solid #453919;}
.fix_footer a:last-child {border-right: 0;}
.link_ico {display: inline-block;height: 28px;margin-right: -3px;width: 28px;background-image: url(../images/icon-s.png);overflow: hidden;background-repeat: no-repeat;}
.fix_footer strong {display: inline-block;top: -5px;position: relative;}
.ico_1 {background-position: -71px 6px;}
.ico_2 {background-position: -93px 6px;}
.ico_3 {background-position: -152px 6px;}
.ico_4 {background-position: -180px 6px;} 
.ico_5 {background-position: -204px 6px;}

.fix_footer a:hover{
background: #766418;
background: -moz-linear-gradient(left,  #766418 0%, #bba75e 50%, #bda55f 100%);
background: -webkit-linear-gradient(left,  #766418 0%,#bba75e 50%,#bda55f 100%);
background: linear-gradient(to right,  #766418 0%,#bba75e 50%,#bda55f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#766418', endColorstr='#bda55f',GradientType=1 );

	}
.footer_tx {background-color: #222;color:#fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 8px 10px 8px 10px;text-align: center;}
.footer_cx {color:#fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 10px 0px 20px 0px;
background: #070707;
background: -moz-linear-gradient(left,  #070707 0%, #070707 50%, #070707 100%);
background: -webkit-linear-gradient(left,  #070707 0%,#070707 50%,#070707 100%);
background: linear-gradient(to right,  #070707 0%,#070707 50%,#070707 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070707', endColorstr='#070707',GradientType=1 );


}
.footer_logo {width: 25%;}

   



@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%;}
.footer {padding: 0px 0px 50px 0px;}
.bg_ssl {overflow: hidden;}
}

.casino-page {background-image: url(../images/sl1.jpg);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);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:#000;margin: 3% 0% 25px 0%;font-weight: bold;}
.banner_h1 {margin: 3% 0% 2% 0%;}


.slot-page {background-image: url(../images/bg-slot.jpg);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(243,206,115);
background: -moz-linear-gradient(top,  rgba(243,206,115,1) 0%, rgba(198,163,82,1) 41%, rgba(141,107,44,1) 100%);
background: -webkit-linear-gradient(top,  rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%);
background: linear-gradient(to bottom,  rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce73', endColorstr='#8d6b2c',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:-15%;border-radius: 0 0 8px 8px;
	background: rgb(243,206,115);
background: -moz-linear-gradient(top,  rgba(243,206,115,1) 0%, rgba(198,163,82,1) 41%, rgba(141,107,44,1) 100%);
background: -webkit-linear-gradient(top,  rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%);
background: linear-gradient(to bottom,  rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce73', endColorstr='#8d6b2c',GradientType=0 );
	}
		.sl-logo{z-index:75;margin-top:-20%;margin-bottom: -5%;}
	.slot-btn{z-index:74;grid-area:slot-btn;display:grid;margin-top:-10%;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 );
}

.owl-item.active {
	
-webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;	
	
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.title_pagexl h3 {color: #bfa42a;font-size: 32px;line-height: 32px;font-family:thaisanslite_r1;font-weight: bold;background-color: #000;background-image: url(../images/bg-p.jpg);border-radius: 5px 5px 0px 0px;padding: 8px 20px 12px 20px;border: 1px solid #2c2a2a;border-top: 3px solid #2c2a2a;text-align: center;} 
.title_pagexl h1 ,
.title_pagexl h2 {color: #bfa42a;font-size: 36px;line-height: 36px;font-family:thaisanslite_r1;font-weight: bold;background-color: #000;background-image: url(../images/bg-p.jpg);border-radius: 5px 5px 0px 0px;padding: 8px 20px 12px 20px;border: 1px solid #2c2a2a;border-top: 3px solid #2c2a2a;text-align: center;} 
.title_pagexl a {color: #bfa42a;}    
.title_pagexl {margin-bottom: 0px;margin-top: 0px;
  
}

.videoWrapper {
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 padding-top: 25px;
 height: 0;
}
.videoWrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.title_pagex h1 ,
.title_pagex h2 {color: #fff;font-size: 28px;line-height: 28px;font-family:Mitr;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: 5px 20px 5px 20px;
border-radius: 5px 5px 0px 0px;
border: 1px solid #2c2a2a;
border-top: 3px solid #2c2a2a;
text-align: center;
}  
 
 .tt_re_fr {display: none;float: left;width:100%;text-align: center;font-size: 18px;line-height: 18px;font-family:Mitr;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: 30px;margin-bottom: -15px;text-align: center;}
.jp_time {float: right;position: relative;margin-top: -127px;margin-right: 310px;z-index: 1000;} 
.jp_img {text-align: center;}
.jp_img img {width:90%;} 


.page-template-deposit .p_gl ,
.page-template-hd  .p_gl ,
.page-template-hw .p_gl ,
.page-template-affiliate .p_gl ,
.page-template-withdrawal  .p_gl ,
.page-template-login .p_gl {margin-bottom: 0px;margin-top: 10px;}
.page-template-withdrawal .bg{background-color: #1e003b !important ;padding: 20px;}

.page-template-deposit .fr_login {padding: 10px 20px 40px 20px;}
.body_c {background-color: #fff;padding: 5px 15px 15px 15px;border-radius: 10px;}
.page-template-deposit .bg,
.page-template-affiliate .bg,
.page-template-hw .bg,
.page-template-hd .bg{background-color: #1e003b !important ;padding: 20px;}

.page-template-register .p_gl{margin-top: 10px;}
.page-template-register .p_slide,
.page-template-login .p_slide,
.page-template-hd .p_slide,
.page-template-hw .p_slide,
.page-template-affiliate .p_slide,
.page-template-withdrawal .p_slide,
.page-template-deposit .p_slide{display: none;}





.page-template-login .bg_p {background-color: #1e003b;padding: 20px;}
.page-template-register .fr_login {background-color: transparent;padding: 0px 20px 40px 20px;margin-top: 0px;}
.page-template-register .bg_p_login {margin-bottom: 0px;
background-color: #24003e;

}
.page-template-affiliate .fr_sec2c {width: 100%;text-align: center;}
.lg.btn-copy{float: left;margin: 0px 0px 10px 0px;width: 100%;text-align: center;background: linear-gradient(to bottom, #cec9cf 0%,#e0e0e0 47%,#f5f5f5 100%);border-radius: 15px !important;border: 1px solid #ccc;padding: 5px 10px 5px 10px;}
 @media screen and (max-width:800px){
.page-template-deposit .bg,   
.page-template-affiliate .bg,
.page-template-hw .bg,
.page-template-hd .bg{padding: 10px;}
   .page-template-hw .body_c {padding: 15px 15px 15px 15px;}
   .fr_tx2x {width: 35%;font-size: 18px;}
   .tt_bk {width: 65%;}
}

 .fr_amount{color: #fff ; font-size: 42px;line-height: 50px;font-family: Arial, Helvetica, sans-serif;}
.fr_amtx {color: #e9e7e7 ; font-size: 26px;}
#fr_login_user_form {margin-bottom: 0px;}
.bsec1 {background-color: #000;padding: 10px 10px 10px 10px;margin-bottom: 0px;}

.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;}
}


.bg_xg {padding: 5px 13px 8px 13px;}

.title_page.tx_center h2 {float: left;width:100%;font-size: 26px;line-height: 28px;}
.hx_slot {font-family: thaisanslite_r1;font-size: 42px;line-height: 46px;text-align: center;color:#fff;font-weight: bold;margin: 18px 0px 10px 0px;
background: #f5f6f6;
background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%);
background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ar_gx {margin: 10px 0px 10px 0px;height: 2px;background-image: url(../images/animate.gif?v=1.0);background-position: center center;}
.ct_home {padding: 0px;margin-bottom: 0px;


}
.tt_g4x {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_g4x.last {margin-right: 0;}

.tt_g3b {float:left;width: 32.3%;margin: 10px 1.5% 5px 0%;background-color: #000;border: 1px solid #222;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_g3b h3 {color:#fff;float: left;width: 100%;text-align: center;margin: -3px 0px 5px 0px;}
.tt_g3b.last {margin-right: 0;}
.tt_g3b:hover h3 {color:#bf7cff;}
.mt_game {margin-top: 20px;}
@media screen and (max-width:480px){
.tt_g4x {width:49%;margin-top: 0px;margin-right: 2%!important;}
.tt_g4x.last2x {margin-right: 0px!important;}
.tt_g3b {}
.tt_g3b.last2x {}
.hx_slot {font-size: 24px;line-height: 28px;margin-bottom: 0px;text-align: left;}
.g_ct {padding: 5px;}	
.bg_xg {padding: 10px 10px 8px 10px;}
.mt_game {margin-top: 0px;}
}

.tt_bxl {width:66.5%;}
.tt_bxr {width:32.5%;border: 1px solid #222;overflow: hidden;background-color: #000;}
.tt_bxr iframe{width:100%!important;}


 .tt_p3x1 {float: left;width: 100%;margin: 0px 0px 10px 0px; border-bottom: 1px dashed #444;padding: 0px 0px 10px 0px;}
.tt_p3x1 h3 {float: left;width: 100%;font-family: 'Prompt', sans-serif;color:#b3985a;font-size:22px;line-height:22px;overflow: hidden;font-weight: bold;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;}
.tt_p3x1 p {float: left;width: 100%;font-family: 'Prompt', sans-serif;color:#777;font-size:18px;line-height:20px;overflow: hidden;margin:10px 0px 0px 0px;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;}



.tt_p3x1 .tt_img {float: left;width: 30%;}
.tt_p3x1 .tt_desc {float: right;width: 67%;}

.tt_p3x1.tt2b,
.tt_p3x1.tt1b {float: left;width: 49%; border-bottom: 0;padding: 0px 0px 10px 0px;}

.tt_p3x1.tt1b {margin: 0px 2% 4% 0px;}
.tt_p3x1.tt2b {margin: 0px 0px 4% 0px;}
.tt_p3x1.tt1b .tt_img,
.tt_p3x1.tt2b .tt_img {float: left;width: 100%;}

.tt_p3x1.tt1b .tt_desc,
.tt_p3x1.tt2b .tt_desc {float: left;width: 100%;margin:10px 0px 0px 0px;}

.b_link {position: relative;z-index: 1000;} 
.tt_h_link {width: 100%;}      
.link_bk {width: 24%;min-height: 100px;margin:31px 0px 0px 0px;} 
.link_logo {width: 38%;min-height: 150px;}    
.link_line {width: 36%;min-height: 150px;}
 
.register_ft {width: 55%;}
.fr_repage{width: 43%;padding: 30px 0px 0px 20px;text-align: center;}
.fr_login.register_ft .fr_center {width: 100%;} 
.fr_submit_bk i.fa-user-plus {font-size:15px;}
.fr_repage iframe {width: 100%!important;margin-bottom: -8px;}
.re_bg {background: #1e003b !important;}

.img_pro {float: left;width: 55%;}
.info_pro {float: right;width: 42%;}
.bg_pro {font-size:16px;line-height:16px;padding: 10px 0px 10px 0px;color: #e81404;border-radius: 5px;margin-top: 10px;}
.list_pro {float: left;width: 100%;margin-bottom: 15px!important;} 
.tt_bt_line {float: left;width: 100%;text-align: center;margin: 20px 0px 20px 0px;}
.tt_bt_line img {display: inline-block;width: 100%;max-width: 600px;}
.fr_ficenter.fr_l {float: left;width: 55%;}
.fr_login.if_login {padding: 10px 10px 10px 10px;}
.fr_r {float: right;width: 43%;text-align: center;padding: 20% 10px 0px 0px;}

.fr_rb,
.purple-circle-button.active {display: none;} 
.fr_rb.active {display: block;} 
.purple-circle-button {
    box-shadow: 2px 6px 0 2px rgba(0, 0, 0, 0.26);
    border: 0;
    font-size: 32px;
    line-height: 30px;
	font-family: Mitr;
    color: #ffffff;
    background: linear-gradient(to bottom, rgb(173, 89, 255) 0%, rgb(110, 0, 212) 100%);
    margin: auto;
    border-radius: 50%;
    height: 200px;
    width: 200px;
	cursor: pointer;
    position: relative;
}
.purple-circle-button i{
  font-size: 40px;
  margin-top: 10px;
}
.purple-circle-button:hover {
  box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.35);
  color:#ffffff;
  background: linear-gradient(to bottom, rgb(159, 68, 249) 0%, rgb(90, 6, 169) 100%);
  text-decoration: none;
  
  
}
.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;}