body {
	margin: 0;
	padding: 0;
	background: #ebebeb;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #acacac;
}
hr{
	border-top:1px solid #1d1d1d;
	border-bottom:1px solid #898989;
}
#header-wrapper{
	background-image:url(images/bghead.png);
	width:100%;
	height:auto;
}
#header{
	width:1000px;
	margin: 0 auto;
	height:115px;
}
#header .logo{
	position:absolute;
	margin-top:20px;	
}
#header .language{
	float:right;
	margin-top:10px;
}
.boximglist ul{
	list-style:none;
	margin-left:-43px;	
}
.boximglist ul li{
	float:left;
	padding-left:5px;
}
.boxcontenmain{
	margin-top:10px;
	margin-bottom:10px;
}
.boxcontenmain .boxmain1{
	width:310px;
	height:auto;
	float:left;
	display:inline-block;
}
.boxcontenmain .boxmain2{
	background-color:#FFF;
	padding:10px;
	width:640px;
	min-height:160px;
	height:auto;
	display:inline-block;
	margin-left:10px;
	font-size:14px;
	color:#676767;
}
.boxcontenmain .boxmain2 h1{
	color:#8dc63f;
	font-size:20px;
	margin-top:-5px;
}
.boxcontenimage{
	border:5px solid #666;
	margin-top:10px;
}
.namepro{
	padding:10px;
	font-size:25px;
	color:#8dc63f;
	text-shadow:2px 2px 2px #CCC;
}
#contenbody-wrapper{
	width:100%;
	min-height:500px;	
}
#contenbody-wrapper .contenbody{
	width:1000px;
	margin: 0 auto;
}
.contenbody .boximags360{
	padding-top:20px;
}
#pano{
	position:relative;
	z-index:-10
}
.contenbody .logo{
	position:absolute;
	width:150px;
	height:40px;
	margin-left:800px;
	margin-top:-60px;
	z-index:10;
	visibility: visible;	
}
#footer-wrapper{
	background-image:url(images/bgfooter.png);
	width:100%;
	height:auto;
}
#footer-wrapper .footer{
	width:1000px;
	margin: 0 auto;
	height:250px;
}
#footer-wrapper .footer .logo{
	float:right;
	margin-top:15px;
	width:150px;
	height:40px;
}
#footer-wrapper .footer .logo img{
	width:150px;
	height:40px;
}
#footer-wrapper .footer .boxdata{
	height:150px;
}
#footer-wrapper .footer .boxdata .social{
	margin-top:25px;
	width:200px;
	height:50px;
	float:left;
	display:inline-block;
}
#footer-wrapper .footer .boxdata .info{
	width:450px;
	float:right;
	font-size:14px;
}
#footer-wrapper .copyright{
	width:400px;
	float:left;
	margin-left:50px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
}
#footer-wrapper .company{
	width:180px;
	float:right;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
}

.info .head{
	font-weight:bold;
	color:#FFF;
}
.xf-2{
	font-size:20px;
}
.xf-1{
	font-size:18px;
}
.f-right{
	float:right;
}
/* NAV */
#nav{
	float:right;
	margin-top:30px;	
}
#nav ul{
	list-style:none;
	float:left;
}
#nav ul li{
	margin-left:15px;
	display:inline-block;

}
#nav ul li a{
	padding-bottom:5px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	color:#d7dade;
	font-size:14px;
	text-decoration:none;
}
#nav ul li .current,#nav ul li a:hover{
	background-image:url(images/bgnav.png);
	border-radius:5px;
	box-shadow:2px 2px 2px #1f1f1f;
	color:#181818;
}
.clear{
	clear:both;
}
/* END NAV */

/* Icon */
.icon-h{
	background-image:url(images/iconh.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:2px;
	margin-left:5px;
	margin-right:5px;
}
.icon-a{
	background-image:url(images/icona.png);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:2px;
	margin-left:5px;
	margin-right:5px;
}
.icon-p{
	background-image:url(images/iconp.png);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:2px;
	margin-left:5px;
	margin-right:5px;
}
.icon-s{
	background-image:url(images/icons.png);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:2px;
	margin-left:5px;
	margin-right:5px;
}
.icon-c{
	background-image:url(images/iconc.png);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:2px;
	margin-left:5px;
	margin-right:5px;
}
.icon-f{
	background-image:url(images/iconfacebook.png);
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:25px;
	margin-left:5px;
	margin-right:5px;
}
.icon-g{
	background-image:url(images/icongoogleplus.png);
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:25px;
	margin-left:5px;
	margin-right:5px;
}

.icon-t{
	background-image:url(images/icontwiter.png);
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:25px;
	margin-left:5px;
	margin-right:5px;
}


.icon-en::before
{
content:"EN";
background-color:#8dc63f;
border-radius:50px;
padding:5px;
color:#FFF;
font-weight:bold;
margin-right:5px;
}
.icon-th::before
{
content:"TH";
background-color:#ebebeb;
border-radius:50px;
padding:5px;
color:#FFF;
font-weight:bold;
}
/* END Icon */