/*
FONT CSS ====================================== */
@font-face {
    font-family: 'db_heaventlight';
    src: url('../fonts/db_heavent_li_v3.2-webfont.eot');
    src: url('../fonts/db_heavent_li_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_heavent_li_v3.2-webfont.woff2') format('woff2'),
         url('../fonts/db_heavent_li_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_heavent_li_v3.2-webfont.ttf') format('truetype'),
         url('../fonts/db_heavent_li_v3.2-webfont.svg#db_heaventlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

/*
MAIN LAYOUT CSS ====================================== */
html, body {
	margin:0px; height:100%;
	font-family:'db_heaventlight';
	font-size:18px;
	line-height:1.1;
	color:#fff;
	background:#000;
}
a {color:#ccc; outline:none; text-decoration:none; outline: none;}
a:hover {text-decoration:none; color:#fff;}
a:focus {text-decoration:none; outline:none;}
a img {border:0px;}

.row.colSpace_5 {margin-left: -5px; margin-right: -5px;}
.row.colSpace_5 [class^="col-"] {padding-left: 5px; padding-right: 5px;}

.row.colSpace_8 {margin-left: -8px; margin-right: -8px;}
.row.colSpace_8 [class^="col-"] {padding-left: 8px; padding-right: 8px;}

.row.colSpace_10 {margin-left: -10px; margin-right: -10px;}
.row.colSpace_10 [class^="col-"] {padding-left: 10px; padding-right: 10px;}

.mainContainer {display:block; overflow:hidden;}
.page {}

.header {display:block; position:fixed; left:0px; top:0px; width:100%; z-index:100;}
	.header::before {
		content:''; width:100%; display: block; width: 100%; height:95px; border-bottom:1px solid #45372E; 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; width:204px; height:80px; font-weight:normal; margin:0px; padding:0px; position:absolute; z-index:5; left:30px; top:11px; margin:0px; overflow:hidden;}
	.header .logo a {display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url(../images/layout/voodoo-the-miracle-of-beauty.png) no-repeat center top; background-size:100% auto; cursor:pointer;}

	.header .boxMenu {display:block; position:absolute; left:0px; top:0px; width:100%; padding:0px 210px 0px 257px; text-align:center;}
	.header .boxMenu > a {display:inline-block; position:relative; top:0px; line-height: 95px; margin:0px 10px; font-size: 1.33em; color:#ccc;}
		.en .header .boxMenu > a {font-size: 1.2em;}

	.header .boxMenu > a:after {
		display:block; content:''; width:100%; height:0px; overflow:hidden; background:#CC9D67; position:absolute; left:0px; bottom:0px;
		 -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 > a:focus {color:#ccc;}
	.header .boxMenu > a:hover,
	.header .boxMenu > a.action,
	.header .boxMenu > a.action:focus {color:#ECA955;}
	.header .boxMenu > a:hover::after,
	.header .boxMenu > a.action::after,
	.header .boxMenu > a.action:focus::after {height:4px;}

	.header .boxMenu .boxLang {display:block; position:absolute; right:30px; top:32px;}
	.header .boxMenu .boxLang:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.header .boxMenu .boxLang a {display:block; float:left; height:32px; line-height:34px;}
	.header .boxMenu .boxLang a:hover {color:#ECA955;}
	.header .boxMenu .boxLang .btnLang {
		width:32px; height:32px; margin-left:8px; border-radius:16px; line-height:30px; font-size:20px; 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 .boxLang .btnLang.lang-th {}
	.header .boxMenu .boxLang .btnLang.lang-en {font-size:18px;}
	.header .boxMenu .boxLang .btnLang.lang-cn {font-size:12px;}
	.header .boxMenu .boxLang .btnLang:hover,
	.header .boxMenu .boxLang .btnLang.action {color:#ECA955; border:1px solid #ECA955; opacity:1;}

	.header .boxMenu .boxLang .btnSearch {font-size:30px; margin:0px 10px; cursor:pointer;}
	.header .boxMenu .boxLang .btnSearch.action {color:#ECA955;}

	.header .boxMenu .hasSubMenu {
		display: inline-block;
		position: relative;
		top: 0px;
		line-height: 95px;
		margin: 0px 10px;
		font-size: 1.33em;
		color: #ccc;
	}
	.header .boxMenu .hasSubMenu .boxSubMenu-1 {
		display: none;
		position: absolute;
		left: 0px;
		top: 95px;
		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;}


.footer {display:block; position:fixed; left:0px; bottom:0px; width:100%; z-index:100;}
	.footer .boxCopyright {
		display:block; position:absolute; left:30px; bottom:25px; opacity:0.5; font-family:'tavirajextralight', 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 .boxCopyright a {color:#fff;}
	.footer .boxSocial {
		display:block; position:absolute; right:30px; 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:8px; 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:40px;}
	.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;}

.boxContentTable {display:table; position:relative; width:100%; height:100%;}
.boxContentTableCell {display:table-cell; width:100%; height:100%; vertical-align:middle; max-width:100vw;}

.boxLineAni {display:block; position:relative; margin:15px auto; width:4px; height:64px; overflow:hidden;}
	.boxLineAni span {
		display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#EAB896;
		-webkit-animation:movedown_64 1s ease-in-out infinite;
		animation:movedown_64 1s ease-in-out infinite;
	}
	.boxLineAni.up span {
		display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#EAB896;
		-webkit-animation:moveup_64 1s ease-in-out infinite;
		animation:moveup_64 1s ease-in-out infinite;
	}

.boxSectionBottom {display:block; position:relative;}
	.boxSectionBottom .bg {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:100%; background:url(../images/layout/section-bottom-bg.png) no-repeat center bottom;}
	.boxSectionBottom .boxContent {position:relative; min-height:600px;}
	.boxSectionBottom .logoFooter {display:block; position:relative; margin:0px auto; width:140px; height:140px;}
	.boxSectionBottom .logoFooter img {display:block; position:relative; width:100%; height:auto;}
	.boxSectionBottom .title_1 {display:block; margin:0px; padding:15px 0px 20px; font-weight:normal; font-size:2em; line-height:0.9; text-align:center;}
	.boxSectionBottom .title_1:before {display:block; content:attr(data-textshadow); font-family:'tavirajmedium'; position:absolute; left:0px; width:100%; color:#000; text-shadow:0px 0px 7px #000, 0px 0px 13px #000;}
	.boxSectionBottom .title_1 span {position:relative;}

	.boxSectionBottom .boxContactVooDoo { padding-top:100px; color: rgba(255,255,255,0.5); text-align:center; font-size: 1.2em;}
	.boxSectionBottom .txtIcon {color: #fff; padding-right: 8px;}
	.boxSectionBottom .boxIcon {font-size: 25px; padding: 0px 8px;}
	.boxSectionBottom .boxContactVooDoo a {color: rgba(255,255,255,0.5);}

	.boxSectionBottom .boxSocial {
		display:block;  text-align:center; padding-top:20px;
		-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;
	}
	.boxSectionBottom .boxSocial:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxSectionBottom .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;
	}
	.boxSectionBottom .boxSocial a i {font-size:16px; line-height:40px;}
	.boxSectionBottom .boxSocial a:hover {color:#ECA955; border:1px solid #ECA955; opacity:1;}
	.boxSectionBottom .boxCopyright {
		display:block; opacity:0.5; padding:20px 0px; font-family:'tavirajextralight', sans-serif; font-size:12px; text-align:center; line-height: 1.6;
		-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;
	}
	.boxSectionBottom .boxCopyright a {color:#fff;}

.boxBookFooter {display:block; position:relative; height:600px; background:url(../images/layout/book.jpg) no-repeat center center;}

.bg-miracle {background:url(../images/layout/bg-miracle.jpg) repeat-y center top;}

.boxQuickSearch {display:block; position:fixed; left:0px; top:94px; z-index:10; width:100%; background:#1E170F; border-top:1px solid #5B4837; border-bottom:1px solid #5B4837;}
.boxQuickSearch .boxInputSearch {display:block; width:100%; font-weight:normal; margin: 0px; text-align: center; cursor:text;}
.boxQuickSearch .quick_search {display:inline-block; width:150px; max-width:80%; height:80px; padding:0px 15px; background:transparent; box-shadow:none; outline:none; border:none; margin:auto; color:#CC9D65; font-size:1.5em;}
.boxQuickSearch .btnClearSearch {display:inline-block; cursor:pointer;}
.boxQuickSearch .btnClearSearch:hover {opacity:0.7;}
.boxQuickSearch .iconSearch {display:inline-block; font-size: 34px; position: relative; top: 10px; color: rgba(255,255,255,0.3);}
.boxQuickSearch .btnSearchHide {display:block; width:1px; height:1px; overflow:hidden; position:absolute; left:101%; top:101%; visibility:hidden;}
#widthTextSearch {display:inline-block; height:0px; overflow:hidden; position:absolute; left:0px; top:0px; white-space:nowrap; visibility:hidden; font-size:1.5em;}

.boxSearchResultProducts {display:block; padding-top:80px;}
.boxSearchResultProducts .title_1 {display:block; padding:20px 0px 10px; margin:0px; color:rgba(255,255,255,0.7); font-size:1.5em; text-align:center;}
.boxSearchResultProducts .title_1 u {text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.5);}
.boxSearchResultProducts .boxList {border-bottom:1px solid #3E2C22;}
.boxSearchResultProducts .boxList:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxSearchResultProducts .boxList .oneList {display:block; position:relative; width:33.33%; padding:0px 15px 65px 15px; margin:15px 0px 30px; float:left; text-align:center;}
.boxSearchResultProducts .boxList .oneList .boxProductImg {display:block; position:relative;}
.boxSearchResultProducts .boxList .oneList .boxProductImg .normal {display:block; max-width:100%; height:auto; margin:auto;}
.boxSearchResultProducts .boxList .oneList .boxProductImg .over {display:block; position:absolute; left:0px; right:0px; top:0px; width:auto; height:100%; margin:auto; opacity:0;}
.boxSearchResultProducts .boxList .oneList .boxProductName {display:block; margin:-15px 0px 0px 0px; padding:5px 0px; font-size:1em; }
.boxSearchResultProducts .boxList .oneList .boxProductType {display:block; margin:0px; padding:5px 0px; font-size:1em; }
.boxSearchResultProducts .boxList .oneList .boxProductDes {display:block; color:rgba(255,255,255,0.7); padding:10px 0px; font-size:1.4em;}
.boxSearchResultProducts .boxList .oneList .boxGroupBtn {display:block; position:absolute; left:0px; bottom:0px; width:100%; padding:0px 15px;}
.boxSearchResultProducts .boxList .oneList .boxGroupBtn a {display:block; float:left; width:calc(50% - 8px);}
.boxSearchResultProducts .boxList .oneList .boxGroupBtn a:nth-child(2) {float:right;}

.boxSearchResultProducts .boxList .oneList:nth-child(3n+1) {clear:both;}


.boxSearchResultNews {display:block; padding-top:50px;}
.boxSearchResultNews .title_1 {display:block; padding:20px 0px 10px; margin:0px; color:rgba(255,255,255,0.7); font-size:1.5em; text-align:center;}
.boxSearchResultNews .title_1 u {text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.5);}
.boxSearchResultNews .boxList {display:block; padding-top:20px;}
.boxSearchResultNews .boxList:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxSearchResultNews .boxList .oneList {display:block; margin-bottom:30px; float:left;}
.boxSearchResultNews .boxList .oneList .boxImg {display:block; position:relative; overflow:hidden; border:1px solid #674F33;}
.boxSearchResultNews .boxList .oneList .boxImg .ratio {display:block; width:100%; height:auto; visibility:hidden;}
.boxSearchResultNews .boxList .oneList .boxImg .bg {
	display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.6;
	-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;
}
.boxSearchResultNews .boxList .oneList .boxImg:hover .bg {opacity:1;}
.boxSearchResultNews .boxList .oneList .boxDate {display:block; padding:20px 0px 10px; color:#604A32; font-size:1em; font-family: 'tavirajmedium';}
.boxSearchResultNews .title_2 {display:block; margin:0px; padding:0px 0px 5px; font-weight:normal; font-size:1.1em; line-height:1.3;}
.boxSearchResultNews .des_1 {padding:10px 0px 15px; color:rgba(255,255,255,0.7); font-size:1.33em; line-height:1.34;}
.boxSearchResultNews .boxType {display:block; position:relative; padding-left:33px; font-size:1.2em;}
.boxSearchResultNews .boxType:before {display:block; content:''; position:absolute; left:0px; top:0px; bottom:0px; margin:auto; width:24px; height:3px; background:#CC9D65;}

	.boxSearchResultNews .boxList .oneList:nth-child(3n+1) {clear:both; margin-right:40px; width:calc(33.33% - 40px);}
	.boxSearchResultNews .boxList .oneList:nth-child(3n+2) {margin-left:20px; margin-right:20px; width:calc(33.33% - 40px);}
	.boxSearchResultNews .boxList .oneList:nth-child(3n) {margin-left:40px; width:calc(33.33% - 40px);}

/*
object ani CSS ====================================== */
.smoke_mc {pointer-events:none;}
.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/layout/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;
}

/*
MASK CSS ====================================== */
.mask_ink_1 {
	-webkit-mask: url(../images/mask/mask-ink-1.png); mask: url(../images/mask/mask-ink-1.png);
	-webkit-mask-size:3300% 100%; mask-size: 3300% 100%;
}

/*
boxCMS CSS ====================================== */
.boxCMS {font-size:1.4em; line-height:1.2; color:rgba(255,255,255,0.7);}
.boxCMS p {margin-bottom:25px;}


/*
Owl CSS ====================================== */
.owl-theme .owl-nav {margin-top: 0px; position: absolute; left: 0px; top:50%; width: 100%; height: 0px; font-size:32px;}
.owl-carousel .owl-nav button.owl-next {display:block; position:absolute; right:0px; top:-15px; width:30px; height:50px; margin:0px; background:transparent !important; outline:none !important; color:#BE8663;}
.owl-carousel .owl-nav button.owl-next:before {
	content: "\50";
	font-family: "voodoo" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.owl-carousel .owl-nav button.owl-next:hover {color:#CC9D65;}
.owl-carousel .owl-nav button.owl-next span {display:none;}
.owl-carousel .owl-nav button.owl-prev {display:block; position:absolute; left:0px; top:-15px; width:30px; height:50px; margin:0px; background:transparent !important; outline:none !important; color:#BE8663;}
.owl-carousel .owl-nav button.owl-prev:before {
	content: "\4f";
	font-family: "voodoo" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.owl-carousel .owl-nav button.owl-prev:hover {color:#CC9D65;}
.owl-carousel .owl-nav button.owl-prev span {display:none;}


/*
PAGE CSS ====================================== */
.boxPreload {display:block; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9000;}
	.boxPreload .bg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000;}
	.boxPreload .boxPreloadContent {position:relative; min-height:650px; text-align:center; padding:30px 0px;}
	.boxPreload .boxPreloadContent .smoke_1{position: absolute; left: 50%; top: 160px; width: 1100px; margin-left: -640px; opacity:0;}
    .boxPreload .boxPreloadContent .boxCompass {display:block; position:relative; width:340px; height:340px; background:url(../images/layout/compass-1.png) no-repeat left top; background-size:100% auto; margin:0px auto; opacity:0;}
	.boxPreload .boxPreloadContent .boxCompass span {
		display:block; width:100%; height:100%; background:url(../images/layout/compass-2.png) no-repeat left top; background-size:100% auto;
		-webkit-animation:compass 3s ease-in-out infinite;
		animation:compass 3s ease-in-out infinite;
	}
	.boxPreload .boxPreloadContent .logo {display:block; position:relative; margin:0px; padding:20px 0px; font-weight:normal; opacity:0;}
	.boxPreload .boxPreloadContent .logo img {display:block; margin:0px auto;}
	.boxPreload .boxPreloadContent .title_1 {display:block; position:relative;  margin:0px; padding:10px 0px; font-weight:normal; font-size:2em; opacity:0;}
    .boxPreload .boxPreloadContent .des {display:block; position:relative; padding-top:10px; color:rgba(255,255,255,0.5); font-size:1.65em; opacity:0;}

.boxPreload.minPreload .boxPreloadContent {min-height:inherit;}
	.boxPreload.minPreload .boxPreloadContent .boxCompass span {
		-webkit-animation:none;
		animation:none;
	}


.boxPopupIngredents {display:block; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:8000;}
	.boxPopupIngredents .bg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/popup/bgBook.jpg) no-repeat center center #000; background-size:cover;}
	.boxPopupIngredents .title_1 {display:block; text-align:center; margin:0px; padding:10px 0px 0px 0px; font-weight:normal; font-size:2em;}
	.boxPopupIngredents .boxBook {display:block; position:relative; width:1300px; height:680px; margin:auto; background:url(../images/popup/book.png) no-repeat left top; background-size:100% auto;}
	.boxPopupIngredents .boxBook .boxListPageBook {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;  transform-style: preserve-3d; -webkit-perspective: 2000px; perspective: 2000px;}
	.boxPopupIngredents .boxBook .onePageBook {display:block; width:440px; height:490px; position:absolute; z-index:1; color:#543D2D;}
		.boxPopupIngredents .boxBook .title_8 {display:block; position:absolute; top:0px; margin:0px; padding:20px 0px 0px; font-size:1.3em; font-style:italic;}
		.boxPopupIngredents .boxBook .title_8 span {display:block; padding-top:5px; font-family: 'tavirajmedium'; }
		.boxPopupIngredents .boxBook .boxImg {padding:0px 10px;}
		.boxPopupIngredents .boxBook .boxImg img {display:block; width:100%; height:auto;}
		.boxPopupIngredents .boxBook .des_4 {display:block; height:180px; overflow-x:hidden; overflow-y:auto; font-size:1.1em; font-style:italic; line-height:130%;}
		.boxPopupIngredents .boxBook .boxBy {display:block; position:relative; padding-top:15px; font-size:1.1em; font-style:italic; background:url(../images/popup/lineBreak.png) no-repeat left top; background-size:100% 6px;}

		.boxPopupIngredents .boxBook .box2ingredent {}
		.boxPopupIngredents .boxBook .box2ingredent .oneIngredent {display:flex; align-items:center; position:relative; height:240px;}

		.boxPopupIngredents .boxBook .box2ingredent .oneIngredent:nth-child(1)  {padding-left:180px;}
		.boxPopupIngredents .boxBook .box2ingredent .oneIngredent:nth-child(1) .boxImg {display:block; position:absolute; left:0px; top:0px; bottom:0px; margin:auto; padding:0px; width:180px; height: fit-content;}

		.boxPopupIngredents .boxBook .box2ingredent .oneIngredent:nth-child(2)  {padding-right:180px;}
		.boxPopupIngredents .boxBook .box2ingredent .oneIngredent:nth-child(2) .boxImg {display:block; position:absolute; right:0px; top:0px; bottom:0px; margin:auto; padding:0px; width:180px; height: fit-content;}
	.boxPopupIngredents .boxBook .title_9 {display:block; margin:0px 0px 10px 0px; padding:10px 0px 16px; font-size:1.3em; font-style:italic; background:url(../images/popup/lineBreak.png) no-repeat left bottom; background-size:100% 6px;}
	.boxPopupIngredents .boxBook .title_9 span {display:block; padding-top:5px; font-family: 'tavirajmedium'; }
	.boxPopupIngredents .boxBook .des_5 {display: block; font-size: 1.1em; font-style: italic; line-height: 130%;}

	.boxPopupIngredents .boxBook .pageLeft {left:212px; top:91px; padding:0px 20px 0px 20px; transform-origin: 100% 50%;}
	.boxPopupIngredents .boxBook .pageRight {left:652px; top:91px; padding:0px 20px 0px 20px; transform-origin: 0% 50%;}
	.boxPopupIngredents .boxBook .bgPagFlip {display:none; position:absolute; left:0px; top:0px; z-index:5; width:100%; height:100%; background-image:url(../images/popup/page_flip.png); background-size:3000% 100%; background-position:0% 0px;}
	.boxPopupIngredents .boxCtrl {font-size:2.5em;}
	.boxPopupIngredents .boxCtrl .btnBack {display:block; position:absolute; left:200px; top:50%; z-index:50; text-align:center; margin-top:-25px; color:#543D2D; cursor:pointer;}
	.boxPopupIngredents .boxCtrl .btnNext {display:block; position:absolute; right:195px; top:50%; z-index:50; text-align:center; margin-top:-25px; color:#543D2D; cursor:pointer;}
	.boxPopupIngredents .boxCtrl .btnBack i {
		display:block; position:relative;
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);
		-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;
	}
	.boxPopupIngredents .boxCtrl .btnNext i {
		display:block; position:relative;
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);
		-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;
	}

	.boxPopupIngredents .boxCtrl .btnBack:hover i {
		-webkit-transform: matrix(1, 0, 0, 1, -5, 0);
		transform: matrix(1, 0, 0, 1, -5, 0);
	}
	.boxPopupIngredents .boxCtrl .btnNext:hover i {
		-webkit-transform: matrix(1, 0, 0, 1, 5, 0);
		transform: matrix(1, 0, 0, 1, 5, 0);
	}
	.boxPopupIngredents .boxCtrl .boxListCtrl {display:block; position:absolute; left:0px; bottom:10px; width:100%; text-align:center;}
	.boxPopupIngredents .boxCtrl .boxListCtrl a {display:inline-block; position:relative; margin:2px; width:40px; height:24px; padding:10px 0px; cursor:pointer; overflow:hidden; text-indent:-9999px;}
	.boxPopupIngredents .boxCtrl .boxListCtrl a:before {display:block; content:''; position:absolute; left:0px; top:10px; width:100%; height:4px;  background:rgba(204, 157, 101, 0.4);}
	.boxPopupIngredents .boxCtrl .boxListCtrl a:hover::before, .boxPopupIngredents .boxCtrl .boxListCtrl a.action::before {background:#CC9D65;}
	.boxPopupIngredents .btnClosePopup {display:block; position:absolute; right:20px; top:20px; width:30px; height:30px; color:rgba(204, 157, 101, 0.5); font-size:30px; cursor:pointer; z-index:8001;}
	.boxPopupIngredents .btnClosePopup:hover { color:#CC9D65;}
	.boxPopupIngredents .btnClosePopup i {
		display:block; position:relative;
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);
		-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;
	}
	.boxPopupIngredents .btnClosePopup:hover i {
		-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	}

/* home-page
=========================*/
#home-page {display:block; position:relative; }
#home-page .oneSection {display:block; position:relative; height:100vh; z-index:1;}

#home-page .boxHomeSection {}
#home-page .boxHomeSection .boxSectionName {
	display:block; position:absolute; left:15px; top:50%; z-index:9; width:0px; height:0px; font-family:'tavirajregular'; font-size:0.9em; letter-spacing: 5px; color:rgba(255,255,255,0.5);
	-webkit-transform: matrix(0, 1, -1, 0, 0, 0); transform: matrix(0, 1, -1, 0, 0, 0);
}
#home-page .boxHomeSection .boxSectionName span {display:block; position:absolute; left:-150px; top:-20px; width:300px; height:40px; white-space:nowrap; text-align:center;}



.boxHomeSection_1 {}
	.boxHomeSection_1 .boxContentTable { position:relative; left:0px; top:0px;}
	.boxHomeSection_1 .boxListBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	.boxHomeSection_1 .boxListBg .oneBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background-repeat:no-repeat; background-position:center center;}
	.boxHomeSection_1 .boxListBg .oneBg .bgOverlay {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#C0865F;}
	.boxHomeSection_1 .boxContent {position:relative; z-index:10; min-height:430px; text-align:center;}
	.boxHomeSection_1 .title_1 {display:block; margin:0px; padding:30px 0px 0px; font-weight:normal; color:#fff; font-size:2.67em;}


	.boxHomeSection_1 .title_2 {display:block; margin:0px; padding:5px 0px 0px; font-weight:normal; font-size:2.78em;}
	.boxHomeSection_1 .title_2:before {display:block; content:attr(data-textshadow); font-family:'tavirajmedium'; position:absolute; left:0px; width:100%; color:#000; text-shadow:0px 0px 7px #000, 0px 0px 13px #000;}
	.boxHomeSection_1 .title_2 span {position:relative;}
	.boxHomeSection_1 .title_3 {display:block; margin:0px; padding:10px 0px 0px; font-weight:normal; font-size:1em;}


	.boxHomeSection_1 .des {display:block; padding:10px 0px 0px; color:rgba(255,255,255,0.6); font-size:1.67em;}
	.boxHomeSection_1 .smoke_1 {display: block; position: absolute; left: -400px; top: -250px; width: 1050px; z-index:10;}
	.boxHomeSection_1 .smoke_1 .smoke_1_tl {
		-webkit-animation: moveR2L100 15s ease-in-out infinite;
		animation: moveR2L100 15s ease-in-out infinite;
	}
	.boxHomeSection_1 .smoke_2 {display: block; position: absolute; right: -480px; bottom: -60px; width: 1000px; z-index:10;}
	.boxHomeSection_1 .smoke_2 .smoke_2_tl {
		-webkit-animation: moveL2R100 12s ease-in-out infinite;
		animation: moveL2R100 12s ease-in-out infinite;
	}

.boxHomeSection_2 {}
	.boxHomeSection_2 .boxContentTable { position:relative; left:0px; top:0px; z-index:10;}
	.boxHomeSection_2 .boxBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
		.boxHomeSection_2 .boxBg .oneBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; }
		.boxHomeSection_2 .smoke_1 {display: block; position: absolute; left: 0px; top:50px; width: 900px;}
		.boxHomeSection_2 .smoke_1 .smoke_1_tl {}
		.boxHomeSection_2 .smoke_1 .smoke-ani {
			-webkit-animation: moveR2L100 15s ease-in-out infinite;
			animation: moveR2L100 15s ease-in-out infinite;
		}

	.boxHomeSection_2 .boxContent {position:relative; z-index:10; max-width:50%; text-align:center;}
	.boxHomeSection_2 .title_1 {display:block; margin:0px; padding:10px 0px 0px; font-weight:normal; font-size:2.78em;}
	.boxHomeSection_2 .title_1:before {display:block; content:attr(data-textshadow); font-family:'tavirajmedium'; position:absolute; left:0px; width:100%; color:#000; text-shadow:0px 0px 7px #000, 0px 0px 13px #000;}
	.boxHomeSection_2 .title_1 span {position:relative;}
	.boxHomeSection_2 .title_2 {display:block; margin:0px; padding:0px; font-weight:normal; color:#fff; font-size:2em;}

	.boxHomeSection_2 .des {display:block; padding:10px 0px 0px; color:rgba(255,255,255,0.6); font-size:1.33em;}

	.boxHomeSection_2 .boxListCount {display:table; width:100%; height:auto; padding:30px 0px;}
	.boxHomeSection_2 .boxListCount .oneCount {display:table-cell; position:relative; vertical-align:middle; padding:20px 10px;}
	.boxHomeSection_2 .boxListCount .oneCount .labelCount {
		display:block; margin:0px; padding:0px; font-weight:normal; color:#fff; font-size:1.67em; color:rgba(255,255,255,0.6);
		height:33px;
	}

	.boxHomeSection_2 .boxListCount .oneCount .numCount {display:block; position:relative; margin:0px; padding:10px 0px; font-weight:normal; color:#fff; font-size:3.3em; white-space:nowrap; font-style:italic;}
	.boxHomeSection_2 .boxListCount .oneCount:after {display:block; content:''; position:absolute; right:-1px; top:15%; width:2px; height:70%; overflow:hidden; background:#45372E;}
	.boxHomeSection_2 .boxListCount .oneCount:last-child::after {display:none;}
		.boxHomeSection_2 .boxListCount .oneCount:nth-child(1) {width:229px;}
		.boxHomeSection_2 .boxListCount .oneCount:nth-child(2) {width:161px;}
		.boxHomeSection_2 .boxListCount .oneCount:nth-child(3) {width:180px;}

	.boxHomeSection_2 .boxBtn {padding-bottom:30px;}
	.boxHomeSection_2 .boxWorld {display:block; position:absolute; left:555px; top:-70px;}
		#world {display:block; width:800px; height:660px; overflow:hidden;}
		#world canvas {display:block; width:100%; height:100%;}

.boxHomeSection_3 {}
	.boxHomeSection_3 .boxContentTable { position:relative; left:0px; top:0px;}
	.boxHomeSection_3 .boxBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	.boxHomeSection_3 .boxBg .oneBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; }

	.boxHomeSection_3 .smoke_1 {display: block; position: absolute; left: -200px; top: 250px; width: 1000px;}
	.boxHomeSection_3 .smoke_1 .smoke_1_tl {-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);}
	.boxHomeSection_3 .smoke_1 .smoke-ani {
		-webkit-animation: moveR2L100 15s ease-in-out infinite;
		animation: moveR2L100 15s ease-in-out infinite;
	}
	.boxHomeSection_3 .boxContentVdo {display:block; position:relative; padding:28px 0px 0px 110px; min-height:80px;}
	.boxHomeSection_3 .boxContentVdo .icoPlay {display:block; position:absolute; left:0px; width:80px; height:auto;}
	.boxHomeSection_3 .boxContentVdo .title_1 {font-size:2.5em; margin:0px; padding:0px; font-weight:normal;}
	.boxHomeSection_3 .boxContentVdo .title_2 {font-size:1.1em; margin:0px; padding:0px; font-weight:normal;}
	.boxHomeSection_3 .boxContent {position:relative; z-index:10; margin:auto; max-width:960px;}
	.boxHomeSection_3 .boxList_1 {}
	.boxHomeSection_3 .des_1 {display:block; padding:15px 0px; color:rgba(255,255,255,0.6); font-size:1.5em;}
	.boxHomeSection_3 .boxMainVdo {position:relative; padding-top:28px;}
	.boxHomeSection_3 .boxMainVdo .bgOverlayMask {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#C0865F;}
	.boxHomeSection_3 .boxMainVdo .boxMainVdoInner {display:block; position:relative; border:3px solid #CB9C66; background:#000;}
	.boxHomeSection_3 .boxMainVdo .boxMainVdoInner video {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:10;}
	.boxHomeSection_3 .boxThumbnailVideo {display:block; position:relative;}
	.boxHomeSection_3 .boxThumbnailVideo .ratio {display:block; width:100%; height:auto; visibility:hidden;}
	.boxHomeSection_3 .boxThumbnailVideo .bgThumb {display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.boxHomeSection_3 .boxThumbnailVideo:before {
		display:block; content:''; z-index:1; background:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0;
		-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;
	}
	.boxHomeSection_3 .boxThumbnailVideo:hover::before {opacity:0.5;}
	.boxHomeSection_3 .boxThumbnailVideo .btnPopupVideo {
		display:block; width:100px; height:100px; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; margin:auto; opacity:0.7;
		background:url(../images/svg/btnPlayVdo.svg) no-repeat left top; background-size:1500% 100%;

		-webkit-animation: re_bg_pos 0.2s steps(14) forwards;
		animation: re_bg_pos 0.2s steps(14) forwards;
	}
	.boxHomeSection_3 .boxThumbnailVideo .btnPopupVideo:hover {
		-webkit-animation: bg_pos 0.3s steps(14) forwards;
		animation: bg_pos 0.3s steps(14) forwards;
	}

	.boxHomeSection_3 .owl-carousel .owl-nav button.owl-prev {left: -170px;}
	.boxHomeSection_3 .owl-carousel .owl-nav button.owl-next {right: -170px;}


.boxHomeSection_4 {}
	.boxHomeSection_4 .boxContentTable { position:relative; left:0px; top:0px;}
	.boxHomeSection_4 .boxContent {position:relative; text-align:center;}
	.boxHomeSection_4 .boxList {display:block; position:relative; width:100%; height:750px;}
	.boxHomeSection_4 .boxList .oneList {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
	.boxHomeSection_4 .boxList .oneList .bg {display:block; position:absolute; left:50%; top:50%; width:0px; height:0px;}
	.boxHomeSection_4 .boxList .oneList .bg span {display:block; position:absolute; left:-683px; top:-440px; width:1366px; height:880px; background-repeat:no-repeat; background-position:center center;}
	.boxHomeSection_4 .boxList .oneContent {display:block; position:absolute; left:0px; bottom:0px; width:100%;}
	.boxHomeSection_4 .title_1 {display:block; margin:0px; padding:0px 0px 5px; font-weight:normal; font-size:2.33em; line-height:0.9;}
	.boxHomeSection_4 .title_logo {max-width:250px; margin:auto;}
	.boxHomeSection_4 .title_logo img {display:block; width:100%; height:auto;}
	.boxHomeSection_4 .des {padding:15px 0px; color:#fff; font-size:1.33em; line-height:1.34;}

	.boxHomeSection_4 .btnStyle1 {margin:15px 0px;}
	.boxHomeSection_4 .boxCtrl {display:block; width:100%; height:0px; position:absolute; left:0px; top:50%;}
	.boxHomeSection_4 .boxCtrl .btnBack {display:block; position:absolute; left:-80px; top:-20px; width:32px; height:40px; font-size:32px; line-height:40px; overflow:hidden; color:#EBBA99; cursor:pointer; text-align:left;}
	.boxHomeSection_4 .boxCtrl .btnNext {display:block; position:absolute; right:-80px; top:-20px; width:32px; height:40px; font-size:32px; line-height:40px; overflow:hidden; color:#EBBA99; cursor:pointer; text-align:right;}
	.boxHomeSection_4 .boxCtrl a:hover {color:#C0865F;}

.boxHomeSection_5 {}
	.boxHomeSection_5 .boxContentTable { position:relative; left:0px; top:100px; z-index:10;}
	.boxHomeSection_5 .boxBg {display:block; position:absolute; left:0px; top:100px; width:100%; height:100%;}
		.boxHomeSection_5 .boxBg .oneBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; }

		.boxHomeSection_5 .smoke_1 {display: block; position: absolute; left: -400px; top: -200px; width: 1000px;}
		.boxHomeSection_5 .smoke_1 .smoke_1_tl {-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);}
		.boxHomeSection_5 .smoke_1 .smoke-ani {
			-webkit-animation: moveR2L100 15s ease-in-out infinite;
			animation: moveR2L100 15s ease-in-out infinite;
		}
		.boxHomeSection_5 .smoke_2 {display: block; position: absolute; right: -300px; top: 250px; width: 800px;}
		.boxHomeSection_5 .smoke_2 .smoke_2_tl {-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);}
		.boxHomeSection_5 .smoke_2 .smoke-ani {
			-webkit-animation: moveL2R100 20s ease-in-out infinite;
			animation: moveL2R100 20s ease-in-out infinite;
		}

		.boxHomeSection_5 .boxBg .obj-1 {display:block; position:absolute; right:-270px; top:-450px; z-index:9; pointer-events:none;}
		.boxHomeSection_5 .boxBg .obj-2 {display:block; position:absolute; left:0px; bottom:-50px; z-index:9; pointer-events:none;}
	.boxHomeSection_5 .boxContent {position:relative; }
	.boxHomeSection_5 .title_1 {display:block; margin:0px; padding:0px 0px 5px; font-weight:normal; font-size:4.5em; letter-spacing:-0.01em; line-height:1;}
	.boxHomeSection_5 .title_1 .lineBreak_2 {display:inline-block; position: absolute; bottom: 28px; width:60px; height:4px; background:#CC9D67; margin-left:20px;}
	.boxHomeSection_5 .boxList {padding:40px 0px;}
	.boxHomeSection_5 .boxList .oneList {display:block; position:relative; padding-left:240px; min-height:380px;}
	.boxHomeSection_5 .boxList .oneList .boxImg {display:block; position:absolute; left:0px; top:0px; width:240px;}
	.boxHomeSection_5 .boxList .oneList .boxImg img {display:block; width:100%; height:auto;}
	.boxHomeSection_5 .title_2 {display:block; margin:0px; padding:50px 0px 20px; font-weight:normal; font-size:1.33em; line-height:0.9;}
	.boxHomeSection_5 .title_3 {display:block; margin:0px; padding:0px; font-weight:normal; font-size:1.12em;}
	.boxHomeSection_5 .title_3 span {padding:3px 0px;}
	.boxHomeSection_5 .lineBreak_1 {display:block; margin:18px 0px 5px; width:60px; height:4px; overflow:hidden; background:#CC9D65;}
	.boxHomeSection_5 .des_1 {padding:15px 0px; color:rgba(255,255,255,0.7); font-size:1.33em; line-height:1.34;}
	.boxHomeSection_5 .boxBtn a {margin-right:12px;}
	.boxHomeSection_5 .boxBtn a:last-child {margin-right:0px;}
		.boxHomeSection_5 .owl-carousel .owl-nav button.owl-next {right:-80px;}
		.boxHomeSection_5 .owl-carousel .owl-nav button.owl-prev {left:-80px;}


.boxHomeSection_6 {}
	.boxHomeSection_6 .boxContentTable { position:relative; left:0px; top:0px;}
	.boxHomeSection_6 .boxBg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
		.boxHomeSection_6 .smoke_1 {display: block; position: absolute; left: -200px; top: 300px; width: 800px;}
		.boxHomeSection_6 .smoke_1 .smoke_1_tl {
			-webkit-animation: moveR2L100 20s ease-in-out infinite;
			animation: moveR2L100 20s ease-in-out infinite;
		}
		.boxHomeSection_6 .smoke_2 {display: block; position: absolute; right: -100px; top: 250px; width: 800px;}
		.boxHomeSection_6 .smoke_2 .smoke_2_tl {
			-webkit-animation: moveL2R100 20s ease-in-out infinite;
			animation: moveL2R100 20s ease-in-out infinite;
		}

	.boxHomeSection_6 .boxContent {position:relative; }
	.boxHomeSection_6 .title_1 {display:block; text-align:center; margin:0px; padding:0px 0px 5px; font-weight:normal; font-size:2.33em; line-height:0.9;}
	.boxHomeSection_6 .lineBreak_1 {display:block; margin:25px auto 40px; width:60px; height:4px; overflow:hidden; background:#CC9D65;}
	.boxHomeSection_6 .boxList {}
	.boxHomeSection_6 .boxList:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxHomeSection_6 .boxList .oneList {display:block; float:left;}
	.boxHomeSection_6 .boxList .oneList .boxImg {display:block; position:relative; overflow:hidden; border:1px solid #674F33;}
	.boxHomeSection_6 .boxList .oneList .boxImg .ratio {display:block; width:100%; height:auto; visibility:hidden;}
	.boxHomeSection_6 .boxList .oneList .boxImg .bg {
		display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.6;
		-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;
	}
	.boxHomeSection_6 .boxList .oneList .boxImg:hover .bg {opacity:1;}
	.boxHomeSection_6 .boxList .oneList .boxDate {display:block; padding:20px 0px 10px; color:#604A32; font-size:1em; font-family: 'tavirajmedium';}
	.boxHomeSection_6 .title_2 {display:block; margin:0px; padding:0px 0px 5px; font-weight:normal; font-size:1.1em; line-height:1.3;}
	.boxHomeSection_6 .des_1 {padding:10px 0px 15px; color:rgba(255,255,255,0.7); font-size:1.33em; line-height:1.34;}

	.boxHomeSection_6 .boxType {display:block; position:relative; padding-left:33px; font-size:1.2em;}
	.boxHomeSection_6 .boxType:before {display:block; content:''; position:absolute; left:0px; top:0px; bottom:0px; margin:auto; width:24px; height:3px; background:#CC9D65;}

		.boxHomeSection_6 .boxList .oneList:nth-child(3n+1) {clear:both; margin-right:40px; width:calc(33.33% - 40px);}
		.boxHomeSection_6 .boxList .oneList:nth-child(3n+2) {margin-left:20px; margin-right:20px; width:calc(33.33% - 40px);}
		.boxHomeSection_6 .boxList .oneList:nth-child(3n) {margin-left:40px; width:calc(33.33% - 40px);}


/*
inner page CSS ====================================== */
.inner-page {padding-top:95px;}


/*
about CSS ====================================== */
.boxLandingSection {display:block; position:relative;}
.boxLandingSection:after {display:block; content:''; width:100%; height:1px; background:rgba(204, 157, 103, 0.3); overflow:hidden; position:absolute; left:0px; bottom:0px;}
.boxLandingSection .bg {display:block; position:absolute; left:0px; top:-95px; width:100%; height:750px; background-repeat:no-repeat; background-position:center top;}
.boxLandingSection .container {position:relative;}
.boxLandingSection .boxContentSection {display:flex; align-items:center; width:50%; min-height:500px;}
.boxLandingSection .boxDetail {display:block; padding:50px 0px;}
.boxLandingSection .boxDetail .title_1 {display:block; margin:0px; padding:5px 0px; font-size:3.2em;}
.boxLandingSection .boxDetail .title_2 {display:block; margin:0px; padding:5px 0px 5px; font-size:1.9em;}
.boxLandingSection .boxDetail .title_2_1 {display:block; margin:0px; padding:5px 0px 5px; font-size:1.5em;}
.boxLandingSection .boxDetail .lineBreak_1 {display:block; margin:20px 0px 15px; width:60px; height:4px; overflow:hidden; background:#CC9D65;}
.boxLandingSection .boxDetail .des_1 {display:block; margin:0px; padding:10px 0px 30px; font-size:1.4em; line-height:1.2;}

.boxLandingSection .boxDetail .boxBtn span {display: inline-block; height: 48px; line-height: 48px; padding-right: 15px; vertical-align: top; font-size:1.4em;}

.boxLandingSection .boxList_1 {}
.boxLandingSection .boxList_1 .oneList {
	display:block; position:relative; text-align:center; opacity:0.4;
	 -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;
}

.boxLandingSection .boxList_1 .oneList img {display:block; max-width:100%; width:auto; height:auto; margin:auto;}
.boxLandingSection .boxList_1 .oneList span {display: block; position: relative; left: 0px; top: 0px; width: 100%; padding-bottom: 18px; font-size: 1.5em; text-transform: uppercase; margin-top: -40px;}

.boxLandingSection .boxList_1 .owl-carousel .owl-stage {display:flex;}
.boxLandingSection .boxList_1 .owl-carousel .owl-item:after {display:none; content:''; width:60px; height:4px; background:#c19460; position:absolute; left:0px; right:0px; bottom:0px; margin:auto;}
.boxLandingSection .boxList_1 .owl-carousel .owl-item:hover::after,
.boxLandingSection .boxList_1 .owl-carousel .owl-item:focus::after,
.boxLandingSection .boxList_1 .owl-carousel .owl-item.showActive::after {display:block;}

.boxLandingSection .boxList_1 .oneList:hover,
.boxLandingSection .boxList_1 .oneList.action {opacity:1;}
.boxLandingSection .boxList_1 .oneList:hover,
.boxLandingSection .boxList_1 .oneList:focus,
.boxLandingSection .boxList_1 .oneList.action {color:#c19460;}
.boxLandingSection .smoke_1 { position: absolute; left: 0px; top: -50px; width: 630px; margin-left: -280px;}


.boxSectionContent {display:block; position:relative;}
.boxSectionContent .container {position:relative; z-index:1;}
.boxSectionContent .oneContentTab {display:none;}
.boxSectionContent .oneContentTab.action {display:block;}

.boxSectionContent .boxDetail {display:block; padding:80px 0px 0px;}
.boxSectionContent .title_1 {display:block; text-align:center; font-size:2.5em; line-height:1.3; padding:10px 0px 0px; margin:0px; text-transform:uppercase;}

.boxSectionContent .title_2 {display:block; text-align:center; font-size:1.3em; line-height:1.5; padding:5px 0px; margin:0px;}
.boxSectionContent .title_2.extra {font-size: 2em;}

.boxSectionContent .title_3 {display:block; position:relative; padding:100px 0px 80px; margin:0px;}
	.boxSectionContent .title_3 .smoke_1 {display:block; position:absolute; left:0px; top:-100px; width:1000px;}
	.boxSectionContent .title_3 .smoke_2 {display:block; position:absolute; left:50%; top:1000px; width:1000px; margin-left:-500px; opacity:0.7;}
	.boxSectionContent .title_3 h1 {display:block; margin:0px; padding:0px; font-size:6em; line-height:0.9;}
	.boxSectionContent .title_3 h2 {display:block; margin:0px; padding:0px; font-size:4.45em; line-height:0.9;}
.boxSectionContent .title_4 {display:block; font-style:italic; font-size:3.1em; margin:0px; padding:0px;}
	.boxSectionContent .title_4 .txtStyle1 {padding-right:5px;}
.boxSectionContent .title_5 {display:block; font-size:1.2em; line-height:1.4; margin:0px; padding:0px;}

.boxSectionContent .des_1 {display:block; text-align:center; font-size:1.4em; line-height:1.2; padding:20px 0px;}
.boxSectionContent .des_2 {display:block; font-size:1.4em; line-height:1.2; padding:10px 0px; color:rgba(255,255,255,0.7);}

.boxSectionContent .graphic_1 {display:block; position:absolute; left:50%; top:420px; width:0px; height:0px; pointer-events:none;}
	.boxSectionContent .graphic_1 .img_1 {display:block; position:absolute; left:-61px; bottom:0px;}
	.boxSectionContent .graphic_1 .img_2 {
		display:block; position:absolute; left:-128px; top:-61px;

		-webkit-transform-origin: 50% 0%;
		-webkit-animation:rotate_loop_4 3s ease-in-out infinite;

		transform-origin: 50% 0%;
		animation:rotate_loop_4 3s ease-in-out infinite;
	}
.boxSectionContent .lineBreak_1 {display: block; margin:10px auto; width: 60px; min-width:60px; height: 4px; overflow: hidden; background: #CC9D65;}
.boxSectionContent .lineBreak_2 {display: block; margin:10px 0px; width: 60px; height: 4px; overflow: hidden; background: #CC9D65;}


.boxSectionContent .boxList_1 {padding-bottom:280px; min-height:1130px;}
.boxSectionContent .boxList_1:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxSectionContent .boxList_1 .oneList {max-width:460px; width:460px; padding-bottom:50px; float:right;}
.boxSectionContent .boxList_1 .oneList:nth-child(2) {padding-top:100px;}
.boxSectionContent .boxList_1 .oneList:nth-child(2n-1) {text-align:right; float:left;}

.boxSectionContent .boxList_2 {display:block; padding-bottom:100px;}
.boxSectionContent .boxList_2 .oneList {display:block; position:relative; width:480px; padding:120px 0px; margin-left:0px; margin-right:auto;}
.boxSectionContent .boxList_2 .oneList:nth-child(2n) { margin-left:auto; margin-right:0px;}
.boxSectionContent .boxList_2 .oneList .bg {display:block; position:absolute; left:0px; top:0px; pointer-events:none;}
.boxSectionContent .boxList_2 .oneList:nth-child(2n) .bg {left:auto; right:0px;}
.boxSectionContent .boxList_2 .oneList .boxNum {display:block; position:relative; padding:30px 0px 12px 0px; font-size:5.5em; line-height:0.9; text-indent:-6px;}
.boxSectionContent .boxList_2 .oneList .boxNum i {padding-right:20px;}
.boxSectionContent .boxList_2 .oneList .title_6 {display:block; position:relative; margin:0px; padding:0px 0px 10px; font-weight:normal; font-size:3.7em; line-height:0.9; white-space:nowrap;}
.boxSectionContent .boxList_2 .oneList .title_6 span {padding:10px 0px; margin:-10px 0px;}
.boxSectionContent .boxList_2 .oneList .title_7 {display:block; position:relative; margin:0px; padding:0px 0px 10px; font-weight:normal; font-size:2.33em; line-height:0.9; white-space:nowrap;}
.boxSectionContent .boxList_2 .oneList .title_7 span {padding:10px 0px; margin:-10px 0px;}
.boxSectionContent .boxList_2 .oneList .des_3 {display:block; position:relative; padding:20px 0px; color:rgba(255,255,255,0.7); font-size:1.67em; line-height:1.34;}

.boxSectionContent .boxList_3 {display:block; padding:40px 0px;}
.boxSectionContent .boxList_3:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxSectionContent .boxList_3 .smoke_1 {display:block; position:absolute; left:-700px; top:0px; width:1000px;}
	.boxSectionContent .boxList_3 .smoke_2 {display:block; position:absolute; right:-700px; bottom:0px; width:1000px;}

.boxSectionContent .boxList_3 .oneList {display:block; width:50%; padding:20px; float:left; overflow:hidden; position:relative; text-align:center;}
.boxSectionContent .boxList_3 .oneList:nth-child(2n-1) {clear:both;}
.boxSectionContent .boxList_3 .oneList .logo-award {display:block; width:100%; max-width:480px; height:auto; margin:auto;}
.boxSectionContent .boxList_3 .oneList .title_9 {display:block; margin:0px; padding:0px; font-size: 1.4em; line-height: 1.5;}

.boxIngredentsBook {display:block; position:relative;}
.boxIngredentsBook .bg {display:block; position:absolute; left:0px; top:-20%; width:100%; height:140%; background:url(../images/popup/bgBook.jpg) no-repeat center center #000; background-size:auto 100%;}
.boxIngredentsBook .boxBook {display:block; position:relative; width:1300px; height:680px; margin:auto; background:url(../images/popup/book.png) no-repeat left top; background-size:100% auto;}
.boxIngredentsBook .boxBook .boxListPageBook {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;  transform-style: preserve-3d; -webkit-perspective: 2000px; perspective: 2000px;}
.boxIngredentsBook .boxBook .onePageBook {display:block; width:440px; height:490px; position:absolute; z-index:1; color:#543D2D;}
	.boxIngredentsBook .boxBook .title_8 {display:block; position:absolute; top:0px; margin:0px; padding:20px 0px 0px; font-size:1.3em; font-style:italic;}
	.boxIngredentsBook .boxBook .title_8 span {display:block; padding-top:5px; font-family: 'tavirajmedium'; }
	.boxIngredentsBook .boxBook .boxImg {padding:0px 10px;}
	.boxIngredentsBook .boxBook .boxImg img {display:block; width:100%; height:auto;}
	.boxIngredentsBook .boxBook .des_4 {display:block; height:180px; overflow-x:hidden; overflow-y:auto; font-size:1.1em; font-style:italic; line-height:130%;}
	.boxIngredentsBook .boxBook .boxBy {display:block; position:relative; padding-top:15px; font-size:1.1em; font-style:italic; background:url(../images/popup/lineBreak.png) no-repeat left top; background-size:100% 6px;}

	.boxIngredentsBook .boxBook .box2ingredent {}
	.boxIngredentsBook .boxBook .box2ingredent .oneIngredent {display:flex; align-items:center; position:relative; height:240px;}

		.boxIngredentsBook .boxBook .box2ingredent .oneIngredent:nth-child(1)  {padding-left:180px;}
		.boxIngredentsBook .boxBook .box2ingredent .oneIngredent:nth-child(1) .boxImg {display:block; position:absolute; left:0px; top:0px; bottom:0px; margin:auto; padding:0px; width:180px; height: fit-content;}

		.boxIngredentsBook .boxBook .box2ingredent .oneIngredent:nth-child(2)  {padding-right:180px;}
		.boxIngredentsBook .boxBook .box2ingredent .oneIngredent:nth-child(2) .boxImg {display:block; position:absolute; right:0px; top:0px; bottom:0px; margin:auto; padding:0px; width:180px; height: fit-content;}
	.boxIngredentsBook .boxBook .title_9 {display:block; margin:0px 0px 10px 0px; padding:10px 0px 16px; font-size:1.3em; font-style:italic; background:url(../images/popup/lineBreak.png) no-repeat left bottom; background-size:100% 6px;}
	.boxIngredentsBook .boxBook .title_9 span {display:block; padding-top:5px; font-family: 'tavirajmedium'; }
	.boxIngredentsBook .boxBook .des_5 {display: block; font-size: 1.1em; font-style: italic; line-height: 130%;}


.boxIngredentsBook .boxBook .pageLeft {left:212px; top:91px; padding:0px 20px 0px 20px; transform-origin: 100% 50%;}
.boxIngredentsBook .boxBook .pageRight {left:652px; top:91px; padding:0px 20px 0px 20px; transform-origin: 0% 50%;}
.boxIngredentsBook .boxBook .bgPagFlip {display:none; position:absolute; left:0px; top:0px; z-index:5; width:100%; height:100%; background-image:url(../images/popup/page_flip.png); background-size:3000% 100%; background-position:0% 0px;}
.boxIngredentsBook .boxCtrl {font-size:2.5em;}
.boxIngredentsBook .boxCtrl .btnBack {display:block; position:absolute; left:200px; top:50%; z-index:50; text-align:center; margin-top:-25px; color:#543D2D; cursor:pointer;}
.boxIngredentsBook .boxCtrl .btnNext {display:block; position:absolute; right:195px; top:50%; z-index:50; text-align:center; margin-top:-25px; color:#543D2D; cursor:pointer;}
.boxIngredentsBook .boxCtrl .btnBack i {
	display:block; position:relative;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);
	-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;
}
.boxIngredentsBook .boxCtrl .btnNext i {
	display:block; position:relative;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);
	-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;
}

.boxIngredentsBook .boxCtrl .btnBack:hover i {
	-webkit-transform: matrix(1, 0, 0, 1, -5, 0);
	transform: matrix(1, 0, 0, 1, -5, 0);
}
.boxIngredentsBook .boxCtrl .btnNext:hover i {
	-webkit-transform: matrix(1, 0, 0, 1, 5, 0);
	transform: matrix(1, 0, 0, 1, 5, 0);
}
.boxIngredentsBook .boxCtrl .boxListCtrl {display:block; position:absolute; left:0px; bottom:10px; width:100%; text-align:center;}
.boxIngredentsBook .boxCtrl .boxListCtrl a {display:inline-block; position:relative; margin:2px; width:40px; height:24px; padding:10px 0px; cursor:pointer; overflow:hidden; text-indent:-9999px;}
.boxIngredentsBook .boxCtrl .boxListCtrl a:before {display:block; content:''; position:absolute; left:0px; top:10px; width:100%; height:4px;  background:rgba(204, 157, 101, 0.4);}
.boxIngredentsBook .boxCtrl .boxListCtrl a:hover::before,
.boxIngredentsBook .boxCtrl .boxListCtrl a.action::before {background:#CC9D65;}

.boxProductIntro {display:block; position:relative; overflow:hidden;}
.boxProductIntro .bgProduct {display:block; height:590px; margin-bottom:-100px;}
.boxProductIntro .bgProduct span {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:auto 100%;}
.boxProductIntro .logoProduct {display:block; padding:0px 15px;}
.boxProductIntro .logoProduct img {display:block; margin:auto; max-width:100%; height:auto;}
.boxProductIntro .titleProduct {display:block; text-align:center; font-size:1.6em; padding:25px 0px 5px; margin:0px; text-transform: uppercase; line-height: 1.5;}
.boxProductIntro .boxBtn {margin:20px 0px 55px; text-align:center;}

.boxProductIntro .boxList_products {border-top:1px solid #3E2C22; border-bottom:1px solid #3E2C22;}
.boxProductIntro .boxList_products:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxProductIntro .boxList_products .oneList {display:block; position:relative; width:33.33%; padding:0px 15px 65px 15px; margin:15px 0px 30px; float:left; text-align:center;}
.boxProductIntro .boxList_products .oneList .boxProductImg {display:block; position:relative;}
.boxProductIntro .boxList_products .oneList .boxProductImg .normal {display:block; max-width:100%; height:auto; margin:auto;}
.boxProductIntro .boxList_products .oneList .boxProductImg .over {display:block; position:absolute; left:0px; right:0px; top:0px; width:auto; height:100%; margin:auto; opacity:0;}
.boxProductIntro .boxList_products .oneList .boxProductName {display:block; margin:-15px 0px 0px 0px; padding:0px; font-size:1em; }
.boxProductIntro .boxList_products .oneList .boxProductName span {padding:5px 0px;}
.boxProductIntro .boxList_products .oneList .boxProductType {display:block; margin:0px; padding:0px; font-size:1em; }
.boxProductIntro .boxList_products .oneList .boxProductType span {padding:5px 0px;}
.boxProductIntro .boxList_products .oneList .boxProductDes {display:block; color:rgba(255,255,255,0.7); padding:10px 0px; font-size:1.4em;}
.boxProductIntro .boxList_products .oneList .boxGroupBtn {display:block; position:absolute; left:0px; bottom:0px; width:100%; padding:0px 15px;}
.boxProductIntro .boxList_products .oneList .boxGroupBtn a {display:block; float:left; width:calc(50% - 8px);}
.boxProductIntro .boxList_products .oneList .boxGroupBtn a:nth-child(2) {float:right;}

.boxProductIntro .boxList_products .oneList:nth-child(3n+1) {clear:both;}


.boxWhereToBuy {display:block; padding-top:100px;}
.boxWhereToBuy .titleWhereToBuy_1 {display:block; text-align:center; font-size:2.3em; padding:10px 0px 0px; margin:0px;}
.boxWhereToBuy .lineBreak_1 {margin:18px auto 18px;}
.boxWhereToBuy .oneAreaBuy {display:block; padding-bottom:40px;}
.boxWhereToBuy .titleWhereToBuy_2 {display:block; text-align:center; font-size:2em; padding:15px 0px 20px; margin:0px;}
.boxWhereToBuy .boxListWhereToBuy_1 {display:block; text-align:center;}
.boxWhereToBuy .boxListWhereToBuy_1 a {display:inline-block; margin:10px;}
.boxWhereToBuy .boxListWhereToBuy_1 a img {display:block; height:40px; width:auto;}

.boxNewsContent {position:relative; }
.boxNewsContent .boxList {padding-top:35px;}
.boxNewsContent .boxList:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxNewsContent .boxList .oneList {display:block; float:left; margin-bottom:30px;}
.boxNewsContent .boxList .oneList .boxImg {display:block; position:relative; overflow:hidden; border:1px solid #674F33;}
.boxNewsContent .boxList .oneList .boxImg .ratio {display:block; width:100%; height:auto; visibility:hidden;}
.boxNewsContent .boxList .oneList .boxImg .bg {
	display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.6;
	-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;
}
.boxNewsContent .boxList .oneList .boxImg:hover .bg {opacity:1;}
.boxNewsContent .boxList .oneList .boxDate {display:block; padding:20px 0px 10px; color:#604A32; font-size:1em; font-family: 'tavirajmedium';}
.boxNewsContent .title_news {display:block; margin:0px; padding:0px 0px 5px; font-weight:normal; font-size:1.1em; line-height:1.3;}
.boxNewsContent .des_news {padding:10px 0px 15px; color:rgba(255,255,255,0.7); font-size:1.33em; line-height:1.34;}

	.boxNewsContent .boxList .oneList:nth-child(3n+1) {clear:both; margin-right:40px; width:calc(33.33% - 40px);}
	.boxNewsContent .boxList .oneList:nth-child(3n+2) {margin-left:20px; margin-right:20px; width:calc(33.33% - 40px);}
	.boxNewsContent .boxList .oneList:nth-child(3n) {margin-left:40px; width:calc(33.33% - 40px);}
.boxNewsContent .boxBtnLoadMore {display:block; text-align:center;}

.boxNewsContentDetail {}
	.boxNewsContentDetail .title_1 {position:relative; padding-left:100px; padding-right:100px;}
	.boxNewsContentDetail .title_1 .btnBackPage {display:block; position:absolute; left:0px; top:30px; z-index:5; font-size:22px; padding-left:20px;}
	.boxNewsContentDetail .title_1 .btnBackPage i {display:inline-block; position:absolute; left:0px; top:4px; font-size:14px; color:#CC9D65;}
	.boxNewsContentDetail .title_1 .btnBackPage:focus {color:#fff;}
	.boxNewsContentDetail .boxDate {display:block; text-align:center; padding:20px 0px 5px; color:#604A32; font-size:1.4em; font-family: 'tavirajmedium';}
	.boxNewsContentDetail .title_news {display:block; text-align:center; margin:0px; padding:20px 0px 35px; font-weight:normal; font-size:1.6em; line-height:1.3;}
	.boxNewsContentDetail .boxImg {display:block; position:relative; overflow:hidden; border:1px solid #674F33; margin-bottom:35px;}
	.boxNewsContentDetail .boxImg img {display:block; width:100%; height:auto;}

	.boxNewsContentDetail .boxPhotoAlbum {padding:25px 0px;}
	.boxNewsContentDetail .boxPhotoAlbum .title_photoAlbum {display:block; margin:0px; padding:0px; font-size:1.4em;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList {display:block; padding:15px 0px; margin:0px -10px;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList {display:none; position:relative; float:left; width:calc(25% - 20px); border:1px solid #674F33; margin:0px 10px 10px 10px;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList .ratio {display:block; width:100%; height:auto; visibility:hidden;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList .bg {
		display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0.6;
		-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;
	}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:hover {border:1px solid #CC9D65;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:hover .bg {opacity:1;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:hover::after {display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; border:2px solid #CC9D65;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList .count {display:flex; align-items:center; justify-content:center; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; color:#fff; background:rgba(0,0,0,0.7);}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList .count b {display:block; font-weight:normal; text-align:center; font-family: 'tavirajmedium'; font-size:1.6em;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList .count i {display:block; font-style:normal; font-size:1.8em;}

	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(1),
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(2),
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(3),
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(4) {display:block;}

	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(1) .count,
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(2) .count,
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(3) .count {visibility:hidden;}

	.boxNewsContentDetail .boxSocialShare {display:block; position:relative; padding:20px 0px 40px; border-bottom:1px solid #674F33;}
	.boxNewsContentDetail .boxSocialShare:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxNewsContentDetail .boxSocialShare .boxRight {display:block; float:right;}
	.boxNewsContentDetail .boxSocialShare .boxRight .txtShare {display:inline-block; position:relative; top:-8px; padding-right:5px; font-size:1.6em;}
	.boxNewsContentDetail .boxSocialShare .btnBackPage {display:block; position:absolute; left:0px; top:23px; z-index:5; font-size:22px; padding-left:20px;}
	.boxNewsContentDetail .boxSocialShare .btnBackPage i {display:inline-block; position:absolute; left:0px; top:4px; font-size:14px; color:#CC9D65;}
	.boxNewsContentDetail .boxSocialShare .btnBackPage:focus {color:#fff;}

	.boxRecommendNews {position:relative; padding:70px 0px 0px 0px;}
	.boxRecommendNews .title_recommendNews {display: block; text-align: center; font-size: 2.4em; padding: 10px 0px; margin: 0px;}
	.boxRecommendNews .boxList {padding-top:30px;}
	.boxRecommendNews .boxList:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxRecommendNews .boxList .oneList {display:block; float:left;}
	.boxRecommendNews .boxList .oneList .boxImg {display:block; position:relative; overflow:hidden; border:1px solid #674F33;}
	.boxRecommendNews .boxList .oneList .boxImg .ratio {display:block; width:100%; height:auto; visibility:hidden;}
	.boxRecommendNews .boxList .oneList .boxImg .bg {
		display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.6;
		-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;
	}
	.boxRecommendNews .boxList .oneList .boxImg:hover .bg {opacity:1;}
	.boxRecommendNews .boxList .oneList .boxDate {display:block; padding:20px 0px 10px; color:#604A32; font-size:1em; font-family: 'tavirajmedium';}
	.boxRecommendNews .title_recommend {display:block; margin:0px; padding:0px 0px 5px; font-weight:normal; font-size:1.1em; line-height:1.3;}
	.boxRecommendNews .des_recommend {padding:10px 0px 15px; color:rgba(255,255,255,0.7); font-size:1.33em; line-height:1.34;}
	.boxRecommendNews .boxType {display:block; position:relative; padding-left:33px; font-size:1.2em;}
	.boxRecommendNews .boxType:before {display:block; content:''; position:absolute; left:0px; top:0px; bottom:0px; margin:auto; width:24px; height:3px; background:#CC9D65;}

		.boxRecommendNews .boxList .oneList:nth-child(3n+1) {clear:both; margin-right:40px; width:calc(33.33% - 40px);}
		.boxRecommendNews .boxList .oneList:nth-child(3n+2) {margin-left:20px; margin-right:20px; width:calc(33.33% - 40px);}
		.boxRecommendNews .boxList .oneList:nth-child(3n) {margin-left:40px; width:calc(33.33% - 40px);}

/*
contact-us CSS ====================================== */
.boxContactInfo {}
	.boxContactInfo .title_1 {display:block; padding:85px 0px 10px; margin:0px; text-align:center; font-size:2.3em;}
	.boxContactInfo .lineBreak_1 {display: block; width: 60px; height: 4px; margin: 0px auto; background-color: #CC9D67;}
	.boxContactInfo .boxList_1 {display:block; padding:20px 0px; border-bottom:1px solid #3E2D23;}
	.boxContactInfo .boxList_1 .oneInfo {margin-bottom:15px;}
	.boxContactInfo .boxList_1 .oneInfo .title_2 {display:block; padding:12px 0px 15px; margin:0px; font-size:1.2em;}
	.boxContactInfo .boxList_1 .oneInfo .boxIcon {display:block; position:relative; min-height:40px; padding:5px 0px 5px 44px; color:rgba(255,255,255,0.7); font-size:1.3em;}
	.boxContactInfo .boxList_1 .oneInfo .boxIcon i {display:block; position:absolute; left:0px; top:0px; width:32px; height:32px; line-height:41px; font-size:18px; text-align:center; overflow:hidden; border:1px solid rgba(255,255,255,0.7); border-radius:16px;}

.boxAddressAndContactForm {display:block; position:relative; padding:70px 0px; min-height:690px;}
	.boxAddressAndContactForm .bg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center top;}
	.boxAddressAndContactForm .container {position:relative;}
	.boxAddressAndContactForm .title_1 {display:block; padding:20px 0px 18px; margin:0px; font-size:1.3em;}
	.boxAddressAndContactForm .des_1 {display:block; padding:0px 0px 25px; color:rgba(255,255,255,0.7); font-size:1.2em;}
	.boxAddressAndContactForm .des_1 .des_company {padding-bottom: 15px; color:#fff;}
	.boxAddressAndContactForm .boxAddress {display:block; float:left; width:540px;}
	.boxAddressAndContactForm .boxAddress .title_1 {padding-bottom:3px;}
	.boxAddressAndContactForm .boxAddress .boxGroupBtn a {margin-right:15px;}
	.boxAddressAndContactForm .boxContact {display:block; float:right; width:420px;}
	.boxAddressAndContactForm .boxContact .boxContactForm {padding:5px 0px;}
	.boxAddressAndContactForm .boxBtn {padding:10px 0px;}

.boxCareer {}
	.boxCareer .title_1 {display:block; padding:100px 0px 10px; margin:0px; text-align:center; font-size:2.3em;}
	.boxCareer .lineBreak_1 {display: block; width: 60px; height: 4px; margin: 0px auto; background-color: #CC9D67;}
	.boxCareer .boxList_1 {display:block; padding:13px 0px; margin:0px -20px;}
	.boxCareer .boxList_1:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.boxCareer .boxList_1 .oneList {display:block; float:left; width:50%; padding:0px 20px;}
	.boxCareer .boxList_1 .oneList:nth-child(2n-1) {clear:both;}
	.boxCareer .boxList_1 .oneList .title_position {display:block; padding:35px 0px 10px; margin:0px; font-size:1.3em;}
	.boxCareer .boxList_1 .oneList .title_position:hover {opacity:0.8;}
	.boxCareer .boxList_1 .oneList .count_position {display:block; font-size:1.2em; color:#C08460;}
	.boxCareer .boxList_1 .oneList .lineBreak_2 {display: block; width: 60px; height: 4px; margin: 8px 0px; background-color: #CC9D67;}
	.boxCareer .boxList_1 .oneList .des_1 {display:block; color:rgba(255,255,255,0.7); padding:15px 0px; font-size:1.2em;}

.careerPopup {display:block; width:100%; padding:30px 60px 10px; color:#59300F; background:url(../images/popup/bgPopup.png) no-repeat left top; background-size:100% 100%;}
	.careerPopup .title_1 {font-family:'tavirajmedium'; margin: 0px; padding: 8px 0px; font-weight: normal; font-size: 1.7em;}
	.careerPopup .title_2 {display:block; padding:0px; margin:0px; font-size:1.3em;}
	.careerPopup .lineBreak_1 {display: block; width: 60px; height: 4px; margin: 15px 0px; background-color: #59300F;}
	.careerPopup .boxCMS {color:#59300F;}
	.careerPopup .boxFormCareer {display:block; padding:30px 0px 0px; margin-top:30px; border-top:1px solid #59300F;}
	.careerPopup .boxFormCareerApply {}
	.careerPopup .boxFormCareerApply:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
	.careerPopup .boxFormCareerApply .boxFormInput {display:block; position:relative; float:left; width:calc(100% - 340px);}
	.careerPopup .boxFormCareerApply .boxFormFile {display:block; position:relative; float:right; width:300px;}
	.careerPopup .des_1 {display:block; padding:10px 0px 18px; font-size:1.3em;}
	.careerPopup .form-control {background:transparent !important; color:#59300F !important;}
	.careerPopup .form-control::-webkit-input-placeholder {color:#8F7051;}
	.careerPopup .form-control::-moz-placeholder {color:#8F7051;}
	.careerPopup .form-control:-ms-input-placeholder {color:#8F7051;}
	.careerPopup .form-control:-moz-placeholder {color:#8F7051;}
	.careerPopup .boxAttachFile {display:block; position:relative; padding:20px 0px 12px 65px; overflow:hidden;}
	.careerPopup .boxAttachFile label {font-weight:normal; cursor:pointer;}
	.careerPopup .boxAttachFile label:hover {opacity:0.7;}
	.careerPopup .boxAttachFile i {display:block; position:absolute; left:0px; top:20px; font-size:50px;}
	.careerPopup .boxAttachFile b {display:block; font-weight:bold; font-size:1.3em;}
	.careerPopup .boxAttachFile u {display:inline-block; max-width:100%; color:#8F7051; font-size:1.2em; text-decoration:none; border-bottom:1px solid #8F7051; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.careerPopup .boxAttachFile input {display:block; width:1px; height:1px; overflow:hidden; -webkit-transform: matrix(1, 0, 0, 1, 0, -100); transform: matrix(1, 0, 0, 1, 0, -100);	}
	.careerPopup .boxAttachFile:first-child {background:url(../images/contact-us/line-dash.png) repeat-x left bottom;}
	.careerPopup .boxBtn {padding-top: 5px; clear: both;}

.boxLocationMap {display:none; position:absolute; left:0px; top:0px; width:100%; height:auto;}
	.boxLocationMap .bg {display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000;}
	.boxLocationMap .boxMap {display:block; position:relative; margin:0px auto; width:1120px; height:auto; max-width: calc(100% - 30px);}
	.boxLocationMap .boxMap img {display:block; width:100%; height:auto;}
	.boxLocationMap .btnCloseMap {display:block; position:absolute; width:26px; height:26px; top:75px; right:145px; background:url(../images/popup/btn-close.png) no-repeat left top; background-size:contain;}
	.boxLocationMap .btnCloseMap:hover {opacity:0.7;}
	.boxLocationMap .boxBtn {display:block; position:absolute; right:170px; bottom:15px;}
	.boxLocationMap .boxBtn a {margin-left:15px;}

/*
verify CSS ====================================== */
.boxVerify_ct_1 {}
.boxVerify_ct_1 .boxFormVerify {max-width:900px; margin:auto;}
.boxVerify_ct_1 .boxFormVerify .btnStyle1 {display:block; width: 100%;}

.boxVerify_ct_1 .boxVersionVerify {padding:20px 0px;}
.boxVerify_ct_1 .boxVersionVerify .oneListVersion {margin-bottom:40px;}
.boxVerify_ct_1 .boxVersionVerify .oneListVersion .img {padding-bottom:20px;}
.boxVerify_ct_1 .boxVersionVerify .oneListVersion .img img {display:block; max-width:100%; height:auto; margin:0px auto; image-rendering: pixelated;}


.boxVerify_ct_1 .boxHowToVerify {padding:30px 0px 20px; border-top:1px solid #453329;}
.boxVerify_ct_1 .boxHowToVerify:first-child {margin-top:0px; border-top:none; padding-top:5px;}
.boxVerify_ct_1 .boxFormVerify + .boxHowToVerify {margin-top:40px;}

.boxVerify_ct_1 .boxHowToVerify .lineBreak_1 {margin-top:0px;}
.boxVerify_ct_1 .boxHowToVerify:first-child .lineBreak_1  {margin-top:-9px;}

.boxVerify_ct_1 .boxHowToVerify .box2Col {padding-top:20px;}
.boxVerify_ct_1 .boxHowToVerify .box2Col .boxLeft {display:block; float:left; padding-right:80px; width:calc(100% - 280px);}
.boxVerify_ct_1 .boxHowToVerify .oneStep {display:block; position:relative; padding:5px 0px 20px 75px; min-height:90px; font-size:1.5em; color:rgba(255,255,255,0.7);}
.boxVerify_ct_1 .boxHowToVerify .oneStep .numStep {
	display:block; text-align:center; position:absolute; left:0px; top:0px; width:56px; height:56px; overflow:hidden; border-radius:50%; color:#000; font-size:21px; line-height: 0.7; padding-top: 13px;
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F , #EBBA99);
}
.boxVerify_ct_1 .boxHowToVerify .oneStep .numStep b {display:block; font-size:1.5em;}
.boxVerify_ct_1 .boxHowToVerify .oneStep a {text-decoration:underline;}
.boxVerify_ct_1 .boxHowToVerify .box2Col .boxRight {display:block; float:right; width:280px;}
.boxVerify_ct_1 .boxHowToVerify .box2Col .boxRight img {display:block; margin:0px auto 0px auto; width:auto; height:auto;}
.boxVerify_ct_1 .boxHowToVerify .box2Col:after {display:block; content:''; clear:both; height:0px; overflow:hidden;}
.boxVerify_ct_1 .boxHowToVerify .oneVerifyStatus {margin-bottom:30px;}
.boxVerify_ct_1 .boxHowToVerify .oneVerifyStatus img {display:block; margin:5px auto 20px; width:auto; max-width:inherit; height:56px;}
.boxVerify_ct_1 .boxHowToVerify .oneVerifyStatus .imgWarranty {height:65px;}
.boxVerify_ct_1 .boxHowToVerify .oneVerifyStatus .imgAgent {height:65px;}
.boxVerify_ct_1 .boxHowToVerify .oneBasicVerify {margin:30px 0px;}
.boxVerify_ct_1 .boxHowToVerify .oneBasicVerify .boxImgBasic {margin-bottom:-50px;}
.boxVerify_ct_1 .boxHowToVerify .oneBasicVerify .boxImgBasic img {display:block; max-width:100%; width:250px; height:auto; margin:auto;}
.boxVerify_ct_1 .boxHowToVerify .oneBasicVerify .boxDetailBasic {display:block; position:relative; padding:5px 0px 10px 53px; margin-bottom: 10px; font-size:1.2em; line-height:1.5; color:rgba(255,255,255,0.7);}
.boxVerify_ct_1 .boxHowToVerify .oneBasicVerify .boxDetailBasic .boxNum {
	display:block; position:absolute; left:0px; top:0px; width:40px; height:40px; overflow:hidden; border-radius:20px; overflow:hidden; text-align:center; line-height:42px; color:#000; font-size:30px;
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F , #EBBA99);
}

.ct_verify .title_6 {display:block; font-size:1.3em; line-height:1.5; margin:0px; padding:0px 0px 20px 0px; text-align:center;}
.ct_verify .title_7 {display:block; font-size:1em; margin:0px; padding:10px 0px; text-align:center;}
.ct_verify .title_8 {display:block; font-size:1.3em; line-height:1.5; margin:0px; padding:10px 0px; text-align:center; color:rgba(255,255,255,0.7);}
.ct_verify .des_3 {display:block; text-align:center; font-size:1.4em; line-height:1.2; padding:20px 0px; color:rgba(255,255,255,0.7);}
.ct_verify .des_4 {display:block; text-align:center; font-size:1.4em; line-height:1.2; padding:0px; color:rgba(255,255,255,0.7);}
.ct_verify .des_5 {display:block; text-align:center; font-size:1.4em; line-height:1.2; padding:10px 0px; color:rgba(255,255,255,0.7);}



.boxVerify_ct_1 .boxVerifyContent {padding:30px 0px 20px; border-top:1px solid #453329;}


.contentPopup {display:block; width:705px; padding:30px 60px 40px; color:#59300F; background:url(../images/popup/bgPopup.png) no-repeat left top; background-size:100% 100%; text-align:center;}
.contentPopup .title_1 {font-family:'tavirajmedium'; margin: 0px; padding: 8px 0px; font-weight: normal; font-size: 2.2em;}
.contentPopup .des_1 {padding-bottom: 3px; font-size: 1.75em;}
.contentPopup .boxLineBreak {display: block; width: 538px; max-width:90%; height: 6px; margin: 0px auto; background:url(../images/verify-products/lineBreak.png) no-repeat left top; background-size:100% 100%;}
.contentPopup .boxImg {display: block; text-align:center; height:120px; margin:40px 0px 20px;}
.contentPopup .boxImg img {display: block; width:auto; height:100%; margin:0px auto;}
.contentPopup .title_2 {margin: 0px; padding: 5px 0px 15px; font-weight: normal; font-size: 2.5em; line-height:0.85;}
	.contentPopup .title_2 .title_2sub {font-size: 0.75em; padding-top: 8px;}
.contentPopup .des_2 {font-size: 1.7em; padding-bottom:8px;}
.contentPopup .des_3 {font-size: 1.7em; padding:12px 0px;}
.contentPopup .boxDataTable {font-size:1.7em; padding-bottom:30px;}
.contentPopup .boxDataTable table {width:100%;}
.contentPopup .boxDataTable table tbody {}
.contentPopup .boxDataTable table tbody tr {}
.contentPopup .boxDataTable table tbody tr td { padding:1px 5px; vertical-align:top;}
.contentPopup .boxDataTable table tbody tr td:first-child {width:48%; text-align:right;}
.contentPopup .boxDataTable table tbody tr td:nth-child(2) {width:5px;}
.contentPopup .boxDataTable table tbody tr td:last-child {text-align:left;}


/* fancybox
================= */
.popup_result {}
.popup_result .fancybox-skin {border-radius:3px; border:none; background:transparent; box-shadow:none; }
.popup_result .fancybox-close {width:26px; height:26px; top:35px; right:40px; background:url(../images/popup/btn-close.png) no-repeat left top; background-size:contain;}
.popup_result .fancybox-close:hover {opacity:0.7;}

.popup_career {}
.popup_career .fancybox-skin {border-radius:3px; border:none; background:transparent; box-shadow:none; }
.popup_career .fancybox-close {width:26px; height:26px; top:35px; right:40px; background:url(../images/popup/btn-close.png) no-repeat left top; background-size:contain;}
.popup_career .fancybox-close:hover {opacity:0.7;}

.fancyboxAlert {}
.fancyboxAlert .fancybox-close, .fancyboxAlert .fancybox-prev span, .fancyboxAlert .fancybox-next span {background-image:url(../images/layout/fancybox_sprite.png);}
.fancyboxAlert .fancybox-skin {border-radius:0px; text-align: center; border: 2px solid #ECA955; background: #000; color: #fff;}
.fancyboxAlert .fancybox-inner {display: flex; align-items: center; justify-content: center;}
.fancyboxAlert .fancybox-inner .title_1 {display:block; margin:0px; padding:0px; font-weight:normal; color:#ECA955; font-size:1.7em;}
.fancyboxAlert .fancybox-inner .des {font-size:1.3em; min-width:220px;}


/*
Lang CSS ====================================== */
.cn #verify-page .boxListVerifyProducts .oneList .boxDetail .des_1 {font-size:1em;}


/*
INPUT STYLE CSS ====================================== */
.form-group {}
.form-group .form-control {border:1px solid #664F33; border-radius:0px; background:#000; color:#fff;}
.form-group .form-control:focus {box-shadow: 0px 0px 2px #C0865F; outline:none;}

.form-group.has-error .form-control {border:1px solid #ECA955;}
.form-group.has-error .form-control:focus {box-shadow: 0px 0px 5px #ECA955;}

/*
Fancybox CSS ====================================== */
.fancyboxAlert {}
.fancyboxAlert .fancybox-close, .fancyboxAlert .fancybox-prev span, .fancyboxAlert .fancybox-next span {background-image:url(../images/layout/fancybox_sprite.png);}
.fancyboxAlert .fancybox-skin {border-radius:0px; text-align: center; border: 2px solid #ECA955; background: #000; color: #fff;}
.fancyboxAlert .fancybox-inner {display: flex; align-items: center; justify-content: center;}
.fancyboxAlert .fancybox-inner .title_1 {display:block; margin:0px; padding:0px; font-weight:normal; color:#ECA955; font-size:1.7em;}
.fancyboxAlert .fancybox-inner .des {font-size:1.3em; min-width:220px;}

/*
boxPagination CSS ====================================== */
.boxPagination {display:block; padding:20px 0px;}
.boxPagination .boxListPage {display:block; width:fit-content; margin:0px auto; position:relative; padding:0px 60px;}
.boxPagination .boxListPage .page-numbers {display:inline-block; position:relative; height:48px; padding:0px 5px; margin:4px; min-width:48px; text-align:center; line-height:48px; overflow:hidden; white-space:nowrap; font-family:'tavirajregular'; font-size:1.11em; color:#fff;}
.boxPagination .boxListPage .page-numbers:before {display: none; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; filter: blur(1px); border: 6px outset; border-color: rgb(162, 100, 70); border-left-color: transparent; border-top-color: transparent; mix-blend-mode: hard-light; opacity: 0.6;}
.boxPagination .boxListPage .page-numbers:after {display: none; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; filter: blur(1px); border: 6px outset; border-color: rgb(238, 238, 238); border-right-color: transparent; border-bottom-color: transparent; mix-blend-mode: luminosity; opacity: 0.8;}
.boxPagination .boxListPage .page-numbers:hover,
.boxPagination .boxListPage .page-numbers:focus {color:#511d03; background:#EBBA99;}
.boxPagination .boxListPage .page-numbers:hover::before, .boxPagination .boxListPage .page-numbers:focus::before {display:block;}
.boxPagination .boxListPage .page-numbers:hover::after, .boxPagination .boxListPage .page-numbers:focus::after {display:block;}

.boxPagination .boxListPage .current {
	color:#000;
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F);
}
.boxPagination .boxListPage .current:before {display:block;}
.boxPagination .boxListPage .current:after {display:block;}

.boxPagination .boxListPage .prev {position:absolute; left:0px; top:0px; background:none; color:#DF9A6F; overflow:hidden; text-indent:-9999px;}
.boxPagination .boxListPage .prev:before {display:block !important; font-family: "voodoo"; content:'\4f'; font-size:32px; text-indent:0px; width:100%; height:100%; left:0px; top:0px; filter:none; border:none; mix-blend-mode:normal; opacity:1;}
.boxPagination .boxListPage .prev:after {display:none !important;}
.boxPagination .boxListPage .prev:hover, .boxPagination .boxListPage .prev:focus {background:none;}
.boxPagination .boxListPage .prev:hover::before, .boxPagination .boxListPage .prev:focus::before { color:#EBBA99;}
.boxPagination .boxListPage .next {position:absolute; right:0px; top:0px; background:none; color:#DF9A6F; overflow:hidden; text-indent:-9999px;}
.boxPagination .boxListPage .next:before {display:block !important; font-family: "voodoo"; content:'\50'; font-size:32px; text-indent:0px; width:100%; height:100%; left:0px; top:0px; filter:none; border:none; mix-blend-mode:normal; opacity:1;}
.boxPagination .boxListPage .next:after {display:none !important;}
.boxPagination .boxListPage .next:hover, .boxPagination .boxListPage .next:focus {background:none;}
.boxPagination .boxListPage .next:hover::before, .boxPagination .boxListPage .next:focus::before { color:#EBBA99;}

/*
boxStyle CSS ====================================== */
.boxStyle1 {
	display:block; position:relative; color:#000; padding:15px 20px; border:none; overflow:hidden; outline:none;
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F , #EBBA99);
}
.boxStyle1:before {display: block; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; filter: blur(1px); border: 6px outset; border-color: rgb(162, 100, 70); border-left-color: transparent; border-top-color: transparent; mix-blend-mode: hard-light; opacity: 0.6;}
.boxStyle1:after {display: block; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; filter: blur(1px); border: 6px outset; border-color: rgb(238, 238, 238); border-right-color: transparent; border-bottom-color: transparent; mix-blend-mode: luminosity; opacity: 0.8;}

/*
BUTTON CSS ====================================== */
.btnStyle1 {
	display:inline-block; position:relative; cursor: pointer; font-family:'tavirajregular'; font-size:1.11em; color:#000; height:48px; padding:0px 40px 0px 40px; text-align:center; line-height:52px; border:none; overflow:hidden; outline:none; white-space:nowrap;
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F , #EBBA99);
}
.btnStyle1:before {display: block; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; filter: blur(1px); border: 6px outset; border-color: rgb(162, 100, 70); border-left-color: transparent; border-top-color: transparent; mix-blend-mode: hard-light; opacity: 0.6;}
.btnStyle1:after {display: block; content: ''; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; filter: blur(1px); border: 6px outset; border-color: rgb(238, 238, 238); border-right-color: transparent; border-bottom-color: transparent; mix-blend-mode: luminosity; opacity: 0.8;}
.btnStyle1:hover, .btnStyle1:focus {color:#511d03; background:#EBBA99;}

.btnStyle1.fs-th {font-family:'db_heaventlight'; font-size:1.64em; line-height:48px;}


.btnStyle2 {
	display:inline-block; position:relative; cursor: pointer; font-family:'tavirajregular'; font-size:1.11em; height:48px; padding:0px 40px 0px 40px; text-align:center; line-height:52px; border:none; overflow:hidden; outline:none; white-space:nowrap;
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F , #EBBA99);
}
.btnStyle2:before {display: block; content: ''; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; left: 2px; top: 2px; background:#000;}
.btnStyle2 span {position:relative;}
.btnStyle2:hover::before, .btnStyle2:focus::before {opacity:0.9;}

.btnStyle2.fs-th {font-family:'db_heaventlight'; font-size:1.64em; line-height:48px;}


/*
SHARE CSS ====================================== */
.txtStyle1 {
	display:inline-block; font-family:'tavirajmedium';
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
 }
.txtStyle1.fs-th {
	font-family:'db_heaventlight';
}
 .txtStyle2 {
	display:inline-block; font-family:'tavirajregular';
	background: -webkit-linear-gradient(left, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -o-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: -moz-linear-gradient(right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	background: linear-gradient(to right, #C0865F , #EBBA99, #C0865F , #EBBA99);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
 }



.txtShadow1 {text-shadow:0px 0px 7px #000, 0px 0px 13px #000;}

.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;}

/* easing ========================
	out-back : cubic-bezier(.14,1.53,.45,.99);
	out-expo : cubic-bezier(.03,.99,.59,.99);
=============================== */


/*
Lang CSS ====================================== */
.th .boxSectionContent .title_1 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.5em; line-height:1;}
.th .boxProductIntro .titleProduct .txtStyle1 {font-family:'db_heaventlight'; font-size:1.7em; line-height: 1;}
.th .boxContactInfo .boxList_1 .oneInfo .title_2 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.5em;}
.th .boxLandingSection .boxDetail .title_2_1 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.5em;}
.th .boxSectionContent .title_2 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.5em; line-height:1.2;}
	.th .boxSectionContent .title_2.extra .txtStyle1 {    font-family: 'tavirajmedium'; font-size: 1em;}
.th .boxSectionContent .boxList_3 .oneList .title_9 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.25em; line-height:1.2;}
.th .ct_verify .title_6 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.5em; line-height:1.2;}
.th .boxSectionContent .title_5 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.4em; line-height:1.2;}
.th .ct_verify .title_8 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.3em; line-height:1.2;}


.en .boxLandingSection .boxDetail .title_2_1 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.5em;}
.en .ct_verify .title_8 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.3em; line-height:1.2;}


.cn .header .boxMenu > a {font-family: 'tavirajmedium'; font-size:1.1em;}
.cn .header .boxMenu > .hasSubMenu {
	font-family: 'tavirajmedium';
	font-size: 1.1em;
}
.cn .boxPreload .boxPreloadContent .des { font-family: 'tavirajregular'; font-size: 1.3em; line-height: 1.5;}

.cn .boxHomeSection_1 .title_1 { font-family: 'tavirajregular'; font-size: 1.67em; line-height: 2;}
.cn .boxHomeSection_1 .des { font-family: 'tavirajregular'; font-size: 1.3em; line-height: 1.5;}
.cn .boxHomeSection_2 .title_2 { font-family: 'tavirajregular'; font-size: 1.67em; line-height: 1.8;}
.cn .boxHomeSection_2 .des { font-family: 'tavirajregular'; font-size: 1.3em; line-height: 1.5;}
.cn .boxHomeSection_2 .boxListCount .oneCount .labelCount { font-family: 'tavirajregular'; font-size: 1.2em; line-height: 1.5;}
.cn .boxHomeSection_3 .des_1 { font-family: 'tavirajregular'; font-size: 1.1em; line-height: 1.5;}
.cn .boxHomeSection_4 .des { font-family: 'tavirajregular'; font-size: 1.1em; line-height: 1.5;}
.cn .boxHomeSection_5 .des_1 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}
.cn .boxHomeSection_6 .des_1 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}

.cn .boxLandingSection .boxDetail .des_1 {font-family: 'tavirajextralight'; font-size: 1.1em; line-height: 1.8;}
.cn .boxLandingSection .boxDetail .boxBtn span {font-family: 'tavirajextralight'; font-size: 1.1em;}
.cn .boxLandingSection .boxList_1 .oneList span {font-family: 'tavirajextralight'; font-size: 1.1em;}

.cn .boxLandingSection .boxDetail .title_2_1 .txtStyle1 {font-family: 'db_heaventlight'; font-size: 1.5em;}

.cn #verify-page .boxListVerifyProducts .oneList .boxDetail .des_1 {font-size:1em;}
.cn .boxNewsContent .des_news {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}
.cn .boxRecommendNews .des_recommend {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}
.cn .boxContactInfo .boxList_1 .oneInfo .boxIcon {font-family: 'tavirajextralight'; font-size: 0.9em; line-height: 1.5;}
.cn .boxAddressAndContactForm .des_1 {font-family: 'tavirajextralight'; font-size: 0.9em; line-height: 1.5;}
.cn .boxCareer .boxList_1 .oneList .des_1 {font-family: 'tavirajextralight'; font-size: 0.9em; line-height: 1.5;}
.cn .boxCareer .boxList_1 .oneList .count_position {font-family: 'tavirajextralight'; font-size: 0.8em; line-height: 1.5;}
.cn .boxSectionBottom .boxContactVooDoo {font-family: 'tavirajextralight'; font-size: 0.9em; line-height: 1.5;}
.cn .boxSectionContent .des_1 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.8;}
.cn .boxProductIntro .boxList_products .oneList .boxProductDes {font-family: 'tavirajextralight'; font-size: 0.9em; line-height: 1.7;}
.cn .boxSearchResultProducts .boxList .oneList .boxProductDes {font-family: 'tavirajextralight'; font-size: 0.9em; line-height: 1.7;}
.cn .boxSectionContent .des_2 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}
.cn .boxSectionContent .cn_small .des_2 {font-size: 0.88em;}

.cn .boxSectionContent .boxList_2 .oneList .title_6 {font-size: 3em; line-height: 1.2;}
.cn .boxSectionContent .boxList_2 .oneList .des_3 {font-family: 'tavirajextralight'; font-size: 1.2em; line-height: 1.5;}

.cn .boxVerify_ct_1 .boxHowToVerify .oneStep {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}
.cn .boxVerify_ct_1 .boxHowToVerify .oneStep .numStep {font-family: 'db_heaventlight'; }

.cn .boxVerify_ct_1 .boxHowToVerify .oneBasicVerify .boxDetailBasic {font-family: 'tavirajextralight'; font-size:0.9em; line-height: 1.5;}
.cn .boxVerify_ct_1 .boxHowToVerify .oneBasicVerify .boxDetailBasic .boxNum {font-family: 'db_heaventlight'; }

.cn .ct_verify .des_5 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}
.cn .ct_verify .des_4 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5;}
.cn .careerPopup .des_1 {font-family: 'tavirajextralight'; font-size: 0.9em; line-height:1.3;}

.cn .contentPopup .title_2 {font-family: 'tavirajmedium'; font-size:1.5em; line-height:1.3;}
.cn .contentPopup .des_1 {font-family: 'tavirajregular'; font-size: 1.4em; line-height: 1.7;}
.cn .contentPopup .des_2 {font-family: 'tavirajregular'; font-size: 1.4em; line-height: 1.7;}
.cn .contentPopup .des_3 {font-family: 'tavirajregular'; font-size: 1.2em; line-height: 1.5;}

.cn .ct_verify .des_3 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.8;}


.cn .boxPopupIngredents .boxBook .title_8 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5; font-style: inherit;}
.cn .boxPopupIngredents .boxBook .title_9 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5; font-style: inherit;}
.cn .boxPopupIngredents .boxBook .des_4 {font-family: 'tavirajextralight'; font-size: 0.8em; line-height: 1.5; font-style: inherit;}
.cn .boxPopupIngredents .boxBook .des_5 {font-family: 'tavirajextralight'; font-size: 0.8em; line-height: 1.5; font-style: inherit;}
.cn .boxPopupIngredents .boxBook .boxBy {font-family: 'tavirajextralight'; font-size: 0.8em; line-height: 1.5; font-style: inherit;}

.cn .boxIngredentsBook .boxBook .title_8 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5; font-style: inherit;}
.cn .boxIngredentsBook .boxBook .title_9 {font-family: 'tavirajextralight'; font-size: 1em; line-height: 1.5; font-style: inherit;}
.cn .boxIngredentsBook .boxBook .des_4 {font-family: 'tavirajextralight'; font-size: 0.8em; line-height: 1.5; font-style: inherit;}
.cn .boxIngredentsBook .boxBook .des_5 {font-family: 'tavirajextralight'; font-size: 0.8em; line-height: 1.5; font-style: inherit;}
.cn .boxIngredentsBook .boxBook .boxBy {font-family: 'tavirajextralight'; font-size: 0.8em; line-height: 1.5; font-style: inherit;}

.cn .boxCMS {font-family: 'tavirajextralight'; font-size: 1.1em; line-height: 1.5;}



/*
boxFixedQuickLink CSS ====================================== */
.boxFixedQuickLink {display:block; position:fixed; right:2px; top:0px; z-index:999; bottom:0px; margin:auto; height:fit-content; border-right:1px solid #CC9D65; padding:10px 0px 0px 0px;}
.boxFixedQuickLink .boxList_1 {font-family: 'tavirajextralight'; font-size:12px; line-height:18px;}
.boxFixedQuickLink .boxList_1 .oneList {
	display:block; position:relative; cursor:pointer; width: 70px; height: 70px; margin:0px 0px 10px auto; white-space:nowrap; background-color: rgba(0,0,0,.4); border: 1px solid #CC9D65; border-right: none;

	-moz-transition: all .8s ease;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.boxFixedQuickLink .boxList_1 .oneList:before {
	display:block; content:''; position:absolute; left:0px; top:0px; width:0%; height:100%; background:#CC9D65;

	-moz-transition: all .8s ease;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.boxFixedQuickLink .boxList_1 .oneList .boxFront {display:flex; position:relative; flex-direction: column; justify-content: center; align-items:center; width:100%; height:70px; opacity:1;}
.boxFixedQuickLink .boxList_1 .oneList .boxBack {display:flex; position:absolute; right:0px; top:0px; visibility:hidden; flex-direction: column; justify-content: center; align-items:center; width:100%; height:70px;}
.boxFixedQuickLink .boxList_1 .oneList .boxBack img {
	display:block; position:absolute; right:100%; bottom:0px; border:1px solid #CC9D65; width:158px; height:auto; opacity:0;

	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.boxFixedQuickLink .boxList_1 .oneList .boxTitle_1 {color:#fff;}
.boxFixedQuickLink .boxList_1 .oneList .boxTitle_2 {text-align:center; padding:0px 20px; color:#fff;}

.boxFixedQuickLink .boxList_1 .oneList:hover {width: 155px;}
.boxFixedQuickLink .boxList_1 .oneList:hover::before {width:100%;}
.boxFixedQuickLink .boxList_1 .oneList:hover .boxFront {opacity:0;}
.boxFixedQuickLink .boxList_1 .oneList:hover .boxBack {visibility:visible;}
.boxFixedQuickLink .boxList_1 .oneList:hover .boxBack img {
	opacity:1;

	-moz-transition: all .3s .7s ease;
	-webkit-transition: all .3s .7s ease;
	transition: all .3s .7s ease;
}