@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"}.fa-at:before{content:"\f1fa"}.fa-phone-square:before{content:"\f098"}.fa-users:before{content:"\f0c0"}.fa-play:before{content:"\f04b"}.fa-sign-in:before{content:"\f090"}.fa-key:before{content:"\f084"}.fa-user:before{content:"\f007"}.fa-caret-left:before{content:"\f0d9"}
/* COMMON
===========================================*/
* {
-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: #000;
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% 10px 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;}
/* Transition
===========================================*/
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;}
.tt_from_login_m,
.nav_m {display: none;}
.tt_head_menu{float:left;width:100%;min-height:25px;top:0px;z-index:1000;border-radius: 5px 5px 0px 0px;position:relative;margin-top: 0px;
border-top: 1px solid #0800ff;
background: #bbbbbb;
background: -moz-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -webkit-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom, #0b008e 0%,#030053 35%,#001775 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20f09', endColorstr='#4c0f0a',GradientType=0 );
color: #fff;
}
.tt_head_menu ul{float:left;width:100%;margin:0% 0% 0% 0%;text-align: center;position:relative;}
.tt_head_menu ul li{display:inline-block;margin:0px 2px 0px -5px;position:relative;}
.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:after{display:inline-block;content:"";margin:10px 1px 0px 1px;top:0px;width:1px;height:10px;background-color:#000;position:relative;z-index: 10;}
.tt_head_menu ul li.hide-af:after{width:0px;}
.from-m,
.tt_head_menu ul li.hide-pc{display: none;}
.tt_head_menu ul li ul.thaitheme-sub-menu li:after,
.tt_head_menu ul li:last-child:after{width:0px;}
.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:#fff;padding:10px 16px 12px 16px;line-height: 18px;font-family:thaisanslite_r1;font-size:20px;font-weight: bold;}
.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 a:after{border-bottom:7px solid #ccc;}
.tt_head_menu ul li:hover .thaitheme-sub-menu{display:block;}
.tt_head_menu ul li ul{margin-left:0%;}
.tt_head_menu ul li ul.thaitheme-sub-menu{display:none;float:left;top:33px;left:0px;width:250px;position:absolute;z-index:1000;background-color:#e8e8e8;border-top:5px solid #e8e8e8;padding-bottom:5px;}
.tt_head_menu ul li ul.thaitheme-sub-menu li.menu-item-has-children .fa{right:12px;top:14px;}
.tt_head_menu ul li ul.thaitheme-sub-menu li{float:left;width:250px;border-left:0;padding:5px 0px 5px 0px;border-right:0;margin:0px 0px -5px 0px;}
.tt_head_menu ul li ul.thaitheme-sub-menu li a{float:left;width:210px;margin:0px 0px 0px 5px;background-color:#333;color:#FFF;}
.tt_head_menu ul li ul.thaitheme-sub-menu li:hover a{background-color:#000;color:#FFF;}
.tt_head_menu ul li ul.thaitheme-sub-menu li:first-child{border-top:0;}
.tt_head_menu ul li ul.thaitheme-sub-menu li ul.thaitheme-sub-menu{display:none;float:left;top:0px;left:247px;width:250px;position:absolute;z-index:1000;background-color:#f2f2f2;border-right:0;border-top:0;border-radius:10px;}
.tt_head_menu ul li ul.thaitheme-sub-menu li ul.thaitheme-sub-menu li a{}
.tt_head_menu ul li ul.thaitheme-sub-menu li:hover .thaitheme-thaitheme-sub-menu{display:block;}
.tt_head_menu ul li,
.tt_head_menu ul li:hover{}
.tt_head_menu ul li:hover a{color:#fff;background-color:#ffd700;}
.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 .ico-new a::before {
background-image: url("../images/ico-new.png?v=1.2");
background-repeat: no-repeat;
border-radius: 3px;
content: "";
height: 19px;
line-height: 13px;
position: absolute;
right: -5px;
top: -12px;
width: 30px;
}
@-webkit-keyframes walk-cycle2 {
0% {opacity:1; }
100% {opacity:0;}
/* Must be full height of sprite or skipping will happen.*/
}
@keyframes walk-cycle2 {
0% {opacity:1; }
100% {opacity:0; }
/* Must be full height of sprite or skipping will happen.*/
}
@-webkit-keyframes walk-cyclet2 {
0% {background-color: #D61A1B; }
100% {background-color: #000;}
/* Must be full height of sprite or skipping will happen.*/
}
@keyframes walk-cyclet2 {
0% {background-color: #D61A1B; }
100% {background-color: #000; }
/* Must be full height of sprite or skipping will happen.*/
}
.thaitheme_read{width:100%;padding:0px 0px 20px 0px;color:#C6DDED;font-family:thaisanslite_r1;font-size:20px;line-height:20px;overflow:hidden;}
.thaitheme_read a{color:#FFE169;}
.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 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{display:block;margin:1em 40px;}
.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:1em 0;font-family:thaisanslite_r1;font-size:24px;line-height:24px;}
.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 #gallery-1 img{width:100%;border:1px solid #ddd!important;padding:0%!important;margin: 0% 0% 0% 0%!important;}
.thaitheme_read #gallery-1.gallery-columns-2 dl.gallery-item {width:49%;margin: 0% 0% 1% 1%!important;padding:5px!important;background-color: #eee;}
.thaitheme_read #gallery-1.gallery-columns-1 dl.gallery-item {width:100%;margin: 0% 0% 1% 0%!important;padding:5px!important;background-color: #eee;}
.thaitheme_read #gallery-1.gallery-columns-3 dl.gallery-item {width:32.333%;margin: 0% 0% 1% 1%!important;border: 1px solid #ccc;padding:5px!important;background-color: #eee;}
.thaitheme_read #gallery-1.gallery-columns-3 dl.gallery-item:hover {background-color: #ccc;}
.thaitheme_read #gallery-1.gallery-columns-4 dl.gallery-item {width:24%;margin: 0% 0% 1% 1%!important;border: 0;padding:3px!important;background-color: #111;}
.thaitheme_read #gallery-1.gallery-columns-4 dl.gallery-item img {width:100%!important;}
#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 10px 0px;}
.thaitheme_widget .title{float:left;width:100%;padding:7px 0% 7px 5%;margin:0px 0px 0px 0px;min-height:15px;color:#ddd;
background: #11141B;
font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;font-weight: bold;
}
.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:10px;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 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;}
#topbar{position:fixed;top: 20px;width:150px;z-index:9999;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_full {width:100%;}
.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_txt_seo{width:100%;color:#b2b7bd;padding: 5px 0px 5px 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 18px;overflow:hidden;margin-top: 0px;}
.tt_txt_seo a{color:#b2b7bd;}
.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:0.7em;}
.tt_txt_seo p{display:block;margin: 0;line-height:1.25em;}
.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;font-size:1.2em;font-weight:700;margin:0.9em 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;}
.wrapper {width: 100%;max-width: 1000px;margin: 0 auto;}
.wrapper_c {width: 100%;max-width: 1044px;margin: 0 auto;}
.nav_top {min-height: 15px;margin: 17px 0px 0px 0px;}
.tt_from_login {width: 100%;margin: 0px 0% 0px 0px;padding: 0px 0px 10px 0px;}
.ct_lang {width: 85%;min-height: 27px;margin: 0px 0.8% 0px 0px;}
.tt_apple {margin-top: 12px;border-radius: 5px;overflow: hidden;}
.tt_lang {float:left;width:100%;height: 25px;padding: 0px 10px 0px 10px;font-size: 13px;color:#FFF;position: relative;}
.use_lang {float: right;width:120px;}
.tt_date {float: right;white-space :nowrap;text-align: right;font-size: 13px;color:#ccc;padding: 0px 0px 3px 6px;border-radius: 5px;margin-bottom: 10px;}
#time_run {padding: 0px 5px 0px 5px;}
.tt_btn_lang{float: right;width:120px;background-color: #C90F36;color:#FFF;line-height: 15px;padding: 0px 5px 0px 10px;border-radius: 5px;border: 1px solid #E50D38;position: relative;cursor: pointer;}
.tt_btn_lang span.tt_arr {height: 21px;border-left: 1px solid #AD0A2B;padding: 0px 9px 0px 0px;}
.tt_btn_lang .tt_tx {width:80px;height: 21px;border-right: 1px solid #E50D38;padding: 3px 0px 0px 0px;}
.tt_btn_lang .fa {font-size: 18px;line-height: 15px;}
.nav_lang { position:absolute;top: 25px;left: 0px;width:130px;min-height: 30px;background-color: #C90F36;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 #E50D38;border-top: 1px solid #AD0A2B;color:#FFF;}
.nav_lang a:hover {background-color: #B20326;}
.head_from {min-height: 20px;z-index: 10; position: relative;}
.sec-arr {float:left;width:100%;position: relative;z-index: 10; top:0px;}
.arr_right:after{content:"";display: inline-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 #333;border-bottom:10px solid #333;z-index:-1;right:1px;}
.arr_left:after{content:"";display: inline-block;height:0;position:absolute;width:0;top:-16px;bottom:0px;border-right:7px solid #333;border-top:6px solid transparent;border-left:14px solid transparent;border-bottom:10px solid #333;z-index:-1;left:1px;}
.nav_menu {width: 100%;margin: 2px 0px 0px 0%;}
.arr_hl {width:24px;min-height: 48px;background-image: url(../images/arh.png?v=1.0);position:absolute;bottom:-1px;left: -34px;}
.sec-center {padding: 10px 7px 10px 10px;background-color: #010B15; }
.tt_col_c ,
.tt_col_a ,
.tt_col_b {width: 24.2%;}
.tt_col_d{width: 15.5%;}
.tt_col_d,
.tt_col_b,
.tt_col_c {margin-left: 1%;}
.bg {background-color: #000;}
.tt_slide {width: 70%;margin: 0px 0px 0px 0%;overflow: hidden;max-height: 300px;background-color: #000;}
.tt_slide_page {width: 100%;margin: 10px 0px 5px 0px;overflow: hidden;max-height: 244px;}
.login_head_m,
.nav_mobile {display: none;}
.aat {width: 100%;height: 10px;margin: 5px 0px 0px 0px;background: #ffc621;
}
.aat2 {width: 100%;height: 3px;margin: 0px 0px 0px 0px;background-image: url(../images/animate01.gif?v=1.0);background-position: center center;
}
.tt_ttxc {background-color: #fff;}
.tt_lc {width: 66.5%;min-height: 300px;}
.tt_rc {width: 31.4%;min-height: 100px;}
.tt_rc .banner_hover {margin: 0px 0px 10px 0px;}
.tt_live {width: 26.5%;margin: 8px 0.8% 5px 0px;}
.tt_content {padding: 10px 10px 15px 10px;min-height: 300px;}
.home .tt_content {padding: 5px 10px 10px 10px;min-height: 50px;}
.left_ct {min-height: 300px;width:67.8%;}
.right_ct {min-height: 100px;width:30.2%;}
.bar {height: 28px;background-color: #ccc;margin: 30px 0px 45px 0px;background-image: url(../images/bg-footer.png?v=1.0);background-repeat: repeat-y;background-position: center center;text-align: center;padding: 3px 0px 3px 0px;}
.footer_social {height: 24px;text-align: center;margin: 15px 0px 0px 0px;}
.footer {min-height: 100px;padding: 10px 0px 0px 0px;background-color: #0d0d0d;border-top:1px solid #222;}
.menu_footer {}
.menu_footer ul{float:left;width:100%;margin:0% 0% 0px 0%;text-align: center;}
.menu_footer ul li{display: inline-block;margin:5px -4px 0px 0px;position:relative;}
.menu_footer ul li a{display: inline-block;color:#000000;padding:5px 20px 5px 20px;line-height: 18px;font-family:thaisanslite_r1;font-size:18px;font-weight: bold;}
.menu_footer ul li:last-child:after{width:0px;}
.menu_footer ul li:after{display:inline-block;content:"";margin:9px 0px 0px 1px;top:0px;width:1px;height:10px;background-color:#000500;position:relative;z-index: 10;}
.menu_footer ul li.hide-af:after{width:0px;}
.menu_footer ul li ul.thaitheme-sub-menu li:after,
.menu_footer ul li:last-child:after{width:0px;}
.copyright_footer {text-align: center;font-size: 13px;color: #000;padding: 10px 0px 10px 0px;}
.menu_footer ul li a:hover{color: #fbca3a;}
.copyright_footer a {color: #000;}
.banner_footer {float:left;width:100%;background-color: #FFF;border-top: 4px solid #C1C1C1;border-bottom: 20px solid #0E0E0E;margin: 5px 0px 15px 0px;padding: 0px 0px 0px 0px;}
.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: 18.5%;margin: 0% 0% 15px 1%;}
.menu_list.first {margin: 0% 0% 5px 2%;}
.menu_list ul li a {float:left;width:100%;color: #AAB1B7;margin: 0px 0px 5px 0px;padding: 0px 0px 0px 0px;}
.menu_list ul li:last-child a{border-bottom:0;}
.top_menu ul li a:hover,
.menu_footer ul li a:hover{color: #dba40b;}
.menu_list ul li a:hover {color: #dba40b;padding: 0px 0px 0px 7px;}
.menu_list span{float:left;width:100%;color: #FFf;margin: 10px 0px 20px 0px;line-height: 24px;font-family:thaisanslite_r1;font-size:24px;font-weight: bold;}
.menu_list.center{width: 34%;margin: 0% 1% 15px 3%;}
.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 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 { left: 0%;top: 0%;}
.banner_hover:hover .tt_img_hover{-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);}
.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;}
figure {
position: relative;
}
.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;}
a.more{float: right;margin:5px 0px 0px 0px;color:#000;font-family:thaisanslite_r1;font-size:18px;line-height:18px;}
.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;}
.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 h2 a,
.title_page h1,
.title_page h2 {color: #000;font-family: thaisanslite_r1;font-size: 28px;line-height: 28px;font-weight: bold;}
.title_page {margin-bottom: 10px;margin-top: 0px;padding:5px 20px 7px 20px;
border-top: 1px solid #c3c3c3;
background: #bbbbbb;
background: -moz-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -webkit-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20f09', endColorstr='#4c0f0a',GradientType=0 );
}
.postid-1557 .title_page {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:#bbbbbb;
background: -webkit-linear-gradient(to bottom,#bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -o-linear-gradient(to bottom,#bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom,#bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
}
.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:#d20f09;
background: -moz-linear-gradient(top,#d20f09 0%,#851009 46%,#4c0f0a 100%);
background: -webkit-linear-gradient(top,#d20f09 0%,#851009 46%,#4c0f0a 100%);
background: linear-gradient(to bottom,#d20f09 0%,#851009 46%,#4c0f0a 100%);
}
.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;}
.post-sm3xx {width: 24.2%;margin: 10px 1% 0px 0%;background-color:#202020;border: 1px solid #000;}
.post-sm3xx h3 {font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#ddd;padding:8px 10px 15px 10px;overflow: hidden;max-height: 47px;margin-bottom: 5px;}
.post-sm3xx.tt55x,
.post-sm3xx.tt5x {margin: 10px 0% 0px 0%;}
.post-sm3xx:hover h3 ,
.post-sm2x:hover h3 {color:#caac66;}
.tt_label {color:#FFF;margin:0px 5px 0px 0px;}
.tt_from_lg {width:100%;text-align:right;margin: 10px 0px 10px 0px;}
.tt_from_lg .tt_from_p,
.tt_from_lg .tt_from_u {display: inline-block;color:#000;width:75%;margin:5px 0% 0px 0px;background-color:#fff;border: 0;padding: 3px 10px 2px 10px;height: 35px;border-radius: 0px;font: 13px 'SK_Reg', Arial, Tahoma, sans-serif;
}
.form-control1x,
.form-control2x {
display: inline-block;
color:#000;
width:75%;
margin:5px 0% 0px 0px;
background-color:#fff;
border: 0;
padding: 3px 10px 2px 10px;
height: 35px;
border-radius: 1px;
font: 13px 'SK_Reg', Arial, Tahoma, sans-serif;
}
.tt_submit {display: inline-block;width:100%;border: 0;text-align: center; cursor: pointer;border-radius: 10px;line-height: 18px;font-family:thaisanslite_r1;font-size:22px;padding: 10px 5px 10px 5px;display: inline-block;border:1px solid #000;margin-top: 5px;
color:#fff!important;animation: walk-cyclet2 0.5s steps(5) infinite; -webkit-animation: walk-cyclet2 0.5s steps(5) infinite;
}
.tt_submit:hover {
}
.h_lb {float: left;width: 100%;line-height: 20px;font-family:thaisanslite_r1;font-size:22px;text-align: center;font-weight: bold;margin: 10px 0px 10px 0px;color:#ffc621;}
.h_fr { position: relative;left:-9px;}
.h_fr_lb {
float: left;
width: 25%;
height: 35px;
margin: 5px 0px 0px 0px;
position: relative;left:0px;
border-radius: 1px;
background: #bbbbbb;
background: -moz-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -webkit-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20f09', endColorstr='#4c0f0a',GradientType=0 );
}
.h_fr_lb i.dab {width:25px;height: 25px;background-color: #000;color: #fff;border-radius: 50%;line-height: 27px;text-align: center;margin: 5px 35% 0px 0px;}
.arr_left:after{content:"";display:block;height:0;position:absolute;width:0;top:35px;border-right:7px solid #ffc621;border-top:0px solid transparent;border-left:14px solid transparent;border-bottom:7px solid transparent;z-index:-1;left:-12px;}
@-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: #aa2a2a; }
100% {background-color: #d41011;}
/* Must be full height of sprite or skipping will happen.*/
}
@keyframes walk-cyclet {
0% {background-color: #aa2a2a; }
100% {background-color: #d41011; }
/* Must be full height of sprite or skipping will happen.*/
}
.top_bank {padding-top: 15px;}
.head_r {width:34%;padding: 0px 0px 0px 0px;margin-top: 65px;border-radius: 10px;}
.head_l {width:56%;}
.tx-login,
.logo_m {display: none;}
.tt-social{float:left;width: 100%;overflow:hidden;position: relative;margin-top: 0px;max-height: 20px;
background: #fcfcfc;
background: -moz-linear-gradient(top, #fcfcfc 0%, #f3f3f3 35%, #ebe9ea 100%);
background: -webkit-linear-gradient(top, #fcfcfc 0%,#f3f3f3 35%,#ebe9ea 100%);
background: linear-gradient(to bottom, #fcfcfc 0%,#f3f3f3 35%,#ebe9ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ebe9ea',GradientType=0 );
}
.tt_top_nav ul {text-align: left;}
.tt_top_nav ul li{display: inline-block;margin:5px -5px 5px 5px;}
.tt_top_nav ul li a{display: inline-block;color:#333;line-height: 18px;font-family:thaisanslite_r1;font-size:14px;padding: 2px 4px 2px 4px;border-radius: 2px;color:#eee;
background: #d20f09;
background: -moz-linear-gradient(top, #d20f09 0%, #851009 46%, #4c0f0a 100%);
background: -webkit-linear-gradient(top, #d20f09 0%,#851009 46%,#4c0f0a 100%);
background: linear-gradient(to bottom, #d20f09 0%,#851009 46%,#4c0f0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20f09', endColorstr='#4c0f0a',GradientType=0 );
}
.tt_top_nav ul li a:hover{color:#ffc621;background-color: #111;}
.tt_top_nav ul li:after{display:inline-block;content:"";margin:10px 1px 0px 1px;top:0px;width:1px;height:10px;background-color:#000;position:relative;z-index: 10;}
.tt_top_nav ul li.hide-af:after{width:0px;}
.tt_top_nav ul li:first-child a {}
.tt-social-head{float:right;width:275px;margin-top: 1px;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:16px;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%);
}
.tt_lih {padding: 3px 10px 0px 0px;color: #878787;line-height: 16px;font-family:thaisanslite_r1;font-size:18px;}
.tt_from_list .wpcf7-list-item{float:left;width:45%;color:#333;}
.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: #d41011;
background: -moz-linear-gradient(top, #d41011 0%, #af0303 100%);
background: -webkit-linear-gradient(top, #d41011 0%,#af0303 100%);
background: linear-gradient(to bottom, #d41011 0%,#af0303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d41011', endColorstr='#af0303',GradientType=0 );
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #D60B07;
color:#fff;
display:inline-block;cursor:pointer;margin:10px 3.5% 10px 0px;line-height: 18px;font-family: thaisanslite_r1;font-size: 20px;font-weight:bold;padding:5px 35px;float:left;
}
.thaitheme_read .tt_from_submit input.wpcf7-submit{float: right;}
.from_post .tt_submit2:hover,
.tt_from_submit input.wpcf7-submit:hover{
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 );
}
.thaitheme_widget .tt_from_submit input.wpcf7-submit{
display:inline-block;cursor:pointer;width:100%;margin:0px 3.5% 10px 0px;font-weight:bold;padding:3px 35px 5px 35px;float:left;
line-height: 20px;font-family: thaisanslite_r1;font-size: 18px;
}
.thaitheme_widget .tt_from_list .wpcf7-checkbox {float:left;width:100%;padding: 10px 0px 20px 0px;}
.thaitheme_widget .tt_from_list.checkbox .tt_from_title {display:inline-block;}
.thaitheme_widget .tt_from_list.checkbox {float:left;width:100%;background-color:#FFF;padding: 10px 0px 0px 0px;color:#000;border:1px solid #888;border-radius:3px;}
.wpcf7 form .wpcf7-response-output{position:fixed;top:30%;width:400px;line-height: 20px;font-family: thaisanslite_r1;font-size: 18px;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;}
.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:#96000b;}
.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;line-height: 20px;font-family: thaisanslite_r1;font-size: 18px;position:relative;
border-left: 1px solid #ccc;
color:#333;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 );
}
.tt_tab1:hover,
.tt_tab2:hover,
.tt_tab3:hover{
background: #eee;
color: #000;
}
.tt_tab1.active,
.tt_tab2.active,
.tt_tab3.active{
background: #11141B;
color: #fff;
}
.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: #eee;border: 2px solid #E1E1E1;
}
.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;}
.vdo-ufa {float:left;width: 100%;background-color:#000;}
.from_post form{float:left;width: 100%;}
.img_h {padding: 10px 0px 10px 0px;}
.from_post h3 {float:left;width: 100%;padding: 0px 0px 15px 0px;font-size: 16px;color:#333;}
.from_post {
float:left;width: 100%;
padding: 10px 15px 15px 15px;
background-color:#ccc;
border:2px solid #ddd;
}
.from_post input.tt_from_p2,
.from_post input.tt_from_u1{width:37%;border:0;padding:6px 10px 6px 10px;margin-right: 2%;background-color:#fff;color:#000;border:1px solid #888;border-radius:3px;}
.from_post .tt_submit2 {
background: #d41011;
background: -moz-linear-gradient(top, #d41011 0%, #af0303 100%);
background: -webkit-linear-gradient(top, #d41011 0%,#af0303 100%);
background: linear-gradient(to bottom, #d41011 0%,#af0303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d41011', endColorstr='#af0303',GradientType=0 );
border-radius:3px;
border:1px solid #D60B07;
color:#fff;
display:inline-block;cursor:pointer;font-size:14px;font-weight:bold;padding:5px 25px;float:right;
}
.head_phone {float:left;width: 100%;display:none;border-bottom: 3px;}
.h-line {float:left;width: 50%;min-height: 20px;}
.h-phone {float:left;width: 50%;min-height: 20px;}
.h-line a {display: block;width: 100%;min-height: 20px;padding: 0px 0px 0px 0px;}
.h-phone a {display: block;width: 100%;min-height: 20px;padding: 0px 0px 0px 0px;}
.h-line {background-color: #00b900;text-align: center;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;border-left: 1px solid #058107;border-right: 1px solid #0dab0f;}
.h-phone {background-color: #000;text-align: center;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;}
.bbn_pc {width: 50%;margin-top: 8px;text-align: right;}
.logo_pc a{float:left;width: 100%;margin: 8px 0px 5px 2%;min-height: 90px;}
.logo_pc {float:left;width: 90%;margin: 30px 0px 5px 2%;min-height: 90px;}
.social_footer {min-height: 40px;text-align: center;margin-top:10px;}
.social_tw,
.social_fb,
.social_line {display: inline-block;padding: 10px 0px 0px 50px;font-size: 14px;color: #000;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);}
.social_tw {background-image: url(../images/ico-tw.png?v=1.3);}
.bar_ft {
float:left;
width: 100%;
height: 30px;
background: #67a3d9;
background: -moz-linear-gradient(top, #67a3d9 0%, #67a3d9 35%, #0b4680 100%);
background: -webkit-linear-gradient(top, #67a3d9 0%,#67a3d9 35%,#0b4680 100%);
background: linear-gradient(to bottom, #67a3d9 0%,#67a3d9 35%,#0b4680 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a3d9', endColorstr='#0b4680',GradientType=0 );
}
.bg_ft {float:left;width: 100%;text-align: center;padding: 3px 0px 0px 0px;
border-top: 2px solid #bdbdbd;
background: #bbbbbb;
background: -moz-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -webkit-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20f09', endColorstr='#4c0f0a',GradientType=0 );
}
.bg_ft img {max-width: 620px;}
.tt_from_lg .tt_from_p,
.tt_from_lg .tt_from_u {font: 13px 'SK_Reg', Arial, Tahoma, sans-serif;}
.forgot a {display: inline-block;color: #C6DDED;padding: 10px 0px 0px 0px;}
.forgot {text-align: right;}
.forgot a:hover {color: #fff;}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.hover_game {position:relative;overflow: hidden;}
.img_df {float: left;width: 100%;opacity:1;}
.img_hover {position:absolute;width: 100%;z-index: 990;position:absolute;z-index: 1000;margin:0% 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;}
.img_hover_lg {position:absolute;max-width: 130px!important;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:15% auto 0% auto;}
.hover_game:hover .img_hover {left: -300%;}
.tt-line-phone span {color:#eee;padding: 5px 0px 0px 10px;font-family: thaisanslite_r1;font-size: 21px;line-height: 18px;}
.tt-line-phone {float: left;width: 100%;margin-top: 10px;}
.tx-phone {color:#fada61;font-weight: bold;}
.tx-li {color:#40BF25;font-weight: bold;}
.t-phone {float: left;width: 100%;}
.t-line {float: left;width: 100%;}
.tt-fxpc {position:fixed;top:0;z-index: 1500;width:100%;float: left;}
.fixpc {margin-top: 5px;}
.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: 700px;-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%;}}
.tlcx {text-align: center;color:#000000;padding: 7px 10px 12px 10px;font-family: thaisanslite_r1;font-size: 28px;line-height: 26px;
border-top: 1px solid #c3c3c3;
background: #bbbbbb ;
background: -moz-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -webkit-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20f09', endColorstr='#4c0f0a',GradientType=0 );
}
.tlcx span {float: left;width: 100%;font-weight: bold;padding: 0px 0px 0px 0px;}
.tt_ag_bt {margin-bottom:0px;}
.tt_home_bx {width:48.5%;
}
.ct_bank {position: relative;}
.tt_bank_btn {width:12%;min-height: 80px;margin: 0% 2.3% 0% 0%;display: inline-block;}
.link_bank {width: 100%;position:absolute;right: 0;bottom: 52%;z-index: 1100;text-align: center ;}
.tt_ag_btx {margin: 5px 0px 0px 0px;}
.tt_ag_btx h3 {float: left;width: 100%;margin: 10px 0px 5px 0px;font-family: thaisanslite_r1;font-size: 26px;line-height: 22px;color:#dfa810;}
.tt_ag_btx p {float: left;width: 100%;margin: 5px 0px 10px 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 23px;color:#d0d5d9;}
.tt_ag_btx a:hover h3{color:#fad139;}
.tt_okf {float: left;width: 100%;text-align: center;color:#000;padding: 5px 0px 10px 0px;font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;font-weight: bold;}
.fr_ct {text-align: center;margin: 0px 0px 0px 0px;}
.tt_txt_seo.sbo2 {background-color: #000;border: 0;padding: 20px 10px 0px 10px;font-size: 20px;line-height: 22px;}
.page-404 {float: left;width: 100%;margin-top: 175px;font-family: thaisanslite_r1;font-size: 32px;line-height: 26px;text-align: center;padding: 10% 0% 10% 0%;}
.img1 {margin: 15px 0px 0px 10px;}
.list_item {font-family: thaisanslite_r1;font-size: 20px;line-height: 26px;color: #ccc;padding: 15px 0px 15px 0px;border-bottom: 1px dashed #555;}
.list_item i {
width:25px;
height: 25px;
background-color: #bbbbbb;
color: #000;
border-radius: 50%;
line-height: 27px;
text-align: center;
margin-right: 10px;
background: -moz-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -webkit-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
}
.tt_ref {width: 30%;min-height: 100px;background-color: #000;padding: 10px 10px 16px 10px;}
.tt_ref .img_fr {text-align: center;margin: 0px 0px 5px 0px;}
.tt_ref .img_fr img {width: 70%;}
.tt_ref .wpcf7-form {background-color: #000;margin-bottom: 0px;padding: 0px 0px 0px 0px;}
.tt_from_ico {float: left;width: 20%;height: 35px;text-align: center;padding: 7px 0px 0px 0px;
background: #bbbbbb;
background: -moz-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -webkit-linear-gradient(top, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom, #bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20f09', endColorstr='#4c0f0a',GradientType=0 );
}
.tt_from_ico img {width: 100%;width: 22px;display: inline-block;}
.tt_from_box1x {float: left;width: 80%;height: 35px;background-color: #ccc;}
.tt_from_list1x {float: left;width: 100%;margin: 0px 0px 10px 0px;border-radius: 5px;overflow: hidden;}
.tt_from_list1x input {float: left;width: 100%;height: 35px;background-color: #fff;border: 1px solid #eee;padding: 0px 0px 0px 10px;}
.tt_from_submit1x .wpcf7-submit{float: left;width: 100%;cursor: pointer;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;text-align: center;padding: 10px 0px 10px 0px;
color:#fff!important;animation: walk-cyclet2 0.5s steps(5) infinite; -webkit-animation: walk-cyclet2 0.5s steps(5) infinite;border: 0;border-radius: 5px;
}
.tt_from_list1x input.wpcf7-not-valid {border: 1px solid #ff0000;}
div.wpcf7 .ajax-loader {display: none!important;}
.tt_list.sbo{float:left;width:49.5%;margin: 10px 1% 0px 0px;background-color:#111;border: 1px solid #222;}
.tt_list.sbo.tt2x {margin: 10px 0% 0px 0px;}
.tt_list.sbo .tt_img{float:left;width:40%;}
.tt_list.sbo .tt_img img{float:left;width:100%;max-width:100%;height:auto;border: 0;}
.tt_list.sbo:hover .tt_dsc h3{}
.tt_list.sbo:hover .tt_dsc{}
.tt_list.sbo .tt_dsc{float:right;width:58%;font-size:14px;line-height:20px;padding: 10px 10px 10px 0px;}
.tt_list.sbo .tt_dsc h3{float:left;width:100%;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;color:#c8b980;text-transform: uppercase;}
.tt_list.sbo .tt_dsc p{float:left;width:100%;overflow:hidden;color:#ddd;max-height:35px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;margin-top:5px;margin-bottom:7px;}
.tt_list.sbo:hover{background-color:#232222;}
.line_sb a{width: 100%; display: inline-block;}
.line_sb {padding: 4% 25% 0% 25%;}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.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;
/* fix for flashing background */
-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 */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.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 Carousel - Auto Height Plugin
*/
.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: 30%;
}
.owl-carousel .owl-nav .owl-prev{ position:absolute;left: 0%; }
.owl-carousel .owl-nav .owl-next{position:absolute;right: 0%; }
.owl-theme .owl-nav [class*='owl-'] {
color: #fff;
font-size: 62px;
margin: 5px;
padding: 4px 7px;
display: inline-block;
cursor: pointer;
border-radius: 3px;
opacity: 0.5;
}
.owl-theme .owl-nav [class*='owl-']:hover {
opacity: 1;
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: 5px;
margin: 0px 3px;
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; }
.wpcf7-submit_anima_off {
background-color: #d61a1b;
float: left;
width: 100%;
cursor: pointer;
font-family: thaisanslite_r1;
font-size: 20px;
line-height: 20px;
text-align: center;
padding: 10px 0;
color: #fff!important;
border: 0;
border-radius: 5px;
}
/* menubarfooter */
div.menubarfooter {
background: #bbbbbb;
background: -webkit-linear-gradient(to bottom,#bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: -o-linear-gradient(to bottom,#bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
background: linear-gradient(to bottom,#bbbbbb 0%,#f8f8f8 35%,#97989c 100%);
position: fixed;
width: 100%;
bottom: 0;
z-index: 999;
font-family: thaisanslite_r1;
font-size: 28px;
line-height: 26px;
border-top: 2px solid #c3c3c3;
}
div.menubarfooter ul.menu {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0; }
div.menubarfooter ul.menu li:nth-child(3) {
position: relative; }
div.menubarfooter ul.menu li {
text-align: center;
width: 20%;
}
div.menubarfooter ul.menu li a {
color: #000;
font-size: 20px;
font-weight: bold;
}
@keyframes grow
{
0% {
transform: scale(0.85);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
@media only screen and (max-width: 350px) {
div.menubarfooter ul.menu li a {
font-size: 12px;
}
}
@media only screen and (min-width: 991px) {
div.menubarfooter {
display: none;
}
/* Login pc */
.button-1{
text-align: center;
width: 100%;
margin: 3px 0px 3px 0px;
color: #000;
padding: 10px 0px 10px 0px;
height: auto;
border-radius: 10px;
background: #dfa503;
background: linear-gradient(to bottom, #bd9213 0%,#fdf1ae 30%,#deb800 100%);
font-size: 24px;
font-family: thaisanslite_r1;
margin-left: auto;
margin-right: auto;
border: 1px solid #8e772a;
}
/* ปุ่มสมัคร pc */
.button-2{
text-align: center;
width: 100%;
margin: 3px 0px 3px 0px;
color: #fff;
padding: 10px 0px 10px 0px;
height: auto;
border-radius: 10px;
background: #d20f09;
animation: walk-cyclet2 .5s steps(5) infinite;
-webkit-animation: walk-cyclet2 .5s steps(5) infinite;
font-size: 24px;
font-family: thaisanslite_r1;
margin-left: auto;
margin-right: auto;
border: 1px solid #5f161a;
}
}
@media only screen and (max-width: 990px) {
div.menubarfooter {
display: block;
}
div.menubarfooter ul.menu li a i {
display: block;
background: #000;
width: 27px;
height: 27px;
margin-left: auto;
margin-right: auto;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 26px;
margin-top: 5px;
font-size: 20px; }
div.menubarfooter ul.menu li a div {
position: absolute;
width: 100%;
bottom: 0;
font-size: 20px;
font-weight: bold;
display: block;
/* background:#dfa503;
background: linear-gradient(to bottom, #272727 0%,#ccc3a7 35%,#272727 100%);
border: 2px solid #e6bd51;*/ }
div.menubarfooter
ul.menu li a div img {
width: 65px;
display: block;
margin-left: auto;
margin-right: auto; }
}
div.menubarfooter ul li:nth-child(2){
animation:grow 1.6s ease-in-out infinite;
animation-delay:-1.2s;
}
#toTop {
bottom: 70px;
}
/* snow */
/* customizable snowflake styling */
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial;
text-shadow: 0 0 1px #000;
}
@-webkit-keyframes
snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes
snowflakes-shake{0%{-webkit-transform:translateX(0px);
transform:translateX(0px)}50%{-webkit-transform:translateX(80px);
transform:translateX(80px)}100%{-webkit-transform:translateX(0px);
transform:translateX(0px)}}@keyframes
snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes
snowflakes-shake{0%{transform:translateX(0px)}50%{
transform:translateX(80px)}100%{
transform:translateX(0px)}}
.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}
.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}
.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}
.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}
.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}
.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}
.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6.3s,2s;animation-delay:6s,2s}
.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}
.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
.snowflake:nth-of-type(10){left:5%;-webkit-animation-delay:3s,3s;animation-delay:2.3s,3.7s}
.snowflake:nth-of-type(11){left:15%;-webkit-animation-delay:4.5s,5s;animation-delay:3s,3.4s}
.snowflake:nth-of-type(12){left:25%;-webkit-animation-delay:7s,.6.8s;animation-delay:7.2s,2.5s}
.snowflake:nth-of-type(13){left:35%;-webkit-animation-delay:6.1s,4.9s;animation-delay:6.2s,3.6s}
.snowflake:nth-of-type(14){left:45%;-webkit-animation-delay:1.2s,3.2s;animation-delay:3.2s,6.2s}
.snowflake:nth-of-type(15){left:55%;-webkit-animation-delay:7.6s,2.3s;animation-delay:7.6s,3.3s}
.snowflake:nth-of-type(16){left:65%;-webkit-animation-delay:6.8s,1.5s;animation-delay:6.7s,3.3s}
.snowflake:nth-of-type(17){left:75%;-webkit-animation-delay:7.3s,1.5s;animation-delay:3.1s,2.7s}
.snowflake:nth-of-type(18){left:85%;-webkit-animation-delay:4.2s,1.1s;animation-delay:3.4s,0.5s}
.snowflake:nth-of-type(19){left:95%;-webkit-animation-delay:9.2s,4.5s;animation-delay:6.1s,2.2s}
/* Demo Purpose Only*/
.demo {
font-family: 'Raleway', sans-serif;
color:#fff;
display: block;
margin: 0 auto;
padding: 15px 0;
text-align: center;
}
.demo a{
font-family: 'Raleway', sans-serif;
color: #000;
}
/* END */
/* PC ไม่แสดงใน Moblie */
.button-p1 {
width: 40%;
cursor: pointer;
color:#fff!important;animation: walk-cyclet2 0.5s steps(5) infinite; -webkit-animation: walk-cyclet2 0.5s steps(5) infinite;border: 0;border-radius: 5px; animation: walk-cyclet2 0.5s steps(5) infinite;
color: #000;
height: auto;
line-height: 24px;
border-radius: 0px;
background: #dfa503;
/*background: -moz-linear-gradient(top, #dfa503 0%, #f9c32b 35%, #fed859 100%);
background: -webkit-linear-gradient(top, #dfa503 0%,#f9c32b 35%,#fed859 100%);
background: linear-gradient(to bottom, #dfa503 0%,#f9c32b 35%,#fed859 100%);*/
font-size: 100%;
font: inherit;
}
.button-p2 {
width: 40%;
/*cursor: pointer;
color:#fff!important;animation: walk-cyclet2 0.5s steps(5) infinite; -webkit-animation: walk-cyclet2 0.5s steps(5) infinite;border: 0;border-radius: 5px; animation: walk-cyclet2 0.5s steps(5) infinite;*/
color: #000;
height: auto;
line-height: 24px;
border-radius: 0px;
background: #dfa503;
background: -moz-linear-gradient(top, #dfa503 0%, #f9c32b 35%, #fed859 100%);
background: -webkit-linear-gradient(top, #dfa503 0%,#f9c32b 35%,#fed859 100%);
background: linear-gradient(to bottom, #dfa503 0%,#f9c32b 35%,#fed859 100%);
font-size: 100%;
font: inherit;
}
/* Moblie ไม่แสดงใน PC */
@media only screen and (min-width: 721px) {
div.registerm1,div.registerm2 {
display: none;
}
}
@media only screen and (max-width: 720px) {
div.registerm1,div.registerm2 {
display: block;
}
div.registerm1 {
/*background: #f4bd3c;
background: -webkit-linear-gradient(to bottom, #272727 0%,#f9c32b 50%,#272727 100%);
background: -o-linear-gradient(to bottom, #272727 0%,#f9c32b 50%,#272727 100%);
background: linear-gradient(to bottom, #272727 0%,#f9c32b 50%,#272727 100%);*/
width: 100%;
bottom: 0px;
z-index: 999;
font-family: thaisanslite_r1;
font-size: 25px;
line-height: 26px;
}
.tt_from_lg {
/*background: #f4bd3c;
background: -webkit-linear-gradient(to bottom, #272727 0%,#f9c32b 50%,#272727 100%);
background: -o-linear-gradient(to bottom, #272727 0%,#f9c32b 50%,#272727 100%);
background: linear-gradient(to bottom, #272727 0%,#f9c32b 50%,#272727 100%);*/
width: 100%;
bottom: 0px;
z-index: 999;
font-family: thaisanslite_r1;
font-size: 25px;
line-height: 26px;
}
/* Login Moblie */
.button-1{
text-align: center;
width: 100%;
margin: 10px 0px 10px 0px;
color: #000;
padding: 10px 0px 10px 0px;
height: auto;
border-radius: 10px;
background: #dfa503;
background: linear-gradient(to bottom, #bd9213 0%,#fdf1ae 30%,#deb800 100%);
font-size: 24px;
font-family: thaisanslite_r1;
margin-left: auto;
margin-right: auto;
border: 1px solid #8e772a;
}
/* ปุ่มสมัคร Moblie */
.button-2{
text-align: center;
width: 100%;
margin: 10px 0px 10px 0px;
color: #fff;
padding: 10px 0px 10px 0px;
height: auto;
border-radius: 10px;
background: #d20f09;
animation: walk-cyclet2 .5s steps(5) infinite;
-webkit-animation: walk-cyclet2 .5s steps(5) infinite;
/*background: linear-gradient(to bottom, #d20f09 0,#e5372c 46%,#4c0f0a 100%);*/
font-size: 24px;
font-family: thaisanslite_r1;
margin-left: auto;
margin-right: auto;
border: 1px solid #5f161a;
}
/* End */
/* Login PC ไม่แสดงใน Mobile */
@media only screen and (min-width: 991px) {
div.registermp {
display: block;
}
}
@media only screen and (max-width: 990px) {
div.registermp {
display: none;
}
}
/* End */
/* login mobileใหม่ */
.font-gold {
color: #D4BB66;
}
.form-lg {
border-color: #D4BB66;
background-image: linear-gradient(#534A2D, #292412);
background: #130F02;
border-radius: 8px;
text-align: center;
color: #D4BB66;
font-size: 1.25rem;
max-width: 300px;
width: 100%;
padding-left: 60px;
padding-right: 45px;
}
.form-gr {
padding: 5px 0px 5px 0px;
position: relative;
max-width: 300px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.form-control1x{
border: 1px solid #D4BB66;
/* background-image: linear-gradient(#534A2D, #292412); */
background: #130F02;
border-radius: 8px;
text-align: center;
color: #D4BB66;
font-size: 1.25rem;
height: 55px;
max-width: 300px;
width: 100%;
padding-left: 60px;
padding-right: 45px;
}
.form-control2x{
margin-top: 5px;
border: 1px solid #D4BB66;
/* background-image: linear-gradient(#534A2D, #292412); */
background: #130F02;
border-radius: 8px;
text-align: center;
color: #D4BB66;
font-size: 1.25rem;
height: 55px;
max-width: 300px;
width: 100%;
padding-left: 60px;
padding-right: 45px;
}
.label1x{
position: absolute;
width: 35px;
height: 35px;
display: inline-block;
border: 1px solid #D4BB66;
text-align: center;
font-size: 1.5rem;
border-radius: 25px;
margin-left: 8px;
margin-top: 16px;
line-height: 30px;
}
.fr_page1x {
display: inline-block;
width: 96%;
min-height: 200px;
background-image: url("../images/bg_lg.png");
border: 2px solid #d6d6d6;
border-radius: 5px;
padding: 15px 45px 25px 45px;
background-color: #000;
}
.pg-lg{
width: 90%;
}
.bg_login{
}
LINE : @dtb123
