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

}

#img_lang{
	opacity:1;
}

#img_lang_select{
	opacity:.3;
}

#footer_button{
	float:left; width:100%; height:auto; margin-top:15px; padding-top:10px; background-color:#000000;	
}

.font-th{
	font-family: 'THSarabunNew', sans-serif;
}
.select_index{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:4px 16px 1px 16px;
	border: 0px solid #000000;
}
.select_index:a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 15px 0px 15px;
	border: 0px solid #000000;
}
.select_index:hover{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 15px 0px 15px;
	border: 1px solid #ffffff;
}
.select{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 15px 0px 15px;
	border: 1px solid #ffffff;
}


img{
	border:0px;	
}
html { 
  /*background:url(../image/bg.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bg.jpg', sizingMethod='scale');*/
}
body {
	margin: 0px;
	padding: 0px;
	font-family: MyCustomFont, Verdana, Arial, sans-serif;
    font-size: 14px;
	background-color:#fff;
}
.top_panel{
	width:100%;
	height:220px;
	float:left;
	background:url(../image/bg-duo-02.jpg) center center no-repeat;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bg-duo-02.jpg', sizingMethod='scale')";
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bg-duo-02.jpg', sizingMethod='scale');
}
.flow-ground{
	width:100%;
	height:220px;
	float:left;
	/*background:url(../image/grid.png);
	background-repeat:repeat;*/
}
#tab_top{
	width:100%;
	height:125px;
	background:url(../image/top.png);
	background-repeat:repeat;	
	position:fixed;
	z-index:99;
}
#logo{
	font-family: 'THSarabunNew', sans-serif;
	font-size:44px;
	width:300px;
	color:#FFF;
	height:180px;
	margin:10px 0px 0px 30px;
	float:left;
}
#main-menu{
	font-family: 'THSarabunNew', sans-serif;
	font-size:18px;
	color:#FFF;
	width:650px;
	height:auto;
	margin:70px 0px 0px 0px;
	float:right;
	position:relative;
	z-index:51;
}
#main-menu_lang{
	font-family: 'THSarabunNew', sans-serif;
	font-size:14px;
	color:#FFF;
	width:120px;
	height:auto;
	margin:30px 45px 0px 0px;
	position:absolute;
	right:0px;
}
#mbox_select{
	width:50%;
	height:180px;
	background-color:#e2ba82;
	float:left;
	opacity:.5;
}
#mbox_select_detail{
	width:100%;
	height:auto;
	background-color:#ffffff;
	float:left;
	padding-bottom:20px;
}
#mbox_select_index{
	width:50%;
	height:180px;
	background-color:#333333;
	color:ffffff;
	float:left;
	opacity:.5;
}

#mbox_red{
	width:50%;
	height:180px;
	background-color:#6e433d;
	float:left;
	color:#FFFFFF;
	opacity:.5;
}
#mbox_oak{
	width:50%;
	height:180px;
	background-color:#504846;
	float:left;
	color:#FFFFFF;
	opacity:.9;
}
#mbox_teak{
	width:50%;
	height:180px;
	background-color:#b06e58;
	float:left;
	color:#FFFFFF;
	opacity:.8;
}
#mbox_white{
	width:50%;
	height:180px;
	background-color:#d8dfe6;
	float:left;
	color:#000000;
	opacity:.8;
}

.mmenu3{
	font-family: 'THSarabunNew', sans-serif;
	width:100%;
	height:100px;
	color:#333333;
	font-size:36px;
	text-align:left;
	margin-left:18px;
	margin-top:87px;
	float:left;
	line-height:40px;
}
.mmenu4{
	font-family: 'THSarabunNew', sans-serif;
	width:100%;
	height:100px;
	color:#FFFFFF;
	font-size:36px;
	text-align:left;
	margin-left:18px;
	margin-top:87px;
	float:left;
	line-height:40px;
}
.mmenu4b{
	font-family: 'THSarabunNew', sans-serif;
	width:100%;
	height:100px;
	color:#000000;
	font-size:36px;
	text-align:left;
	margin-left:18px;
	margin-top:87px;
	float:left;
	line-height:40px;
}

a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color:#FFF4BD;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

#parent1Div{
	width:100%;
	height:450px; 
	float:left;	
}
#slideshow{
	width:100%; 
	height:450px; 
	float:left;	
}
#contentSlide{
	width:100%; 
	height:450px; 
	float:left;	
	background-color:#FF6769;
}
#contentL{
	width:50%; 
	height:450px; 
	float:left; 
	background-color:#FFD4AF;
}
#contentR{
	width:50%; 
	height:450px; 
	float:left; 
	background-color:#A4A3A3;	
}
#content_footer{
	width:100%;
	height:180px;
	float:left;
	background-color:#2A2929;	
	font-family: 'THSarabunNew', sans-serif;
	font-size:14px;
	line-height:20px;
	color:#FFFFFF;
}
#box_1{
	width:50px;
	height:50px;
	float:left;
	background-color:#878787;
	opacity:.5;
}
#box_2{
	width:50px;
	height:50px;
	float:left;
	background-color:#878787;
	opacity:1;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background:#DBC4AC;
  position: fixed;
  z-index: 2000;
  top: 125px;
  right: 100%;
  width: 100%;
  height: 2px;
}

#product_item{
	width:60%;
	height:auto;
	float:right;
	padding:0px;
}
#product_item:a{
	width:60%;
	height:auto;
	float:right;
	margin:0px;
}

#product_img{
	width:100%;
	height:auto;
	float:left;
}
#product_line{
	width:100%;
	height:4px;
	float:left;
	margin-top:17px;
	background-color:#6a505b;	
}
#product_box{
	width:100%;
	height:auto;
	float:left;
	padding-top:30px;
	color:#333333;
}
#product_box_mobile{
	display:none;	
}
#content{
	width:100%;
	height:auto;
	float:left;
	background-color:#ffffff;	
}
#product_name{
	width:100%;
	height:20px;
	float:right;
	font-family: 'THSarabunNew', sans-serif;
	font-size:30px;
	line-height:34px;
	margin-top:15px;
	margin-right:35px;
	text-align:right;
}
#product_detail{
	width:100%;
	height:65px;
	float:right;
	margin-top:30px;
	font-family: 'THSarabunNew', sans-serif;
	font-size:20px;
	line-height:28px;
	margin-right:35px;
	text-align:right;
}
#product_icon{
	width:100%;
	height:30px;
	float:right;
	text-align:right;
}
#panel_menu{
	width:40%;
	float:left;	
	/*height:765px;*/
	padding:0px;
	margin:0px;
	background-image:url(../image/wood_bg.jpg);
}
#content_product{
	width:40%;
	height:auto;
	float:right;
	background-color:#ffffff;	
}

#address{ float:left; width:300px; height:130px; margin-left:30px; margin-top:35px; }
#email{ float:left; width:300px; height:50px; margin-left:30px; margin-top:113px; }
#font_menu_bar{ width:500px; margin-right:30px; margin-top:2px; float:right; text-align:right; padding-bottom:10px; }

@media (max-width: 1920px){
	#content_product{
		width:40%;
		height:auto;
		float:right;
		background-color:#ffffff;	
	}
	#panel_menu{
		width:60%;
		/*height:765px;*/
		float:left;	
		padding:0px;
		margin:0px;
		background-image:url(../image/wood_bg.jpg);
	}
	#product_item{
		width:100%;
		height:auto;
		float:right;
		padding:0px;
	}
	#product_item:a{
		width:100%;
		height:auto;
		float:right;
		margin:0px;
	}
	#product_box{
		width:100%;
		height:auto;
		float:left;
		padding-top:30px;
		color:#333333;
	}
	#product_box_mobile{
		display:none;	
	}
	#product_name{
		width:100%;
		height:20px;
		float:right;
		font-family: 'THSarabunNew', sans-serif;
		font-size:30px;
		line-height:34px;
		margin-top:15px;
		margin-right:35px;
		text-align:right;
	}
	#product_detail{
		width:100%;
		height:65px;
		float:right;
		margin-top:30px;
		font-family: 'THSarabunNew', sans-serif;
		font-size:20px;
		line-height:28px;
		margin-right:35px;
		text-align:right;
	}
	#product_icon{
		width:100%;
		height:30px;
		float:right;
		text-align:right;
	}
}

@media only screen and (min-width: 801px) and (max-width: 1024px){
	#content_product{
		width:60%;
		height:auto;
		float:right;
		background-color:#ffffff;	
	}
	#panel_menu{
		width:40%;
		/*height:610px;*/
		float:left;	
		padding:0px;
		margin:0px;
		background-image:url(../image/wood_bg.jpg);
	}
	#product_item{
		width:100%;
		height:auto;
		float:right;
		padding:0px;
	}
	#product_item:a{
		width:100%;
		height:auto;
		float:right;
		margin:0px;
	}
	#product_box{
		width:100%;
		height:auto;
		float:left;
		padding-top:30px;
		color:#333333;
	}
	#product_box_mobile{
		display:none;	
	}
	#product_name{
		width:100%;
		height:20px;
		float:right;
		font-family: 'THSarabunNew', sans-serif;
		font-size:30px;
		line-height:34px;
		margin-top:15px;
		margin-right:35px;
		text-align:right;
	}
	#product_detail{
		width:100%;
		height:65px;
		float:right;
		margin-top:30px;
		font-family: 'THSarabunNew', sans-serif;
		font-size:20px;
		line-height:28px;
		margin-right:35px;
		text-align:right;
	}
	#product_icon{
		width:100%;
		height:30px;
		float:right;
		text-align:right;
	}
}

@media only screen and (max-width:800px){
	
	#content_product{
		width:100%;
		height:auto;
		float:right;
		background-color:#ffffff;	
	}
	.top_panel{
		width:100%;
		height:300px;
		float:left;
		background:url(../image/bg-duo-02_sm.png) center center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bg-duo-02_sm.png', sizingMethod='scale')";
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bg-duo-02_sm.png', sizingMethod='scale');
	}
	.flow-ground{
		width:100%;
		height:160px;
		float:left;
		/*background:url(../image/grid.png);
		background-repeat:repeat;*/
	}
	#tab_top{
		width:100%;
		height:160px;
		background:url(../image/top.png);
		background-repeat:repeat;
		position:fixed;
	}
	#logo{
		width:100%;
		height:auto;
		margin:10px auto;
		text-align:center;
	}
	.logo{
		width:25%;
		min-width:150px;
		margin:10px auto;
		text-align:center;
	}
	#main-menu{
		font-family: 'THSarabunNew', sans-serif;
		font-size:14px;
		color:#FFF;
		width:100%;
		height:auto;
		margin:0px 0px;
		float:left;
		text-align:center;
	}
	#mbox_select{
		width:50%;
		min-width:120px;
		height:140px;
		background-color:#e2ba82;
		float:left;
		opacity:.5;
	}
	#mbox_select_detail{
		width:100%;
		height:140px;
		background-color:#fffff;
		float:left;
		padding-bottom:20px;
	}
	#mbox_select_index{
		width:50%;
		min-width:120px;
		height:140px;
		background-color:#333333;
		color:ffffff;
		float:left;
		opacity:.5;
	}
	
	#mbox_red{
		width:50%;
		min-width:120px;
		height:140px;
		background-color:#6e433d;
		float:left;
		color:#FFFFFF;
		opacity:.5;
	}
	#mbox_oak{
		width:50%;
		min-width:120px;
		height:140px;
		background-color:#504846;
		float:left;
		color:#FFFFFF;
		opacity:.9;
	}
	#mbox_teak{
		width:50%;
		min-width:120px;
		height:140px;
		background-color:#b06e58;
		float:left;
		color:#FFFFFF;
		opacity:.8;
	}
	#mbox_white{
		width:50%;
		min-width:120px;
		height:140px;
		background-color:#d8dfe6;
		float:left;
		color:#000000;
		opacity:.8;
	}
	
	.mmenu3{
		font-family: 'THSarabunNew', sans-serif;
		width:90%;
		height:100px;
		color:#333333;
		font-size:30px;
		text-align:left;
		margin-left:5%;
		margin-top:47px;
		float:left;
		line-height:40px;
	}
	.mmenu4{
		font-family: 'THSarabunNew', sans-serif;
		width:90%;
		height:100px;
		color:#FFFFFF;
		font-size:30px;
		text-align:left;
		margin-left:5%;
		margin-top:47px;
		float:left;
		line-height:40px;
	}
	.mmenu4b{
		font-family: 'THSarabunNew', sans-serif;
		width:90%;
		height:100px;
		color:#000000;
		font-size:30px;
		text-align:left;
		margin-left:5%;
		margin-top:47px;
		float:left;
		line-height:40px;
	}
	
	
	#content_footer{
		width:100%;
		height:240px;
		float:left;
		background-color:#2A2929;	
		font-family: 'THSarabunNew', sans-serif;
		font-size:14px;
		line-height:20px;
		color:#FFFFFF;
	}
	#box_1{
		width:50px;
		height:50px;
		float:left;
		background-color:#878787;
		opacity:.5;
	}
	#box_2{
		width:50px;
		height:50px;
		float:left;
		background-color:#878787;
		opacity:1;
	}
	
	.pace {
	  -webkit-pointer-events: none;
	  pointer-events: none;
	
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  user-select: none;
	}
	
	.pace-inactive {
	  display: none;
	}
	
	.pace .pace-progress {
	  background:#DBC4AC;
	  position: fixed;
	  z-index: 2000;
	  top: 160px;
	  right: 100%;
	  width: 100%;
	  height: 2px;
	}
	
	#product_item{
		width:100%;
		height:auto;
		float:right;
		padding:0px;
		margin-top:-50px;
	}
	#product_item:a{
		width:100%;
		height:auto;
		float:right;
		margin:0px;
		margin-top:-50px;
	}
	
	#product_img{
		width:100%;
		height:auto;
		float:left;
	}
	#product_line{
		width:100%;
		height:4px;
		float:left;
		margin-top:17px;
		background-color:#6a505b;	
	}
	#product_box{
		display:none;
	}
	#product_box_mobile{
		width:100%;
		height:auto;
		float:left;
		padding-top:0px;
		color:#333333;
		display:block;
	}
	#content{
		width:100%;
		height:auto;
		float:left;
		background-color:#ffffff;	
	}
	#product_name{
		width:80%;
		height:auto;
		float:right;
		font-family: 'THSarabunNew', sans-serif;
		font-size:24px;
		line-height:34px;
		margin-top:45px;
		margin-right:10%;
		text-align:right;
	}
	#product_detail{
		width:80%;
		height:auto;
		float:right;
		margin-top:7px;
		font-family: 'THSarabunNew', sans-serif;
		font-size:18px;
		line-height:30px;
		margin-right:10%;
		text-align:right;
	}
	#product_icon{
		width:80%;
		height:30px;
		float:right;
		margin-top:10px;
		margin-right:10%;
		text-align:left;	
	}
	#panel_menu{
		width:100%;
		float:left;	
		height:140px;
		padding:0px;
		margin:0px;
		background-image:url(../image/wood_bg.jpg);
	}

	#address{ float:left; width:90%; min-width:240px; height:auto; margin-top:20px; }
	#email{ float:left; width:90%; min-width:240px; height:auto; margin-top:10px; }
	#font_menu_bar{ width:90%; margin-top:2px; float:right; text-align:center; line-height:20px; padding-bottom:10px; }
	.select_index{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:2px 8px 1px 8px;
		border: 0px solid #000000;
		opacity:.7;
	}
	.select_index:a{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:1.5px 7.5px 0px 7.5px;
		border: 0px solid #000000;
		opacity:.5;
	}
	.select_index:hover{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:1.5px 7.5px 0px 7.5px;
		border: 1px solid #ffffff;
		opacity:1;
	}
	
	#main-menu_lang{
		font-family: 'THSarabunNew', sans-serif;
		font-size:14px;
		color:#FFF;
		width:120px;
		height:auto;
		margin:15px 15px 0px 0px;
		position:absolute;
		right:0px;
	}
	#footer_button{
	position:fixed; bottom:0px; width:100%; height:auto; padding-top:10px; background-color:#000000; z-index:99;
}
}