/* CSS Document */
@font-face {
    font-family: 'thaisanslite_r1';
    src: url('font/thaisanslite_r1.eot');
    src: url('font/thaisanslite_r1.eot?#iefix') format('embedded-opentype'),
         url('font/thaisanslite_r1.woff2') format('woff2'),
         url('font/thaisanslite_r1.woff') format('woff'),
         url('font/thaisanslite_r1.ttf') format('truetype'),
         url('font/thaisanslite_r1.svg#circularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.logo {
width: 100%;
margin: 0 auto 0 auto;
position: absolute;
z-index: 0;
}

.logo img{
	width:100%;
	height:100%;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

.btnclose a{
	text-align: right;
	cursor: pointer;
	font-size: 0.9em;
	margin: 1.5% auto 0 auto;
	padding: 0 1%;
	color: #fff;
	position: absolute;
	z-index: 99;
	background: #000;
	display: block;
	border: 1px solid #000;
	right: 0;
	display:block;
}

.btnclose a:hover{
	text-decoration:none;
}

.boxmenuright{
	width:340px;
	height:100%;
	background:url(../images/bgmenu.png) repeat;
	position:absolute;
	z-index:9;
	right:0;
	float:right;
	display:block;
	
	
}

.boxright{
	width:90%;
	margin:20% auto 0 auto;
	color:#000000;
	
}

.topic{
	font-size:1.8em;
	line-height:28px;
	font-weight:bold;
	text-transform:uppercase;
}

.topichead{
	font-size:2em;
	line-height:28px;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	border-bottom:1px solid #333333;
	padding-bottom:2%;
}

.topic {
	color:#000;
	font-weight:bold;
	font-size:3em;
	line-height:1.3em;
}

.bluetop{
	color:#1763c1;
	font-weight:bold;
	font-size:1.8em;
	text-transform:uppercase;
	line-height:1.2em;
}

.red{
	color:#FF0000;
}

.blue{
	color:#000;
}

.bold{
	font-weight:bold;
}

.bold2{
	font-size:1.2em;
	font-weight:bold;
}

.topic3{
	font-size:2em;
	margin-top:3%;
	font-weight:bold;
}

.topic2{
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: bold;
}

.translate{
	text-align:center;
	margin:0 auto;
}


.boxgreen a{
	padding: 1%;
	height:68px;
	width:304px;
	color: #FFFFFF;
	display:block;
	transition: background-color 0.5s ease;
	background:url(../images/rate.png) no-repeat;
}

.boxgreen a:hover{
	padding: 1%;
	color: #FFFFFF;
	text-decoration:none;
	background:url(../images/rate_hover.png);
}

.space{
	height:5px;
}

.mtext1{
	font-size:1.5em;
	line-height:1.2em;
	font-family: 'thaisanslite_r1';
}

.mtext2{
	font-size:1.2em;
	line-height:1.2em;
	font-family: 'thaisanslite_r1';
}



.boxmenuleft{
	width:270px;
	height:100%;
	background:url(../images/bgmenu.png) repeat;
	position:absolute;
	z-index:9;
}

.menuleft {
width: 80%;
margin: -10% auto 0 auto;
text-align: center;
position: relative;
top: 232px;
}

.menuleft li{
	width:100%;
	border-bottom:1px solid #cdcdcd;

}

.menuleft li:hover{
	transition: background-color 0.5s ease;
	background:#1763c1;
}

.menuleft li a{
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000000;
	line-height:34px;
	font-size:1.2em;
	font-weight:bold;
	width:100%;
	display:block;
}

.menuleft li a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

.menuleft li.last{
	border:0;
}

.translate {
margin: 0% auto 0 auto;
width: 65%;
top: 225px;
position: relative;
}

.flag a{
	margin:0 1%;
}

.select{
	margin-bottom:5%;
	color:#000000;
}

.boxsocial{
	position:absolute;
	bottom:10%;
	width:100%;
}

.socialbox{
	width:70%;
	margin:0 auto;
}

.txtsocial{
	float:left;
	font-size:1em;
	padding:2px 10px 0 10px;
	color:#000000;
	font-family: 'Courgette', cursive;
}

.faceicon a{
	float:left;
	padding:0 14px;
	font-size:1.1em;
	border:1px solid #000000;
	font-weight:boldl;
	color:#000000;
}

.faceicon a:hover{
	text-decoration:none;
	background:#333333;
	color:#FFFFFF;
	transition: background-color 0.5s ease;
}

.footer{
	position:absolute;
	z-index:10;
	bottom:0;
	padding:10px 5px;
	background:#000000;
	width:100%;
}

.copy{
	font-size:0.7em;
	color:#FFFFFF;
	width:60%;
	float:left;
	padding-left:1%;
	
}

.tel{
	float:left;
	width:40%;
	font-size:0.8em;
	color:#FFFFFF;
	text-align:right;
	padding-right:1%;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }