/* 
FONT CSS ====================================== */ 
@import url('https://fonts.googleapis.com/css?family=Taviraj|Trirong');

@font-face {
    font-family: 'EkkamaiStandard';
    src: url('../fonts/EkkamaiStandard-Light.eot'); 
    src: url('../fonts/EkkamaiStandard-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EkkamaiStandard-Light.woff') format('woff'), 
         url('../fonts/EkkamaiStandard-Light.ttf') format('truetype'); 
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

.spText {font-size:18px;}

/* 
MAIN LAYOUT CSS ====================================== */
html, body {
	margin:0px; height:100%; 
	font-family:'Trirong', sans-serif;
	font-size:18px;
	line-height:1.8;
	color:#fff;
	background:#000;
}
.ff-en {font-family:'Taviraj', sans-serif;}
.ff-head {font-family:'EkkamaiStandard', sans-serif;}

a {color:#fff; outline:none; text-decoration:none; outline: none !important;}
a:hover {text-decoration:none; color:#fff;}
a:focus {text-decoration:none; color:#fff;}
a img {border:0px;}

.mainContainer {display:block; position:relative; width:100%; min-height:100%; overflow:hidden;}
.mainContainer.maxHeight-hidden {max-height:100vh;}

.header {display:block; position:fixed; left:0px; top:0px; width:100%; z-index:100;}
	.header .bgHeader {
		display:block; width:100%; height:0px; background:rgba(0,0,0,0.8); overflow:hidden;
		-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
	}
	.header .logo {
		display:block; position:absolute; left:64px; top:26px; width:227px;
		-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
	}
	.header .logo img {display:block; width:100%; height:auto;}
	.header .logo .logo-overlay {
		display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;

		-webkit-mask: url(../images/logo-voodoo.png); mask: url(../images/logo-voodoo.png);
		-webkit-mask-size:100% 100%; mask-size: 100% 100%;
		
		-webkit-mix-blend-mode: overlay;
		mix-blend-mode: overlay;
	}
	.header .logo .logo-overlay:before {
		display:block; content:''; position:absolute; left:0px; top:-40px; width:100%; height:40px; background:url(../images/logo-overlay.png) repeat-x left top;
		-webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -ms-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out;
	}
	.header .logo:hover .logo-overlay:before {top:100%;}
	
	.header .boxMenu {
		display:block; position:absolute; right:64px; top:32px; font-family:'EkkamaiStandard', sans-serif;
		-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	}
	.header .boxMenu:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.header .boxMenu a {display:block; float:left; height:32px; line-height:34px;}
	.header .boxMenu a:hover {color:#ECA955;}
	.header .boxMenu span {display:block; float:left; margin:0px 16px;}
	.header .boxMenu .btnLang {
		width:32px; height:32px; margin-left:8px; border-radius:16px; line-height:30px; font-size:14px; border:1px solid #fff; color:#fff; background:transparent; text-align:center; opacity:0.6; overflow:hidden; 
		-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
	}
	.header .boxMenu .btnLang.lang-th {margin-left:38px;}
	.header .boxMenu .btnLang.lang-en {font-size:12px;}
	.header .boxMenu .btnLang.lang-cn {font-size:12px;}
	.header .boxMenu .btnLang:hover, 
	.header .boxMenu .btnLang.action {color:#ECA955; border:1px solid #ECA955; opacity:1;}
	
	.header.minMenu {}
	.header.minMenu .logo {top: 19px;  width: 150px;}
	.header.minMenu .boxMenu {top: 25px;}
	.header.minMenu .bgHeader {height:85px;}
	
.footer {display:block; position:fixed; left:0px; bottom:0px; width:100%; z-index:100;}
	.footer:before {
		display:block; content:''; width:100%; height:75px; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,0.8); opacity:1;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}

	.footer .boxCopyright {
		display:block; position:absolute; left:64px; bottom:25px; opacity:0.5; font-family:'Taviraj', sans-serif; font-size:12px;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.footer .boxSocial {
		display:block; position:absolute; right:64px; bottom:22px;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.footer .boxSocial:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.footer .boxSocial a {
		display:block; float:left; width:32px; height:32px; margin-left:15px; border-radius:16px; font-size:14px; border:1px solid #fff; color:#fff; background:transparent; text-align:center; opacity:0.6; overflow:hidden;
		-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
	}
	.footer .boxSocial a i {font-size:16px; line-height:36px;}
	.footer .boxSocial a:hover {color:#ECA955; border:1px solid #ECA955; opacity:1;}
	.footer.hideFooter .boxCopyright {opacity:0; bottom:-20px;}
	.footer.hideFooter .boxSocial {opacity:0; bottom:-20px;}
	.footer.hideFooter:before {opacity:0;}
	
	/* 
	add new logo back to office ====================================== */
	.footer .boxBackOfficial {
		display: block; position: absolute; left: 64px; bottom: 0; font-size:12px;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.footer .boxBackOfficial a {color: rgba(255,255,255,0.5);}
	.footer .boxCopyright {left: 0px; right: 0px; margin: auto; width: 400px; text-align: center;}
	.footer.hideFooter .boxBackOfficial {bottom:-70px;}
	
	.boxFooterHome .boxBackOfficial {width: 200px; margin: auto; text-align: center; padding-bottom: 10px;}
	.boxFooterHome .boxBackOfficial img {display: block; margin: auto; opacity: 1;}
	.boxFooterHome .boxBackOfficial span {font-size: 13px; color: rgba(255,255,255,0.5);}
	

.page {}

/* 
cts CSS ====================================== */

/* 
boxCMS_1 CSS ====================================== */

/* 
btnStyle CSS ====================================== */

/* 
object ani CSS ====================================== */
.smoke-ani {display:block; position:relative; width:100%;}
.smoke-ani .smoke-ratio {display:block; width:100%; height:auto; visibility:hidden !important;}
.smoke-ani .smoke-ani-bg {
	display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/smoke-ani.png) no-repeat left top; background-size:3000% 100%;
	-webkit-animation: bg_pos 3s steps(29) infinite;
	animation: bg_pos 3s steps(29) infinite;	
}
.smoke_mask2 {
	-webkit-mask: url(../images/mask/smoke_2.png); mask: url(../images/mask/smoke_2.png);
	-webkit-mask-size:3100% 100%; mask-size: 3100% 100%;	
}


/* 
all page CSS ====================================== */
#home-page {display:block; position:relative; overflow:hidden; width:100vw; height:12000px;}
	.tablet #home-page {height:5000px;}

	#home-page .boxStage {display:block; position:fixed; left:0px; top:0px; width:100vw; height:100vh; overflow:hidden;}
	#home-page .boxSection {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	#home-page .contentArea {display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; width:1366px; height:800px;}
	#home-page .bg_overlay {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:#fff;}
	#home-page .boxAllSmoke {}
		.boxAllSmoke .smoke_2 {display:block; position:absolute; left:-13.4%; top:35%; width:665px; pointer-events:none;}
		.boxAllSmoke .smoke_2 .smoke-ani {-webkit-transform:matrix(0.9848, 0.17364, 0.20837, -1.18176, 0, 0); transform: matrix(0.9848, 0.17364, 0.20837, -1.18176, 0, 0);}
		.boxAllSmoke .smoke_3 {display:block; position:absolute; left:69%; top:-1.25%; width:555px; pointer-events:none;}
		.boxAllSmoke .smoke_4 {display:block; position:absolute; left:46%; top:45%; width:780px; pointer-events:none;}
		.boxAllSmoke .smoke_4 .smoke-ani {-webkit-transform: matrix(-1, 0, 0, -1, 0, 0); transform: matrix(-1, 0, 0, -1, 0, 0);}
		.boxAllSmoke .smoke_5 {display: block; position: absolute; left: -28%; top: -18.875%; width: 730px; pointer-events: none;}
		.boxAllSmoke .smoke_5 .smoke-ani {-webkit-transform: matrix(0.49999, -0.86602, 0.86602, 0.49999, 0, 0); transform: matrix(0.49999, -0.86602, 0.86602, 0.49999, 0, 0);}
		.boxAllSmoke .smoke_6 {display: block; position: absolute; left: 70%; top: 60%; width: 730px; pointer-events:none;}
		.boxAllSmoke .smoke_6 .smoke-ani {-webkit-transform: matrix(-0.17364, 0.9848, -0.9848, -0.17364, 0, 0); transform: matrix(-0.17364, 0.9848, -0.9848, -0.17364, 0, 0);}
		
	#home-page .boxAllStone.contentArea {width:0px;}
		.boxAllStone .stone_group1 {display:block; position:absolute; left:317px; top:53px;}
			.boxAllStone .stone_1 {display:block; position:absolute; left:0px; top:0px; pointer-events:none;}
			.boxAllStone .stone_2 {display:block; position:absolute; left:137px; top:61px; pointer-events:none;}
			
		.boxAllStone .stone_group2 {display:block; position:absolute; left:-633px; top:321px;}
			.boxAllStone .stone_3 {display:block; position:absolute; left:88px; top:0px; pointer-events:none;}
			.boxAllStone .stone_4 {display:block; position:absolute; left:0px; top:127px; pointer-events:none;}
			.boxAllStone .stone_5 {display:block; position:absolute; left:160px; top:225px; pointer-events:none;}
			
		.boxAllStone .stone_group3 {display:block; position:absolute; left:512px; top:576px;}
			.boxAllStone .stone_6 {display:block; position:absolute; left:108px; top:0px; pointer-events:none;}
			.boxAllStone .stone_7 {display:block; position:absolute; left:0px; top:117px; pointer-events:none;}
			
		.boxAllStone .stone_group4 {display:block; position:absolute; left: 20px; top: 10px;}
			.boxAllStone .stone_8 {display:block; position:absolute; left:4px; top:0px; pointer-events:none;}
			.boxAllStone .stone_9 {display:block; position:absolute; left:14px; top:110px; pointer-events:none;}
			.boxAllStone .stone_10 {display:block; position:absolute; left:112px; top:52px; pointer-events:none;}
			.boxAllStone .stone_11 {display:block; position:absolute; left:0px; top:171px; pointer-events:none;}
				.boxAllStone .stone_11_inner  {-webkit-transform: matrix(-1, 0, 0, -1, 0, 0); transform: matrix(-1, 0, 0, -1, 0, 0);}
				
		.boxAllStone .stone_group5 {display:block; position:absolute; right:400px; bottom: 0px;}
			.boxAllStone .stone_12 {display:block; position:absolute; left:187px; top:0px; pointer-events:none;}
			.boxAllStone .stone_13 {display:block; position:absolute; left:39px; top:88px; pointer-events:none;}
			.boxAllStone .stone_14 {display:block; position:absolute; left:0px; top:250px; pointer-events:none;}
			

.section-banner {overflow:hidden;}
	.section-banner .boxProgressBanner {display:block; position:absolute; left:0px; top:0px; z-index:100; width:0%; height:2px; overflow:hidden; background:#ECA955;}
	.section-banner .boxListBanner {}
	.section-banner .boxListBanner .oneBanner {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	.section-banner .boxListBanner .oneBanner .bg_tl {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
	.section-banner .boxListBanner .oneBanner .bg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:cover;}
	.section-banner .boxListBanner .oneBanner .title {display: block; margin: 0px; padding: 10px 0px 25px 0px; font-weight: normal; color: #fff; font-size: 2.33em; line-height: 1.3; white-space:nowrap;}
	.section-banner .boxListBanner .oneBanner .title span {display:block;}
	.section-banner .boxListBanner .oneBanner .title .line-1 {display:block; color:#f9b159;}
	.section-banner .boxListBanner .banner-1 .ct_1 {display:block; position:absolute; left:9.3%; bottom:190px;}
	.section-banner .boxListBanner .banner-1 .smoke_1 {display:block; position:absolute; left:-15%; top:12.125%; width:730px;}
	.section-banner .boxListBanner .banner-1 .smoke_1 .smoke-ani {opacity:0.5;}
	.section-banner .boxListBanner .banner-2 .ct_1 {display:block; position:absolute; left:46.2%; bottom:190px;}
	.section-banner .boxListBanner .banner-2 .smoke_1 {display:block; position:absolute; left:-20.33%; top:37.75%; width:750px;}
	.section-banner .boxListBanner .banner-3 .ct_1 {display:block; position:absolute; left:52%; bottom:190px;}
	.section-banner .boxListBanner .banner-3 .smoke_1 {display: block; position: absolute; left: 70%; top: 0%; width: 730px;}
	.section-banner .boxListBanner .banner-3 .smoke_1 .smoke-ani {-webkit-transform: matrix(-0.17364, 0.9848, -0.9848, -0.17364, 0, 0); transform: matrix(-0.17364, 0.9848, -0.9848, -0.17364, 0, 0);}

	.section-banner .boxListBanner .oneBanner.action {z-index:10;}
	.section-banner .boxListBanner .oneBanner.action .bg {
		-webkit-mask: url(../images/mask/smoke_2.png); mask: url(../images/mask/smoke_2.png);
		-webkit-mask-size:3100% 100%; mask-size: 3100% 100%;	
		
		-webkit-animation: mask_pos 1.2s steps(30) forwards;
		animation: mask_pos 1.2s steps(30) forwards;	
	}
	.section-banner .boxCtrlBanner {display:block; width:100%; margin:auto; position:absolute; left:0px; right:0px; bottom:40px; z-index:20; white-space:nowrap; text-align:center;}
	.section-banner .boxCtrlBanner a {display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; position:relative; cursor:pointer; margin:0px 5px;}
	.section-banner .boxCtrlBanner a::before {
		display:block; content:''; width:8px; height:8px; border-radius:4px; margin:auto; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:#fff;
		-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	}
	.section-banner .boxCtrlBanner a::after {
		display:block; content:''; width:0px; height:0px; opacity:0; border:1px solid #ECA955; background:transparent; border-radius:8px; position:absolute;  left:0px; top:0px; right:0px; bottom:0px; margin:auto;
		-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	}
	.section-banner .boxCtrlBanner a:hover::before, 
	.section-banner .boxCtrlBanner a.action::before {background:#ECA955;}
	.section-banner .boxCtrlBanner a:hover::after, 
	.section-banner .boxCtrlBanner a.action::after { width:16px; height:16px; opacity:1; border:1px solid #ECA955;}	
	
.section-vdo {display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; width:882px; height:680px;}
	.bg-vdo {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/bg-section-vdo.jpg) no-repeat center center; background-size:cover;}	
	.section-vdo .ct_2 {display:block; position:relative; padding-top:100px;}
	.section-vdo .ct_2:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}
	.section-vdo .boxMainVdo {display:block; position:relative; }
	.section-vdo .boxMainVdo .boxMainVdoInner {border:8px solid #ECA955; background:#000; height:504px;}
	.section-vdo .boxMainVdo .boxMainVdoInner video {display:block; width:100%; height:100%;}
	.section-vdo .boxMainVdo .boxMainVdoInner video:-moz-full-screen {opacity: 1 !important; visibility: visible !important;}
	.section-vdo .boxMainVdo .boxMainVdoInner video:-webkit-full-screen {opacity: 1 !important; visibility: visible !important;}	
	.section-vdo .boxMainVdo .boxMainVdoInner video:full-screen {opacity: 1 !important; visibility: visible !important;}
	.section-vdo .ct_2_1 {display:block; float:left; padding-left:100px;}
	.section-vdo .ct_2_1 .title {display: block; margin: 0px; padding: 33px 0px 3px 0px; font-weight: normal; color: #f9b159; font-size: 2.33em; line-height: 1.3; white-space:nowrap;}
	
	.section-vdo .ct_2_2 {display:none; text-align:center; padding-bottom:20px;}
	.section-vdo .ct_2_2 .title {display: block; margin: 0px; padding: 33px 0px 3px 0px; font-weight: normal; color: #f9b159; font-size: 2.33em; line-height: 1.3; white-space:nowrap;}

	.section-vdo .boxListVdo {display:block; float:right; margin-top:23px;}
	.section-vdo .boxListVdo .oneVdo {display:block; float:left; margin-left:15px; cursor:pointer;}
	.section-vdo .boxListVdo .oneVdo .thumb {display:block; width:192px; height:112px; border:2px solid #fff; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
	.section-vdo .boxListVdo .oneVdo .thumb img {display:block; width:100%; height:auto; visibility:hidden;}
	.section-vdo .boxListVdo .oneVdo .title {display:block; padding-top:10px; text-align:center; color:#fff;}
	.section-vdo .boxListVdo .oneVdo.action {display:none;}

.section-product-1 {}
	.bg-product-1 {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
	.bg-product-1 .bg_img {display:block; position:relative; left:0px; top:0px; width:100%; height:auto;}
	.bg-product-1 .bg_img .ratio {display:block; width:100%; height:auto;}
	.bg-product-1 .bg_img .bg_img_show {display:block; position:absolute; left:0px; top:0%; width:100%; height:auto; margin-top:100vh;}
	.bg-product-1 .bg_img .bg_img_show > img {display:block; position:relative; width:100%; height:auto;}
	
	.section-product-1 .ct_3 {display:block; position:absolute; left:46.2%; top:18%;}
	.section-product-1 .ct_3 .title {display: block; margin: 0px; padding: 10px 0px 15px 0px; font-weight: normal; color: #fff; font-size: 2.33em; line-height: 1.3; white-space:nowrap;}
	.section-product-1 .ct_3 .title span {display:block;}
	.section-product-1 .ct_3 .title .line-1 {display:block; color:#f9b159;}
	.section-product-1 .ct_3 .title2 {display: block; float:left; clear:both; position:relative; margin: 0px; padding: 0px 20px; width:auto; font-weight: normal; color: #fff; font-size: 2em; line-height: 1.4; white-space:nowrap;}
	.section-product-1 .ct_3 .title2:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.section-product-1 .ct_3 .title2:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.section-product-1 .ct_3 .des {clear:both; padding-top:20px;}	
	
.section-product-2 {}
	.section-product-2 .ct_4 {display:block; position:absolute; left:135px; top:102px; width:1100px; z-index:1;}
	.section-product-2 .ct_4_tl {}
	.section-product-2 .ct_4 .title {display: block; margin: 0px; padding: 10px 0px 10px 0px; font-weight: normal; color: #fff; font-size: 2.33em; line-height: 1.3; white-space:nowrap; text-align:center;}
	.section-product-2 .ct_4 .title span { color:#f9b159;}
	.section-product-2 .ct_4 .title2 {display: block; margin:0px; padding: 0px; text-align:center; width:auto; font-weight: normal; color: #fff; font-size: 2em; line-height: 1.4; white-space:nowrap; text-align:center;}
	.section-product-2 .ct_4 .title2 span {display:inline-block; position:relative; padding: 0px 20px;}
	.section-product-2 .ct_4 .title2 span:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.section-product-2 .ct_4 .title2 span:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.section-product-2 .ct_4_1 {display:block; position:absolute; right:780px; top:178px; text-align:right; white-space:nowrap;}
	.section-product-2 .ct_4_2 {display:block; position:absolute; right:780px; top:370px; text-align:right; white-space:nowrap;}
	.section-product-2 .ct_4_3 {display:block; position:absolute; left:790px; top:178px; white-space:nowrap;}
	.section-product-2 .ct_4_4 {display:block; position:absolute; left:790px; top:370px; white-space:nowrap;}
	.section-product-2 .title3 {display:block; margin:0px; padding:20px 0px 10px; color:#f9b159; font-size:1.35em;}
	.section-product-2 .des {font-size:0.83em; line-height:2.2em;}
	.section-product-2 .flower1 {display:block; position:absolute; left:346px; top:287px; width:186px;}
	.section-product-2 .flower1 img {display:block; width:100%; height:auto; -webkit-transform-origin:50% 100%; transform-origin: 50% 100%;}
	.section-product-2 .flower2 {display:block; position:absolute; left:534px; top:145px; width:219px;}
	.section-product-2 .flower2 img {display:block; width:100%; height:auto; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}

.section-product-3 {}
	.section-product-3 .ct_5 {display:block; position:absolute; left:600px; top:100px; width:640px;}
	.section-product-3 .ct_5 .title {display: block; margin: 0px; padding: 10px 0px 10px 35px; font-weight: normal; color: #fff; font-size: 2.33em; line-height: 1.3; white-space:nowrap;}
	.section-product-3 .ct_5 .title span {display:block; }
	.section-product-3 .ct_5 .title .line-1 {color:#f9b159;}
	.section-product-3 .ct_5_1 {padding-left:35px; position:relative;}
	.section-product-3 .ct_5_1:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.section-product-3 .ct_5_2 {padding-left:35px; padding-bottom:10px; position:relative;}
	.section-product-3 .ct_5_2:after {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-lbq.png) no-repeat left top;}
	.section-product-3 .ct_5 .title2 {display:block; margin:0px; padding:20px 0px 10px; color:#f9b159; font-size:1.35em;}
	.section-product-3 .ct_5 .des {font-size:0.83em; line-height:2.2em;}

.section-product-4 {}	
	.section-product-4 .ct_6 {display:block; position:absolute; left:496px; top:140px; width:800px;}
	.section-product-4 .ct_6 .title {display: block; clear:both; margin: 0px; padding: 20px 0px 5px 20px; font-weight: normal; color: #fff; font-size: 2.33em; line-height: 1.3; white-space:nowrap;}
	.section-product-4 .ct_6 .title span {color:#f9b159;}
	.section-product-4 .ct_6 .title2 {display: block; clear:both; float:left; position:relative; margin: 0px; padding: 0px 20px; width:auto; font-weight: normal; color: #fff; font-size: 2em; line-height: 1.4; white-space:nowrap;}
	.section-product-4 .ct_6 .title2:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.section-product-4 .ct_6 .title2:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.section-product-4 .ct_6 .title2 span {color:#f9b159;}
	.section-product-4 .ct_6 .des {font-size:0.83em; line-height:2.2em;}
	.section-product-4 .ct_6 .des1 {padding-left:20px; padding-bottom:25px;}
	.section-product-4 .ct_6 .boxList_1 {padding-left:20px;}
	.section-product-4 .ct_6 .boxList_1 .oneList {padding-left:115px; padding-bottom:15px; position:relative;}
	.section-product-4 .ct_6 .boxList_1 .oneList .thumb {display:block; position:absolute; left:5px; top:5px;}
	.section-product-4 .ct_6 .boxList_1 .oneList .title3 {display:block; margin:0px; padding:15px 0px 10px; color:#f9b159; font-size:1.35em;}
	
	.section-product-4 .ct_7 {display:block; position:absolute; left:260px; top:482px; text-shadow:1px 1px 5px rgba(0,0,0,0.9);}
	.section-product-4 .ct_7_1 {font-size:1.8em; line-height:1.24em; white-space:nowrap;}
	.section-product-4 .ct_7_1 span {color:#f9b159;}
	.section-product-4 .ct_7_2 {font-size:4em; line-height:1;}

	.section-product-5 {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:auto;}
	.section-product-5 .boxProductFooter {display:block; position:relative;}
	.section-product-5 .boxProductFooter > img {display:block; width:100%; height:auto;}
	.section-product-5 .boxImgProduct {display:block; position:absolute; left:35.58%; top:29.2%; width:27.94%;}
	.section-product-5 .boxImgProduct .product-3 {display:block; position:relative; width:100%; height:auto;}
	.section-product-5 .boxImgProduct .product-2 {display:block; position:absolute; left:0px; top:0px; width:100%; height:auto;}
	.section-product-5 .boxImgProduct .product-1 {display:block; position:absolute; left:0px; top:0px; width:100%; height:auto;}
	.section-product-5 .boxImgProduct .btnProductDetail {display:block; position:absolute; left:0px; right:0px; margin:0px auto; bottom:-110px;}
	
	.boxFooterHome {display:block; position:absolute; left:0px; right:0px; margin:auto; bottom:0px; width:1024px; max-width:100%; padding-bottom:30px; text-align:center;}
	.boxFooterHome .logo {display:inline-block;}
	.boxFooterHome .logo img {display:block; max-width:100%; height:auto;}
	.boxFooterHome .title {font-size:1.33em; padding:25px 0px 10px;}
	.boxFooterHome .des {font-size:0.83em; line-height:2.2em; color:rgba(255,255,255,0.5);}
	.boxFooterHome .des a {color:rgba(255,255,255,0.5);}
	.boxFooterHome .txtIcon {color:#fff; padding-right:8px;}
	.boxFooterHome .boxIcon {font-size:25px; padding:0px 8px;}
	.boxFooterHome .copyright {border-top:1px solid #7A582B; margin-top:10px; padding:20px 0px;  font-family:'Taviraj', sans-serif; font-size:12px; text-align:center; color:rgba(255,255,255,0.5);} 
	.boxFooterHome .boxSocial {display:block; text-align:center;}
	.boxFooterHome .boxSocial:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxFooterHome .boxSocial a {
		display:inline-block; width:32px; height:32px; margin-left:15px; border-radius:16px; font-size:14px; border:1px solid #fff; color:#fff; background:transparent; text-align:center; opacity:0.6; overflow:hidden;
		-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
	}
	.boxFooterHome .boxSocial a i {font-size:16px; line-height:36px;}
	.boxFooterHome .boxSocial a:hover {color:#ECA955; border:1px solid #ECA955; opacity:1;}
	
.boxCtrlScrollPage {display:block; position:fixed; right:40px; top:50%; margin:-124px 0px; height:248px; z-index:9999;}
	.boxCtrlScrollPage a {display:block; cursor:pointer; width:8px; height:8px; overflow:hidden; border-radius:4px; margin:6px auto; overflow:hidden; text-indent:-9999px; background:rgba(255,255,255,0.6);}
	.boxCtrlScrollPage span {display:block; width:2px; height:2px; margin:6px auto; overflow:hidden; border-radius:1px; background:rgba(255,255,255,0.4);}
	.boxCtrlScrollPage .btnActive {display:block; position:absolute; left:0px; top:2px; width:8px; height:8px; margin:4px auto; }
		.boxCtrlScrollPage .btnActive .bgActive {display:block; position:absolute; left:-12px; top:-12px; content:''; width:32px; height:32px; border-radius:16px; border:1px solid #E6A553; background:url(../images/icon/icon-tb.png) no-repeat center center rgba(0,0,0,1); background-size:contain;}

.th .section-product-4 .ct_6 .title {font-size:1.8em; white-space:normal;}
.th .section-product-4 .ct_6 .des {white-space: nowrap;}


/* product detail 
=========================== */
.boxFooterHome.innerPage {display:block; position:relative; padding:90px 0px 30px 0px;}

#product-page {}
#product-page .container {position:relative;}

	.boxProduct1 {display:block; position:relative; height:786px; z-index:5;}
	.boxProduct1 .boxBgMobile {display:none;}
	.boxProduct1 .boxBg {display:block; position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px;}
	.boxProduct1 .boxBg img {display:block; width:100%; height:auto;}
	.boxProduct1 .boxProductItem {display:block; position:absolute; left: 85px; top: 185px; width:513px;}
	.boxProduct1 .boxProductItem .image {display:block; width:100%; height:auto;}
	.boxProduct1 .boxProductItem .btnCtrlDetail {display:block; position:absolute; left:40.545%; top:62.54%; font-size:0.83em; line-height:2.2em; cursor:pointer;}
	.boxProduct1 .boxProductItem .btnCtrlDetail .imgHover {display:block; position:relative; width:48px; height:48px; overflow:hidden; text-indent:-9999px;}
	.boxProduct1 .boxProductItem .btnOpenDetail .imgHover {background:url(../images/product-detail/btnOpen.png) no-repeat left top;}
	.boxProduct1 .boxProductItem .btnCloseDetail .imgHover {background:url(../images/product-detail/btnClose.png) no-repeat left top;}
	.boxProduct1 .boxProductItem .btnCtrlDetail .imgHover:hover {background-position:left -48px;}
	.boxProduct1 .boxProductItem .btnCtrlDetail .txt {display:block; width:100px; white-space:nowrap; position:absolute; top:50px; left:-25px; text-align:center;}
	.boxProduct1 .boxContentProduct {display:block; position:relative; z-index:2; left:460px; top:0px; width:520px; padding-top:140px;}
	.boxProduct1 .boxContentProduct .title {display: block; margin: 0px; padding: 20px 0px 15px 0px; font-weight: normal; color: #f9b159; font-size: 2em; line-height: 1.3; text-align:center;}
	.boxProduct1 .boxContentProduct .title2 {display: block; margin: 0px; padding: 0px; width:auto; font-weight: normal; color: #fff; font-size: 1.75em; line-height: 1.4;  text-align:center;}
	.boxProduct1 .boxContentProduct .title2 span {display:inline-block; position:relative; padding: 5px 20px; }
	.boxProduct1 .boxContentProduct .title2 span:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.boxProduct1 .boxContentProduct .title2 span:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.boxProduct1 .boxContentProduct .title3 {display: block;margin: 0px; padding: 20px 0px 20px 0px; font-weight: normal; color: #f9b159; font-size: 1.11em; line-height: 1.8; text-align:center;}
	.boxProduct1 .boxContentProduct .des {font-size:0.83em; line-height:2.2em;}
	.boxProduct1 .boxContentProduct .des b {font-weight:normal; color: #f9b159; padding-right:20px; white-space:nowrap;}
	.boxProduct1 .boxContentProduct .des i {color:rgba(255,255,255,0.4);}
	.boxProduct1 .boxContentProduct .des .product-size-30 {font-size:0.9em; color:rgba(255,255,255,0.4);}
	.boxProduct1 .boxContentProduct .pdSpace {padding:10px 0px;}
	.boxProduct1 .boxContentProduct table {width:100%;}
	.boxProduct1 .boxContentProduct table tr {vertical-align:top;}
	.boxProduct1 .boxContentProductPopup {display:block; position:absolute; z-index:10; left:460px; top:120px; width:620px; padding:10px; background:#000; border:8px solid #ECA955; text-align:center;}
	.boxProduct1 .boxContentProductPopup .title {display: block; margin: 0px; padding: 30px 0px 20px 0px; font-weight: normal; color: #f9b159; font-size: 2em; line-height: 1.3;}
	.boxProduct1 .boxContentProductPopup .title2 {display: block; margin: 0px; padding: 0px; width:auto; font-weight: normal; color: #fff; font-size: 1.75em; line-height: 1.4;}
	.boxProduct1 .boxContentProductPopup .title2 span {display:inline-block; position:relative; padding: 0px 20px; }
	.boxProduct1 .boxContentProductPopup .title2 span:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.boxProduct1 .boxContentProductPopup .title2 span:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.boxProduct1 .boxContentProductPopup .title3 {display: block;margin: 0px; padding: 8px 0px 25px 0px; font-weight: normal; color: #f9b159; font-size: 1.8em; line-height: 1.3;}
	.boxProduct1 .boxContentProductPopup .des {font-size:0.83em; line-height:2.2em; padding:0px 10px 30px 10px;}
	.boxProduct1 .boxObjSmoke {display:block; position:absolute; left:0px; bottom:0px; pointer-events:none;}
	.boxProduct1 .smoke_1 {display:block; position:absolute; left:-230px; bottom:-240px; width:800px; pointer-events:none;}
	.boxProduct1 .smoke_1 .smoke-ani {opacity:0.5;}
	.boxProduct1 .stone_1 {display:block; position:absolute; left:130px; bottom:-30px;}
	.boxProduct1 .stone_1 .stone_1_ani {-webkit-transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0); transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0);}
	.boxProduct1 .stone_2 {display: block; position: absolute; left: 50px; bottom: -30px;}
	.boxProduct1 .stone_2 .stone_2_ani {-webkit-transform:matrix(-1, 0, 0, 1, 0, 0); transform:matrix(-1, 0, 0, 1, 0, 0);}
	.boxProduct1 .stone_3 {display: block; position: absolute; left: -110px; bottom: -200px;}
	.boxProduct1 .stone_3 .stone_3_ani {-webkit-transform:matrix(-1, 0, 0, 1, 0, 0); transform:matrix(-1, 0, 0, 1, 0, 0);}
	
	
	.boxProduct2 {display:block; position:relative;}
	.boxProduct2 .boxBg {display:block; position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px;}
	.boxProduct2 .boxBg img {display:block; width:100%; height:auto;}
	.boxProduct2 .boxContentProduct {display:block; position:relative; left:80px; top:0px; width:640px; padding:140px 0px 140px 0px;}
	.boxProduct2 .boxContentProduct .title {display: block; margin: 0px; padding: 30px 0px 5px 20px; font-weight: normal; color: #f9b159; font-size: 2em; line-height: 1.3;}
	.boxProduct2 .boxContentProduct .title2 {display: block; margin: 0px; padding: 0px; width:auto; font-weight: normal; color: #fff; font-size: 1.75em; line-height: 1.4;}
	.boxProduct2 .boxContentProduct .title2 span {display:inline-block; position:relative; padding: 5px 20px; }
	.boxProduct2 .boxContentProduct .title2 span:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.boxProduct2 .boxContentProduct .title2 span:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.boxProduct2 .boxContentProduct .des {padding:40px 0px 40px 20px;}
	.boxProduct2 .boxContentProduct .boxBtnBuyProduct {padding-top:30px;}
	.boxProduct2 .boxContentProduct .des span {color: #f9b159;}
	.boxProduct2 .boxContentProduct .des p {margin-bottom:30px;}


	.boxProduct3 {display:block; position:relative; height:760px; z-index:4;}
	.boxProduct3 .woman {display:block; position:absolute; left: 760px; top: -150px;}
	.boxProduct3 .boxContentProduct {display:block; position:relative; left:-104px; top:-108px; width:1185px;}
	.boxProduct3 .boxContentProduct .image {display:block; position:relative; width:100%; height:auto; padding-top:15px;}
	.boxProduct3 .boxContentProduct .txt {display:block; position:absolute;}
	.boxProduct3 .boxContentProduct .txt1 {left: 110px; top: 79px; color: #f9b159; font-size:130px;}
	.boxProduct3 .boxContentProduct .txt2 {left: 193px; top: 131px; color: #fff; font-size: 40px; line-height: 1.6em;}
	.boxProduct3 .boxContentProduct .txt2 span {display:block; color: #f9b159;}
	.boxProduct3 .boxContentProduct .boxListPoint {}
	.boxProduct3 .boxContentProduct .btnPointPop {display:block; position:absolute;}
	.boxProduct3 .boxContentProduct .btnPointPop .btnClickPop {display:block; position:relative; cursor:pointer; width:48px; height:48px; overflow:hidden; text-indent:-9999px; background:url(../images/product-detail/btnOpen.png) no-repeat left top;}
	.boxProduct3 .boxContentProduct .btnPointPop .btnClickPop:hover {background-position:left -48px;}
	.boxProduct3 .boxContentProduct .btnPointPop .contentPoint {display:block; position:absolute; line-height:32px;}
	.boxProduct3 .boxContentProduct .btnPointPop .contentPoint .title {font-size:24px; color: #f9b159; white-space:nowrap;}
	.boxProduct3 .boxContentProduct .btnPointPop .contentPoint .title i {font-size:36px;}
	.boxProduct3 .boxContentProduct .btnPointPop .contentPoint .des {white-space:nowrap;}

	.boxProduct3 .boxContentProduct .btnPoint1 {left: 460px; top: 294px;}
	.boxProduct3 .boxContentProduct .btnPoint1 .contentPoint {right: 89px; top: -2px; text-align:right;}
	
	.boxProduct3 .boxContentProduct .btnPoint2 {left: 593px; top: 235px;}
	.boxProduct3 .boxContentProduct .btnPoint2 .contentPoint {left: 75px; top: -6px;}
	
	.boxProduct3 .boxContentProduct .btnPoint3 {left: 412px; top: 447px;}
	.boxProduct3 .boxContentProduct .btnPoint3 .contentPoint {right: 89px; top: -4px; text-align:right;}
	
	.boxProduct3 .boxContentProduct .btnPoint4 {left: 612px; top: 384px;}
	.boxProduct3 .boxContentProduct .btnPoint4 .contentPoint {left: 75px; top: -6px;}

	.boxProduct3 .boxContentProduct .btnPoint5 {left: 357px; top: 585px;}
	.boxProduct3 .boxContentProduct .btnPoint5 .contentPoint {right: 89px; top: -4px; text-align:right;}

	.boxProduct3 .boxContentProduct .btnPoint6 {left: 690px; top: 535px;}
	.boxProduct3 .boxContentProduct .btnPoint6 .contentPoint {left: 75px; top: -6px;}
	
	.boxProduct3 .boxObjSmoke {display:block; position:absolute; left: 416px; top: -70px; pointer-events:none;}
	.boxProduct3 .boxObjSmoke .smoke_1 {display:block; position:absolute; left:0px; top:0px; width:370px; pointer-events:none;}
	.boxProduct3 .boxObjSmoke .smoke_1 .smoke-ani {-webkit-transform: matrix(0.34202, -0.93969, 0.93969, 0.34202, 0, 0); transform: matrix(0.34202, -0.93969, 0.93969, 0.34202, 0, 0); opacity: 0.3;}
	
	.boxProduct3 .boxObjSmoke2 {display:block; position:absolute; left: -30px;  bottom: 100px; pointer-events:none;} 
	.boxProduct3 .boxObjSmoke2 .redGlow {display:block; position:absolute; left:-300px; bottom:-100px;}
	.boxProduct3 .boxObjSmoke2 .blueGrow {display:block; position:absolute; left:0px; bottom:-350px;}
	.boxProduct3 .boxObjSmoke2 .smoke_1 {display:block; position:absolute; left:-200px; bottom:-170px; width:750px; pointer-events:none;}
	.boxProduct3 .boxObjSmoke2 .smoke_1 .smoke-ani {opacity:0.7;}
	.boxProduct3 .boxObjSmoke2 .stone_1 {display:block; position:absolute; left: 80px; bottom: -20px;}
	.boxProduct3 .boxObjSmoke2 .stone_2 {display:block; position:absolute; left:20px; bottom:30px;}
	
	.boxProduct4 {display:block; position:relative;}
	.boxProduct4 .boxBg {display:block; position:absolute; left:50%; top:-540px; width:1920px; margin-left:-960px;}
	.boxProduct4 .boxBg img {display:block; width:100%; height:auto;}
	.boxProduct4 .boxProductAll {padding-top:160px;}
	.boxProduct4 .boxProductAll img {display:block; margin:0px auto 30px auto; max-width:100%; height:auto;}
	.boxProduct4 .btnBuyProduct {margin:0px auto; display:block;}

	
	.boxPopupProductDetail {display:block; position:fixed; left:0px; top:0px; width:100%; height:100%; overflow:hidden; z-index:9999;}
	.boxPopupProductDetail .bgOverlay {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000;}
	.boxPopupProductDetail .boxContentPopupProductDetail {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxList {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxList .oneList {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxList .oneList .boxBgProductDetail {display:block; position:absolute; right:0px; top:0px; width:100%; height:100%;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxList .oneList .boxBgProductDetail img {display:block; position:absolute; right:0px; top:0px; height:100%; width:auto;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxList .oneList .boxContentProductDetail {display:block; position:relative; left:0px; top:0px; width:100%; height:100%; z-index:5;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl {display:block; width:100%; margin:auto; position:absolute; left:0px; right:0px; bottom:20px; white-space:nowrap; text-align:center; z-index:10;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl a {display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; position:relative; cursor:pointer; margin:0px 5px;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl a::before {
		display:block; content:''; width:8px; height:8px; border-radius:4px; margin:auto; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:#fff;
		-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl a::after {
		display:block; content:''; width:0px; height:0px; opacity:0; border:1px solid #ECA955; background:transparent; border-radius:8px; position:absolute;  left:0px; top:0px; right:0px; bottom:0px; margin:auto;
		-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl a:hover::before, 
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl a.action::before {background:#ECA955;}
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl a:hover::after, 
	.boxPopupProductDetail .boxContentPopupProductDetail .boxCtrl a.action::after { width:16px; height:16px; opacity:1; border:1px solid #ECA955;}	
	.boxPopupProductDetail .btnClosePopupProductDetail {display:block; position:fixed; right:20px; top:20px; cursor:pointer; width:48px; height:48px; overflow:hidden; text-indent:-9999px; background:url(../images/product-detail/btnClose.png) no-repeat left top;}
	.boxPopupProductDetail .btnClosePopupProductDetail:hover {background-position:left -48px;}
	.boxPopupProductDetail .boxObjSmoke {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; pointer-events:none;} 
	.boxPopupProductDetail .boxObjSmoke .redGlow {display:block; position:absolute; left:-300px; bottom:-100px;}
	.boxPopupProductDetail .boxObjSmoke .blueGrow {display:block; position:absolute; left:0px; bottom:-350px;}
	.boxPopupProductDetail .smoke_1 {display:block; position:absolute; left:-170px; bottom:-170px; width:700px; pointer-events:none;}
	.boxPopupProductDetail .smoke_1 .smoke-ani {-webkit-transform:matrix(-0.86602, -0.49999, -0.49999, 0.86602, 0, 0); transform: matrix(-0.86602, -0.49999, -0.49999, 0.86602, 0, 0); opacity:0.7;}
	.boxPopupProductDetail .stone_1 {display:block; position:absolute; left: 80px; bottom: -20px;}
	.boxPopupProductDetail .stone_2 {display:block; position:absolute; left:20px; bottom:30px;}

	.boxCT_1 {padding:20px 0px 20px 0px;}
	.boxCT_1 .txt1 {font-size:30px; color:#fff; padding-bottom:17px;}
	.boxCT_1 .txt1 b {font-size:36px; font-weight:normal;}
	.boxCT_1 .txt1 span {color:#ECA955;}
	.boxCT_1 .txt2 {font-size:40px; line-height:40px; color:#ECA955; padding-bottom:20px;}
	.boxCT_1 .txt2 i {position:relative; top:15px; font-size:100px;}
	.boxCT_1 .txt3 {display: block; clear:both; float:left; position:relative; left:-20px; margin: 0px; padding: 5px 20px; width:auto; font-weight: normal; color: #fff; font-size: 32px; line-height: 1.4;}
	.boxCT_1 .txt3:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.boxCT_1 .txt3:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.boxCT_1 .txt3 span {color:#ECA955;}
	.boxCT_1 .txt4 {display:block; clear:both; padding-top:20px; width:80%;}
	.boxCT_1 .txt5 {color:rgba(255,255,255,0.5); font-size:14px;}
	.boxCT_1 .txt6 {color:rgba(255,255,255,0.5); font-size:14px; padding-top:50px;}
	.boxCT_1 .txt6 strong {display:block;}
	.boxCT_1 .txt7 {font-size:60px; line-height:60px; padding:50px 0px 5px 0px;}
	.boxCT_1 .txt8 {font-size:24px; line-height:24px; padding:5px 0px;}
	.boxCT_1 .spaceTop1 {padding-top:40px;}
	
	
	.boxProgressProduct {display:block; position:relative; width:460px; padding-bottom:15px; clear:both;}
	.boxProgressProduct:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}
	.boxProgressProduct .txtLabel {display:block; float:left; font-size:18px; color:#ECA955; padding-bottom:5px; white-space:nowrap;}
	.boxProgressProduct .txtPercent {display:block; float:right; font-size:18px; color:#ECA955; padding-bottom:5px; white-space:nowrap;}
	.boxProgressProduct .boxBar {display:block; clear:both; background:#36383A; height:10px; border-radius:5px; overflow:hidden;}
	.boxProgressProduct .boxBar .barProgress {display:block; border-radius:5px; height:10px; overflow:hidden; background:#BBBEC0;}
	.boxProgressProduct .w61 {width:61%;}
	.boxProgressProduct .w85 {width:85%;}
	.boxProgressProduct .w99 {width:99%;}
	
	
	
#contact-page {}
#contact-page .container {position:relative;}

	.boxContact1 {display:block; position:relative;}
	.boxContact1 .boxBg {display:block; position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px;}
	.boxContact1 .boxBg img {display:block; width:100%; height:auto;}
	.boxContact1 .boxContactInfo {width:600px; padding-top:140px; margin-right:0px; margin-left:auto;}
	.boxContact1 .boxContactInfo .title {display:block; margin:0px; padding:10px 0px; font-weight:normal; font-size:30px; color:#ECA955; text-align:center;}
	.boxContact1 .boxContactInfo .title2 {display: block; margin: 0px; padding: 5px 0px 10px 0px; font-weight: normal; font-size: 21px; text-align: center; line-height: 30px;}
	.boxContact1 .boxContactInfo .des {text-align:center; padding-bottom:10px;}
	.boxContact1 .boxContactInfo .boxList {padding:10px 10px 30px 10px; text-align:center;}
	.boxContact1 .boxContactInfo .boxList .oneList {border-top:1px solid #835A2C; padding:12px 0px; color:rgba(255,255,255,0.5); font-size:0.83em; line-height:2.2em;}
	.boxContact1 .boxContactInfo .boxList .oneList:last-child {border-bottom:1px solid #835A2C;}
	.boxContact1 .boxContactInfo .boxList .oneList .txt_1 {color:#ECA955;}
	.boxContact1 .boxContactInfo .boxList .oneList a {color:rgba(255,255,255,0.5);}
	.boxContact1 .boxContactInfo .boxList .oneList .txtIcon {color:#fff; padding:0px 12px 0px 8px;}
	.boxContact1 .boxContactInfo .boxList .oneList .txtIcon:first-child {padding-left:0px;}
	.boxContact1 .boxContactInfo .boxList .oneList .boxIcon {font-size:25px; padding:0px 8px; position: relative; top: 6px;}
	.boxContact1 .btnBuyProduct_1 {display:block; margin:0px auto;}
	
	.boxContact1 .boxObjSmoke {display:block; position:absolute; right:0px; bottom:-40px; pointer-events:none;}
	.boxContact1 .boxObjSmoke .redGlow {display:block; position:absolute; left: -350px;  top: -360px;}
	.boxContact1 .boxObjSmoke .blueGlow {display:block; position:absolute; left: -400px; top: -230px;}
	.boxContact1 .boxObjSmoke .smoke_1 {display:block; position:absolute; left: -480px; bottom: -270px; width: 850px; pointer-events:none;}
	.boxContact1 .boxObjSmoke .smoke_1 .smoke-ani {-webkit-transform: matrix(0.81915, -0.57357, 0.57357, 0.81915, 0, 0); transform: matrix(0.81915, -0.57357, 0.57357, 0.81915, 0, 0); opacity:0.7;}
	.boxContact1 .boxObjSmoke .stone_1 {display:block; position:absolute; left: -300px; bottom: -70px;}
	.boxContact1 .boxObjSmoke .stone_1 .stone_1_ani {-webkit-transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0); transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0);}
	.boxContact1 .boxObjSmoke .stone_2 {display: block; position: absolute; left: -130px; bottom: -130px;}
	.boxContact1 .boxObjSmoke .stone_2 .stone_2_ani {-webkit-transform:matrix(-1, 0, 0, 1, 0, 0); transform:matrix(-1, 0, 0, 1, 0, 0);}
	.boxContact1 .boxObjSmoke .stone_3 {display: block; position: absolute; left: -100px; bottom: 40px;}
	.boxContact1 .boxObjSmoke .stone_3 .stone_3_ani {-webkit-transform:matrix(0, 1, 1, 0, 0, 0); transform:matrix(0, 1, 1, 0, 0, 0);}
	

	.boxContact2 {display:block; position:relative; padding-top:170px; z-index:5;}
	.boxContact2 .title {display:block; margin:0px; padding:10px 0px 40px; font-weight:normal; font-size:36px; color:#ECA955; text-align:center;}
	.boxContact2 .boxList {text-align:center;}
	.boxContact2 .boxList a {display:inline-block; padding:0px 11px 45px 11px;}
	.boxContact2 .box_1 {padding-bottom:95px;}
	
	.boxContact3 {display:block; position:relative; padding-top:170px;}
	.boxContact3 .blueGlow {display:block; position:absolute; left:50%; top:0px; margin-left:-569px; margin-top:-405px; pointer-events:none;}
	.boxContact3 .boxBg {display:block; position:absolute; left:50%; top:320px; width:1920px; margin-left:-960px;}
	.boxContact3 .boxBg img {display:block; width:100%; height:auto;}
	.boxContact3 .boxContactForm {width:620px; min-height:540px; padding-bottom:140px;}
	.boxContact3 .boxContactForm .title {display:block; margin:0px; padding:10px 20px 15px 20px; font-weight:normal; font-size:36px; color:#ECA955;}
	.boxContact3 .boxContactForm .title2 {display: block; clear:both; float:left; position:relative; margin: 0px; padding: 3px 20px 10px 20px; width:auto; font-weight: normal; color: #fff;}
	.boxContact3 .boxContactForm .title2:before {display:block; content:''; width:16px; height:16px; position:absolute; left:0px; top:0px; overflow:hidden; background:url(../images/icon/icon-lq.png) no-repeat left top;}
	.boxContact3 .boxContactForm .title2:after {display:block; content:''; width:16px; height:16px; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/icon/icon-rq.png) no-repeat left top;}
	.boxContact3 .boxContactForm .title2 .title3 {font-size: 30px; line-height: 1.4; padding-bottom:4px;}
	.boxContact3 .boxContactForm .title2 .address {font-size:0.92em; color:#ECA955; white-space:nowrap;}
	.boxContact3 .boxContactForm .des {font-size:0.92em; clear:both; padding:25px 20px 20px 20px;}
	.boxContact3 .boxContactForm .boxContactFormGroup {padding:0px 20px;}
	.boxContact3 .boxContactForm .boxContactFormGroup .btnSubmit {margin-top:10px; border:none; outline:none !important; cursor:pointer;}
	
	.boxContact3 .form-control {background:#000; border-color:#999; color:#999; height:48px; border-radius:24px; outline:none !important;}
	.boxContact3 .has-error .form-control {border-color:#ECA955;}
	.boxContact3 textarea.form-control {height:85px;}
	.boxContact3 select.form-control { -webkit-appearance: none;  -moz-appearance: none;}
	.boxContact3 select.form-control::-ms-expand {display: none;}
	.boxContact3 .has-select {position:relative;}
	.boxContact3 .has-select:after {display:block; content:''; position:absolute; right:0px; top:0px; width:45px; height:100%; background:url(../images/contact-us/ico-select.png) no-repeat 12px center; background-size:16px auto; pointer-events:none;}
	
	.boxContact3 .boxObjSmoke {display:block; position:absolute; left:0px; top:0px; pointer-events:none;}
	.boxContact3 .boxObjSmoke .redGlow {display:block; position:absolute; left: -320px;  top: 0px;}
	.boxContact3 .boxObjSmoke .blueGlow2 {display:block; position:absolute; left: -300px; top: -330px;}
	.boxContact3 .boxObjSmoke .smoke_1 {display:block; position:absolute;left: -280px; top: -110px; width: 600px; pointer-events:none;}
	.boxContact3 .boxObjSmoke .smoke_1 .smoke-ani {-webkit-transform: matrix(0.49999, 0.86601, -0.86601, 0.49999, 0, 0); transform: matrix(0.49999, 0.86601, -0.86601, 0.49999, 0, 0); opacity:0.7;}
	.boxContact3 .boxObjSmoke .stone_1 {display:block; position:absolute; left: -60px; top: 40px;}
	.boxContact3 .boxObjSmoke .stone_1 .stone_1_ani {-webkit-transform:matrix(-0.9848, -0.17364, 0.17364, -0.9848, 0, 0); transform:matrix(-0.9848, -0.17364, 0.17364, -0.9848, 0, 0);}
	
	.boxContact3 .boxObjSmoke2 {display:block; position:absolute; left: 50%; top: 0px; pointer-events:none;}
	.boxContact3 .boxObjSmoke2 .smoke_1 {display:block; position:absolute; left:40px; top:0px; width:840px; pointer-events:none;}
	.boxContact3 .boxObjSmoke2 .smoke_1 .smoke-ani {-webkit-transform: matrix(0.64278, -0.76604, -0.76604, -0.64278, 0, 0); transform: matrix(0.64278, -0.76604, -0.76604, -0.64278, 0, 0); opacity:0.7;}

.boxAlert {display:block; position:fixed; left:0px; top:0px; width:100vw; height:100vh; overflow:hidden; z-index:9999;}
.boxAlert .boxOverlayAlert {display:block; position:fixed; left:0px; top:0px; width:100vw; height:100vh; background:rgba(0,0,0,0.8);}
.boxAlert .boxContentAlert {display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:10; margin:auto; max-width:100%; max-height:100%; width:300px; height:180px; padding:10px; text-align:center; border:2px solid #ECA955; background:#000; color:#fff;}
.boxAlert .boxContentAlert .title {font-size:26px; color:#ECA955;}
.boxAlert .boxContentAlert .des {font-size:0.83em;}
.boxAlert .boxContentAlert .btnCloseAlert {display:block; position:absolute; right:-20px; top:-20px; width:35px; height:35px; background:url(../images/product-detail/btnClose.png) no-repeat left top; background-size:35px auto; cursor:pointer;}
.boxAlert .boxContentAlert .btnCloseAlert:hover {background-position:left -35px;}

#gallery-page {}
#gallery-page .titleGallery {display:block; position:relative; z-index:9; margin:0px; padding:100px 10px 30px; font-weight:normal; text-align:center; color:#ECA955; font-size:2em;}
#gallery-page .boxGallery {position:relative; z-index:10;}
#gallery-page .boxListGallery {position:relative; left:0px; top:0px; height:496px; margin-left:5%;}
#gallery-page .boxListGallery:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
#gallery-page .boxListGallery .boxGroupSet {display:block; position:relative; width:2480px; height:100%; float:left;}
#gallery-page .boxListGallery .boxGroupSet .oneGallery {display:block; border:2px solid #F9B258; margin:8px; overflow:hidden; cursor:move; position:absolute;}
#gallery-page .boxListGallery .boxGroupSet .oneGallery img {display:none;}
#gallery-page .boxListGallery .boxGroupSet .oneGallery span {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#gallery-page .boxListGallery .boxGroupSet .type_1 { left:0px; top:0px; width:480px; height:232px;}
#gallery-page .boxListGallery .boxGroupSet .type_2 { left:0px; top:248px; width:232px; height:232px;}
#gallery-page .boxListGallery .boxGroupSet .type_3 { left:248px; top:248px; width:232px; height:232px;}
#gallery-page .boxListGallery .boxGroupSet .type_4 { left:496px; top:0px; width:232px; height:480px;}
#gallery-page .boxListGallery .boxGroupSet .type_5 { left:744px; top:0px; width:480px; height:480px;}
#gallery-page .boxListGallery .boxGroupSet .type_6 { left:1240px; top:0px; width:480px; height:480px;}
#gallery-page .boxListGallery .boxGroupSet .type_7 { left:1736px; top:0px; width:232px; height:232px;}
#gallery-page .boxListGallery .boxGroupSet .type_8 { left:1984px; top:0px; width:232px; height:232px;}
#gallery-page .boxListGallery .boxGroupSet .type_9 { left:1736px; top:248px; width:480px; height:232px;}
#gallery-page .boxListGallery .boxGroupSet .type_10 { left:2232px; top:0px; width:232px; height:480px;}
#gallery-page .boxListGallery .boxGroupSet.total_1 {width:496px;}
#gallery-page .boxListGallery .boxGroupSet.total_2 {width:496px;}
#gallery-page .boxListGallery .boxGroupSet.total_3 {width:496px;}
#gallery-page .boxListGallery .boxGroupSet.total_4 {width:744px;}
#gallery-page .boxListGallery .boxGroupSet.total_5 {width:1240px;}
#gallery-page .boxListGallery .boxGroupSet.total_6 {width:1736px;}
#gallery-page .boxListGallery .boxGroupSet.total_7 {width:2232px;}
#gallery-page .boxListGallery .boxGroupSet.total_8 {width:2232px;}
#gallery-page .boxListGallery .boxGroupSet.total_9 {width:2232px;}
#gallery-page .boxListGallery .boxGroupSet.total_10 {}

#gallery-page .boxGallery .boxCtrl {}
#gallery-page .boxGallery .boxCtrl .btnBack {display:block; position:absolute; left:0px; top:0px; cursor:pointer; width:40px; height:100%; overflow:hidden; text-indent:-9999px; background:url(../images/icon/icon-l.png) no-repeat center center; background-size:18px auto;}
#gallery-page .boxGallery .boxCtrl .btnNext {display:block; position:absolute; right:0px; top:0px; cursor:pointer; width:40px; height:100%; overflow:hidden; text-indent:-9999px; background:url(../images/icon/icon-r.png) no-repeat center center; background-size:18px auto;}
#gallery-page .boxGallery .boxCtrl .btnBack:hover, 
#gallery-page .boxGallery .boxCtrl .btnNext:hover {background-color:rgba(0,0,0,0.8);}

#gallery-page .boxGallery.not_desktop {width:100vw; overflow-x:scroll; -webkit-overflow-scrolling: touch;}
#gallery-page .boxGallery.not_desktop .boxListGallery {margin:0px; padding:0px 5%; box-sizing:content-box;}
#gallery-page .boxGallery.not_desktop .boxCtrl {display:none;}

#gallery-page .contentGallery {display:block; position:relative; padding-top:470px;}
#gallery-page .contentGallery .bg {display:block; position:absolute; left:50%; top:-680px; margin-left:-684px; width:1368px;}

#gallery-page .boxObjSmoke {display:block; position:absolute; right:0px; top:-40px; pointer-events:none;}
#gallery-page .redGlow {display:block; position:absolute; left: -350px;  top: -360px;}
#gallery-page .blueGlow {display:block; position:absolute; left: -400px; top: -230px;}
#gallery-page .smoke_1 {display:block; position:absolute; left: -480px; bottom: -270px; width: 850px; pointer-events:none;}
#gallery-page .smoke_1 .smoke-ani {-webkit-transform: matrix(0.81915, -0.57357, 0.57357, 0.81915, 0, 0); transform: matrix(0.81915, -0.57357, 0.57357, 0.81915, 0, 0); opacity:0.7;}
#gallery-page .stone_1 {display:block; position:absolute; left: -300px; bottom: -70px;}
#gallery-page .stone_1 .stone_1_ani {-webkit-transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0); transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0);}
#gallery-page .stone_2 {display: block; position: absolute; left: -130px; bottom: -130px;}
#gallery-page .stone_2 .stone_2_ani {-webkit-transform:matrix(-1, 0, 0, 1, 0, 0); transform:matrix(-1, 0, 0, 1, 0, 0);}
#gallery-page .stone_3 {display: block; position: absolute; left: -100px; bottom: 40px;}
#gallery-page .stone_3 .stone_3_ani {-webkit-transform:matrix(0, 1, 1, 0, 0, 0); transform:matrix(0, 1, 1, 0, 0, 0);}

#gallery-page .boxObjSmoke2 {display:block; position:absolute; left: -50px; top: 500px; pointer-events:none;}
#gallery-page .smoke_2 {display:block; position:absolute; left:-230px; bottom:-240px; width:800px; pointer-events:none;}
#gallery-page .smoke_2 .smoke-ani {opacity:0.5;}
#gallery-page .stone_4 {display:block; position:absolute; left:130px; bottom:-30px;}
#gallery-page .stone_4 .stone_4_ani {-webkit-transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0); transform: matrix(-0.93969, 0.34202, 0.34202, 0.93969, 0, 0);}
#gallery-page .stone_5 {display: block; position: absolute; left: 50px; bottom: -30px;}
#gallery-page .stone_5 .stone_5_ani {-webkit-transform:matrix(-1, 0, 0, 1, 0, 0); transform:matrix(-1, 0, 0, 1, 0, 0);}
#gallery-page .stone_6 {display: block; position: absolute; left: -110px; bottom: -200px;}
#gallery-page .stone_6 .stone_6_ani {-webkit-transform:matrix(-1, 0, 0, 1, 0, 0); transform:matrix(-1, 0, 0, 1, 0, 0);}


/* 
fancybox CSS ====================================== */
.gallery-slide .fancybox-image {display:block; border:8px solid #ECAA54;}
.gallery-slide .fancybox-prev {left:-35px; width:50%;}
.gallery-slide .fancybox-prev span {
	left:0px; visibility: visible; background:url(../images/icon/icon-l.png) no-repeat center center; background-size: 14px auto;
	-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.gallery-slide .fancybox-prev span:hover {opacity:0.7; -webkit-transform:translate(-4px, 0px); transform:translate(-4px, 0px);}
.gallery-slide .fancybox-next {right:-35px; width:50%;}
.gallery-slide .fancybox-next span {
	right:0px; visibility: visible; background:url(../images/icon/icon-r.png) no-repeat center center; background-size: 14px auto;
	-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.gallery-slide .fancybox-next span:hover {opacity:0.7; -webkit-transform:translate(4px, 0px); transform:translate(4px, 0px);}
.gallery-slide .fancybox-close {top: -24px; right: -24px; width:48px; height:48px; background:url(../images/product-detail/btnClose.png) no-repeat left top; background-size:100% auto;}
.gallery-slide .fancybox-close:hover {background-position:left -48px;}

	
/* 
Hack IE CSS ====================================== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.header .logo .logo-overlay {display:none !important;}
	.bg-product-1 .bg_img .bg_img_show .light-overlay {display:none !important;}
	#home-page .bg-product-1 .bg_overlay {display:none !important;}
}

/* 
btn CSS ====================================== */
.btnStyle1 {display:inline-block; cursor: pointer; font-family:'EkkamaiStandard', sans-serif; font-size:22px; color:#511d03; width:289px; height:70px; padding:0px 20px 14px 20px; text-align:center; line-height:56px; overflow:hidden; font-weight:bold; background:url(../images/btnStyle1.png) no-repeat left top; white-space:nowrap;}
.btnStyle1:hover, .btnStyle1:focus {color:#511d03; background-position:left -70px;}

.btnStyle2 {display:inline-block; cursor: pointer; font-family:'EkkamaiStandard', sans-serif; font-size:18px; color:#511d03; width:190px; height:48px; padding:0px 20px 14px 20px; text-align:center; line-height:48px; overflow:hidden; font-weight:bold; background:url(../images/btnStyle2.png) no-repeat left top; white-space:nowrap;}
.btnStyle2:hover, .btnStyle2:focus {color:#511d03; background-position:left -48px;}

.btnStyle3 {display:inline-block; cursor: pointer; font-family:'EkkamaiStandard', sans-serif; font-size:18px; color:#511d03; width:250px; height:48px; padding:0px 20px 14px 20px; text-align:center; line-height:48px; overflow:hidden; font-weight:bold; background:url(../images/btnStyle3.png) no-repeat left top; white-space:nowrap;}
.btnStyle3:hover, .btnStyle3:focus {color:#511d03; background-position:left -48px;}


/* 
TH Lang CSS ====================================== */
.th .boxProduct3 .boxContentProduct .txt2 {font-size: 20px; line-height: 1.4; padding-top: 8px; padding-bottom: 0px;}
.th .boxProduct3 .boxContentProduct .txt2 span {font-size: 35px; line-height: 1.4;}
.th .boxCT_1 .txt1 {font-size: 24px; padding-bottom: 30px; line-height: 1.2;}


/* 
EN Lang CSS ====================================== */
.en {font-size:16px;}
.en .section-vdo .ct_2_1 {padding-left:0px;}
.en .section-vdo .ct_2_1 .title {font-size:2.2em;}
.en .section-vdo .ct_2_1 .des {font-size:0.9em;}
.en .section-product-1 .ct_3 .title span {display:inline;}
.en .section-product-2 .ct_4 .title {font-size:2.2em;}
.en .section-product-2 .ct_4_2 {top:390px;}
.en .section-product-3 .ct_5 .title span {display:inline;}
.en .section-product-4 .ct_6 .title {padding:5px;}
.en .section-product-4 .ct_6 .des {clear:both; font-size:0.9em;}
.en .boxFooterHome .title {font-size: 1.1em; padding-left:30px; padding-right:30px;}
.en .btnStyle1 {font-size:18px;}

.en .boxProduct2 .boxContentProduct .des {font-size:0.83em;}
.en .boxProduct3 .boxContentProduct .txt2 {font-size: 20px; line-height: 1.4; padding-top: 8px; padding-bottom: 0px;}
.en .boxProduct3 .boxContentProduct .txt2 span {font-size: 35px; line-height: 1.4;}
.en .boxProduct3 .boxContentProduct .btnPointPop .contentPoint .des {font-size:0.83em; line-height:1.8;}
.en .boxCT_1 .txt1 {font-size: 24px; padding-bottom: 30px; line-height: 1.2;}
.en .boxCT_1 .txt4 {font-size:0.9em;}

/* 
CN Lang CSS ====================================== */
.cn {font-size:16px;}
.cn .section-product-1 .ct_3 .title span {display:inline;}
.cn .section-product-3 .ct_5 .title span {display:inline;}
.cn .section-product-4 .ct_6 .des {clear:both;}
.cn .boxFooterHome .title {font-size: 1.1em; padding-left:30px; padding-right:30px;}

.cn .boxProduct2 .boxContentProduct .des {font-size:0.83em;}
.cn .boxProduct3 .boxContentProduct .txt2 {padding-top: 8px; line-height: 1.4;}
.cn .boxProduct3 .boxContentProduct .btnPointPop .contentPoint .des {font-size:0.83em; line-height:1.8;}

.cn .boxContact1 .boxContactInfo .title {font-size:22px;}




.header .boxMenu .hasSubMenu {
    display: block;
    float: left;
    height: auto;
    line-height: 34px;
    position: relative;
    padding-bottom: 10px;
}
.header .boxMenu .hasSubMenu .boxSubMenu-1 {
    display: none;
    position: absolute;
    left: 0px;
    top: 40px;
    padding: 5px 10px;
    background: rgba(0,0,0,0.8);
    white-space: nowrap;
    min-width: 120px;
    border-radius: 5px;
}
.header .boxMenu .hasSubMenu .boxSubMenu-1:before {
    display: block;
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    left: 10px;
    top: -10px;
    border: 5px solid transparent;
    border-bottom-color: rgba(0,0,0,0.8);
}
.header .boxMenu .hasSubMenu .boxSubMenu-1 a {
    display: block;
    float: none;
    line-height: 1.5;
    padding: 5px 0px;
    border-top: 1px solid rgba(255,255,255,0.3);
}
.header .boxMenu .hasSubMenu .boxSubMenu-1 a:first-child {
    border-top-color: transparent;
}
.header .boxMenu .hasSubMenu:hover .boxSubMenu-1 {display:block;}





/* 
SHARE CSS ====================================== */
.ct {display:table; width:100%; height:100%;}
.cc {display:table-cell; width:100%; height:100%; vertical-align:middle;}

.ts_1 {text-shadow:1px 3px 6px #000;}

.fs0_75 {font-size:0.75em;} /* 12px */
.fs0_8125 {font-size:0.8125em;} /* 13px */
.fs0_875 {font-size:0.875em;} /* 14px */

.fs1_125 {font-size:1.125em;} /* 18px */
.fs1_25 {font-size:1.25em;} /* 20px */
.fs1_625 {font-size:1.625em;} /* 26px */


.c_gray1 {color:#a0a0a3;}
.bg_gray1 {background-color:#a0a0a3;}

.c_blue1 {color:#00baf2;}
a.c_blue1:hover {opacity:0.8;}
.bg_blue1 {background-color:#00baf2;}

.pdlr_13 {padding-left:13px; padding-right:13px;}

.pdr_5 {padding-right:5px;}

.txtHide {display:none;}

.clr {display:block; clear:both; height:0px; overflow:hidden;}
.floatL {float:left;}
.floatR {float:right;}
.radius5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.shadow5 { -webkit-box-shadow: #999 0px 0px 5px; -moz-box-shadow: #999 0px 0px 5px; box-shadow: #999 0px 0px 5px;}
.alpha80 { filter: Alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.transition { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}