@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.eot?v=1.0")}
@font-face{font-family:thaisanslite_r1;src:url("font/thaisanslite_r1.ttf?v=1.0")}
@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"}
* {
  -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 #222;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;
}


table,
th,
td {
    border: 1px solid #333;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}

td {
    border-width: 0 1px 1px 0;
}

.tt_lrt {position: relative;float: left;}
.tt_rrt {position: relative;float: right;}
.tt-l,
.tt_l {float: left;}
.tt-r,
.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;} 
.head-m,
.logo_m ,
.tt_from_login_m,
.nav_m {display: none;}



.tt_head_menu {float:right;width: 65%;z-index:4000;position:relative;min-height: 29px;margin: 10px 0px 0px 0px;text-align: right;background-color:#ccc;}
.tt_head_menu ul {position:relative;z-index:9999;}
.tt_head_menu ul li{display: inline-block;margin:2px -6px 0px 1px;position:relative;}
.tt_head_menu ul li a{display: inline-block;color:#FFF;padding:5px 18px 6px 18px;font-weight: bold;font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;}

.tt_head_menu ul li:after{display:inline-block;content:"";margin:6px auto 0px auto;top:0px;width:1px;height:10px;background-color:#ccc;position:relative;}
.tt_head_menu ul li.left-menu:after,
.tt_head_menu ul li:last-child:after{width:0px;}
.tt_head_menu ul li:hover a{background-color:#000;color:#fff!important;}
.tt_head_menu ul li:hover:after {background-color:transparent;}
.head-m ul{left:0px;padding:0px;z-index:9999;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.tt_head_menu ul li.hide_pc{display: none;}
.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 -7px 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-cyclet 0.5s steps(5) infinite; -webkit-animation: walk-cyclet 0.5s steps(5) infinite;}
.tt_head_menu .ico-new a::before {
    background-image: url("../images/ico-new.png?v=1.2");
    background-repeat: no-repeat;
    border-radius: 3px;
    content: "";
    height: 19px;
    line-height: 13px;
    position: absolute;
    right: -5px;
    top: -12px;
    width: 30px;
    
}
@-webkit-keyframes walk-cycle {
  0% {opacity:1; }
  100% {opacity:0;}
  /* Must be full height of sprite or skipping will happen.*/
}

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

@keyframes walk-cyclet {
  0% {background-color: #D61A1B; }
  100% {background-color: #000; }
  /* Must be full height of sprite or skipping will happen.*/
}
.head-m ul li{display: block;float:left;width:33.3333%;padding:7px 0px 7px 0px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;margin:0px 0px 0px 0px;
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 );
}
.head-m ul li a{float:left;width:100%;font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;color:#000;text-align: center;font-weight: bold;}
.thaitheme_read{width:100%;padding:0px 0px 20px 0px;color:#ccc;font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;overflow:hidden;}
.thaitheme_read a{color:#C5B172;} 
.thaitheme_read a:hover {text-decoration: underline;}
.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 td,
.thaitheme_read table{text-align: center;}
.thaitheme_read td{padding: 10px 0px 10px 0px;}
.thaitheme_read{line-height:1.5em;}
.thaitheme_read p{display:block;margin:1em 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;font-size:2em;font-weight:700;margin:.67em 0;}
.thaitheme_read h2{display:block;font-size:1.5em;font-weight:700;margin:.83em 0;}
.thaitheme_read h3{display:block;margin:0.2em 0 0.8em 0;font-family: thaisanslite_r1;font-size: 22px;line-height: 26px;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-1 img{border:1px solid #ddd!important;padding:2%!important;}
.owl-theme .owl-controls{margin-top:0px;padding: 0% 18% 0% 18%;width: 1000px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav {}
.owl-theme .owl-controls .owl-nav [class*=owl-]{float:left;width:35px;height:35px;display:inline-block;cursor:pointer;}
.owl-theme .owl-controls .owl-nav .fa{float:left;color:#000;font-size:42px;line-height:22px;}
.owl-theme .owl-controls .owl-nav .owl-prev .fa{margin:5px 0px 0px 8px;}
.owl-theme .owl-controls .owl-nav .owl-next .fa{margin:5px 0px 0px 12px;}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100);}
.owl-theme .owl-controls .owl-nav .owl-prev{float:left;background-color:#fff;position:absolute;left:18%;top:39%;border-radius:50%;opacity:0.4;filter:alpha(opacity=40);}
.owl-theme .owl-controls .owl-nav .owl-next{float:right;background-color:#fff;position:absolute;right:18%;top:39%;border-radius:50%;opacity:0.4;filter:alpha(opacity=40);}
.tt_slide:hover .owl-theme .owl-controls .owl-nav .owl-prev,
.tt_slide:hover .owl-theme .owl-controls .owl-nav .owl-next{opacity:1;filter:alpha(opacity=100);}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{float:left;bottom:40px;left:10px;display:inline-block;zoom:1;*display:inline;z-index:1000;position:relative;}
.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 2px;background:#FFF;border:2px solid #f0d27c;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#000;border:2px solid #f0d27c;}
.owl-theme .owl-controls{margin-top:10px;text-align:center;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}
.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-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .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:1;display:block;}
.owl-carousel.owl-hidden{opacity:1;}
.owl-carousel .owl-refresh .owl-item.cloned{display:none;}
.owl-carousel .owl-refresh .owl-item{display:block;margin-bottom:15px;}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
#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:7px 0% 5px 5%;margin:0px 0px 0px 0px;min-height:15px;font-size:15px;color:#000;background-color:#e1e1e1;}
.thaitheme_widget .title a {color:#333;cursor:text;}
.thaitheme_widget ul{float:left;width:100%;padding:0%;}
.thaitheme_widget ul li{float:left;width:100%;color:#ccc;background-image:url(../images/ico-widget.png?v=1.0);padding:5px 0% 5px 25px;border-bottom:1px dotted #999;background-repeat:no-repeat;background-position:left center;}
.thaitheme_widget ul li a{color:#ccc;}
.thaitheme_widget ul li:hover a{color:#fff;} 
.thaitheme_widget ul li.menu-item-has-children{background-position:left 10px;}
.thaitheme_widget ul li .sub-menu{float:left;width:100%;margin-top:10px;}
.thaitheme_widget ul li .sub-menu li{border-bottom:0;border-top:1px solid #ceddf7;}
.tt_img_widget{float:left;width:100%;text-align:center;}
.thaitheme_widget #searchform{float:left;width:97%;margin-top:0px;padding:3% 3% 3% 0%;}
.thaitheme_widget #searchform input#s{width:68%;height:30px;background-color:#f5f5f5;border: 1px solid #FFD727;border-radius: 3px;}
.thaitheme_widget #searchform .screen-reader-text{display:none;}
.thaitheme_widget form#searchform.searchform input#searchsubmit{float:right;border:0;height:30px;color:#000;background-color:#F4E773;padding:0px 10px 0px 10px;cursor:pointer;font-size:14px;border: 1px solid #FFD727;border-radius: 3px;}
.textwidget {float:left;width:100%;}
.textwidget span {float:left;width:100%;margin-bottom: 8px;color:#ccc;border-bottom: 1px dotted #999;padding: 0px 0px 5px 0px;}
.widget_calendar{float:left;}
#toTop{width:45px;height:45px;border-radius:50%;z-index:999999999999999;text-align:center;position:fixed;bottom:20px;right:50px;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 0px 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;}
.tt_img_fixed {float: right;width:150px;}
#topbar2.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: right;width:150px;}
#topbar3.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: right;width:150px;}
#topbar{position:fixed;width:150px;z-index:9999;left:10px;top:0px;padding:10px 0px 0px 0px;}
#topbar2{position:fixed;width:150px;z-index:9999;left:10px;top:320px;padding:10px 0px 0px 0px;}
#topbar3{position:fixed;width:150px;z-index:9999;right:10px;top:0px;padding:10px 0px 0px 0px;}
.topbar-left{position:fixed;width:150px;z-index:10;left:7px;top: 25%;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;} 






.wrapper {width: 100%;max-width: 1000px;margin: 0 auto;}
.wrapper-h {width: 100%;max-width: 1000px;margin: 0 auto;}
.wrapper_c {width: 100%;max-width: 1066px;margin: 0 auto;}
.nav_top {min-height: 15px;margin: 17px 0px 0px 0px;}
.logo_pc {width: 25%;margin: 15px 0px 0px 0px;}

.header  .logo_pc {position: relative; z-index:2000;}


.header img {position: relative;z-index: 100;}
.tt-social{float:left;padding: 3px 0px 0px 10px;width: 100%;min-height:18px;overflow:hidden;top: 0px;z-index:2500;}
.tt-ba {width: 100%;min-height:41px;background-image: url(../images/bg-bat_t.jpg?v=1.4);background-repeat: repeat-x;}
.tt_top_nav{float:left;text-align: left;}
.tt_top_nav ul li{display: inline-block;margin:0px 3px 0px 3px;}
.tt_top_nav ul li.top-ma {margin:3px 3px 0px 25%;}
.tt_top_nav ul li a{color:#000;padding: 1px 0px 2px 6px;font-family: thaisanslite_r1;font-size: 17px; line-height: 17px;} 
.tt_top_nav ul li a:hover{color:#ff0000;} 
.banner_h {width: 60%;margin: 13px 1.4% 0px 0px;}
.tt_img_line{float:left;width:100%;padding:10px 2% 5px 2%;}
.tt_tx_line.top{margin:5px 0px 0px 0px;}
.tt_tx_line{float:left;width:100%;font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;color:#FFF;text-align:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;}






.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:38%;margin: 0px 0% 0px 0px;text-align:right;} 
.head_from {min-height: 20px;z-index: 10; position: relative;}
.sec-arr .arr_right:after{content:"";display: inline-block;height:0;position:absolute;width:0;top:0px;border-right:16px solid transparent;border-top:10px solid #555;border-left:16px solid #555;border-bottom:10px solid transparent;z-index:1;right:0px;}
.sec-arr .arr_left:after{content:"";display: inline-block;height:0;position:absolute;width:0;top:0px;border-right:16px solid #555;border-top:10px solid #555;border-left:16px solid transparent;border-bottom:10px solid transparent;z-index:1;left:0px;}
.sec-arr {width:100%;position: relative;z-index:0;bottom:-12px;}
.sec-arr .arr_right {width:20%;}
.sec-arr .arr_left {float: right;width:20%;}
.sec-arr-h .arr_right:after{content:"";display: inline-block;height:0;position:absolute;width:0;top:28px;border-right:18px solid transparent;border-top:10px solid #7F646B;border-left:18px solid #7F646B;border-bottom:10px solid transparent;z-index:1;right:0px;}
.sec-arr-h .arr_left:after{content:"";display: inline-block;height:0;position:absolute;width:0;top:28px;border-right:18px solid #7F646B;border-top:10px solid #7F646B;border-left:18px solid transparent;border-bottom:10px solid transparent;z-index:1;left:0px;}
.sec-arr-h {width:100%;position: relative;z-index:0;}
.sec-arr-h .arr_right {width:34px;height: 28px;position:absolute;background-image: url(../images/arr-h.jpg?v=1.0);background-repeat: repeat-x;right:-34px;bottom:5px;background-color: #870205;}
.sec-arr-h .arr_left {float: right;width:34px;height: 28px;position:absolute;background-image: url(../images/arr-h.jpg?v=1.0);left:-34px;bottom:5px;background-color: #870205;}
.arr_hl {width:24px;min-height: 48px;background-image: url(../images/arh.png?v=1.0);position:absolute;bottom:-1px;left: -34px;}
.arr_top {width:100%;min-height: 18px;background-image: url(../images/line-top.png?v=1.0);}
.bg_arr_top {width:100%;background-color: #101010;padding: 7px 0px 5px 0px;} 
.sec-center {padding: 10px 10px 0px 10px;}
.lit {border-top: 7px solid #000;}
.arr_right:after{content:"";display:block;height:0;position:absolute;width:0;bottom:-25px;border-right:transparent;border-top:transparent;border-left:35px solid #7F646B;border-bottom:25px solid transparent;z-index:-1;right:-2px;}
.arr_left:after{content:"";display:block;height:0;position:absolute;width:0;bottom:-25px;border-right:35px solid #7F646B;border-top:transparent;border-left:transparent;border-bottom:25px solid transparent;z-index:-1;left:-2px;}
.bg {margin-left: 0px;background-color: #141414;max-width:1000px;}
.bg2 {margin-left: 0px;background-color: #090909;} 
.tt_slide {width: 100%;margin: 0px 0px 0px 0px;overflow: hidden;max-height: 300px;}
.nav_mobile {display: none;}
.tt_lc {width: 67%;min-height: 100px;}
.tt_rc {width: 31.5%;min-height: 100px;}
.tt_rc .banner_hover {margin: 0px 0px 15px 0px;}
.tt_live {width: 31.4%;margin: 7px 0px 5px 0.9%;}
.tt_content {padding: 10px 0.9% 0px 0.9%;min-height: 100px;}
.left_ct {min-height: 100px;width:67.8%;}
.right_ct {min-height: 100px;width:30.2%;}
.tt_txt_seo{width:100%;color:#ddd;padding: 5px 15px 10px 15px;overflow:hidden;margin-bottom:10px;margin-top: 0px;background-color: #1A1A1D;border: 1px solid #0E0E0E;
font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;
}
.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.5em;}
.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;}
.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;margin:0.5em 0 0.5em 0;font-family: thaisanslite_r1;font-size: 28px;line-height: 30px;font-weight: bold;}
.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;}
.bar_f {height: 2px;margin: 0px 0px 0px 0px;
background-color: #CCA352;




}
.bar {height: 28px;margin: 20px 0px 0px 0px;text-align: center;padding: 3px 0px 3px 0px;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );



}
.footer_social {height: 24px;text-align: center;margin: 15px 0px 0px 0px;}
.footer {min-height: 50px;padding: 0px 0px 0px 0px;margin-bottom: 0px;background-color: #090909;}
.footer_bg {float:left;width:100%;min-height: 80px;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );






}
.menu_footer  {}
.menu_footer ul{float:left;width:100%;margin:10px 0% 15px 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:#222;padding:3px 14px 3px 14px;font-family: thaisanslite_r1;font-size: 18px; line-height: 16px;font-weight: bold;}
.menu_footer ul li:after{display:inline-block;content:"";margin:8px auto 0px auto;top:2px;width:1px;height:12px;background-color:#EAE9E7;position:relative;}
.menu_footer ul li:last-child:after{width:0px;}
.menu_footer ul li a:hover{color:#950101;}
.copyright_footer {text-align: center;font-family: thaisanslite_r1;font-size: 18px; line-height: 16px;color: #EAE9E7;padding: 5px 0px 0px 0px;

} 
.copyright_footer a {color: #fff;}
.banner_footer {background-color: #FFF;}   
.bg_h {width:265px;height: 148px;position:absolute;top: 0px;left: 46.2%;z-index: 0;background-image: url(../images/bg-h.png?v=1.0);background-repeat: no-repeat;}
.menu_list {width: 21.5%;margin: 0% 2% 15px 1.5%;}
.menu_list ul li a {float:left;width:100%;color: #ddd;font-family: thaisanslite_r1;font-size: 18px; line-height: 16px;margin: 0px 0px 3px 0px;border-bottom: 1px solid #222;padding: 0px 0px 3px 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;}
.top_menu ul li a:hover,
.menu_footer ul li a:hover{color: #c8b980;text-decoration: underline;}
.menu_list ul li a:hover  {color: #c8b980;padding: 0px 0px 3px 7px;}
.menu_list span{float:left;width:100%;color: #CCA352;font-size:16px;margin: 20px 0px 10px 0px;}
.menu_list.first,
.menu_list.center{width: 35%;margin: 0% 1% 15px 1.5%;}
.menu_list.first ul li a,
.menu_list.center ul li a {width:48%;margin: 0px 2% 5px 0px;}


.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 10px;}
.tt_top_nav ul li.first a{font-size:12px;line-height: 19px;}
.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: 0px;top: 0px;opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);}
.tt_list.sbo:hover .tt_img_hover,
.banner_hover:hover  .tt_img_hover{left: 0px;opacity:1;-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);}
.tt_list_game:hover .tt_img_hover,
.tt_rc .banner_hover:hover  .tt_img_hover {-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;}
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: #cf0404;
background: -moz-linear-gradient(top,  #cf0404 0%, #ff3019 100%);
background: -webkit-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
background: linear-gradient(to bottom,  #cf0404 0%,#ff3019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 );
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    color:#fff;
    border:0;
display:inline-block;cursor:pointer;margin:0px 3.5% 10px 0px;font-size:14px;font-weight:bold;padding:5px 35px;float:left;
}
.thaitheme_read .tt_from_submit input.wpcf7-submit{float: right;}
.thaitheme_widget .tt_from_submit input.wpcf7-submit:hover,
.tt_from_submit input.wpcf7-submit:hover{opacity:0.8; }
.thaitheme_widget .tt_from_submit input.wpcf7-submit{
background: #cf0404;
background: -moz-linear-gradient(top,  #cf0404 0%, #ff3019 100%);
background: -webkit-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
background: linear-gradient(to bottom,  #cf0404 0%,#ff3019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 );
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:0;
    color:#fff;
display:inline-block;cursor:pointer;width:100%;margin:0px 3.5% 10px 0px;font-family: thaisanslite_r1;font-size: 20px; line-height: 20px;font-weight:bold;padding:5px 35px 8px 35px;float:left;
}



.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:#000;margin:0px 0px 20px 0px;padding:10px 0px 10px 20px;background-color:#D09E54;}
.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%;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: #333;
    font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;

}
.tt_tab1:hover,
.tt_tab2:hover,
.tt_tab3:hover{
 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);

}
.tt_tab1.active,
.tt_tab2.active,
.tt_tab3.active{color:#000;
background: #cca352;
    background:    -moz-linear-gradient(220deg, transparent 10px, #cca352 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #cca352 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #cca352 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #cca352 10px);
    background:         linear-gradient(220deg, transparent 10px, #cca352 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: #1A1A1D;border: 1px solid #0E0E0E;
}
.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;}

 

.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 0px 0px;color: #f5f5f5;}
.tt_full .tags a {background-color: #f5f5f5;padding: 3px 10px 3px 10px;margin-left: 5px;}
.tt_full .tags a:hover {background-color: #000;color: #FFF;}
.title_page h1 {color: #000;font-family: thaisanslite_r1;font-size: 24px; line-height: 26px;font-weight: bold;}
.title_page h2 {color: #000;font-size: 22px;} 
.title_page {margin-bottom: 0px;margin-top: 0px;padding:5px 10px 5px 10px;border-left: 5px solid #cca352;background-color:#E1E1E1;} 
.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:10px 0px 10px 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:#333;}
.page-numbers.current{padding:10px 20px;display:inline-block;text-decoration:none;border:1px solid #000;font-size:16px;color:#FFF;background-color:#000;}
.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:0px;}
.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 #391716;height: 20px;font-size: 12px;background-color: #FFF;border-radius: 2px;}
.tt_submit {border: 0;width:60px;height: 20px;text-align: center;font-size: 12px;color: #fff;cursor: pointer;line-height: 21px;
background: #AD1D1D;
border-radius: 2px;
}
.tt_submit:hover {opacity:0.8;}
.top_bank {padding-top: 15px;}
.tt-social-head{float:right;width:275px;margin-top: 0px; margin-right: 0%;}
.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:16px;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:16px;line-height:16px;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{font-size:14px;margin:5px 0px 0px 0px;}
.post-sm2x{width:100%;margin:10px 1.5% 0px 0%;position:relative;overflow:hidden;}
.post-sm2x h3{width: 58%;height:57px;color:#ddd;margin-bottom: 10px;padding:0px 0px 0px 0px;overflow:hidden;font-family: thaisanslite_r1;font-size: 18px; line-height: 20px;}
.post-sm3xx .tt_l.img,
.post-sm2x .tt_l.img {position:relative;overflow:hidden;}
.post-sm2x .tt_l.img {width: 38%;}
.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: 5px 2% 0px 0%;background-color:#202020;border: 1px solid #000;}
.post-sm3xx  h3 {font-size:13px;line-height:20px;color:#ddd;padding:8px 10px 15px 10px;overflow: hidden;max-height: 47px;margin-bottom: 5px;}
.post-sm3xx.tt55x,
.post-sm3xx.tt5x {margin: 5px 0% 0px 0%;}
.post-sm3xx:hover h3 ,
.post-sm2x:hover h3 {color:#caac66;}
.tt_list.sbo{float:left;width:100%;margin-top:10px;margin-bottom:0px;padding: 0px 10px 0px 0px;
background-color: #1A1A1D;border: 1px solid #0E0E0E;
}
.tt_list.sbo .tt_img{float:left;width:27%;}
.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:70%;font-size:14px;line-height:20px;}
.tt_list.sbo .tt_dsc h3{float:left;width:100%;font-size:16px;color:#c8b980;margin-top:10px;}
.tt_list.sbo .tt_dsc p{float:left;width:100%;overflow:hidden;color:#ddd;max-height:62px;font-family: thaisanslite_r1;font-size: 18px; line-height: 20px;margin-top:5px;margin-bottom:7px;}
.tt_list.sbo:hover{background-color:#000;}



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

}
.bx_clip {background-color:#000;border: 2px solid #6f716e;} 


.tt_home_bx.txc {width:58%;}
.tt_home_bx-r {width:49%;overflow: hidden;}
.ct_bank {position: relative;}
.tt_ag_bt figure img,
.ct_bank img {width: 100%;}
.tt_bank_btn {width:7.5%;min-height: 70px;margin: 0% 1% 0% 0%;display: inline-block;}
.tt_c_btn {width:100%;min-height: 40px;margin: 0% 1.3% 0% 0%;display: inline-block;}
.bbnp {display: inline-block;width:16%;} 
.btc {display: inline-block;width:20%;} 
.tt_c_btc {width:100%;min-height: 80px;margin: 0% 2.3% 0% 0%;display: inline-block;}



.link_bank {width: 82%;position:absolute;right: 0;bottom: 10px;z-index: 1100;text-align: left;}
.ct_bank.bcg .link_bank{width: 96%;text-align: center;}
.ct_bank.bcg .tt_bank_btn {width:7.5%;margin: 0% 2% 0% 0%;}
.head_phone {float:left;width: 100%;display:none;border-bottom: 3px solid #000;}
.h-line  {float:left;width: 50%;min-height: 70px;}
.h-phone  {float:left;width: 50%;min-height: 70px;border-left: 1px solid #959595;}
.h-line a {display: block;width: 100%;min-height: 70px;background-image: url(../images/ico-line-h.png?v=1.0);background-position: center center;background-repeat: no-repeat;}
.h-phone a {display: block;width: 100%;min-height: 70px;background-image: url(../images/ico-phone.png?v=1.0);background-position: center center;background-repeat: no-repeat;}
.h-line ,
.h-phone  {
    
background: #f9f9f9; 
background: -moz-linear-gradient(top,  #f9f9f9 17%, #cccccc 100%);
background: -webkit-linear-gradient(top,  #f9f9f9 17%,#cccccc 100%); 
background: linear-gradient(to bottom,  #f9f9f9 17%,#cccccc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0 );


}

.tt_tx_slide {height: 28px;border: 2px solid #777;background-color: #eee;
-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    inset 0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         inset 0px 0px 8px 0px rgba(0, 0, 0, 1);
}
.tt_txt_news {width: 10%;padding: 5px 0px 0px 10px;color: #eee;font-weight: bold;}
.tt_txt {width: 90%;padding: 4px 10px 0px 10px;color: #eee;}

.sec_link  {margin-bottom:15px;margin-top: 0px;padding: 0px 0px 5px 0px;background-color: #1A1A1D;border: 1px solid #0E0E0E;}
.head_link {width: 100%;padding: 15px 0px 10px 5px;} 

.tt_link_page {margin: 0px 0px 10px 0px;padding: 0px 0px 20px 0px;border-bottom: 2px solid #173E2C;}

.btn_link_page  {
    background-color:#2A4822;
    border: 2px solid #173e2c;
    border-radius:3px;
    display:inline-block;
    color:#eee;
    text-shadow: 1px 1px 0 #000;
    font-size:15px;
    font-weight:bold;
    padding:10px 25px;
    margin: 0% 2% 10px 0%;
    background-image: url(../images/bg-btn.png?v=1.0);
    background-position: bottom center;
}

.btn_link_page:hover {background-position: left center;-webkit-filter: contrast(1.6) drop-shadow(6px 6px 20px black);}

.tt_list_step {width: 100%;margin: 10px 0px 10px 0px;}
.tt_list_step .img_step {width: 30%;}
.tt_list_step .img_step img {padding: 1px;background-color:#CAB47B;}
.tt_list_step .dsc_step {width: 66%;}
.tt_list_step .dsc_step strong {float: left;font-size:16px;width: 100%;color:#DCB953;margin: 10px 0px 10px 0px;}
.tt_list_step .dsc_step span {color:#ccc;}

.tt_ga .tt_list_game.sport4,
.tt_list.sbo.game170 {display: none;}


.tt_list_game {float: left;width: 30.8%;margin: 0px 0% 5px 2%;}
.tt_list_game .tt_img {float: left;width: 100%;}
.tt_list_game h3 {float: left;width: 100%;margin: 5px 0px 5px 0px;color:#ccc;text-align: center;text-transform: uppercase;font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;font-weight: bold;}
.tt_list_game:hover h3 {color:#EAC76E;}
.tt_bd.thaitheme_widget {margin-bottom: 10px;} 


.tt_list_gamex {float: left;width: 49%;margin: 0px 0% 1% 1%;background-color: #1A1A1D;padding: 5px 5px 10px 5px;border: 1px solid #000;}
.tt_list_gamex .tt_img {float: left;width: 100%;}
.tt_list_gamex h3 {float: left;width: 100%;margin: 0px 0px 0px 0px;color:#ccc;text-align: left;text-transform: uppercase;font-family: thaisanslite_r1;font-size: 18px; line-height:20px;overflow: hidden;height: 40px;padding: 0px 10px 0px 10px;} 
.tt_list_gamex:hover h3 {color:#EAC76E;}
 

.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 #D09E54;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:#000;font-family:thaisanslite_r1;font-size:18px;line-height:18px;}

 
.slrt {position: relative;}
.tt_btn_slide { position:absolute;right: 10px;top: 10.5%;width: 240px;z-index: 1000;}
.slide_btn { position: relative;}
.tt_btn_slide a {float: left;width: 100%;margin: 0px 0px 10px 0px;} 
.slm {display: none;}

 .md-modal{position:fixed;width:100%;max-width:700px;min-width:500px;height:auto;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:2000;top: 50%;left: 50%;margin-top: -15%; margin-left: -25%; }
.md-show{visibility:visible;}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background-color:rgba(0, 0, 0, 0.8);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.md-show ~ .md-overlay{opacity:1;visibility:visible;}
.md-content{position:relative;border-radius:3px;margin:0 auto;}
.md-close{position:absolute;right:-10px;top:-15px;background-color:#000;border-radius:50%;width:32px;height:32px;background-image:url(../images/tt-close.png?v=1.3);cursor:pointer;}
.md-effect-11 .md-content{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.md-show.md-effect-11 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
@media screen and (min-width:1800px){.md-modal{top: 50%;left: 50%;margin-top: -10%; margin-left: -16%; }}
@media screen and (min-width:1300px){.md-modal{top: 50%;left: 45%;margin-top: -13%; margin-left: -18%; }}
@media screen and (max-width:1024px){.md-modal{top: 40%;left: 40%;margin-top: -15%; margin-left: -25%; }}
@media screen and (max-width:960px){.md-modal{top: 35%;left: 35%;margin-top: -15%; margin-left: -25%; }}
@media screen and (max-width:800px){.md-modal{top: 25%;left: 30%;margin-top: -15%; margin-left: -25%; }}
@media screen and (max-width:620px){.md-modal{top: 25%;left: 0%;margin-top: -15%; margin-left: 0%;}}
@media screen and (max-width:584px){.md-modal{max-width:480px;min-width:100%;}.md-close{right:10px;}}

.bg_txx {float: left;width: 100%;height: 15px;background-color:#eee;}
.tt_txt {float: left;width: 100%;padding: 1px 10px 0px 10px;font-family: thaisanslite_r1;font-size: 18px; line-height: 20px;color:#000;}
.banner_hover.b1 img{width: 100%;} 

.tt_b_list{width:32.222222%;margin:0px 1.5% 15px 0%;}
.tt_b_list:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.tt_b_list.last{margin:0px 0% 15px 0%;}
.tex_c {text-align: center;}

.hover_game {position:relative;overflow: hidden;}
.img_df {float: left;width: 100%;}
.img_hover {position:absolute;z-index: 1000;margin:0% auto 0% auto;left: 0px;right: 0px;bottom: 0%;-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;}
.img_hover_lg {position:absolute;z-index: 1000;margin:-100% auto 0% auto;left: 0px;right: 0px;-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;}
.hover_game:hover .img_hover_lg {margin:0% auto 0% auto;}
.hover_game:hover .img_hover {bottom: -300%;}
.tt_bal_pc {width: 38px;height: 200px;z-index: 1000;position:absolute;right: -38px;top:-41px;background-image: url(../images/ball.png?v=1.0);}
.wrapper-h {position:relative;} 
 .tt_pk_pc {width: 170px;height: 158px;z-index: 1200;position:absolute;right: -100px;top:45px;background-image: url(../images/poker.png?v=1.0);}

.wpcf7 form.wpcf7-form .title_from {float: left;width: 100%;}
.tt_col_c {width: 32.333%;margin-right: 1.5%;}
.tt_col_c- img {width: 100%;}
.tt_col_c.last {margin-right: 0;}   


.tt_td {float:left;width: 100%;border-top: 1px solid #fff;}
.thaitheme_table {float:left;width: 100%;text-align: center;margin: 15px 0px 10px 0px;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;}
.thaitheme_table .tt_num_1 {float:left;width: 30%;padding: 7px 0px 7px 0px;background-color:#cca352;color:#000;font-weight: bold;}
.thaitheme_table .tt_num_2 {float:left;width: 20%;padding: 7px 0px 7px 0px;border-left: 1px solid #fff;background-color:#cca352;color:#000;font-weight: bold;}
.thaitheme_table .tt_num_3 {float:left;width: 20%;padding: 7px 0px 7px 0px;border-left: 1px solid #fff;background-color:#cca352;color:#000;font-weight: bold;}
.thaitheme_table .tt_num_4 {float:left;width: 30%;padding: 7px 0px 7px 0px;border-left: 1px solid #fff;background-color:#cca352;color:#000;font-weight: bold;}
.thaitheme_table .tt_num1 {float:left;width: 30%;padding: 7px 0px 7px 0px;background-color:#F4F4F4;height: 33px;font-weight: bold;}
.thaitheme_table .tt_num2 {float:left;width: 20%;padding: 7px 0px 7px 0px;border-left: 1px solid #fff;height: 33px;}
.thaitheme_table .tt_num3 {float:left;width: 20%;padding: 7px 0px 7px 0px;border-left: 1px solid #fff;height: 33px;}
.thaitheme_table .tt_num4 {float:left;width: 30%;padding: 7px 0px 7px 0px;border-left: 1px solid #fff;height: 33px;background-color:#F4F4F4;}
.tt_num2.gr,
.tt_num3.gr {background-color:#ddd;}
.tt_num4.prr4,
.tt_num1.prr1 {background-color:#FEFEFE;}
.tt_num3.gr.prr3,
.tt_num2.gr.prr2 {background-color:#f5f5f5;} 


.slbg {background-color:#1A1A1D;margin-top: 0px;}
.txx_sls {float: left;width: 100%;font-family: thaisanslite_r1;font-size: 16px;line-height: 16px;height: 20px;margin-top: 3px;padding: 0px 5px 0px 10px;color:#fff;background-color:#202020;}
.tt-social .tt-date {float:left;padding: 5px 10px 0px 0px;margin-left: 0px;font-size:12px;color:#C8C8C8;text-align: left;}
.tt_bx_menu {float:right;width: 70%;z-index:4000;position:relative;min-height: 29px;margin: 0px 0px 0px 0px;text-align: right;}
.tt_bx_menu a {display: inline-block;margin: 0% 0% 0% 0%;width: 10.5%;text-align: center;padding: 5px 2px 5px 2px;color:#b0b0b0;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;white-space :nowrap;}
.tt_bx_menu a.4x {width: 12%;}
.tt_bx_menu a span {float:left;width:100%;margin: 0px 0px 5px 0px;text-transform: uppercase;}
.tt_bx_menu a img {max-width:70px;}
.tt_bx_menu a img.img_d {}
.tt_bx_menu a img.img_n {display: none;}
.tt_bx_menu a:hover img.img_n{display: inline-block;}
.tt_bx_menu a:hover img.img_d{display: none;}
.tt_bx_menu a:hover {color:#D09E54;background-color:#1E1E1E;}
.header_bg.act .tt_bx_menu a img{float:left;max-width:35px;}
.header_bg.act .tt_bx_menu a span {width:auto;padding: 7px 0px 0px 3px;}

.header_bg.act .tt_bx_menu {width: 85%;margin: 15px 0px 0px 0px;}
.header_bg.act .tt_bx_menu a {text-align: left;width:auto;}
.header_bg.act .logo_pc {width: 15%;margin: 10px 0px 0px 0px;-webkit-transition: all .1s ease-in-out 0s;  -o-transition: all .1s ease-in-out 0s; -moz-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s;} 
.tt-line-phone span {color:#C8C8C8;padding: 5px 0px 0px 10px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}
  
.header  {  
text-align: center;
 position: relative;
top: 0px; 
min-height: 132px;
background-image: url(../images/head-goal180.jpg?v=1.5);
background-position: top center;
background-repeat: no-repeat;
z-index:9000;
padding: 0px 0px 0px 0px;
} 
.header_bg.act  { position:fixed;top: 0px; z-index:9000;min-height: 90px;background-position: top center;} 
.header_bg.act .header{min-height: 90px;background-position: top center;}
.header_bg { position: relative;background-image: url(../images/head-goal180-bg.jpg?v=1.4);background-color:#141414;background-repeat: repeat-x;background-position: top center;min-height: 132px;} 
.header_sl {float:left;min-height: 30px;border-bottom: 2px solid #303030;border-top: 2px solid #303030;
background: #0b0b0b;
background: -moz-linear-gradient(top, #0b0b0b 0%, #0b0b0b 35%, #0a0a0a 100%);
background: -webkit-linear-gradient(top, #0b0b0b 0%,#0b0b0b 35%,#0a0a0a 100%);
background: linear-gradient(to bottom, #0b0b0b 0%,#0b0b0b 35%,#0a0a0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b0b', endColorstr='#0a0a0a',GradientType=0 );    
    
}
.from_m {float:left;width: 100%;}
.head_from_m {float:left;width: 100%;background-color:#eee;padding: 15px 10px 15px 10px;display: none;border-top: 5px solid #141414;}  
.tt_from_u_m ,
.tt_from_p_m {float:left;height: 40px;width: 100%;padding: 0px 10px 0px 10px;margin-bottom: 10px;text-align: center;border: 1px solid #ccc;}  
input.tt_submit_m {float:left;height: 40px;width: 100%;padding: 10px 10px 10px 10px;background-color:#AD1D1D;margin-top: 0px;border: 0;color:#fff!important;} 
.tx-phone a ,
.tx-phone {color:#FFD861;}
.tx-li {color:#57C42E;}
 
.img_pro {margin-bottom: 10px;}
h3.title_pro {display: inline-block;margin-bottom: 10px;font-family: thaisanslite_r1;font-size: 28px;line-height: 30px;font-weight: bold;color: #E8B55D;} 
.pro_ct {margin-bottom: 15px;padding: 10px 0px 10px 0px;border-bottom:1px solid #222;} 
.dsc_pro {display: inline-block;float: right;margin-top: 5px;padding: 3px 20px 7px 20px;background-color:#AD1D1D;border-radius: 2px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;font-weight: bold;color: #fff;cursor: pointer;border: 0;}
.header-mm .tt-line-phone {display: none; }
 
 
 
.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.4); 
}

/* Modal Content */
.modal-content {
    position: relative; 
    margin: auto;
    padding: 0;
    width: 50%;
    max-width: 900px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-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}
}

/* The Close Button */
.closex {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closex:hover,
.closex:focus {
    color: #C2081C;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 0px 10px;
    background-color: #EBB85E; 
    color: #000;
    float: left;
    width: 100%;
}

.modal-body {padding: 15px;float: left;width: 100%;min-height: 100px;background-color: #fff;} 
.thaitheme_p{width:100%;padding:0px 0px 0px 0px;color:#333;font-family: thaisanslite_r1;font-size: 18px; line-height: 18px;overflow:hidden;}
.thaitheme_p a{color:#C5B172;} 
.thaitheme_p a:hover {text-decoration: underline;}
.thaitheme_p img{max-width:100%;height:auto;padding:0;}
.thaitheme_p strong, [class*="ddtemplate_read"] th{font-weight:700;}
.thaitheme_p em, .thaitheme_p address, .thaitheme_p caption, .thaitheme_p cite{font-style:italic;}
.thaitheme_p td,
.thaitheme_p table{text-align: center;}
.thaitheme_p td{padding: 10px 0px 10px 0px;}
.thaitheme_p{line-height:1.5em;}
.thaitheme_p p{display:block;margin:1em 0;line-height:1.3em;} 
.thaitheme_p blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;}
.thaitheme_p blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;}
.thaitheme_p blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;}
.thaitheme_p blockquote cite:before{content:"\2014 \2009";}
.thaitheme_p address{display:block;font-style:italic;}
.thaitheme_p center{display:block;text-align:center;}
.thaitheme_p h1{display:block;font-size:2em;font-weight:700;margin:.67em 0;}
.thaitheme_p h2{display:block;font-size:1.5em;font-weight:700;margin:.83em 0;}
.thaitheme_p h3{display:block;margin:0.2em 0 0.8em 0;font-family: thaisanslite_r1;font-size: 22px;line-height: 26px;font-weight: bold;}
.thaitheme_p h4{display:block;font-weight:700;margin:1.33em 0;}
.thaitheme_p h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;}
.thaitheme_p h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;}
.thaitheme_p ul{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
.thaitheme_p ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;}
.thaitheme_p li{display:list-item;}
.thaitheme_p ul li{list-style-type:disc;}
.thaitheme_p ol li{list-style-type:decimal;}
.thaitheme_p pre, .thaitheme_p code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;}
.thaitheme_p iframe {width: 100%;}
.thaitheme_p #gallery-1 img{border:1px solid #ddd!important;padding:2%!important;}
 .head_phone-m,
 .sec_link.game.loto .tt_list_game.sport4,
 .slrt.mc {display: none;}
.line_top{border-right: 1px solid #fff;}
.phone_top {border-left: 1px solid #fff;} 
.phone_top,
.line_top {float:left;width: 50%;}

input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
 

.tt_head2,
.tt_head1 {width:50%;margin: 0px 0px 0px 0px;cursor: pointer;text-align: center;position: relative;}
.tt_head2{padding: 0px 0px 0px 5px;}
.tt_head1 {padding: 0px 5px 0px 0px;}

.tt_head2.act:after,
.tt_head1.act:after {
    content: '';
    display: block;
    position: absolute;
    left: 45%;
    width: 0;
    height: 0; 
    border-style: solid;
    z-index: 1000;
}
.tt_head2.act:after,
.tt_head1.act:after {
    bottom: -28px;
    border-color: #CF0018 transparent transparent transparent ;
    border-width: 15px;
}

.tt_head2.act:hover:after,
.tt_head1.act:hover:after {
   
    border-color: #880618 transparent transparent transparent ;
    
}

.tt_tab_pro1,
.tt_tab_pro2
{display: none;}

.tt_tab_pro1.act ,
.tt_tab_pro2.act {display:inline-block;}
.bb_pro {}
   
.tt_tab_pro span{
background: #820718;
background: -moz-linear-gradient(top,  #820718 0%, #c60018 35%, #de0019 100%);
background: -webkit-linear-gradient(top,  #820718 0%,#c60018 35%,#de0019 100%);
background: linear-gradient(to bottom,  #820718 0%,#c60018 35%,#de0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820718', endColorstr='#de0019',GradientType=0 );

border-radius: 3px;
border: 1px solid #790D1B;
color:#f5f5f5;
font-family: thaisanslite_r1;font-size: 28px; line-height: 26px;
    width: 100%; 
    float: left;
    padding: 7px 0px 10px 0px;

} 
.tt_tab_pro span:hover {
background: #de0019;
background: -moz-linear-gradient(top,  #de0019 38%, #c60018 67%, #820718 100%);
background: -webkit-linear-gradient(top,  #de0019 38%,#c60018 67%,#820718 100%);
background: linear-gradient(to bottom,  #de0019 38%,#c60018 67%,#820718 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0019', endColorstr='#820718',GradientType=0 );




}