/* clear data
=================================== */
.header .btnMainMenuMobile {display:none; width:45px; height:45px; position:absolute; left:5px; top:15px; padding-left:10px; cursor:pointer; z-index:10;}
.header .btnMainMenuMobile span {
	width:calc(100% - 20px); height:3px; display:block; background-color:#fff; border-radius:0; position:absolute; left:10px; top:50%; margin-top:-2px;
	transition-duration:0.3s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header .btnMainMenuMobile span::before {
	content:''; width:100%; height:3px; display:block; background-color:#fff; border-radius:0; position:absolute; left:0; top:-8px;
	transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.header .btnMainMenuMobile span::after {
	content:''; width:100%; height:3px; display:block; background-color:#fff; border-radius:0; position:absolute; left:0; bottom:-8px;
	transition:bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header .btnMainMenuMobile.action span {background-color:#fff; -webkit-transform:rotate(225deg); transform:rotate(225deg); transition-delay:0.14s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }
.header .btnMainMenuMobile.action span::before {background-color:#fff; top:0; opacity:0; transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.header .btnMainMenuMobile.action span::after {background-color:#fff; bottom:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

#home-page .oneSection {min-height:700px;}

/* Media
=================================== */
@media only screen and (max-width: 1366px) and (max-height: 1023px) {
	.boxHomeSection_3 .boxContent {max-width: 600px;}
	.boxHomeSection_3 .boxContentVdo {padding:40px 0px 0px 60px;}
	.boxHomeSection_3 .boxContentVdo .icoPlay {width:40px;}
	.boxHomeSection_3 .boxContentVdo .title_1 {font-size:2em;}
	.boxHomeSection_3 .boxContentVdo .title_2 {font-size:1em;}
	.boxHomeSection_3 .boxMainVdo {padding-top:15px;}
	.boxHomeSection_3 .des_1 {font-size:1.2em;}
	.boxHomeSection_3 .owl-carousel .owl-nav button.owl-prev {left: -45px; top:-50px;}
	.boxHomeSection_3 .owl-carousel .owl-nav button.owl-next {right: -45px; top:-50px;}

	.boxHomeSection_4 .boxList {height:650px;}
	.boxHomeSection_4 .title_logo {max-width:200px;}
	.boxHomeSection_4 .boxList .oneList .bg span {left:-450px; top:-350px; width:900px; height:650px; background-size:100% auto;}

	.boxHomeSection_5 .boxBg .oneBg {background-size:1400px auto;}
	.boxHomeSection_5 .boxBg .obj-1 {width:640px;}
	.boxHomeSection_5 .boxContent {padding-bottom:60px;}
	.boxHomeSection_5 .title_1 {font-size:3.5em;}
	.boxHomeSection_5 .title_1 .lineBreak_2 {margin-left: 10px; bottom: 23px;}

	.boxHomeSection_6 .boxContent {padding-top: 140px;}
}

@media only screen and (max-width: 1199px) {
	#home-page .oneSection {min-height:inherit;}

	html, body {font-size:16px;}

	.header.minMenu::before {height: 75px;}
	.header.has-line::before {height:75px;}
	.header .logo {width: 180px; height: 65px; left: 20px; top: 3px;}
	.header .boxMenu {padding:0px 190px 0px 200px;}
	.header .boxMenu .boxLang {top:22px; right: 20px;}
	.header .boxMenu > a {margin: 0px 10px; line-height:75px;}
		.th .header .boxMenu > a {margin: 0px 6px;}
		.en .header .boxMenu > a {margin: 0px 6px;}
		.cn .header .boxMenu > a {font-size: 1em;}

	/* hasSubMenu
	================= */
	.header .boxMenu .hasSubMenu  {margin: 0px 10px; line-height:75px;}
	.header .boxMenu .hasSubMenu .boxSubMenu-1 {top:75px;}



	.boxQuickSearch {top:74px;}

	.footer .boxSocial {right:20px;}
	.footer .boxSocial a {margin-left:8px;}
	.footer .boxCopyright {left:20px;}

	.boxPreload .boxPreloadContent .logo img {width: 240px;}
	.boxPreload .boxPreloadContent .smoke_1 {top: 190px; width: 800px; margin-left: -430px;}

	.boxSectionBottom .bg {height:520px; background-size:1400px auto;}
	.inner-page .boxSectionBottom .bg {top:auto; bottom:0px; background-position:center bottom;}


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

	#home-page .boxHomeSection .boxSectionName {display:none !important;}

	.boxHomeSection_2 .boxContent {max-width:65%;}

	.boxPopupIngredents .boxBook { left: 50%;  margin-left: -650px;}
	.boxIngredentsBook .boxBook { left: 50%;  margin-left: -650px;}

	.boxHomeSection_4 .boxCtrl .btnBack {left:0px;}
	.boxHomeSection_4 .boxCtrl .btnNext {right:0px;}

	.boxHomeSection_5 .boxBg .obj-1 {width: 580px; top: -390px;}
	.boxHomeSection_5 .boxBg .obj-2 {width: 60px; bottom: -20px;}
	.boxHomeSection_5 .boxList .oneList {padding-left: 190px; min-height: 330px;}
	.boxHomeSection_5 .boxList .oneList .boxImg {top: 30px; width: 190px;}
	.boxHomeSection_5 .title_2 {padding: 50px 0px 15px;}
	.boxHomeSection_5 .title_3 {font-size: 1.12em;}
	.boxHomeSection_5 .boxBtn {font-size: 0.9em;}

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

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

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

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

	.boxSectionContent .title_3 {padding: 300px 0px 40px 50%;}
	.boxSectionContent .graphic_1 {margin-left: -300px; margin-top: 70px;}
	.boxSectionContent .boxList_1 {margin-left:50%; padding-bottom: 0px;  min-height: inherit;}
	.boxSectionContent .boxList_1 .oneList {width:auto; clear:both; float: none;}
	.boxSectionContent .boxList_1 .oneList:nth-child(2n-1) { text-align: left; float: none;}
	.boxSectionContent .boxList_1 .oneList:nth-child(2) {padding-top:0px;}

	.boxSectionContent .boxList_2 .oneList .bg {left: -120px;}
	.boxSectionContent .boxList_2 .oneList:nth-child(2n) .bg {left: auto; right: -120px;}

	.boxAddressAndContactForm .boxAddress {width: 470px;}


	.cn .boxSectionContent .cn_small .des_2 {font-size: 1em;}
}

@media only screen and (max-width: 991px) {
	.header .logo {left:0px; right:0px; margin:0px auto;}

	.header .boxMenu {
		position: fixed; right: auto; top: 0px; left:-250px; width:250px; height: 100vh; padding:70px 0px 0px; overflow: hidden; white-space: nowrap; background:#000;
		-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 .boxMenu > a {display:block; float:none; margin:0px 20px 10px 20px; top:0px; text-align:left; font-size:1.6em; line-height:30px;}
	.header .boxMenu > a:after {display:none;}
	.header .boxMenu .boxLang {position:relative; top:auto; right:auto;}
	.header .boxMenu .boxLang .btnLang {float:left; margin:10px 8px 10px 8px;}
	.header .boxMenu .boxLang .btnSearch {margin:10px 8px 10px 20px;}

	/*.header.minMenu .boxMenu {top:0px;}*/

	.header .btnMainMenuMobile {display:block;}
	.header .btnMainMenuMobile.action + .boxMenu {display:block; left:0px;}

	.footer {display:none !important;}

	.boxSectionBottom {height:auto; min-height:650px;}
	.boxSectionBottom .boxContactVooDoo .txtBuyProduct {display:inline-block; padding-bottom:8px;}
	.boxSectionBottom .boxIcon {font-size:18px; line-height:32px;}

	.boxBookFooter {height:500px; background-size:auto 500px;}

	/*.boxHomeSection_1 {min-height:700px;}*/
	.boxHomeSection_2 .boxWorld {display:none !important;}
	.boxHomeSection_2 .boxContent {max-width:inherit;}

	#home-page .boxHomeSection_3 {height:650px;}
	.boxHomeSection_3 .boxContent {max-width: 600px;}
	.boxHomeSection_3 .boxContentVdo {padding:40px 0px 0px 60px;}
	.boxHomeSection_3 .boxContentVdo .icoPlay {width:40px;}
	.boxHomeSection_3 .boxContentVdo .title_1 {font-size:2em;}
	.boxHomeSection_3 .boxContentVdo .title_2 {font-size:1em;}
	.boxHomeSection_3 .boxMainVdo {padding-top:15px;}
	.boxHomeSection_3 .des_1 {font-size:1.2em;}
	.boxHomeSection_3 .owl-carousel .owl-nav button.owl-prev {left: -45px; top:-50px;}
	.boxHomeSection_3 .owl-carousel .owl-nav button.owl-next {right: -45px; top:-50px;}

	.boxHomeSection_4 .boxList {height:650px;}
	.boxHomeSection_4 .title_logo {max-width:200px;}
	.boxHomeSection_4 .boxList .oneList .bg span {left:-450px; top:-360px; width:900px; height:650px; background-size:100% auto;}
	.boxHomeSection_4 .des br {display:none;}

	#home-page .boxHomeSection_5 {height:760px;}
	.boxHomeSection_5 .boxBg .oneBg {background-size:1400px auto;}
	.boxHomeSection_5 .boxBg .obj-1 {width: 560px; top: -320px;}
	.boxHomeSection_5 .boxBg .obj-2 {width: 60px; bottom: 100px;}
	.boxHomeSection_5 .boxContent {padding: 0px 20px;}
	.boxHomeSection_5 .boxList {padding: 10px 45px 40px;}
	.boxHomeSection_5 .title_1 {font-size:3.5em;}
	.boxHomeSection_5 .title_1 .lineBreak_2 {margin-left: 10px; bottom: 23px;}
	.boxHomeSection_5 .owl-carousel .owl-nav button.owl-prev {left: -45px;}
	.boxHomeSection_5 .owl-carousel .owl-nav button.owl-next {right: -45px;}

	#home-page .boxHomeSection_6 {height:auto;}
	.boxHomeSection_6 .title_1 {padding-top:100px;}
	.boxHomeSection_6 .boxList .oneList:nth-child(2n+1) {clear: both; margin-left: 0px; margin-right: 20px; width: calc(50% - 20px); margin-bottom:40px;}
	.boxHomeSection_6 .boxList .oneList:nth-child(2n) {clear: none; margin-left: 20px; margin-right: 0px; width: calc(50% - 20px); margin-bottom:40px;}

	.boxNewsContent .boxList .oneList:nth-child(2n+1) {clear: both; margin-left: 0px; margin-right: 20px; width: calc(50% - 20px); margin-bottom:40px;}
	.boxNewsContent .boxList .oneList:nth-child(2n) {clear: none; margin-left: 20px; margin-right: 0px; width: calc(50% - 20px); margin-bottom:40px;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList {width:calc(33.33% - 20px);}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(3) .count {visibility:visible;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(4) {display:none;}

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

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

	.boxLandingSection {padding-top:400px;}
	.boxLandingSection .bg {position: absolute; left: 0px; top: -95px; width: 100%; height: 650px; background-position: 75% 10%; background-size: 1600px auto;}
	.boxLandingSection .boxContentSection {width:auto; min-height: inherit; text-align:center;}
	.boxLandingSection .boxDetail {padding:30px 0px 20px 0px; width: 100%;}
	.boxLandingSection .boxDetail .lineBreak_1 {margin-left:auto; margin-right:auto;}

	.boxSectionContent .boxDetail {padding:40px 0px 0px;}
	.boxLandingSection .boxDetail .des_1 br {display:none;}

	.boxSectionContent .title_3 {padding: 20px 0px 40px; text-align: center;}
	.boxSectionContent .title_3 h1 {font-size:4em;}
	.boxSectionContent .title_3 h2 {font-size:3em;}
	.boxSectionContent .graphic_1 {display:none;}
	.boxSectionContent .boxList_1 {margin-left:0px;}

	.boxSectionContent .boxList_1 .oneList {text-align:center !important; float:none !important; margin-left:auto; margin-right:auto;}

	.boxSectionContent .boxList_2 {padding-bottom:0px;}
	.boxSectionContent .boxList_2 .oneList {width:auto; margin-left:auto; margin-right:auto; padding: 350px 0px 50px;}
	.boxSectionContent .boxList_2 .oneList:nth-child(2n) {margin-left: auto; margin-right: auto;}
	.boxSectionContent .boxList_2 .oneList .bg {left:-40%; top:-50px; height:600px; width:auto;}
	.boxSectionContent .boxList_2 .oneList:nth-child(2n) .bg {right:-40%;}
	.boxSectionContent .boxList_2 .oneList .boxNum {font-size:4.5em;}
	.boxSectionContent .boxList_2 .oneList .title_6 {font-size:3em;}
	.boxSectionContent .boxList_2 .oneList .title_7 {font-size:2em;}

	.boxIngredentsBook {padding-top:20px;}
	.boxIngredentsBook .bg {display:none;}
	.boxIngredentsBook .boxBook {left:0px; margin-left:0px; width:auto; height:auto; background:url(../images/popup/book-mobile.png) repeat-y left top; background-size:100% 244px; margin:40px 0px;}
	.boxIngredentsBook .boxBook:before {display:block; content:''; position:absolute; left:0px; top:-40px; width:100%; height:100px; background:url(../images/popup/book-mobile-t.png) no-repeat left top; background-size:100% 100px;}
	.boxIngredentsBook .boxBook:after {display:block; content:''; position:absolute; left:0px; bottom:-40px; width:100%; height:100px; background:url(../images/popup/book-mobile-b.png) no-repeat left bottom; background-size:100% 100px;}
	.boxIngredentsBook .boxBook .boxListPageBook {position:relative; width:auto; height:auto;}
	.boxIngredentsBook .boxBook .onePageBook {
		display:block !important; width:auto; max-width:440px; height:auto; position:relative; z-index:10; margin:auto;
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important; transform: matrix(1, 0, 0, 1, 0, 0) !important;
		opacity:1 !important;
	}
	.boxIngredentsBook .boxBook .pageLeft { left:0px; top:0px; padding:20px;}
	.boxIngredentsBook .boxBook .pageRight { left:0px; top:0px; padding:20px;}
	.boxIngredentsBook .boxCtrl {display:none;}
	.boxIngredentsBook:before {display:block; content:''; height:calc(100% + 40px); width:100px; position:absolute; left:0px; top:0px; z-index:2; background:url(../images/popup/mask_paper-left.png) repeat-y right top;}
	.boxIngredentsBook:after {display:block; content:''; height:calc(100% + 40px); width:100px; position:absolute; right:0px; top:0px; z-index:2; background:url(../images/popup/mask_paper-right.png) repeat-y left top;}


	.boxSectionContent .boxList_3 .oneList {float:none; margin:auto; width:auto; max-width:470px;}

	.boxProductIntro .logoProduct {max-width:200px; padding:0px; margin:auto;}
	.boxProductIntro .logoProduct img {width:100%;}
	.boxProductIntro .boxList_products .oneList {width:50%;}
	.boxProductIntro .boxList_products .oneList:nth-child(3n+1) {clear:none;}
	.boxProductIntro .boxList_products .oneList:nth-child(2n+1) {clear:both;}

	.boxSearchResultProducts .boxList .oneList {width:50%;}
	.boxSearchResultProducts .boxList .oneList:nth-child(3n+1) {clear:none;}
	.boxSearchResultProducts .boxList .oneList:nth-child(2n+1) {clear:both;}

	.boxContactInfo .boxList_1 .oneInfo {text-align:center;}
	.boxContactInfo .boxList_1 .oneInfo .boxIcon {display:inline-block; padding-right:20px;}

	.boxAddressAndContactForm {padding:40px 0px;}
	.boxAddressAndContactForm .container {padding-bottom: 140px;}
	.boxAddressAndContactForm .bg {top: auto; bottom: 0px; height: 560px; background-position: -72px bottom; background-size: 1600px auto;}
	.boxAddressAndContactForm .boxAddress {float:none; width:auto;}
	.boxAddressAndContactForm .boxContact {float:none; padding-top:40px; width:auto;}

	.boxCareer .title_1 {padding:40px 0px 10px;}
	.boxCareer .boxList_1 .oneList {float:none; width:auto;}

	#popupCareer .container {width:auto;}
	.careerPopup {padding:30px 40px 10px;}
	.careerPopup .boxFormCareerApply .boxFormInput {float:none; width:100%;}
	.careerPopup .boxFormCareerApply .boxFormFile {float:none; width:100%;}


	.boxLocationMap .boxMap {padding-bottom: 35px;}
	.boxLocationMap .btnCloseMap {top: 65px; right: 95px;}
	.boxLocationMap .boxBtn {right: 100px; bottom: 15px;}


	/*
	verify CSS ====================================== */

	.contentPopup {width:680px;}
	.contentPopup .boxImg {height:100px; margin:30px 0px 20px;}

	/* fancybox
	================= */
	.fancybox-nav span {visibility:visible;}


	/* hasSubMenu
	================= */
	.header .boxMenu .hasSubMenu {
		display: block;
		float: none;
		margin: 0px 20px 10px 20px;
		padding-bottom: 0px;
		text-align: left;
		line-height: 30px;
	}
	.header .boxMenu .hasSubMenu .boxSubMenu-1 {
		display: block;
		position: relative;
		left: 0px;
		top: 0px;
		padding: 0px;
		background: none;
		min-width: inherit;
	}
	.header .boxMenu .hasSubMenu .boxSubMenu-1:before {display:none;}
	.header .boxMenu .hasSubMenu .boxSubMenu-1 a {
		margin: 0px 0px 0px 10px;
		border-top: 1px solid transparent;
		font-size: 0.9em;
	}



	.th .header .boxMenu > a {margin: 0px 20px 10px 20px;}
	.en .header .boxMenu > a {margin: 0px 20px 10px 20px;}
	.cn .header .boxMenu > a {margin: 0px 20px 10px 20px;}
}

@media only screen and (max-width: 767px) {
	.header.minMenu::before {height: 60px;}
	.header.has-line::before {height:60px;}
	.header .logo {width: 140px; height: 55px;}

	.header .btnMainMenuMobile {top: 8px;}

	.inner-page {padding-top: 60px;}

	.btnStyle1 {padding:0px 30px;}

	.boxPreload .boxPreloadContent {min-height:520px;}
	.boxPreload .boxPreloadContent .boxCompass {width:240px; height:240px;}
	.boxPreload .boxPreloadContent .logo img {width:200px;}
	.boxPreload .boxPreloadContent .title_1 {font-size:1.6em;}
	.boxPreload .boxPreloadContent .des {font-size:1.33em;}

	.boxLandingSection {padding-top: 250px;}
	.boxLandingSection .bg {position: absolute; left: 50%; top: -60px; width: 780px; height: 400px; background-position: -250px 0px; background-size: 1000px auto; margin-left: -390px;}
	.boxLandingSection .boxDetail .title_1 {font-size:2em;}
	.boxLandingSection .boxDetail .title_2 {padding: 0px; font-size: 1.6em;}

	.boxBookFooter {height:400px; background-size:auto 400px;}

	#home-page .boxHomeSection_1 {min-height:520px;}
	.boxHomeSection_1 .boxListBg .oneBg {background-size:650px auto; background-position:center top;}
	.boxHomeSection_1 .title_1 {font-size:2em; padding-top:200px;}
	.boxHomeSection_1 .title_2 {font-size:2em;}
	.boxHomeSection_1 .des {font-size:1.33em;}
	.boxHomeSection_1 .des br {display:none;}

	#home-page .boxHomeSection_2 {height:auto;}
	.boxHomeSection_2 .boxBg .oneBg {background-size:1000px auto;}
	.boxHomeSection_2 .title_1 {font-size:2em; padding-top:50px;}
	.boxHomeSection_2 .title_2 {font-size:1.6em;}
	.boxHomeSection_2 .boxListCount {display:block; }
	.boxHomeSection_2 .boxListCount .oneCount {display:block; width:auto !important;}
	.boxHomeSection_2 .boxListCount .oneCount:after {right:15%; top:auto; bottom:0px; width:70%; height:2px;}

	#home-page .boxHomeSection_3 {height:auto;}
	.boxHomeSection_3 .boxContent {max-width:inherit;}
	.boxHomeSection_3 .boxContentVdo {padding:0px; text-align:center; min-height:inherit;}
	.boxHomeSection_3 .boxContentVdo .icoPlay {position:relative; left:0px; top:0px; margin:50px auto 10px auto; width: 60px;}
	.boxHomeSection_3 .boxContentVdo .title_1 {font-size:2em;}
	.boxHomeSection_3 .boxList_1 {max-width:345px; margin:auto;}
	.boxHomeSection_3 .boxThumbnailVideo .btnPopupVideo {width:70px; height:70px;}

	#home-page .boxHomeSection_4 {height:auto; padding-top:50px;}
	.boxHomeSection_4 .boxList .oneList .bg span { left: -300px; top: -360px; width: 600px; height: 500px;}
	.boxHomeSection_4 .title_logo {max-width: 160px;}
	.boxHomeSection_4 .boxList {height: 600px;}
	.boxHomeSection_4 .boxList .oneContent {bottom:auto; top:270px;}

	#home-page .boxHomeSection_5 {height:auto; padding-top:50px;}
	.boxHomeSection_5 .boxBg .oneBg {background-size: 800px auto; background-position: center 120px;}
	.boxHomeSection_5 .boxContentTable {top:0px;}
	.boxHomeSection_5 .boxBg .obj-1 {display:none;}
	.boxHomeSection_5 .boxBg .obj-2 {display:none;}
	.boxHomeSection_5 .boxContent {padding:0px;}
	.boxHomeSection_5 .title_1 {font-size:2em; text-align:center;}
	.boxHomeSection_5 .title_1 .lineBreak_2 {bottom: 0px; display: block; float: none; clear: both; margin: 20px auto 0px; position: relative;}
	.boxHomeSection_5 .boxList {padding:30px 0px 0px 0px; max-width: 345px; margin:auto;}
	.boxHomeSection_5 .boxList .oneList {padding-left:0px; min-height:inherit;}
	.boxHomeSection_5 .boxList .oneList .boxImg {position: relative; top: 0px; left: 0px; margin: auto; width:200px;}
	.boxHomeSection_5 .title_2 {padding: 20px 0px 7px;}
	.boxHomeSection_5 .boxBtn {font-size: 1em;}
	.boxHomeSection_5 .boxBtn a {width:calc(50% - 8px);}
	.boxHomeSection_5 .owl-carousel .owl-nav button.owl-prev {top:-145px; left:-10px;}
	.boxHomeSection_5 .owl-carousel .owl-nav button.owl-next {top:-145px; right:-10px;}

	.boxHomeSection_6 .boxContent {padding:0px;}
	.boxHomeSection_6 .title_1 {padding-top:80px; font-size:2em; line-height:1;}
	.boxHomeSection_6 .boxList .oneList {float:none !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width:345px;}

	.boxSectionBottom .logoFooter {width:100px; height:100px;}
	.boxSectionBottom .title_1 {line-height:1;}

	.boxSectionContent .title_1 {font-size: 1.7em;}
	.boxSectionContent .title_2 {font-size: 1em; padding: 0px 0px 5px 0px;}
	.boxSectionContent .title_2.extra {font-size: 1.4em;}
	.boxSectionContent .title_3 h1 {font-size: 2.6em;}
	.boxSectionContent .title_3 h2 {font-size: 2em;}

	.boxSectionContent .boxList_2 .oneList .title_7 {white-space:normal;}
	.boxSectionContent .boxList_2 .oneList .bg {left: 50%; top: 0px; height: 400px; width: auto; margin-left: -450px;}
	.boxSectionContent .boxList_2 .oneList:nth-child(2n) .bg {right:auto; left:50%; margin-left:-120px;}
	.boxSectionContent .boxList_2 .oneList .boxNum {font-size: 3em; padding:12px 0px; line-height:1; text-indent:0px;}
	.boxSectionContent .boxList_2 .oneList .title_7 {font-size: 1.6em;}
	.boxSectionContent .boxList_2 .oneList .title_6 {font-size: 2em;}
	.boxSectionContent .boxList_2 .oneList .des_3 {padding:  0px; font-size: 1.4em; line-height: 1.2;}
	.boxSectionContent .boxList_3 .oneList .title_9 {font-size:1.3em;}

	.boxIngredentsBook:before {display:none;}
	.boxIngredentsBook:after {display:none;}
	.boxIngredentsBook .boxBook {background-position:center top; background-size: 800px 244px;}
	.boxIngredentsBook .boxBook:before {background-position: center top; background-size: 800px 100px;}
	.boxIngredentsBook .boxBook:after {background-position: center bottom; background-size: 800px 100px;}

	.boxProductIntro .bgProduct {height: 300px; margin-bottom: -50px;}
	.boxProductIntro .titleProduct { font-size: 1.4em; padding: 10px 0px 5px;}
	.boxProductIntro .boxBtn {margin: 15px 0px 35px;}

	.boxProductIntro .boxList_products .oneList {width:100%; float:none;}
	.boxProductIntro .boxList_products .oneList .boxProductImg {max-width:240px; margin:auto;}

	.boxWhereToBuy {padding-top: 40px;}
	.boxWhereToBuy .titleWhereToBuy_1 {font-size:2em;}
	.boxWhereToBuy .titleWhereToBuy_2 {font-size:1.6em; padding:10px 0px 15px;}
	.boxWhereToBuy .boxListWhereToBuy_1 a {margin: 5px;}

	.boxNewsContent .boxList .oneList {float:none !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width:345px;}
	.boxRecommendNews .boxList .oneList {float:none !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width:345px;}

	.boxNewsContentDetail .title_1 {padding-left:0px; padding-right:0px;}
	.boxNewsContentDetail .title_1 .btnBackPage {display:none;}
	.boxNewsContentDetail .title_news {font-size:1.33em;}
	.boxNewsContentDetail .boxPhotoAlbum .title_photoAlbum {font-size:1.33em;}
	.boxNewsContentDetail .boxSocialShare .boxRight .txtShare {font-size:1.4em;}

	.boxRecommendNews {padding: 30px 0px 0px 0px;}
	.boxRecommendNews .title_recommendNews {font-size:1.6em;}

	.boxPagination .boxListPage .page-numbers {height: 38px; padding: 0px 3px; margin: 2px; min-width: 38px; line-height: 40px; font-size: 0.8em;}

	.boxContactInfo .title_1 {padding: 50px 0px 15px; font-size: 2em;}
	.boxContactInfo .boxList_1 {padding:10px 0px;}
	.boxAddressAndContactForm {padding: 20px 0px;}
	.boxAddressAndContactForm .title_1 {padding: 10px 0px 5px; font-size: 1em;}

	.boxAddressAndContactForm .bg {background-position: -80px bottom; background-size: 1400px auto;}

	.boxCareer .title_1 {font-size:2em;}

	#popupCareer .container {padding:0px;}
	#popupCareer .careerPopup {padding: 30px 15px 10px; background: url(../images/popup/book-mobile.png) repeat-y center top;}
	.popup_career .fancybox-close { top: 20px; right: 20px;}
	.careerPopup .title_1 {font-size:1.33em;}

	.boxCMS ul, .boxCMS ol {padding-left:30px;}

	.boxSearchResultProducts .boxList .oneList {width:100%; float:none;}
	.boxSearchResultProducts .boxList .oneList .boxProductImg {max-width:240px; margin:auto;}

	.boxSearchResultNews .boxList .oneList {float:none !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width:345px;}


	/*
	verify CSS ====================================== */
	.boxVerify_ct_1 .boxHowToVerify .box2Col {padding-top:0px;}
	.boxVerify_ct_1 .boxHowToVerify .box2Col .boxRight {float:none; width:auto;}
	.boxVerify_ct_1 .boxHowToVerify .box2Col .boxRight img {max-width:100%; height:auto;}
	.boxVerify_ct_1 .boxHowToVerify .box2Col .boxRight .des_5 {padding-bottom:30px;}
	.boxVerify_ct_1 .boxHowToVerify .box2Col .boxLeft {float:none; width:auto; padding-right:0px; }
	.boxVerify_ct_1 .boxHowToVerify .oneStep {font-size:1.3em;}
	.ct_verify .title_6 {font-size: 1.25em;}

	.boxQuickSearch {top: 59px;}

	.contentPopup {width:100%; padding:30px 10px 40px;}
	.contentPopup .title_1 {font-size: 1.6em;}
	.contentPopup .des_1 {font-size:1.33em;}
	.contentPopup .title_2 {font-size:1.5em;}
	.contentPopup .des_2 {font-size: 1.3em;}
	.contentPopup .des_3 {font-size: 1.3em;}
	.contentPopup .boxImg {height:60px; margin:15px 0px;}

	/* fancybox
	================= */
	.popup_result .fancybox-close {width: 20px; height: 20px; top: 20px; right: 20px;}

	/*
	Lang CSS ====================================== */
	.th .boxProductIntro .titleProduct .txtStyle1 {font-size:1.6em;}
	.th .ct_verify .title_6 .txtStyle1 {font-size: 1.4em;}

	.en .boxSectionContent .boxList_3 .oneList .title_9 {font-size: 1.1em;}

	.cn .boxSectionContent .boxList_3 .oneList .title_9 {font-size: 1.1em;}
	.cn .boxHomeSection_1 .title_1 {font-size: 1.4em;}
	.cn .boxHomeSection_1 .des {font-size: 1.1em;}
	.cn .boxHomeSection_2 .title_2 {font-size: 1.3em;}
	.cn .boxHomeSection_2 .des {font-size: 1.1em;}
	.cn .boxSectionContent .boxList_2 .oneList .title_6 {font-size: 2em;}

	.cn .contentPopup .des_1 {font-size: 1em;}
	.cn .contentPopup .des_2 {font-size: 1em;}
	.cn .contentPopup .des_3 {font-size: 1em;}
	.cn .contentPopup .title_2 {font-size: 1.1em;}



}

@media only screen and (max-width: 479px) {
	.boxBookFooter {height:300px; background-size:auto 300px;}


	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList {width:calc(50% - 20px);}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(2) .count {visibility:visible; font-size: 0.7em;}
	.boxNewsContentDetail .boxPhotoAlbum .boxList .oneList:nth-child(3) {display:none;}

	.boxAddressAndContactForm .boxAddress .boxGroupBtn a {margin:0px 0px 10px 0px; display:block;}
	.boxAddressAndContactForm .boxBtn .btnStyle1 {display:block; width:100%;}

	.boxAddressAndContactForm .container {padding-bottom: 200px;}
	.boxAddressAndContactForm .bg {height: 300px; background-position: 20px bottom; background-size: 900px auto; left: 50%; margin-left: -350px; width: 700px;}

	.careerPopup .boxBtn .btnStyle1 {display:block; width:100%;}
}

@media only screen and (max-width: 374px) {

}

/* Mask orientation
=================================== */
@media only screen and (orientation : portrait) {
	.mask_ink_1 {
		-webkit-mask: url(../images/mask/mask-ink-1-port.png); mask: url(../images/mask/mask-ink-1-port.png);
		-webkit-mask-size:3300% 100%; mask-size: 3300% 100%;
	}
}

@media only screen and (orientation : landscape) {

}