@charset "utf-8";
/* Theme Name: TLSPA by ThaiiS
Author: ThaiiS */


@font-face {
    font-family: 'OceanB';
    src: url('font/oceansansstd-book.eot');
    src: url('font/oceansansstd-book.eot') format('embedded-opentype'),
         url('font/oceansansstd-book.woff') format('woff'),
         url('font/oceansansstd-book.ttf') format('truetype'),
         url('font/oceansansstd-book.svg#OceanSansStdBook') format('svg');
}

@font-face {
    font-family: 'OceanL';
    src: url('font/oceansansstd-light.eot');
    src: url('font/oceansansstd-light.eot') format('embedded-opentype'),
         url('font/oceansansstd-light.woff') format('woff'),
         url('font/oceansansstd-light.ttf') format('truetype'),
         url('font/oceansansstd-light.svg#OceanSansStdLight') format('svg');
}

@font-face {
    font-family: 'bold';
    src: url('font/bold.eot');
    src: url('font/bold.eot') format('embedded-opentype'),
         url('font/bold.woff2') format('woff2'),
         url('font/bold.woff') format('woff'),
         url('font/bold.ttf') format('truetype'),
         url('font/bold.svg#bold') format('svg');
}


@font-face {
    font-family: 'medium';
    src: url('font/medium.eot');
    src: url('font/medium.eot') format('embedded-opentype'),
         url('font/medium.woff2') format('woff2'),
         url('font/medium.woff') format('woff'),
         url('font/medium.ttf') format('truetype'),
         url('font/medium.svg#medium') format('svg');
}

 
a, img {
    border:none;
    outline:none
}


body{ background-color:#282828;margin:0px;}




		
	.bsize {width:1400px; margin-left:auto; margin-right:auto;} 

	
@media (max-width: 1280px) {
.bsize {width:1000px; margin-left:auto; margin-right:auto;} 
   	}   





/*.bsize {width:1400px; margin-left:auto; margin-right:auto;} */

/*top*/
#toplane { position: relative; height: 160px; background: url("images/t-lai.png") repeat;} 

#showlogo {width:214px; height:53px; float:left; margin-top:24px; margin-left:106px;}     


#righttopzone {float: right; margin-right: 118px; margin-top: 28px;}


#language {color: #fff; font-size: 12px; font-family: "OceanB";  float: left; padding-top: 8px; margin-right: 10px;}
#language span a:link , #language span a:visited { color:#fff; text-decoration:none; }
#language span a:hover , #language span a:active { color:#CCC; background-color:transparent;}

#righttopsoc {float: left; margin-left: 5px;}

#menutab { width: 832px /*770930px*/; margin-left: auto; margin-right: auto; position: relative; color: #FFF; text-align: center; font-family: "OceanB"; font-size: 16px; margin-top: 20px; height: 35px;line-height: 2.2; letter-spacing:1px; text-transform:uppercase}

.mnitem {padding-left: 10px; padding-right: 10px; float:left; color:#fff}
.mnitem:hover {background-color:#ebebeb; color:#303030 !important}  /*a{ color:#303030; text-decoration:none; }*/
.mnitem a:link , .mnitem a:visited { color:#fff; text-decoration:none; }
.mnitem a:hover , .mnitem a:active { color:#303030; background-color:#ebebeb;}

.submenu {position: absolute; font-size: 12px; color: #D0D2D3; width: 360px; left: -123px; padding-top: 2px;}
.submenu span{padding-left:20px; padding-right:25px;}
.submenu span a:link , .submenu span a:visited { color:#fff; text-decoration:none; }
.submenu span a:hover , .submenu span a:active { color:#CCC; background-color:transparent;}

#mcate {display:none}




/*top*/


/*home center zone*/
#rslide {width:1400px; height:650px; margin-left:auto; margin-right:auto;}
#rslide img {display:block;}
@media (max-width: 1280px) {
#rslide {width:1000px; height:464px; margin-left:auto; margin-right:auto;}
#rslide img { width:100%}
   	}   


#tbar { background-color:#000; height:200px; }

.wholef {width: 780px; height: 130px; margin-left: auto; margin-right: auto; padding-top: 30px;}
.fbox {width:165px; height:120px; float:left; margin-left:15px; margin-right:15px;}
.fbox a:link , .fbox a:visited { color:#fff;; text-decoration:none; }
.fbox a:hover , .fbox a:active { color:#CCC;}
.ftitle { width:165px; height:28px;  /*font-family: "OceanB"; */color:#fff; font-size:16px; text-align:center; line-height:26px; text-transform:uppercase;}
.ftitle a:link , .ftitle a:visited { color:#fff;; text-decoration:none; }
.ftitle a:hover , .ftitle a:active { color:#CCC;}
   
.fimg {width:165px; height:90px;}
.fimg img{display:block;}


/*home center zone*/



/*footer*/

#footer { background-color:#221f1f; height:46px;}
#copyright {padding-top: 15px; text-align: center; /*font-family: "OceanB"; */font-size: 12px; color: #FFF; letter-spacing: 1px;}

/*footer*/
 
 
 
 
 
 /*about*/
.intropage {/*font-family: 'OceanL';*/ font-size: 26px; color: #e6e7e8; padding-top:40px; text-align:center;padding-bottom: 30px;}

.infotent {/*font-family: 'OceanL';*/ font-size: 16px; color: #808083; padding-bottom: 10px; padding-top:18px; }

.infotent p{margin: 0px;}

.colorsub { color:#F09100;}

.twofopage { padding-top: 10px; -moz-column-count: 2; -webkit-column-count: 2; /* Chrome, Safari, Opera */ column-count: 2; -moz-column-gap: 50px; column-gap: 50px; -webkit-column-gap: 50px;}
.twofopage img {width:100%; display:block}
.twofopage a:link, .twofopage a:visited {text-decoration: none; color: #808083;}
.twofopage a:hover {color:#FFF;}
.onefopage { padding-top: 10px;}
.onefopage a:link, .onefopage a:visited {text-decoration: none; color: #808083;}
.onefopage a:hover {color:#FFF;}
.onefopage img { display:block}
/*end about*/


/*sponsor*/
.singteam {width: 225px; float: left; margin-right:29px; margin-bottom: 30px; }
.singteam:nth-child(4n) { margin-right:0px;}

.teampic {width: 225px; height: 225px; }
.teampic img{ display:block}
.teamhead {font-family: 'OceanL'; font-size: 18px; color: #808083; padding-top: 10px;}
.teamcontent {font-family: 'OceanL'; font-size: 15px;  padding-top: 10px; margin-bottom: 10px; color: #808083; overflow:hidden;}

/*end sponsor*/


/*member*/
.membox {width: 180px; margin-right: 20px; float: left; height: 430px; background-color: #FFF; padding-top: 10px; margin-bottom: 30px;  font-size: 14px; text-align: center; }
.membox:nth-child(5n) { margin-right:0px;}
.membox a:link , .membox a:visited { color:#b2b2b2; text-decoration:none; }
.membox a:hover , .membox a:active { color:#c0c0c0 !important; }

.memlog {width:180px; height:112px;}
.mempic {width:180px; height:247px;}
.memname { font-family: "OceanL"; font-size: 18px; color:#b2b2b2; padding: 10px;}
.memname a:link , .memname a:visited { color:#b2b2b2; text-decoration:none; }
.memname a:hover , .memname a:active { color:#c0c0c0;}
/*member*/


/*news center zone*/
#headpage {width:1400px; height:290px; margin-left:auto; margin-right:auto;}
#headpage img {display:block;}
@media (max-width: 1280px) {
#headpage {width:1000px; height:207px; margin-left:auto; margin-right:auto;}
#headpage img { width:100%}
   	}   

.bottom-line {height: 70px; background: url("images/b-lai.png") repeat;}

#wholepage { padding-bottom:50px; background-color:#000000;}
.insize { width:990px; margin-left:auto; margin-right:auto; }
.introimg {text-align: center; padding-top: 20px;}
.topichead {font-family: "OceanL"; font-size: 32px; color: #F09100; text-align: center; padding-top: 20px; padding-bottom: 10px;}

.packinfo {/*font-family: 'OceanL';padding-top:18px*/ font-size: 16px; color: #808083; padding-bottom: 10px; }

.wholebox {min-height: 300px; padding-bottom: 30px; padding-top: 20px;}

.singprev {width: 225px; float: left; margin-right: 26px; margin-bottom: 30px; border: 1px solid #323031;}
.singprev:nth-child(4n) { margin-right:0px;}

.prevpic {width: 225px; height: 150px; }
.prevpic img{ display:block}
.prevhead {/*font-family: 'OceanL';*/ font-size: 16px; color:#F09100;/* #808184;*/ padding: 10px; height: 15px; overflow: hidden;}
.prevhead a:link , .prevhead a:visited { color:#F09100; text-decoration:none; }
.prevhead a:hover , .prevhead a:active { color:#BF7505;}
.prevcontent {padding-left: 10px; padding-right: 10px; margin-bottom: 10px; color: #808184; overflow: hidden; padding-top: 10px; height: 150px;}
.prevmore {width:75px; height:20px; padding-left: 10px; margin-bottom: 20px;}

/*news center zone*/



/*sub-footer*/
.endsection { min-height: 100px; padding-top: 40px; border-top: 2px solid #434445;}
.footlog {margin-left: 25px; margin-right: 25px; width: 150px; float: left; height: 100px;}
.footlog img{ display:block}
.foottext {font-family: "OceanL"; font-size: 14px; color: #676767; line-height: 1.5; width: 500px; float: left; padding-top: 5px;}
/*sub-footer*/


/*single promo*/

#headpromozone { text-align:center; padding-top:80px; padding-bottom:40px}
.promotitle {font-family: "OceanB"; font-size: 62px; color: #FFF; }
.promosub {font-family: "suksemi-bold"; font-size: 28px; color: #FFF; letter-spacing: 3px;}

/*end single promo*/


/*single-new zone*/
.newstop {/*font-family: "OceanL"; */font-size: 32px; color: #F09100; padding-top: 40px; padding-bottom: 10px;}


.morepho { width: 180px; height: 120px; float: left; margin-right: 20px; margin-bottom: 20px;}
.morepho:nth-child(5n) { margin-right:0px;}


/*single-new zone*/
 
 

/*#chooselg span a:link, a:visited {color:#FFF; text-decoration:none;}
#chooselg span a:hover , a:active { color:#535353}*/

/*contact7

.ui-datepicker { font-size: 13px !important;}
.wpcf7-form-control.wpcf7-select {width:160px; }
.wpcf7-form-control.wpcf7-select option{width:160px; }
.wpcf7-form-control.wpcf7-textarea {width:280px; height:100px; }
.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.hasDatepicker {width:160px; }*/
.wpcf7-form-control.wpcf7-text {background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(128, 128, 131); height: 20px; width: 300px; color: #808083;  }
.wpcf7-form-control.wpcf7-select {background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(128, 128, 131); height: 20px; color: #808083; }
.wpcf7-form-control.wpcf7-textarea {background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(128, 128, 131); width: 300px; color: #808083;  }
.wpcf7-form-control.wpcf7-captchar {background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(128, 128, 131); height: 20px; width: 300px; color: #808083;  }
.wpcf7-submit { background: url(images/send.jpg) no-repeat scroll left top transparent; border: medium none; padding: 0px; margin: 0px; text-indent: -50000px; width: 184px; height: 35px;}

/*contact7
body{

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
}*/