@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'PSL162';
    src: url('../fonts/PSL162.eot');
    src: url('../fonts/PSL162.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PSL162.woff') format('woff'),
         url('../fonts/PSL162.ttf') format('truetype'),
         url('../fonts/PSL162.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'thaisans_neueregular';
    src: url('../fonts/thaisansneue-regular-webfont.eot');
    src: url('../fonts/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thaisansneue-regular-webfont.woff') format('woff'),
         url('../fonts/thaisansneue-regular-webfont.ttf') format('truetype'),
         url('../fonts/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0px;
	padding:0px;	
	font-family:Tahoma, Geneva, sans-serif;
	background:#000;
}


h.a1{font-size:16px; color:#fff; }
h.a2{ font-size:2.6em; color:#fff; font-weight:700; font-family: 'thaisans_neueregular'; }
h.a3{font-size:26px; color:#000; font-weight:bold; }
h.a4{color:#fff; }
h.a5{font-size:60px; color:#ff076b; line-height:50px; letter-spacing:1px; font-weight:bold; font-family: 'PSL162';}
h.a6{font-size:60px; color:#323232; letter-spacing:1px; font-family: 'PSL162';}
h.a7{font-size:42px; color:#323232; letter-spacing:1px; font-family: 'PSL162';}
h.a8{font-size:80px; color:#323232; letter-spacing:0px; }



a:link {text-decoration:none; color:#fff; }
a:hover {text-decoration:none; color:#f6ff00; }

img{ max-width:100% ; background-size:100% auto; }


.t-box01{ 
	width:50%; height:auto; overflow:hidden; display:block; 
	text-align:left; margin:auto; margin-top:70px; margin-bottom: 20px;
	line-height:0.8; float: left; 
}
.t-big01{ 
	width:auto; height:auto; overflow:hidden; margin:auto;  
	font-size:110px; color:#FFF; text-shadow: 1px 1px 1px #000; 
	font-family: 'PSL162';  
}
.t-small01{ 
	width:auto; height:auto; overflow:hidden; margin:auto; 
	font-size:70px; color:#FFF; text-shadow: 1px 1px 1px #000; 
	font-family: 'PSL162'; 
}
.t-small02{ 
	width:auto; height:auto; overflow:hidden; margin:auto; 
	font-size:50px; color:#FFF; text-shadow: 1px 1px 1px #000; 
	font-family: 'PSL162'; line-height:0.9;
}

.pic-box{width: 50%; overflow: hidden; display: block; float: left; margin-left: 0px; margin-top: 80px;}


.bt-download{ width:235px; height:auto; overflow:hidden; }
.bt-download:hover{opacity: 0.8;}


.wrapper{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

.section3{ 
	width:100%; height:1080px; margin:auto; margin-top: 0px; 
	overflow:hidden; display:block; text-align: center; 
	background:url("../images/bg1.jpg") no-repeat center top  #000; 
}

.sub-section3 { width:1000px; height:auto; display: block; overflow:hidden; margin:40px auto; }


/*********************/



/****** foot *****/

.foot{ width:100%; height:auto; overflow:hidden; background:#168caa; border-top:0px solid #c4c4c4; }
.boxfoot{ width:80%; height:auto; margin:0 auto; margin-top:20px; margin-bottom:40px; text-align:left; padding-left:10px; }
.logofoot{ width:auto; height:auto; }
.textfoot{ width:auto; height:auto; overflow:hidden; margin:5px auto; text-align:left; color:#fff; padding-bottom:10px; }




/**** Button to top *****/
a.back-to-top {
	display:none;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 10px;	
	bottom: 10px;
	background: url("../images/back-to-top-01.png") no-repeat center 43%;
	
}
a:hover img.back-to-top {
	opacity: .5;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	
}

@media screen and (min-width: 1700px) and (max-width: 1920px){

}

@media screen and (min-width: 1210px) and (max-width: 4600px){

}

@media screen and (max-width: 1370px){
.t-box01{ margin-top:90px;  }
}

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

}

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

}

@media screen and (max-width: 1024px){
.wrapper, .boxfoot{ width:100%; }
.sub-section3 { width:86%; padding:0px}
.t-box01{ margin-top:50px;  }
.t-big01{ font-size:90px; }
.t-small01{ font-size:66px; }
}

@media screen and (max-width: 900px){
.t-box01{ width:90%; margin: auto; margin-top:60px; margin-bottom:30px; float: none; text-align: center;  }
.pic-box{ width: 90%; float: none; margin: auto;}
.t-small01{ font-size:80px; }
.section3 { height: auto; }
.sub-section3 { width:96%; padding:0px}
.bt-download{ margin:auto; margin-top:15px; }
}

@media screen and (max-width: 768px){
.sub-section3 { margin-top:60px; margin-bottom:10px; }
.t-box01{ width:90%; margin: auto; margin-top:60px; margin-bottom:30px; float: none; text-align: center;  }
.pic-box{ width: 90%; float: none; margin: auto;}
.t-small01{ font-size:80px; }
}

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

}

@media screen and (min-width: 490px) and (max-width: 740px){
.t-box01{ margin-top:20px; margin-bottom:0px; float: none; text-align: center;  }
a.back-to-top { width:60px; height:60px; background: url("../images/back-to-top-35x35.png") no-repeat center 43%; }
}

@media screen and (min-width: 380px) and (max-width: 480px){
.bt-download{ width:235px; height:auto; overflow:hidden; margin:auto; margin-top:15px; }
.sub-section3 { margin-top:60px; margin-bottom:10px; padding:0px; }
.boxfoot{ width:100%; height:auto; text-align:center; padding-left:0px; }
.logofoot{ width:40%; height:auto; margin:auto; }
.textfoot{ margin:5px auto; text-align:center; padding-bottom:0px; }
a.back-to-top { width:35px; height:35px; background: url("../images/back-to-top-35x35.png") no-repeat center 43% ; }
.t-box01{ width:90%; margin: auto; margin-top:20px; margin-bottom:0px; float: none; text-align: center;  }
.pic-box{ width: 90%; float: none; margin: auto;}
.t-big01{ font-size:76px; }
.t-small01{ font-size:60px; }
.t-small02{ font-size:40px; }

}

@media screen and (min-width: 320px) and (max-width: 375px){
.bt-download{ width:235px; height:auto; overflow:hidden; float:none; margin:auto; margin-top:15px; }
.sub-section3 { margin-top:60px; margin-bottom:10px; padding:0px; }
.boxfoot{ width:100%; height:auto; text-align:center; padding-left:0px; }
.logofoot{ width:40%; height:auto; margin:auto; }
.textfoot{ margin:5px auto; text-align:center; padding-bottom:0px; }
a.back-to-top { width:35px; height:35px; background: url("../images/back-to-top-35x35.png") no-repeat center 43%; }
.t-box01{ width:90%; margin: auto; margin-top:20px; margin-bottom:0px; float: none; text-align: center;  }
.pic-box{ width: 90%; float: none; margin: auto;}
.t-big01{ font-size:72px; }
.t-small01{ font-size:60px; }
.t-small02{ font-size:40px; }
}