@charset "utf-8";
body{ color:#6D6D6D; width:100%; overflow-x: hidden; margin: 0px; padding: 0px; font-family: 'Montserrat', sans-serif; /*font-family: 'Montserrat Alternates', sans-serif;*/}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*font-family: "Montserrat",sans-serif;*/ /*font-family: "Noto Sans Japanese",sans-serif;*/}
*:before, *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{ text-decoration: none;}
input, button, select, textarea { font-family:inherit; font-size:inherit; line-height:inherit; border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline;}
.clr:after{ content:""; display:block; height:0; clear:both; visibility:hidden; }
figure{margin:0px; padding: 0px;}
h1,h2,h3,h4{ font-weight:normal; margin:0px;}
ul, ol{margin:0px;padding:0px;display: block;
}
li{ list-style:none; margin:0; padding:0;}
p{ margin:0 0 5px 0; padding:0; line-height:1.4em;}
.responsiveIMG{ width: 100%; max-width: auto; margin-top: 20px; margin-bottom: 20px; }

/* RightPCBox */
.RightPCBox{ position: absolute; right: 0px; z-index: 9999999!important;}
.RightPCSearchBox{ display: inline-block; text-align: right; vertical-align: top; margin-top: 2px; }
.RightPCSearchBox input[type=text]{ width: 150px; padding: 6px 20px 6px 20px; border-radius: 100px; -webkit-appearance: none; border: 1px solid #BB143A; color: #BB143A; font-size: 13px;}
.RightPCSearchBox input[type=text]::placeholder{ color: #BB143A;}
.RightPCSearchBox button{ position:absolute; margin-top: 6px; border: 0px; vertical-align: middle; margin-left: -40px; background-color: transparent; }
.RightPCSearchBox img{ width: 18px; }
.RightPCAgent{ display: inline-block; text-align: right; margin-left: 15px; vertical-align: top; margin-top: 7px; }
.RightPCAgent a{ position: relative; background-color: #BB143A; padding: 6px 40px 6px 20px!important; border-radius: 100px; color: #fff!important; letter-spacing: 0px; font-size: 14px!important;}
.RightPCAgent a:after{ position: absolute; right: 5px; top: 0; height: 100%; width: 40px; background: #123; content: ''; display: block; background:url(../images/icon-agent-top.png) no-repeat center center; background-size: 20px auto;}
.RightPCAgent a:hover{ background-color: #977D64;}
/*
.RightPCAgent{ display: inline-block; text-align: right; margin-left: 15px; vertical-align: top; margin-top: 7px; }
.RightPCAgent a{ position: relative; background-color: #BB143A; padding: 6px 50px 6px 30px!important; border-radius: 100px; color: #fff!important; letter-spacing: 0px; font-size: 14px!important;}
.RightPCAgent a:after{ position: absolute; right: 10px; top: 0; height: 100%; width: 40px; background: #123; content: ''; display: block; background:url(../images/icon-agent-top.png) no-repeat center center; background-size: 20px auto;}
.RightPCAgent a:hover{ background-color: #977D64;}
*/

/* Pagenotfound */
.Pagenotfound{ text-align: center!important; margin-top: 40px!important; }
.Pagenotfound a{ color: #BB143A!important; }

/* FeatureSlider */
.FeatureSlider{ margin-top: 150px; /*min-height: 650px;*/ background-image: url('../images/bg-slider.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; }
.FeatureSliderBox {
  /* max-width: 1360px; */
  margin: auto;
  /* padding-top: 30px; */
  min-height: auto!important;
  position: relative;
  z-index: 2;
  
}
.FeatureSliderBoxhichew{margin-top: -300px;}
.FeatureSliderBox ul li{ position: relative; overflow-y: auto; height: auto; }
.FeatureSliderBox ul li a{ color: #977D64; }
.FeatureSliderBox ul li .SlidePicture{ width:auto; /*max-width: 1440px;*/ max-width: 1280px; margin: auto; height: auto; position: relative; z-index: 9; border-radius: 30px; overflow: hidden; }
.FeatureSliderBox ul li .SlidePicture.distributor{ border: 10px solid #fff;}
.FeatureSliderBox ul li .SlidePicture img{ display: block; width: 100%; }
.FeatureSliderBox ul li .SliderCaptions{ position: absolute; width: 40%; right: 20%; left: 20%; z-index: 9; bottom: 10%; margin: auto; text-align: center; }
.FeatureSliderBox ul li .Title{ font-size: 33px; font-weight: 700; font-style: italic; }
.FeatureSliderBox ul li .SlideExcept{ font-size: 15px; max-width: 900px;}
.FeatureSliderBox .LeftPic{ width: 250px; height: auto; position: absolute; /*bottom: -20%;*/ left: 5%; top: 47%; z-index: 1; }
.FeatureSliderBox .LeftPic img{ width: 100%; }
.FeatureSliderBox .RightPic{ width: 250px; height: auto; position: absolute; /*bottom: -20%;*/ right: 5%; top: 47%;  z-index: 1; }
.FeatureSliderBox .RightPic img{ width: 100%; }
.FeatureSliderAgent{ /*padding-top: 20px;*/ margin-top: -160px; min-height: auto!important; position: relative; z-index: 2; background: transparent!important;}
.FeatureSliderAgentBox{ max-width: 1280px; margin: auto!important; }

.FeatureSliderBox .NormalBoxlHP{ padding-bottom: 30px; }

.FeatureSliderBox .InnerBox{ max-width: 1360px; margin: auto; }

.slick-prev:before { background-image: url('../images/left-arrow.png'); background-size: cover; display: inline-block; width: 90px; height: 90px; content:""; margin-right: -70px; z-index: 999999; }
.slick-next:before { background-image: url('../images/right-arrow.png'); background-size: cover; display: inline-block; width: 90px; height: 90px; content:""; margin-left: -70px; z-index: 999999; }

/* Dars Homepage */
.FeatureSliderBox .DarsBoxlHP{ /*height: 750px;*/ /*padding-bottom: 150px; */}
.FeatureSliderBox .LeftPicDars{ width: 150px; height: auto; position: absolute; left: 5%; top: 19%; z-index: 99; }
.FeatureSliderBox .LeftPicDars img{ width: 100%; }
.FeatureSliderBox .RightPicDars{ width: 150px; height: auto; position: absolute; right: 5%; top: 19%;  z-index: 99; }
.FeatureSliderBox .RightPicDars img{ width: 100%; }
.FeatureSliderBox .DarsBoxlHPCenter{ width: 75%; height: auto; margin: auto; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; position: relative; float: none; z-index: 99; margin-top: -5%; }
.FeatureSliderBox .DarsBoxlHPCenter img{ width: 100%; max-width: 960px; }

/* HiChew Homepage */
.FeatureSliderBox .HiChewBoxlHP{ }
.FeatureSliderBox .LeftPicHiChew{ width: 320px; height: auto; position: absolute; left: 0%; top: 8%; z-index: 99; }
.FeatureSliderBox .LeftPicHiChew img{ width: 100%; }
.FeatureSliderBox .RightPicHiChew{ width: 300px; height: auto; position: absolute; right: 0%; top: 7%;  z-index: 99; }
.FeatureSliderBox .RightPicHiChew img{ width: 100%; }
.FeatureSliderBox .HiChewBoxlHPCenter{ width: 65%; height: auto; margin: auto; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; position: relative; float: none; z-index: 99; margin-top: -10%; }
.FeatureSliderBox .HiChewBoxlHPCenter img{ width: 100%; max-width: 960px; }

/* Manna Homepage */
.FeatureSliderBox .MannaBoxlHP{ }
.FeatureSliderBox .LeftPicManna{ width: 220px; height: auto; position: absolute; left: 5%; top: 19%; z-index: 99; }
.FeatureSliderBox .LeftPicManna img{ width: 100%; }
.FeatureSliderBox .RightPicManna{ width: 180px; height: auto; position: absolute; right: 5%; top: 19%;  z-index: 99; }
.FeatureSliderBox .RightPicManna img{ width: 100%; }
.FeatureSliderBox .MannaBoxlHPCenter{ width: 70%; height: auto; margin: auto; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; position: relative; float: none; z-index: 99; margin-top: -15%; }
.FeatureSliderBox .MannaBoxlHPCenter img{ width: 100%; max-width: 900px; }

/* InJelly Homepage */
.FeatureSliderBox .InJellyBoxlHP{ padding-bottom: 50px; position: relative; z-index: 99; background-image: url('../images/bg-in-jelly-prd-top.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom center;  }
.FeatureSliderBox .InJellyBoxlHPCenter{ width: 70%; height: auto; margin: auto; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; position: relative; float: none; z-index: 99; margin-top: -23%; }
.FeatureSliderBox .InJellyBoxlHPCenter img{ width: 100%; max-width: 900px; }

/* LeftChoccolate Dars Page */
.FeatureSliderDars{ /*padding-top: 20px;*/ margin-top: -300px; min-height: auto!important; position: relative; z-index: 2; background: transparent!important;}
.FeatureSliderDarsBox{ /*max-width: 1280px; margin: auto!important;*/ }
.FeatureSlidermanna{ max-width: 1280px; margin: auto!important; }
.FeatureSliderDarsBox .LeftChoccolate{ width: 180px; height: auto; position: absolute; top: 13%; left: 0%; z-index: 99; }
.FeatureSliderDarsBox .LeftChoccolate img{ width: 100%; }
.FeatureSliderDarsBox .RightChoccolate{ width: 150px; height: auto; position: absolute; top: 30%; right: 0%; z-index: 99; }
.FeatureSliderDarsBox .RightChoccolate img{ width: 100%; }
.FeatureSliderDarsBox .DarsProductCenter{ width: auto; height: auto; /*max-width: 75%;*/ max-width: 80%; margin: auto; text-align: center; position: relative; z-index: 99; margin-top:-2%; }
.FeatureSliderDarsBox .DarsProductCenter img{ width: 100%; /*max-width: 960px;*/ max-width: 1000px; }

.FeatureSliderDars .LeftHiChew{ width: 320px; height: auto; position: absolute; top: 8%; left: 0%; z-index: 99; }
.FeatureSliderDars .LeftHiChew img{ width: 100%; }
.FeatureSliderDars .RightHiChew{ width: 300px; height: auto; position: absolute; top: 8%; right: 0%; z-index: 99; }
.FeatureSliderDars .RightHiChew img{ width: 100%; }
.FeatureSliderDarsBox .HiChewProductCenter{ width: auto; height: auto; max-width: 75%; margin: auto; text-align: center; position: relative; z-index: 99; margin-top: -8%; }
.FeatureSliderDarsBox .HiChewProductCenter img{ width: 100%; max-width: 900px; }

.FeatureSliderDarsBox .LeftManna{ width: 280px; height: auto; position: absolute; top: 15%; left: -9%; z-index: 99; }
.FeatureSliderDarsBox .LeftManna img{ width: 100%; }
.FeatureSliderDarsBox .RightManna{ width: 230px; height: auto; position: absolute; top: 13%; right: -7%; z-index: 99; }
.FeatureSliderDarsBox .RightManna img{ width: 100%; }
.FeatureSliderDarsBox .MannaProductCenter{ width: auto; height: auto; max-width: 75%; margin: auto; text-align: center; position: relative; z-index: 99; margin-top: -10%; }
.FeatureSliderDarsBox .MannaProductCenter img{ width: 100%; max-width: 900px; }

.InJellyProductCenter{ width: 100%; max-width: 1500px; height: auto; text-align: center; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; z-index: 99; padding-top:0px; padding-bottom: 100px; margin-top: 13%; background-image: url('../images/bg-in-jelly-prd-top2.png'); background-size: contain; background-repeat: no-repeat; background-position: top center; }
.InJellyProductCenter p{ width: 80%; margin:auto; text-align: center; }
.InJellyProductCenter p img{ width: 100%; max-width: 900px; }
.MartopIJ{ margin-top: 280px; }

/* SliderCaptions */
.SliderCaptionsAgent{ width: 90%!important; right: 5%!important; left: 5%!important; text-align: left!important; color: #fff;}
.SliderCaptionsAgent .iconOur{ position: absolute; width: 80px; vertical-align: middle; margin-left: -110px; top: -20px; }

/* BreadcrumbTopAll */
.BreadcrumbTopAll{ width: 100%; max-width: 1120px; height: auto; position: absolute; margin: auto; left:0; right:0; margin-left: auto; margin-right: auto; margin-top: 150px; padding: 20px 0px 20px 0px!important; }
.BreadcrumbTop{ color: #999; width: auto; max-width: 1120px; margin: auto; text-align: left; font-size: 12px;}
.BreadcrumbTop a{ color: #999; text-decoration: none; }
.BreadcrumbTop .BreadcrumbActive{}
.BreadcrumbTop .BreadcrumbActive a{ color: #fff; }
.BreadcrumbTop .breadcrumb_last,.BreadcrumbTop span.bread-wrap span:last-child,.BreadcrumbTop span.bread-wrap span:last-child {}
.BreadcrumbTopPage{ color: #fff; position: relative; z-index: 2}
.BreadcrumbTopPage a{ color: #fff; text-decoration: none; }

/* TopTitlePage */
.TopTitlePage{ width: auto; margin: auto; margin-top: 150px; text-align: center; position: relative; z-index: 1; background-image: url('../images/bg-toppage.png'); background-size: cover!important; background-repeat: no-repeat; background-position: top center;  }
.TopTitlePageBox{/* max-width: 1440px;*/ margin: auto; min-height: 353px; padding-top: 50px; color: #fff; }
.TopTitlePageBox .Title{ margin-top: 40px; font-weight: 700; letter-spacing: 1px; font-size: 34px; font-style: italic; position: relative; color: #fff;}
.TopTitlePageBox .Captions{ width: auto; max-width: 700px; margin: auto; padding-left: 20px; padding-right: 20px; text-align: left; margin-top: 40px; font-size: 15px; }
.TopTitlePageBox .Title span.AgentTopIcon:before{ position: absolute; background-image: url('../images/icon-our-agent.png'); background-size: cover; top: -20px; margin-left: -130px; width: 100px; height: 100px; content:'';}
.TopTitlePageBox .Title span.GroupNetwork:before{ position: absolute; background-image: url('../images/icon-globalnetwork.png'); background-size: cover; top: -20px; margin-left: -130px; width: 100px; height: 100px; content:'';}
.TopTitlePageBox .Title span.AboutTopIcon:before{ position: absolute; background-image: url('../images/icon-about.png'); background-size: cover; top: -20px; margin-left: -130px; width: 100px; height: 100px; content:'';}
.TopTitlePageBox .Title span.ProductTechnologyTopIcon:before{ position: absolute; background-image: url('../images/icon-product-technology.png'); background-size: cover; top: -20px; margin-left: -130px; width: 100px; height: 100px; content:'';}
.TopTitlePageBox .Title span.RandDTopIcon:before{ position: absolute; background-image: url('../images/icon-r-d.png'); background-size: cover; top: -20px; margin-left: -130px; width: 100px; height: 100px; content:'';}
.TopTitlePageBox .Title span.SoftCandyTopIcon:before{ position: absolute; background-image: url('../images/icon-softcandy.png'); background-size: cover; top: -20px; margin-left: -130px; width: 100px; height: 100px; content:'';}
.TopTitlePageDars{ background-image: url('../images/bg-toppage-dars.png')!important;}
.TopTitlePageHiChew{ background-image: url('../images/bg-toppage-hi-chew.png')!important;}
.TopTitlePageInJelly{ background-image: url('../images/bg-toppage-in-jelly.png')!important;}
.TopTitlePageManna{ background-image: url('../images/bg-toppage-manna.png')!important;}
.TopTitlePageCollagen{ background-image: url('../images/collagen/bg-toppage-collagen.png')!important;}


/* SliderHomePage */
.SliderHomePage{ margin-top: 150px; min-height: 650px;/* background-size: cover; background-repeat: no-repeat; background-position: top center;*/}
.SliderHomePage ul li .SlidePicture{ width:auto; max-width: 1360px; margin: auto; height: auto; position: relative; border-radius: 30px; }
.SliderHomePage ul li .SlidePicture img{ display: inline-block!important; width: 100%!important; border-radius: 30px; }

.DarsBox{ padding-top: 30px; background-image: url('../images/bg-toppage-dars.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.DarsBox .LeftChoccolate{ width: 180px; height: auto; position: absolute; top: 13%; left: 5%; z-index: 1; }
.DarsBox .LeftChoccolate img{ width: 100%; }
.DarsBox .RightChoccolate{ width: 150px; height: auto; position: absolute; top: 30%; right: 5%; z-index: 1; }
.DarsBox .RightChoccolate img{ width: 100%; }
.DarsBox .DarsProductCenter{ width: auto; height: auto; max-width: 75%; margin: auto; text-align: center; position: relative; z-index: 2; margin-top: -4%; }
.DarsBox .DarsProductCenter img{ width: 100%; max-width: 960px; }

/* ContentAll */
.ContentAll{ color:#6D6D6D; }

.CountryListComma{ font-size: 14px!important; color: #474747!important; font-weight: normal!important; }
.CountryListComma:not(:last-child)::after { content: ","; }

/* TitleTopic */
.TitleTopic{ width: auto; height: auto; margin: auto; text-align: center; position: relative; }
.TitleTopic h1{ font-family: 'Montserrat Alternates', sans-serif; font-size: 17px; color: #977D64; font-weight: 700; margin: -10px 0 20px; position: relative;}
.TitleTopic h1::before{ display:none; position: absolute; width: 10px; height: 2px; background-color: #977D64; content: ''; top: 12px; margin-left: -15px; }
.TitleTopic h1::after{ display:none; position: absolute; width: 10px; height: 2px; background-color: #977D64; content: ''; top: 12px; margin-left:5px; }
.TitleTopic h2{ color: #BB143A; font-family: 'Montserrat Alternates', sans-serif; font-size: 30px; font-weight: 700; position: relative; z-index: 1;  }
.TitleTopic h2:after{ position: absolute; content: ''; bottom: -20px; width: 70px; height: 1px; background-color: #977D64; margin: auto; left: 0; right: 0; z-index: 0; }
.TitleTopic img{ height: auto; margin-bottom: 15px; }
.TitleTopic900{ max-width: 900px; }

/* LogoLarge */
.LogoLarge img{ width: 230px;}
.LogoLarge h2:after{ display: none; }

/* Aboutitle */
.Aboutitle img{ width: 130px;}
.Aboutitle h2:after{ display: none; }

/* ReandDelTitle */
.ReandDelTitle img{ width: 90px; }
.ReandDelTitle h2:after{ display: none; }

/* ProductsTitle */
.ProductsTitle img{ width: 80px;}
.ProductsTitle h2:after{ display: none; }
.ProductsTitle .OPIMG{ opacity: 0.4; }

/* AgentTitle */
.AgentTitle img{ width: 60px; }
.AgentTitle h2:after{ display: none; }

/* ApplyTitle */
.ApplyTitle img{ width: 50px;}
.ApplyTitle h2:after{ display: none; }

/* OurCompanyTitle */
.OurCompanyTitle img{ width: 70px;}
.OurCompanyTitle h2:after{ display: none; }

/* ApplyAgentTitle */
.ApplyAgentTitle img{ width: 80px;}
.ApplyAgentTitle h2:after{ display: none; }

.LinkRed{ position: relative; display: inline-block; margin-top: 15px; text-align: center; background-color: #BB143A; color: #fff; font-size: 15px; letter-spacing: 1px; padding:6px 50px 6px 30px; border-radius: 100px; transition: all 0.3s;}
.FeatureSliderBox ul li .LinkRed a{color: white; display: block;}
.LinkRed:after{ position: absolute; content: ''; top: 10px; width: 23px; height: 14px; margin: auto; right: 20px; background-image: url('../images/icon-white-arrow.png'); background-size: cover; z-index: 0; }
.LinkRed:hover{ background-color: #977D64; transition: all 0.3s;}
.LinkRed:hover:after{ right: 15px; transition: all 0.3s;}

.LinkGrey{ position: relative; display: inline-block; margin-top: 30px; text-align: center; background-color: #977D64; color: #fff; font-size: 15px; letter-spacing: 1px; padding:5px 50px 7px 30px; border-radius: 100px; transition: all 0.3s;}
.LinkGrey:after{ position: absolute; content: ''; top: 10px; width: 23px; height: 14px; margin: auto; right: 20px; background-image: url('../images/icon-white-arrow.png'); background-size: cover; z-index: 0; }
.LinkGrey:hover{ background-color: #BB143A; transition: all 0.3s;}
.LinkGrey:hover:after{ right: 15px; transition: all 0.3s;}

.LinkWhite{ position: relative; display: inline-block; margin-top: 30px; text-align: center; border: 1px solid #BB143A; background-color: #fff; color: #BB143A; font-size: 15px; letter-spacing: 1px; padding:6px 50px 6px 30px; border-radius: 100px; transition: all 0.3s;}
.LinkWhite:after{ position: absolute; content: ''; top: 10px; width: 23px; height: 14px; margin: auto; right: 20px; background-image: url('../images/icon-arrow-red.png'); background-size: cover; z-index: 0; }
.LinkWhite:hover{ background-color: #BB143A; color: #fff; transition: all 0.3s;}
.LinkWhite:hover:after{ right: 15px; transition: all 0.3s; background-image: url('../images/icon-white-arrow.png');}

.LinkWhite2{ position: relative; display: inline-block; margin-top: 30px; text-align: center; background-color: #fff; color: #967C63; font-size: 15px; letter-spacing: 1px; padding:6px 50px 6px 30px; border-radius: 100px; transition: all 0.3s;}
.LinkWhite2:after{ position: absolute; content: ''; top: 10px; width: 23px; height: 14px; margin: auto; right: 20px; background-image: url('../images/icon-arrow-grey.png'); background-size: cover; z-index: 0; }
.LinkWhite2:hover{ background-color: #BB143A; color: #fff; transition: all 0.3s;}
.LinkWhite2:hover:after{ right: 15px; transition: all 0.3s; background-image: url('../images/icon-white-arrow.png');}

/* ContentPageBox */
.ContentPageBox{ margin: auto;max-width: 1120px;/*  max-width: 900px; */ margin-top: 100px; margin-bottom: 100px; font-size: 14px; position: relative; }
.ContentPageBox.history{ margin: auto;max-width: 1120px;/*  max-width: 900px; */ margin-top: -70px; margin-bottom: 20px; font-size: 14px; position: relative; }
.ContentPageBox .Captions{ font-size: 14px; margin-top: 40px; }
.ContentPageBox .ContentInner{ margin-top: 50px; color: #6d6d6d; position: relative; }
.ContentPageBox .ContentInner p{ margin: 10px 0px 10px 0px;line-height: 21px; }
.ContentInner960{ margin: auto; max-width: 960px; margin-top: 20px; margin-bottom: 20px; font-size: 14px; }
.ContentPageBox .FontSubTitle{ font-size: 18px; font-weight: 600; }
.ContentPageBox .ContentInner .historyWrap{ max-width: 900px; margin: 0 auto;}
.responsiveIMG900{ width: 100%; max-width: 900px; display: block; margin: 20px auto;}

/* SoftCanyTechnology Page */
.FloatLeftPRD{ float: left; width:auto; max-width: 45%; margin-top: -40px; margin-right: 40px; margin-bottom: 50px; }
.FloatLeftPRD img{ width: 100%; }
.FloatRightPRD{ float: right; width:auto; max-width: 55%; margin-left: 40px; margin-bottom: 40px; }
.FloatRightPRD img{ width: 100%; }
.MarginTopPlus{ float: left; width:auto; max-width: 35%; margin-top: 180px; margin-right: 40px; margin-bottom: 40px; }
.MarginTopPlus img{ width: 100%; }
.BorderWhite{ border-radius:10px; border: 5px solid #fff; box-shadow: 0px 1px 5px #eee; }
.BorderWhite2{ border-radius:10px; border: 5px solid #fff; box-shadow:2px 2px 5px rgba(0,0,0,0.15); }
.PAbsoluteLeft{ position: absolute; width: 60%; padding-top: 20px; }
.LeftStrawberry{ width: 80px; height: auto; position: absolute; left:0; top:-200px; z-index: 1; }
.LeftStrawberry img{ width: 100%; }
.RightPurple{ width: 180px; height: auto; position: absolute; right:0; top:-300px; z-index: 1;  }
.RightPurple img{ width: 100%; }
.FloatRightPRDList{ width:100%; display:inline-block; }
.FloatRightPRDList p:nth-child(1){ display: inline; text-align: left; width:auto; max-width: 48%; text-align: left; }
.FloatRightPRDList p:nth-child(2){ display: inline; text-align: right; width:auto; max-width: 48%; text-align: right; margin-left: 3.5%}
.FloatRightPRDList p img{ width: 48%;}
.LeftPRDMAR{ float: left; width: 45%; margin-right: 60px; margin-top: 60px; margin-bottom: 60px; }
.RightPRDMAR{ float: right; width: 45%; margin-left: 40px; margin-bottom: 60px; }
.LeftPRDMARL{ width: 49%; margin-top: 60px; margin-bottom: 60px; }
.RightPRDMARR{ width: 49%; margin-top: 60px; margin-bottom: 60px; margin-left: 1%; }

.LeftChoccoDars{ width: 120px; height: auto; position: absolute; left:-150px; top:-350px; z-index: 1; }
.LeftChoccoDars img{ width: 100%; }
.RightChoccoDars { width: 120px; height: auto; position: absolute; right:-150px; top:-350px; z-index: 1;  }
.RightChoccoDars img{ width: 100%; }

/* MPTList */
.MPTListBG{ background-color: #f4f2ef; padding: 30px 0px 0px 0px;}
.MPTList{ margin: 40px 40px 20px; }
.MPTList ul li{ width: 47.5%; float: left; margin-right: 0%; margin-left: 5%; font-size: 16px; font-style: italic; text-align: left; color: #444; }
.MPTList ul li:nth-child(odd){ margin-left: 0%; margin-right: 0%; clear: both;}
.MPTList ul li img{ width: 100%; margin-bottom: 10px; border-radius: 10px; }

/* OtherRandD */
.OtherRandD{ max-width: 800px; margin: auto; /*margin: 40px 0px 20px 0px;*/ }
.OtherRandD ul li{ width: 47.5%; min-height: 500px; float: left; margin-right: 0%; margin-left: 5%; margin-bottom: 5%; border-radius: 20px; border:1px solid #977D64; box-shadow: 1px 1px 5px #ccc; }
.OtherRandD ul li:nth-child(odd){ margin-left: 0%; margin-right: 0%; clear: both;}
.OtherRandD ul li img{ width: 100%; border-radius: 18px 18px 0px 0px; }
.OtherRandD ul li a{color: #333;}
.OtherRandD ul li .Descriptions{ padding: 20px 30px; }
.OtherRandD ul li .Title{ color: #967d64; font-size: 24px; font-weight: 600; line-height: 34px; }
.OtherRandD ul li .Captions{ font-size: 14px; }

/* HiChewMiddleBox */
.HiChewMiddleBox{ width: auto; height: auto; margin: auto; margin-bottom: 100px; margin-top: 100px; max-width: 1120px; padding: 50px 40px 30px 60px; border-radius: 10px; box-shadow: 0px 1px 5px #eee; position: relative;/* background-image: url('../images/bg-softcandy.png');*/ background-size: cover; background-repeat: no-repeat; background-position: top center; }
.HiChewMiddleBox .HiChewMiddleLeft{ width: 58%; float: left; position: relative; text-align: left;/* color: #5d5d5d;*/ letter-spacing: 1px;font-size: 14px; }
.HiChewMiddleBox .HiChewMiddleLeft .LogoHiChew{ width: auto; max-width: 200px; vertical-align: middle; }
.HiChewMiddleBox .HiChewMiddleLeft .CaptionsLeft{ margin-top: 20px; }
.HiChewMiddleBox .HiChewMiddleLeft span{ display: inline; /*color: #5d5d5d;*/ font-weight: 800; vertical-align: middle; margin-left: 30px; font-size: 35px; font-style: italic; }
.HiChewMiddleBox .HiChewMiddleRight{ width: 38%; float: right; text-align: center; padding-top: 80px; }
.HiChewMiddleBox .HiChewMiddleRight img{ width: 100%; max-width: 480px; }

.BGHiChewMB{ background-image: url('../images/bg-softcandy.png');color: #5d5d5d; }

.BGDarsMB{ background-image: linear-gradient(150deg, #9d0c19 0%, #d31e12 100%);color: #fff; }

.BGMannaMB{ background-image: linear-gradient(150deg, #e50012 0%, #e50012 100%);color: #fff; }

.BGInJellyMB{ position: relative; z-index: 2; background-image: url('../images/bg-in-jelly-prd-top3.png'); background-repeat: no-repeat; background-size: 100%;/* background-position: top -70px center;*/ color: #5d5d5d; background-color: #78c5f5; }
.BGInJellyMBBox{ max-width: 900px; overflow: auto; margin: auto; padding-top: 30px; padding-bottom:30px; }
.OverViewTxt{ font-size: 20px; font-weight: bold; }

/* SoftCandyBG */
.SoftCandyBG{ padding-bottom: 200px; background: #faf9f7 url('../images/bg-softcandy.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: top center;}
.SoftCandyFooter{ margin-top: -200px!important; }

/* AboutTopPage */
.AboutTopPage{ margin: auto; max-width: 960px; margin-top: 100px; margin-bottom: 100px; }
.AboutTopPage .Captions{ font-size: 14px; margin-top: 40px; }

/* OurConceptDars */
.OurConceptDars{ width:auto; margin: auto; }
.OurConceptDars ul{ padding-top: 0px; padding-bottom: 10px; }
.OurConceptDars li{ margin: 80px 0px 80px 0px; }
.OurConceptDars li:nth-child(odd) .OurConceptDarsPicture{ width: 50%; height: auto; float: left; margin-bottom: 0px; }
.OurConceptDars li:nth-child(odd) .OurConceptDarsCaptions{ width: 46%; height: auto; float: right; margin-top: 30px;}
.OurConceptDars li .OurConceptDarsPicture{ width: 50%; height: auto; float: right; margin-bottom: 0px; }
.OurConceptDars li .OurConceptDarsPicture img{ width: 100%; }
.OurConceptDars li .OurConceptDarsCaptions{ width: 46%; height: auto; float: left; margin-left: 2%; margin-top: 30px; }
.OurConceptDars li .OurConceptDarsCaptions .Str{ font-size: 16px; font-weight: bold; color: #967d64; margin-bottom: 15px; }
.OurConceptDars li .OurConceptDarsCaptions .Title{ font-family: 'Montserrat Alternates', sans-serif; font-size: 26px; font-weight: 700; position: relative; margin-bottom: 20px; letter-spacing: 2px; line-height: 32px; color: #a8143a; }
.OurConceptDars li .OurConceptDarsCaptions p{ font-size: 13px; line-height: 20px; }

/* AboutVM */
.AboutVM{ max-width: 1120px; margin: auto; margin-top: 20px; margin-bottom: 100px; }
.VisionTitle{ font-size: 34px; color: #977d64; text-align: center; margin-top: 30px; font-weight: 700; }
.VisionPhoto{ max-width: 900px; margin: auto; margin-top: 40px; margin-bottom: 40px;}
.VisionPhoto img{ width: 100%; height: auto; max-width: 100%; }
.VisionCaptions{ max-width: 900px; margin: auto; margin-top: 40px; margin-bottom: 40px; line-height: 25px; }
.MissionBox{ max-width: 1120px; margin: auto; display: table; height: auto; margin-top: 50px; }
.MissionBox .MissionBoxLeft{ display: table-cell; position: relative; vertical-align: bottom; text-align: left; width: 250px; max-width: 250px; color: #bb143a; font-weight: 700; letter-spacing: 2px;font-size: 30px; }
.MissionBox .MissionBoxLeft:after{ position: absolute; content: ''; width: 70px; right: 30px; height: 1px; background-color: #bb143a; bottom: 5px; }
.MissionBox .MissionBoxRight{ display: table-cell; vertical-align: middle; text-align: left; padding-left: 10px; font-size: 14px; line-height: 23px; }

/* AboutHistory */
.AboutHistory{ margin: auto; max-width: 1120px; margin-top: 100px; margin-bottom: 100px; }
.AboutTimeline{ width: 100%; height: auto; margin: auto; position: relative; margin-top: 50px; }
.AboutTimeline:before{ position: absolute; content: ''; height: 100%; width: 1px; margin: auto; top: 10px; left: 0; right: 0; margin-left: auto; margin-right: auto; background-color: #000; z-index: 2; }

/* Timeline */
.timeline {  margin: 0px auto; max-width: 1120px; overflow: hidden; height: auto; position: relative; padding: 0px; list-style-type: none; background-repeat: repeat-y; background-position: 50% 0;}
.timeline .event { position: relative; text-align: left; float: right; clear: right; width: 45%; margin: 1em 2.5%; border-radius: 5px; list-style-type: none; display: block; /*padding: .4em;*/ background: white; z-index: 15; color: #4d4d4d;/* border: 1px solid #9d9d9d;*/ text-decoration: none;  -webkit-transition: background .15s linear; -moz-transition: background .15s linear; -ms-transition: background .15s linear; -o-transition: background .15s linear; transition: background .15s linear; }
.timeline .event.featured { width: 95% !important; background: #e8e8e8; }
.timeline .event:after { display: block; content: ' '; height: 16px; width: 16px; background: #bb143a; border-radius: 100px; position: absolute; left: -7.1%; top: 5px; border: 2px solid white; }
.timeline .event.featured:after, .timeline .event.featured:before { display: none; }
.timeline .event.offset-first { margin-top: 0px; }
.timeline .event:nth-of-type(2n){ float: left; clear: left; text-align: right; margin-top: 2em; }
.timeline .event:nth-child(2n):after { right: -7.1%; left: auto; }
/* Left */
.timeline .event:nth-of-type(2n) .TLList{ margin-right: 100px; margin-left: 0px; letter-spacing: 1px; }
.timeline .event:nth-of-type(2n) .TLList .TLYear{ color: #bb143a; font-size: 24px; font-weight: 700; display: inline-block; position: absolute; right: 20px; vertical-align: top; }
.timeline .event:nth-of-type(2n) .TLList .TLMonth{ color: #444; font-size: 20px; display: inline-block; padding-top: 2px; }
.timeline .event:nth-of-type(2n) .TLList p{ color: #6d6d6d; font-size: 13px; margin-top: 10px; }
/* Right */
.timeline .event .TLList{ margin-right: 0px; margin-left: 100px; letter-spacing: 1px; margin-bottom: 15px; }
.timeline .event .TLList .TLYear{ color: #bb143a; font-size: 24px; font-weight: 700; display: inline-block; position: absolute; left: 20px; vertical-align: top; }
.timeline .event .TLList .TLMonth{ color: #444; font-size: 20px; display: inline-block; padding-top: 2px; }
.timeline .event .TLList p{ color: #6d6d6d; font-size: 13px; margin-top: 10px; }
.MarginTopClass50{ margin-top: 50px!important; }
.MarginTopClass70{ margin-top: 70px!important; }


/* AboutCpmpanyProfile */
.AboutCpmpanyProfile{ margin: auto; max-width: 750px; margin-top: 100px; margin-bottom: 50px; }
.AboutCpmpanyProfile ul{ margin-top: 60px;}
.AboutCpmpanyProfile li{ padding: 0px;clear: both; overflow: hidden; position: relative; padding-right: 0px; font-size: 14px;}
.AboutCpmpanyProfile li label{ display: inline-block; width: 22%; float: left; margin: 0px; color: #a50e27; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.AboutCpmpanyProfile li p{ width: 76%; float: right; margin: 0px; border-left: 1px solid #a50e27; padding-left:4%; padding-top: 5px; padding-bottom: 5px; }

/* ResearchTopPage */
.ResearchTopPage{ margin: auto; margin-top: 120px; margin-bottom: 100px; }
.ResearchTopPage .Captions{ max-width: 780px; margin: auto; font-size: 14px; margin-top: 40px; text-align: center; }
.ResearchTopPage ul { margin-top: 30px; background-image: url('../images/bg-research1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.ResearchTopPage ul li{ margin-bottom: 20px; padding: 30px 0px 30px 0px; clear: both; }
.ResearchTopPage ul li .Picture{ width: 45%; float: left; position: relative; margin-top: -1%; }
.ResearchTopPage ul li .Picture img{ width: 100%; }
.ResearchTopPage ul li .TextBox{ width: 50%; padding:  5% 5% 5% 5%; float: left; text-align: left; max-width: 850px; }
.ResearchTopPage ul li:nth-child(odd) .Picture{ width: 45%; float: right; position: relative; margin-top: -1%;  }
.ResearchTopPage ul li:nth-child(odd) .TextBox{ width: 50%; padding:5% 5% 5% 5%; float: right; text-align: left; }
.ResearchTopPage ul li .Title{ color: #977D64; font-family: 'Montserrat Alternates', sans-serif; font-weight: 600; font-size: 28px; text-align: left; }
.ResearchTopPage ul li .Title span{ color: #BB143A; text-align: left; }
.ResearchTopPage ul li .CaptionsRe{ font-size: 15px; font-weight: 600; text-align: left; margin-top: 15px; line-height: 25px; color: #444; }
.ResearchTopPage ul li .ShotDetail{ /*height: 95px;*/ height: auto; overflow: hidden; font-size: 14px; text-align: left; margin-top: 15px; }
.ResearchTopPage ul li .LeftPicCrop{ position: absolute; width: 100%; height: 107%; left: 0; top: 0; background-image: url('../images/left-pic.png'); background-size: cover; background-repeat: no-repeat; background-position: top left; }
.ResearchTopPage ul li .BottomPicCrop{ position: absolute; width: 100%; height: 107%; right: -1px; bottom: 4px; background-image: url('../images/bottom-pic.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom right; }

/* ProductsTopPage */
.ProductsTopPage{ max-width: 1120px; margin: auto; margin-top: 100px; margin-bottom: 100px; /*background-color: #fff;*/ }
.ProductsTopPage .Captions{ max-width: 780px; margin: auto; font-size: 14px; margin-top: 40px; text-align: center; line-height: 25px; }
.ProductsTopPage .List ul{ margin-top: 40px; margin-bottom: 20px; border-top: 1px solid #AAAAAA; padding-top: 40px; }
.ProductsTopPage .List ul li{ position: relative; width: 22%; float: left; margin: 2%; text-align:center; border: 1px solid #977D64; border-radius: 15px; transition: all 0.3s; }
.ProductsTopPage .List ul li:hover{ background-color: #DDD9D4; border: 1px solid #DDD9D4; transition: all 0.3s; }
.ProductsTopPage .List ul li:nth-child(4n+1) { margin-left: 0%; }
.ProductsTopPage .List ul li:nth-child(4n+0) { margin-right: 0%; }
.ProductsTopPage .List ul li a{ position: relative; display: block; padding: 10px 20px; color: #474747; }
.ProductsTopPage .List ul li .Picture{ width: 100%; max-width: 240px; margin: auto; display: table; text-align: center; }
.ProductsTopPage .List ul li .Picture p{ width: 100%; max-width: 240px; display: table-cell; vertical-align: middle; text-align: center; }
.ProductsTopPage .List ul li .Picture p img{ width: 100%; }
.ProductsTopPage .List ul li .Picture p:after{ content: '*****'; position: absolute; text-align: center; bottom: 70px; left: 0; right: 0; color: #BB143A; font-size: 14px; letter-spacing: 2px; }
.ProductsTopPage .List ul li .Title{ position: relative; font-size: 13px; font-weight: 600; letter-spacing: 1px; margin-top: 20px; margin-bottom: 5px; height: 55px; overflow: hidden; }
.ProductsTopPage .List ul li .NewPrd{ position: absolute; width:64px; height: 64px; right: -25px; top: -15px;  }
.ProductsTopPage .List ul li .NewPrd:after{ position: absolute; content: ''; top: 12px; width: 90px; height: 90px; margin: auto; right: 20px; background-image: url('../images/icon-new-product.png'); background-size: cover; z-index: 0; }
.ProductsTopPage .SearchTopPage{ width: auto; height: auto; vertical-align: top; text-align: center; margin: auto; margin-top: 30px; }
.ProductsTopPage .SearchTopPage label{ display: inline-block; vertical-align: top; margin: auto; text-align: center;  }
.ProductsTopPage .SearchTopPage .Area{ background-color: #BB143A; color: #fff; border-radius: 100px; padding: 8px 30px 8px 30px; letter-spacing: 1px; }
.ProductsTopPage .SearchTopPage .Country{ margin-left: 10px; margin-right: 10px; }
.ProductsTopPage .SearchTopPage .send button{ background-color: #977D64; color: #fff; border-radius: 100px; padding: 8px 30px 8px 30px; letter-spacing: 1px; cursor: pointer; }
.ProductsTopPage .SearchTopPage .select-style { border: 1px solid #ccc; width: 180px; border-radius: 100px; overflow: hidden; background: #fafafa url("../images/icon-arrow-down.png") no-repeat 90% 50%;}
.ProductsTopPage .SearchTopPage .select-style select { padding: 8px 20px; width: 110%; color: #6D6D6D; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; }
.ProductsTopPage .SearchTopPage .select-style select:focus { outline: none; }
.ProductsTopPage .SearchTopPage ul{ margin: 0px; padding:0px; border-top: 0px solid #AAAAAA; background-color: transparent;}
.ProductsTopPage .SearchTopPage ul li{ width: 100%; position: relative; border-radius: 0px; border: 0px; margin: 0px; padding: 0px; display: inline; background-color: transparent; }
.ProductsTopPage .SearchTopPage ul li:hover{ background-color: #fff; }
.ProductsTopPage .SearchTopPage ul li h4{ display: inline-block; width: 110px; background-color: #BB143A; color: #fff; border-radius: 100px; padding: 7px 20px 7px 20px; letter-spacing: 1px; }
.ProductsTopPage .SearchTopPage ul li .sf-input-select { display: inline-block;  padding: 6px 20px; border: 1px solid #ccc; width: 180px; border-radius: 100px; overflow: hidden; -webkit-appearance: none; background: #fafafa url("../images/icon-arrow-down.png") no-repeat 90% 50%;}
.ProductsTopPage .SearchTopPage ul li .sf-input-select select { padding: 8px 20px!important; width: 110%!important; color: #6D6D6D; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; }
.ProductsTopPage .SearchTopPage ul li .sf-input-select select:focus { outline: none; }
.ProductsTopPage .Ribbon{ width: 100px; height:auto; position: absolute; left: -10px; top: -10px; }
.ProductsTopPage .Ribbon img{ width: 100%; }
.ProductsTopPage .sf-field-taxonomy-country{ margin-left: 20px!important; }

.IconNewPRD{ width: 55px; height: 55px; position: absolute; right: 8px; top: 8px; /*right: -15px; top: -15px;*/ background-image: url('../images/new-icon.png'); background-size: cover; background-repeat: no-repeat; background-position:center; }

.IconNewPRDManna{ width: 55px; height: 55px; position: absolute; text-align: right; right: 8px; top: 8px; /*right: -15px; top: -15px; background-image: url('../images/new-icon.png'); background-size: cover; background-repeat: no-repeat; background-position:center;*/ }
.IconNewPRDManna img{ width: auto; max-width: 40px; max-height: 40px;}

/* DarsProductsListPage */
/*.DarsProductsListPage{ background-color: #8d3f25; }
.DarsProductsListPage .ProductsTopPage{ margin: auto; margin-top: -80px; margin-bottom: 20px; color: #fff;}
.DarsProductsListPage .ProductsTopPage h2{ color: #fff; }
.DarsProductsListPage .ProductsTopPage ul{ border-top: 0px solid #AAAAAA; }
.DarsProductsListPage .ProductsTopPage ul li{ background-color: #fff; }
.DarsProductsListPage .ProductsTopPage ul li:hover{ background-color: #DDD9D4;}
.DarsProductsListPage .ProductsTopPage .SearchTopPage ul li{ background-color: transparent; }
.DarsProductsListPage .ProductsTopPage .SearchTopPage .Area{ border: 1px solid #fff; }
.DarsProductsListPage .ProductsTopPage .SearchTopPage .select-style { border: 1px solid #BB143A;}
.DarsProductsListPage .TopBGDarsProducts{ width: auto; min-height: 250px; background-image:  url('../images/bg-dars-products-top.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.DarsProductsListPage .TailBGDarsProducts{ width: auto; min-height: 200px; background-image:  url('../images/bg-dars-products-bottom.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; }*/

/* DarsProductsListPage */
.DarsProductsListPage{ /*max-width: 1120px;*/ margin: auto; margin-top: 100px; margin-bottom: 100px; background-color: #fff;}
.DarsProductsListPage h2{ color: #fff; }
.DarsProductsListPage .Captions{ max-width: 780px;color: #fff; margin: auto; font-size: 14px; margin-top: 40px; text-align: center; }
.DarsProductsListPage .TopBGDarsProducts{ width: auto;/* min-height: 270px;*/ background-image:  url('../images/bg-dars-products-top.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.DarsProductsListPage .TopBGDarsProducts img{ width: 100%; }
.DarsProductsListPage .TopBGDarsProductsMiddle{ background-color: #8d3f25; margin-top: -10px; }
.DarsProductsListPage .TailBGDarsProducts{ width: auto; min-height: 200px; margin-bottom: -2px; background-image:  url('../images/bg-dars-products-bottom.png'); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; }
.DarsProductsListPage .List{ max-width: 1120px; margin: auto; }
.DarsProductsListPage .List ul{ margin-top: 40px; margin-bottom: 20px; border-top: 0px solid #AAAAAA; padding-top: 40px; }
.DarsProductsListPage .List ul li{ position: relative; width: 21.5%; float: left; margin: 2%; text-align:center; border: 1px solid #977D64; background-color: #fff; border-radius: 15px; transition: all 0.3s; }
.DarsProductsListPage .List ul li:hover{ background-color: #DDD9D4; border: 1px solid #DDD9D4; transition: all 0.3s; }
/*.DarsProductsListPage .List ul li:nth-child(4n) { margin-left: 0%; }*/
.DarsProductsListPage .List ul li:nth-child(4n+0) { margin-right: 0%; }
.DarsProductsListPage .List ul li a{ position: relative; display: block; padding: 10px 20px; color: #474747; }
.DarsProductsListPage .List ul li .Picture{ width: 100%; max-width: 240px; margin: auto; display: table; text-align: center; }
.DarsProductsListPage .List ul li .Picture p{ width: 100%; max-width: 240px; display: table-cell; vertical-align: middle; text-align: center; }
.DarsProductsListPage .List ul li .Picture p img{ width: 100%; }
.DarsProductsListPage .List ul li .Picture p:after{ content: '*****'; position: absolute; text-align: center; bottom: 70px; left: 0; right: 0; color: #BB143A; font-size: 14px; letter-spacing: 2px; }
.DarsProductsListPage .List ul li .Title{ position: relative; font-size: 13px; font-weight: 600; letter-spacing: 1px; margin-top: 20px; margin-bottom: 5px; height: 55px; overflow: hidden; }
.DarsProductsListPage .List ul li .NewPrd{ position: absolute; width:64px; height: 64px; right: -25px; top: -15px;  }
.DarsProductsListPage .List ul li .NewPrd:after{ position: absolute; content: ''; top: 12px; width: 90px; height: 90px; margin: auto; right: 20px; background-image: url('../images/icon-new-product.png'); background-size: cover; z-index: 0; }
.DarsProductsListPage .SearchTopPage{ width: auto; height: auto; vertical-align: top; text-align: center; margin: auto; margin-top: 50px; }
.DarsProductsListPage .SearchTopPage label{ display: inline-block; vertical-align: top; margin: auto; text-align: center;  }
.DarsProductsListPage .SearchTopPage .Area{ background-color: #BB143A; color: #fff; border-radius: 100px; /*padding: 8px 30px 8px 30px;*/ letter-spacing: 1px; border: 1px solid #fff;}
.DarsProductsListPage .SearchTopPage .Country{ margin-left: 10px; margin-right: 10px; }
.DarsProductsListPage .SearchTopPage .send button{ background-color: #977D64; color: #fff; border-radius: 100px; padding: 8px 30px 8px 30px; letter-spacing: 1px; cursor: pointer; }
.DarsProductsListPage .SearchTopPage ul{ margin: 0px; padding:0px; border-top: 0px solid #AAAAAA; background-color: transparent;}
.DarsProductsListPage .SearchTopPage ul li{ width: 100%; position: relative; border-radius: 0px; border: 0px; margin: 0px; padding: 0px; display: inline; background-color: transparent; }
.DarsProductsListPage .SearchTopPage ul li:hover{ background-color: transparent; }
.DarsProductsListPage .SearchTopPage ul li h4{ display: inline-block; width: 110px; background-color: #BB143A; color: #fff; border-radius: 100px; padding: 7px 20px 7px 20px; letter-spacing: 1px; border: 1px solid #fff; }
.DarsProductsListPage .SearchTopPage ul li .sf-input-select { display: inline-block;  padding: 6px 20px; border: 1px solid #ccc; width: 180px; border-radius: 100px; overflow: hidden; -webkit-appearance: none; background: #fafafa url("../images/icon-arrow-down.png") no-repeat 90% 50%;border: 1px solid #BB143A;}
.DarsProductsListPage .SearchTopPage ul li .sf-input-select select { padding: 8px 20px!important; width: 110%!important; color: #6D6D6D; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; border: 1px solid #BB143A; }
.DarsProductsListPage .SearchTopPage ul li .sf-input-select select:focus { outline: none; }
.DarsProductsListPage .Ribbon{ width: 100px; height:auto; position: absolute; left: -10px; top: -10px; }
.DarsProductsListPage .Ribbon img{ width: 100%; }

.DarsProductsListPage .TopBGHiChewProducts{ width: auto; min-height: auto; background-image:  url('../images/bg-HiChew-products-top.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.DarsProductsListPage .TopBGHiChewProducts img{ width: 100%; }
.DarsProductsListPage .TopBGHiChewProductsMiddle{ background-image:  url('../images/bg-HiChew-products-center.png'); margin-top: -10px; background-size: 100%; background-position: top center; }
.DarsProductsListPage .TailBGHiChewProducts{ width: auto; min-height: 219px; background-image:  url('../images/bg-HiChew-products-bottom.png'); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; }

.DarsProductsListPage .TopBGMannaProducts{ width: auto; min-height: auto; background-image:  url('../images/bg-Manna-products-top.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.DarsProductsListPage .TopBGMannaProducts img{ width: 100%; }
.DarsProductsListPage .TopBGMannaProductsMiddle{ /*background-image:  url('../images/bg-Manna-products-center.png');*/ background-color: #e50012; margin-top: -10px; background-size: 100%; background-position: top center; }
.DarsProductsListPage .TailBGMannaProducts{ width: auto; min-height: 219px; margin-bottom: -2px; background-image:  url('../images/bg-Manna-products-bottom.png'); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; }

.DarsProductsListPage .TopBGCollagenProducts{ width: auto; min-height: auto; background-image:  url('../images/bg-collagen-products-top.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.DarsProductsListPage .TopBGCollagenProducts img{ width: 100%; }
.DarsProductsListPage .TopBGCollagenProductsMiddle{ background-image:  url('../images/bg-collagen-products-center.png'); margin-top: -10px; background-size: 100%; background-position: top center; }
.DarsProductsListPage .TailBGCollagenProducts{ width: auto; min-height: 219px; background-image:  url('../images/bg-collagen-products-bottom.png'); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; }

.DarsProductsListPage .TopBGInJellyProducts{ width: auto; min-height: auto; margin-top: -50px; background-image:  url('../images/bg-InJelly-products-top.png'); background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.DarsProductsListPage .TopBGInJellyProducts img{ width: 100%; }
.DarsProductsListPage .TopBGInJellyProductsMiddle{ background-image:  url('../images/bg-InJelly-products-center.png'); margin-top: -10px; background-size: 100%; background-position: top center; }
.DarsProductsListPage .TailBGInJellyProducts{ width: auto; min-height: 300px; margin-bottom: -2px; background-image:  url('../images/bg-InJelly-products-bottom.png'); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; }
.DarsProductsListPage .RightTopWater{ width: 400px; height: auto; position: absolute; right: 0%; }
.DarsProductsListPage .RightTopWater img{ width: 100%; }
.DarsProductsListPage .LeftBottomWater{ width: 350px; height: auto; position: absolute; left: 0%; }
.DarsProductsListPage .LeftBottomWater img{ width: 100%; }

/* AgentInfoTopPage */
.AgentInfoTopPage{ margin: auto; max-width: 960px; padding-top: 100px; padding-bottom: 20px;/* background-color: #fff;*/ }
.AgentInfoTopPage ul{ margin-top: 50px; height: auto; overflow: auto; }
.AgentInfoTopPage ul li{ width: 100%; height: auto; display: inline-block; border-radius: 20px; border:1px solid #977D64; padding: 2.5% 3% 3% 3%; margin-bottom: 40px; overflow: auto; clear: both; }
.AgentInfoTopPage ul li .CompanyLeft{ display: inline-block; width: 80%; text-align: left; color: #555; font-family: 'Montserrat Alternates', sans-serif; font-weight: 600; font-size: 18px; }
.AgentInfoTopPage ul li .LogoRight{ display: inline-block; width: 17.5%; text-align: right; }
.AgentInfoTopPage ul li .LogoRight img{ width: auto; height: auto; max-width: 120px; max-height: 64px; vertical-align: text-bottom;}
.AgentInfoTopPage .AddressList{ clear: both; margin: auto; font-size: 14px; text-align: left; letter-spacing: 1px; border-top:1px solid #977D64; margin-top: 10px; padding-top: 10px; }
.AgentInfoTopPage .AddressList .LogoList{ margin-bottom: 0px; display: inline; vertical-align: top; background-color: #ccc;}
.AgentInfoTopPage .AddressList .LogoList p{ float: left; margin:0px 10px 0px 0px; display: table; width: 55px; height: 55px; text-align: center; border-radius: 100px; border:0px solid #ba143a; }
.AgentInfoTopPage .AddressList .LogoList p span{ display: table-cell; vertical-align: middle; text-align: center; }
.AgentInfoTopPage .AddressList .LogoList p img{ width: auto; max-width: 50px; max-height: 20px; vertical-align: middle; }
.AgentInfoTopPage .AddressList p{ padding: 2px 0px 2px 0px; color: #474747; }
.AgentInfoTopPage .AddressList p a{  color: #977D64; }
.AgentInfoTopPage .AddressList p a{  color: #977D64; }
.AgentInfoTopPage .AddressList span{ color: #A60E27; font-weight: 700; }
.AgentInfoTopPage .AddressList .LinkContact{ float: right; text-align: right; margin-top: 0px; font-size: 15px; letter-spacing: 1px; }
.AgentInfoTopPage .AddressList .SendMail{ position: relative; background-color: #BB143A; color: #fff; padding: 6px 30px 6px 50px; border-radius: 100px; display: inline-block; }
.AgentInfoTopPage .AddressList .SendMail:before{ position: absolute; content: ''; top: 10px; width: 16px; height: 12px; margin: auto; left: 25px; background-image: url('../images/icon-mail.png'); background-size: cover; z-index: 0; }
.AgentInfoTopPage .AddressList .CallTelephone{ position: relative; background-color: #fff; color: #977D64; border: 1px solid #977D64; padding:6px 30px 6px 50px; border-radius: 100px; display: inline-block; }
.AgentInfoTopPage .AddressList .CallTelephone:before{ position: absolute; content: ''; top: 10px; width: 15px; height: 15px; margin: auto; left: 30px; background-image: url('../images/icon-telephone.png'); background-size: cover; z-index: 0; }
.RedFontAgent{ color: #A60E27!important; }
.RedBorderTopAgent{ border-top:1px solid #A60E27!important; }
.AgentAll{ background-color: #fff; }

/* FollowUsList */
.FollowUsList{ width:auto; }
.FollowUsList ul p{margin-bottom: 10px;letter-spacing: 2px;font-weight: 600;}
.FollowUsList ul li{ width:31.3%; float: left; margin: 1% 2% 1% 0%; font-size: 15px; letter-spacing: 2px; }
.FollowUsList ul li:nth-child(3n){margin-right: 0%;}
.FollowUsList ul li img{ max-width: 48px; vertical-align: middle; margin-right: 10px; }
.FollowUsList ul li a.fontFBColor{ color: #0a7eeb;display: block;margin-bottom: 15px; }
.FollowUsList ul li a.fontIGColor{ color: #dc2d79; }
.FollowUsList ul li a.fontLineColor{ color: #00c00f; }
.FollowUsList ul li a.fontSiteColor{ color: #ba143a; }

/* Aboutitle */
.NetworkTitle{ width: auto; height: auto; margin: auto; text-align: center; position: relative; }
.NetworkTitle .OPIMG{ opacity: 0.6; }
.NetworkTitle h2{ color: #fff; font-family: 'Montserrat Alternates', sans-serif; font-size: 35px; font-weight: 700; position: relative; z-index: 1;  }
.NetworkTitle h2:after{ position: absolute; content: ''; bottom: -20px; width: 70px; height: 1px; background-color: #fff; margin: auto; left: 0; right: 0; z-index: 0; }
.NetworkTitle:after{ position: absolute; content: ''; top: -20px; width: 60px; height: 60px; margin: auto; left: 0; right: 0; /*background-image: url('../images/icon-network.png');*/ background-size: cover; z-index: 0; }

/* FooterPRDSections */
.FooterPRDSections{ position: relative; width: auto; height: auto; margin: auto; margin-top: 0px; padding-bottom: 250px; background-image: url('../images/bg-tail.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; overflow: hidden; }
.PRDTail { width: 90%; max-width: 1300px; height: auto; margin: auto; text-align: center; }
.PRDTail img{ width: 100%; height: auto; }
.FooterSection1{ position: relative; z-index: 1; width: 980px; margin: auto; color: #fff; text-align: center; margin-bottom: 50px; padding:250px 30px 30px 30px; }
.FooterSection1 .Title{ font-family: 'Montserrat Alternates', sans-serif; font-size: 30px; font-weight: 700; margin-bottom: 30px;}
.FooterSection1 .NetTitle{ font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; margin-bottom: 30px;}
.FooterSection1 p{ margin-bottom: 20px; font-size: 14px; }
.FooterSection2{ width: 980px; margin: auto; position: relative; background-color: #fff; color: #474747; text-align: center; margin-top: -280px; border:4px solid #ba143a; border-radius: 40px; }
.FooterSection2 .Captions{ width: 90%; margin: auto; font-size: 14px; margin-top: 30px; text-align: center; }
.FooterSection2 .icon{ width: 40px; vertical-align: middle; }
.FooterSection2 .CaptionsNetwork{ width: 90%; margin: auto; font-size: 14px; margin-top: 30px; text-align: center; }
.FooterSection2 .BorderInner{ border:1px solid #ba143a;  margin: 2px; padding:30px 30px 30px 30px; border-radius: 35px; }
.LeftTailPRD{ position: absolute; left:-70px; top: 70px; width: auto; z-index: 0; }
.LeftTailPRD img{ width: 100%; max-width: 350px; height: auto; }
.RightTailPRD{ position: absolute; right:-70px; top: 0; width: auto; z-index: 0; }
.RightTailPRD img{ width: 100%; max-width: 300px; height: auto; }
.LeftTailPRD2{ position: absolute; left:-110px; top: 0; width: auto; z-index: 0; }
.LeftTailPRD2 img{ width: 100%; height: auto; max-width: 400px; }
.RightTailPRD2{ position: absolute; right:-100px; top: 0; width: auto; z-index: 0; }
.RightTailPRD2 img{ width: 100%; height: auto; max-width: 360px; }

/* OurCompany */
.OurCompany{ max-width: 1120px; margin: auto; margin-top: 100px; margin-bottom: 0px; }
.OurCompany .LeftPictureOurCompany{ float: left; width: 40%; }
.OurCompany .LeftPictureOurCompany img{ width: 100%; }
.OurCompany .RightOurCompany{ float: right; width: 55%; margin-top: 2%; }
.OurCompany .RightOurCompany .SunTitleText{ font-size: 22px; }
.OurCompany .Captions{ font-size: 14px; margin-top: 40px; }

/* PRDOurCompany */
.PRDOurCompany{ width: auto; height: auto; margin: auto; margin-top: -60px; margin-bottom: 50px; padding-bottom: 150px; background-image: url('../images/bg-our-company4.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.PRDOurCompanyBox1{ max-width: 1440px; height: auto; margin: auto; clear: both; padding-top: 2%; }
.PRDOurCompanyLeft1{ width: 47.25%; float: left; margin-top: 13%; min-height: 300px; text-align: center;}
.PRDOurCompanyLeft1 img{ width: 100%; max-width: 650px; }
.PRDOurCompanyRight1{ width: 47.25%; float: right; margin-top: 15%; color: #6D6D6D; }
.PRDOurCompanyRight1 .Title{ font-family: 'Montserrat Alternates', sans-serif; color: #BB143A; font-size: 35px; font-weight: 700; letter-spacing: 2px; }
.PRDOurCompanyRight1 .Title img{ width: 100%; max-width: 200px; }
.PRDOurCompanyRight1 .Caption{ font-size: 20px; font-weight: bold; letter-spacing: 1px; margin: 15px 0px; }
.PRDOurCompanyRight1 .ShotCaption{ font-size: 14px; }
.PRDOurCompanyBox1 .slick-prev:before { background-image: url('../images/arrow-left-icon.png'); background-size: cover; display: inline-block; margin-top: 40px; width: 20px; height: 37px; content:" "; }
.PRDOurCompanyBox1 .slick-next:before { background-image: url('../images/arrow-right-icon.png'); background-size: cover; display: inline-block; margin-top: 40px; width: 20px; height: 37px; content:" "; }
.ThaiRetailerSection .PRDOurCompanyBox1{ padding: 0%!important;}
.ThaiRetailerSection .PRDOurCompanyLeft1{ margin-top: 19%; }
.ThaiRetailerSection .PRDOurCompanyRight2{ padding-top: 30px;}

.PRDOurCompanyBox2{ clear: both; max-width: 1440px; height: auto; margin: auto; padding-top: 5%; }
.PRDOurCompanyLeft2{ width: 47.25%; float: left; color: #fff; }
.PRDOurCompanyLeft2 .Title{ font-family: 'Montserrat Alternates', sans-serif; font-size: 35px; font-weight: 700; letter-spacing: 2px;}
.PRDOurCompanyLeft2 .Title img{ width: 100%; max-width: 150px; }
.PRDOurCompanyLeft2 .Caption{ font-size: 20px; font-weight: bold; letter-spacing: 1px; margin: 15px 0px; }
.PRDOurCompanyLeft2 .ShotCaption{ font-size: 14px;  }
.PRDOurCompanyRight2{ width: 47.25%; float: right; min-height: 250px; text-align: center; }
.PRDOurCompanyRight2 img{ width: 100%; max-width: 650px; }
.HotcakeSection img{ width: 100%; max-width: 500px!important; }
.FontBlack{ color: #6D6D6D!important; }
.FontRedHotcakeMix{ color: #BB143A; font-family: 'Noto Sans Thai', sans-serif!important;}
.ThaiRetailerSection .PRDOurCompanyBox2{ padding: 8%!important; padding-left: 0!important; padding-right: 0!important;}

.PRDOurCompanyBox3{ max-width: 1440px; height: auto; margin: auto; clear: both;  padding-top: 2%;}
.PRDOurCompanyLeft3{ width: 47.25%; float: left; margin-top: 13%; min-height: 300px; text-align: center;}
.PRDOurCompanyLeft3 img{ width: 100%; max-width: 650px; }
.PRDOurCompanyRight3{ width: 47.25%; float: right; margin-top: 14%; color: #fff; }
.PRDOurCompanyRight3 .Title{ font-family: 'Montserrat Alternates', sans-serif; color: #fff; font-size: 35px; font-weight: 700; letter-spacing: 2px; }
.PRDOurCompanyRight3 .Title img{ width: 100%; max-width: 200px; }
.PRDOurCompanyRight3 .Caption{ font-size: 20px; font-weight: bold; letter-spacing: 1px; margin: 15px 0px; }
.PRDOurCompanyRight3 .ShotCaption{ font-size: 14px; }
.PRDOurCompanyBox3 .slick-prev:before { background-image: url('../images/arrow-left-icon.png'); background-size: cover; display: inline-block; margin-top: 40px; width: 20px; height: 37px; content:" "; }
.PRDOurCompanyBox3 .slick-next:before { background-image: url('../images/arrow-right-icon.png'); background-size: cover; display: inline-block; margin-top: 40px; width: 20px; height: 37px; content:" "; }
.ThaiRetailerSection .PRDOurCompanyBox3{ padding: 1%!important;}
.ThaiRetailerSection .PRDOurCompanyLeft3{ margin-top: 0%;}
.ThaiRetailerSection .PRDOurCompanyRight3{ margin-top: 0%;}

/* GroupNetworkBox */
.GroupNetworkBox{ width: auto; max-width: 1120px; margin: auto; margin-top: 100px; }
.GroupNetworkBox ul{ margin-top: 70px; }
.GroupNetworkBox ul li{ width: 48.5%; float: left; min-height: 380px; margin-right: 0%; margin-left: 3%; margin-bottom: 3%; border-radius: 20px; border:1px solid #977D64; padding: 2% 3%; }
.GroupNetworkBox ul li:nth-child(odd){ margin-left: 0%; margin-right: 0%; clear: both;}
.GroupNetworkBox ul li .CompanyLeft{ text-align: left; color: #444; font-family: 'Montserrat Alternates', sans-serif; font-weight: 600; padding-top: 5px; font-size: 18px; }
.GroupNetworkBox ul li .LogoRight{ text-align: right; margin-bottom: 0px; float: right; padding-left: 15px; }
.GroupNetworkBox ul li .LogoRight img{ width: auto; height: auto; max-width: 120px; max-height: 64px; vertical-align: middle;}
.GroupNetworkBox .AddressList{ clear: both; margin: auto; font-size: 14px; text-align: left; letter-spacing: 1px; border-top:1px solid #977D64; margin-top: 15px; padding-top: 15px; }
.GroupNetworkBox .AddressList .LogoList{ margin-bottom: 20px; display: inline; vertical-align: top; background-color: #ccc;}
.GroupNetworkBox .AddressList .LogoList p{ float: left; margin:0px 10px 10px 0px; display: table; width: 55px; height: 55px; text-align: center; border-radius: 100px; border:0px solid #ba143a; }
.GroupNetworkBox .AddressList .LogoList p span{ display: table-cell; vertical-align: middle; text-align: center; }
.GroupNetworkBox .AddressList .LogoList p img{ width: auto; margin: 0px; max-width: 50px; max-height: 20px; vertical-align: middle; }
.GroupNetworkBox .AddressList p{ padding: 2px 0px 2px 0px; color: #474747; }
.GroupNetworkBox .AddressList a{ color: #977D64; }
.GroupNetworkBox .AddressList span{ color: #A60E27; font-weight: 700; }

/* GroupNetworkCompanyBox */
.GroupNetworkCompanyBox{ width: auto; max-width: 1120px; margin: auto; margin-top: 100px; margin-bottom: 50px; }
.GroupNetworkCompanyBox ul{ margin-top: 50px; }
.GroupNetworkCompanyBox ul li{ width: 48.5%; float: left; min-height: 265px; margin-right: 0%; margin-left: 3%; margin-bottom: 3%; border-radius: 20px; border:1px solid #977D64; padding: 2.5% 3% 2% 3%; }
.GroupNetworkCompanyBox ul li:nth-child(odd){ margin-left: 0%; margin-right: 0%; clear: both;}
.GroupNetworkCompanyBox ul li .CompanyLeft{ text-align: left; color: #444; font-weight: 600; font-size: 18px; }
.GroupNetworkCompanyBox ul li .CompanyLeft span{ color: #ba143a;}
.GroupNetworkCompanyBox ul li .LogoRight{ text-align: right; margin-bottom: 25px; }
.GroupNetworkCompanyBox ul li .LogoRight img{ width: 100%; max-width: 250px; max-height: 35px; vertical-align: text-bottom;}
.GroupNetworkCompanyBox .AddressList{ clear: both; margin: auto; font-size: 14px; text-align: left; letter-spacing: 1px; border-top:1px solid #977D64; margin-top: 15px; padding-top: 15px; }
.GroupNetworkCompanyBox .AddressList p{ /*width: 40%; float: left; margin-left: 2%;*/ padding: 2px 0px 2px 0px; color: #474747; }
.GroupNetworkCompanyBox .AddressList p a{color: #977D64; }
/*.GroupNetworkCompanyBox .AddressList p:nth-child(3n+3){ width: 100%; margin-left: 0%; clear: both; }
.GroupNetworkCompanyBox .AddressList p:nth-child(3n+2){ width: 58%; }
.GroupNetworkCompanyBox .AddressList p:nth-child(3n+1){ margin-left: 0%; }*/
.GroupNetworkCompanyBox .AddressList span{ color: #A60E27; font-weight: 700; }

/* ApplyAgent */
.ApplyAgent{ color: #474747; font-size: 14px; margin: auto; margin-top: 80px; max-width: 980px; text-align: center; border:4px solid #ba143a; border-radius: 40px; }
.ApplyAgent .icon{ width: 40px; vertical-align: middle; }
.ApplyAgent .Captions{ width: 90%; margin: auto; font-size: 14px; margin-top: 40px; text-align: center; }
.ApplyAgent .BorderInner{ border:1px solid #ba143a;  margin: 2px; padding:30px 30px 30px 30px; border-radius: 35px; }

/* ApplyAgentList */
.ApplyAgentListTop{ margin-top: 160px!important; }
.ApplyAgentList{ max-width: 1120px; margin: auto; margin-top: 20px; margin-bottom:20px; font-size: 14px; }
.ApplyAgentList .LeftPicture{ float: left; width: 35%; }
.ApplyAgentList .RightPicture{ float: right; width: 35%; }
.ApplyAgentList .LeftPicture img{ width: 100%; }
.ApplyAgentList .RightPicture img{ width: 100%; }
.ApplyAgentList .RightApplyAgentList{ float: right; width: 60%; margin-top: 2%; }
.ApplyAgentList .LeftApplyAgentList{ float: left; width: 60%; margin-top: 2%; }
.ApplyAgentList .Title{ max-width: 900px; font-size: 28px; font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; line-height: 42px; color: #BB143A; letter-spacing: 1px; margin: auto; margin-bottom: 20px; }
.ApplyAgentList .Title span{ display: block; text-align: right; color: #977D64;}
.ApplyAgentList .Captions{ position: relative; font-size: 15px; margin: 20px 0px; padding-bottom: 20px; letter-spacing: 1px;}
.ApplyAgentList .Captions span{ font-weight: bold; color: #BB143A; }
.ApplyAgentList .ShotCaptions{ position: relative; font-weight: bold; margin: 20px 10px 10px 0px; letter-spacing: 1px; color: #444; font-size: 16px; }
/*.ApplyAgentList .ShotCaptions:before{ position: absolute; content: ''; top: -20px; width: 70px; height: 1px; background-color: #977D64; left: 0; z-index: 0; }*/
.ApplyAgentList .Detail{ color: #5D5D5D; margin: 10px 0px; }
.ApplyAgentList .Detail p{ margin-top: 15px; line-height: 23px; }

/* FooterSectionMap */
.FooterSectionMap{ width: auto; max-width: 980px; margin: auto; text-align: left; margin-top: -300px;}
.FooterSectionMap p{ overflow: hidden; padding-bottom:30%; position: relative; height: 500px; border-radius: 10px; box-shadow: 1px 2px 5px #999;}
.FooterSectionMap p iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.FooterSectionMap p .MapShow{ margin: 0px; padding: 15px; border-radius: 0px; color: #666666; font-family: "Montserrat",sans-serif;}
.FooterSectionMap p .MapShow p{ margin: 0px; padding: 0px; border-radius: 0px; height: auto; border:0px solid #fff; box-shadow: 1px 2px 5px #fff;}
.FooterSectionMap p .MapShow a{ color: #977D64;}
.FooterSectionMap p .MapShow h3{ font-size: 20px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; color: #A60E27;}

/* GroupNetworkMapPage */
.GroupNetworkMapPage{ width: auto; max-width: 1180px; margin: auto; text-align: left; margin-top: -150px;}
.GroupNetworkMapPage p{ overflow: hidden; padding-bottom:30%; position: relative; z-index: 2; height: 550px; border-radius: 50px; border:12px solid #fff; box-shadow: 1px 2px 5px #999;}
.GroupNetworkMapPage p iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.GroupNetworkMapPage p .MapShow{ margin: 0px; padding: 15px; border-radius: 0px; color: #666666;}
.GroupNetworkMapPage p .MapShow p{ margin: 0px; padding: 0px; border-radius: 0px; height: auto; border:0px solid #fff; box-shadow: 1px 2px 5px #fff;}
.GroupNetworkMapPage p .MapShow h3{ font-size: 20px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; color: #BB143A;}
#mapCanvas button.gm-ui-hover-effect{width: 36px !important; height: 36px !important; top: 5px !important; right: 5px !important;}
#mapCanvas button.gm-ui-hover-effect img{width: 100% !important; height: 100% !important; margin: 0 !important;}
/* FooterApplyForm */
.FooterApplyForm{ position: relative; max-width: 500px; margin: auto; margin-top: 120px; color: #6d6d6d; z-index: 1; }
.FooterApplyForm .Captions{ width: 90%; margin: auto; font-size: 14px; margin-top: 30px; text-align: center; margin-bottom: 30px; }
.FooterApplyForm p{ margin: 10px 0px 15px 0px; }
.FooterApplyForm input[type=text]{ width: 100%; border:1px solid #967C63; padding: 10px; color: #A60E27; font-size: 14px;}
.FooterApplyForm input[type=text]::placeholder{ color: #A60E27;}
.FooterApplyForm input[type=email]{ width: 100%; border:1px solid #967C63; padding: 10px; color: #A60E27; font-size: 14px;}
.FooterApplyForm input[type=email]::placeholder{ color: #A60E27;}
.FooterApplyForm input[type=tel]{ width: 100%; border:1px solid #967C63; padding: 10px; color: #A60E27; font-size: 14px;}
.FooterApplyForm input[type=tel]::placeholder{ color: #A60E27;}
.FooterApplyForm textarea{ width: 100%; height: 100px; border:1px solid #967C63; padding: 10px; color: #A60E27; font-size: 14px;}
.FooterApplyForm textarea::placeholder{ color: #A60E27;}
.FooterApplyForm button{ cursor: pointer; font-size: 14px; letter-spacing: 1px; background-color:#A60E27; color: #fff; border-radius: 100px; padding: 5px 20px 5px 20px; }
.FooterApplyForm button img{ width: 20px; margin-left: 10px; vertical-align: middle; }
 
/* FooterBG */
.FooterBG{ width: auto; height: auto; }
.FooterBox{ padding: 20px 0px 0px 0px;}
.FooterMenu{ margin:auto; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center; max-width: 1160px; }
.FooterMenu ul{ display:block; padding: 5px 0px; text-align: center; }
.FooterMenu ul li{ display: inline-block; position: relative; width: auto; height: auto; margin: 0px 20px 0px 20px; font-size: 14px; text-align: center; line-height: 21px;}
.FooterMenu ul li:before{ content: ""; position: absolute; left: -23px; top:3px; height: 15px; display: inline-block;width: 1px; height: 15px; background-color: #977D64; }
.FooterMenu ul li:first-child:before{width: 0px; height: 0px;}
.FooterMenu ul li a{ color: #977D64; }
.FooterMenu ul li a:hover{ color: #BB143A; }

.FooterCopyRight{ background-color: #BB143A; margin: 20px 0px 0px 0px; padding: 15px; font-size: 13px; text-align: center; color: #fff; }
.FooterCopyRightConditions{ text-align: center; font-size: 12px; margin-top: 20px; color: #999; letter-spacing: 1px;}
.FooterCopyRightConditions a{ color: #999;}
.BacktoTop{ width: 50px; height: 50px; border-radius: 100%; position: fixed; right: 15px; bottom: 15px; }
.BacktoTop img{ width: 100%; }

/* PolicyBox */
.PolicyBox{ max-width: 900px; margin: auto; }
.PolicyBox ul {}
.PolicyBox ul li{ margin-bottom: 50px; }
.PolicyBox ul li .TitleP{ font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 23px; border-bottom: 1px solid #977D64; padding-bottom: 10px; margin-bottom: 10px; }

/* AHRAFBox */
.AHRAFBox{ position: absolute; margin-top: -100px; }

/* PopupToppage */
.PopupToppageBTN{ text-align: center; max-width:180px; position: fixed; bottom: 215px; left: 20px; z-index: 99999; background-color: transparent; display: block; -webkit-animation:blinker 1.0s ease-in-out infinite alternate; -moz-animation:blinker 1.0s ease-in-out infinite alternate; animation:blinker 1.0s ease-in-out infinite alternate; }
@-webkit-keyframes blink{
        0% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
        100% {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }
}
@-moz-keyframes blink{
        0% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
        100% {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }
}
@keyframes blink{
        0% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
        100% {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }
}

@-moz-keyframes blinker {  
 0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
 100% { transform: scale(1.05); -webkit-transform: scale(1.05); }
 }

@-webkit-keyframes blinker {  
 0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
 100% { transform: scale(1.05); -webkit-transform: scale(1.05); }
 }

@keyframes blinker {  
 0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
 100% { transform: scale(1.05); -webkit-transform: scale(1.05); }
 }

.PopupToppageBTN a{ /*width: 250px;*/ height: auto; display: block; background-color: transparent; }
.PopupToppageBTN img{ width: 100%; /*max-width: 250px;*/ height: auto; }
.PopupToppageBTNHid{ text-align: center; position: fixed; width: 200px; height: auto; display: block; bottom: 15px; left: -300px; z-index: 99999; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.PopupToppageBTNHid img{ width: 100%; /*max-width: 250px;*/ height: auto; }
.PopupToppageBTNShow{ text-align: center; position: fixed; width: 200px; height: auto; display: block; bottom: 15px; left: 20px; z-index: 99999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.PopupToppageBTNShow img{ width: 100%; /*max-width: 250px;*/ height: auto; }
/*.PopupToppageBTN a{ width: 120px; height: 120px; display: block; border-radius: 100px; border: 5px solid #fff; padding-top: 30px; background-color: #A60E27; color: #fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); font-size: 20px;}
.PopupToppageBTN .iConNL{ display: block; width: 50px; height: 50px; border-radius: 100px; background-color: #A60E27; color: #fff; position: absolute; top: -10px; }
.PopupToppageBTN .iConNL img{ width: 100%; max-width: 23px; padding-top: 12px; }*/
.OpenPopupBox { position: relative; background: #FFF; padding: 60px 90px 60px 90px; width:auto; max-width: 900px; margin: 20px auto; margin-top: 30px; margin-bottom: 30px; z-index: 999999999999999999999999999999999; }
.PopupDetail{ font-size: 15px; color: #333; }
.PopupDetail .Title{ font-size: 35px; line-height: 45px; font-weight: bold; margin-bottom: 30px; }
.PopupDetail .LogoRight{ float: right; margin: 0px 0px 40px 40px; }
.PopupDetail .LogoRight img{ max-width:120px;  }
.PopupDetail .DateBox{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 10px 15px 10px; margin-bottom: 30px; }
.PopupDetail p{ margin: 15px 0px 15px 0px; line-height: 25px; }
.PopupDetail .IMGCenter{ text-align: center; margin: auto; margin-top: 30px; margin-bottom: 10px; }
.PopupDetail .IMGCenter img{ width: auto; max-width: 100%; }
.PopupDetail .CaptionIMG{ font-size: 13px; text-align: center; margin-bottom: 30px; }
.PopupDetail a{ color:#A60E27;  }

@keyframes glowing {
  0% { box-shadow: 0 0 -10px #ff5e00; }
  40% { box-shadow: 0 0 20px #ff5e00; }
  60% { box-shadow: 0 0 20px #ff5e00; }
  100% { box-shadow: 0 0 -10px #ff5e00; }
}

/* NewsReleaseToppage */
.NewsReleaseToppage{ max-width: 960px; height: auto; margin: auto; padding-bottom: 100px; padding-top: 60px; }
.NewsReleaseToppage ul{ padding-top: 50px; }
.NewsReleaseToppage ul li { font-size: 16px; text-align: left; border-bottom: 1px solid #f2f2f2; clear: both; position: relative; }
.NewsReleaseToppage ul li p{ display: inline; }
.NewsReleaseToppage ul li p.DateLeft{ float: left; min-width: 85px; display: inline-block;text-align: left; padding-right: 15px; font-size: 13px; color: #999;}
.NewsReleaseToppage ul li p.SeeRight{ display: inline-block; position: absolute; right: 0; top:13px; float: right; font-size: 13px;padding: 4px 8px 4px 8px; background-color: #BB143A; border-radius: 3px; color: #fff;}
.NewsReleaseToppage ul li p.Title{ display: block; font-weight: 600; padding-right: 115px; }
.NewsReleaseToppage ul li a{ color: #555;padding: 15px 0px 15px 0px; display: block; }
.button-glow { animation: glowing 4000ms infinite; background-color: transparent; border-radius: 5px; }

img.blinking{ -webkit-animation:blink 1.0s ease-in-out infinite alternate;  -moz-animation:blink 1.0s ease-in-out infinite alternate; animation:blink 1.0s ease-in-out infinite alternate; }

.PopupToppageBTNFollow{ text-align: center; max-width:160px; position: fixed; bottom: 5px; left: 20px; z-index: 99999; display: block; }
.PopupToppageBTNFollow a{ height: auto; display: block; margin: 0px; padding: 0px; border:0px;}
.PopupToppageBTNFollow img{ width: 100%; height: auto;}
.PopupToppageBTNFollowBrands{ bottom: 10px!important; }

.PopupToppageBTNFollow2{ text-align: center; max-width:160px; position: fixed; bottom: 160px; left: 20px; z-index: 99999; display: block; }
.PopupToppageBTNFollow2 a{ height: auto; display: block; margin: 0px; padding: 0px; border:0px;}
.PopupToppageBTNFollow2 img{ width: 100%; height: auto;}
.PopupToppageBTNFollow2Brands{ bottom: 10px!important; }

/* Popup Youtube */
.PopupToppageBTNYoutube{ text-align: center; max-width:180px; position: fixed; bottom: 86px; left: 20px; z-index: 99999; display: block; }
.PopupToppageBTNYoutube a{ height: auto; display: block; margin: 0px; padding: 0px; border:0px;}
.PopupToppageBTNYoutube img{ width: 100%; height: auto;}
.PopupToppageBTNYoutube2{ text-align: center; max-width:180px; position: fixed; bottom: 90px; left: 20px; z-index: 99999; display: block; }
.PopupToppageBTNYoutube2 a{ height: auto; display: block; margin: 0px; padding: 0px; border:0px;}
.PopupToppageBTNYoutube2 img{ width: 100%; height: auto;}
.OpenPopupBoxYoutube { position: relative; padding:0px; width:auto; max-width: 750px; margin: 20px auto; margin-top: 30px; margin-bottom: 30px; z-index: 999999999999999999999999999999999; }

/* Popup Australia */
.PopupToppageBTNAustralia{ text-align: center; max-width:180px; position: fixed; bottom: 210px; left: 20px; z-index: 99999; display: block; }
.PopupToppageBTNAustralia.hi-chew{ text-align: center; max-width:180px; position: fixed; bottom:155px; left: 20px; z-index: 99999; display: block; }
.BTNAddLine{ text-align: center; max-width:180px; position: fixed; bottom: 15px; left: 20px; z-index: 99999; display: block; }
.PopupToppageBTNAustralia a{ height: auto; display: block; margin: 0px; padding: 0px; border:0px;}
.PopupToppageBTNAustralia img,.BTNAddLine img{ width: 100%; height: auto;}
.OpenPopupBoxAustralia { position: relative; padding:0px; width:auto; max-width: 980px; margin: 20px auto; margin-top: 30px; margin-bottom: 30px; z-index: 999999999999999999999999999999999; }
.PopupDetailAustralia{ background-color: #fff; height: 1000px; max-height: 700px; padding:40px; }
.PopupDetailAustraliaM{ display: none; }

/* CEOName */
.CEOName{ text-align: center; margin-top: 15px; line-height: 25px; }
.CEOName span{ color: #666; font-size: 14px; }

/* Hotcake */
.TopTitlePageHotcake {
  background-image: url(../images/bg-toppage-hotcake.png)!important;
}
.TopTitlePageHotcake-1 {
  background-image: url(../images/bg-toppage-manna1.png)!important;
}
.FeatureSliderDarsBox .PancakeProductCenter {
  width: auto;
  height: auto;
  margin: auto;
  text-align: center;
  position: relative;
  z-index: 99;
  margin-top: -7%;
}
/*.PancakeProductCenter img{width:23%;}*/
.box_pancake img {
  width: 158px;
}
.DarsProductsListPage .TopBGpancake {
  background-color: #fdd2ad;
  margin-top: -10px;
  background-size: 100%;
  background-position: top center;
}
.DarsProductsListPage .TopBGpancakeProducts img {
  width: 100%;
}
.DarsProductsListPage .TopBGpancakeProducts {
  width: auto;
  min-height: auto;
  background-image: url(../images/bg-pancake-products-top.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.BoxPancake .TailBGMannaProducts{background-image: url(../images/bottom-pancake.png);}
.FeatureSliderDarsBox .r-pancake{width:360px;}
.FeatureSliderDarsBox .L-pancake{width:430px;}

/*------------------16-7-2564-----------------------*/
.linebtn{
    text-align: center;
    max-width: 180px;
    position: fixed;
    bottom: 150px;
    left: 20px;
    z-index: 99999;
    display: block;
}
.linedars{bottom:90px;}
.linebtn img {width: 100%;height: auto;}
.PopupProducts{ background-color: #fff;border-radius: 15px;padding:30px;max-width:450px;width: auto;margin: auto;position: relative;z-index: 999999999999999999999999999999999;}
.PopupDetailProducts{}
.Imgproduct{text-align: center;position: relative;}
.Imgproduct .IconNewPRD{
    width: 68px;
    height: 68px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(../images/new-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.Imgproduct:after {
    content: '********************';
    position: absolute;
    text-align: center;
    bottom: -30px;
    left: 0;
    right: 0;
    color: #BB143A;
    font-size: 14px;
    letter-spacing: 2px;
}
.tag img{width: 100%;}
.tag{
    width:150px;
    height: auto;
    position: absolute;
    left: -10px;
    top: -10px;
}
.DetailProducts{margin-top:65px;}
.row{margin-bottom: 20px;font-size: 14px;}
.row span{display: inline-block;width:45%;vertical-align:top;color: #A60E27;font-weight: 700;}
.txt-detail{display: inline-block;width: 53%;font-weight: 600;}

.FeatureSliderDarsBox .slick-next:before{}
.FeatureSliderDarsBox .slick-prev:before{}
.FeatureSliderDarsBox .slick-dots {bottom: -50px;}

.PDPA table, th, td { border: 1px solid black; border-collapse: collapse; padding: 15px; }
.PDPA table, th, td ul li{ margin: 0!important; padding: 0!important; margin-bottom: 10px!important;}
.PDPA ul li li{ margin: 0!important; padding: 0!important; margin-bottom: 10px!important;}
.PDPA .Border0 table, .PDPA .Border0 table th, .PDPA .Border0 table td { border: 0px solid #fff!important; border-collapse: collapse; padding: 5px; line-height: 22px; }


/* For Thai Retailer */
.ThaiRetailerFont{ font-family: 'Noto Sans Thai', sans-serif; font-size: 18px; }
.ThaiRetailerFont h1{ font-family: 'Noto Sans Thai', sans-serif; }
.ThaiRetailerFont h2{ font-family: 'Noto Sans Thai', sans-serif; }
.ThaiRetailerFont h3{ font-family: 'Noto Sans Thai', sans-serif; }
.ThaiRetailerFont .ApplyAgent .Captions{ font-size: 17px;}
.ThaiRetailerFont .FeatureSliderBox ul li .SlideExcept{ font-size: 17px;}
.ThaiRetailerFont .OurCompanyThaiRetailer .Captions{ font-size: 17px; }
.ThaiRetailerFont .PRDOurCompanyRight3 .Caption{ font-size: 19px;}
.AddLine{ margin-top: 20px; }
.AddLine a{ color: #fff!important;}
.AddLine img{ max-width: 180px; height: auto; vertical-align: middle; }

.SliderCaptionsAgent .AddLine{ margin-top: 20px; }
.SliderCaptionsAgent .AddLine a{ color: #fff!important; display: inline!important;}
.SliderCaptionsAgent .AddLine img{ max-width: 180px; height: auto; display: inline; vertical-align: middle!important; }



.ThaiRetailerMargin{ margin-bottom: 80px!important;}
/* OurCompanyThaiRetailer */
.OurCompanyThaiRetailer{ max-width: 1120px; margin: auto; margin-top: 100px; margin-bottom: 100px; }
.OurCompanyThaiRetailer .RightOurCompany{ width: auto; max-width: 800px; margin: auto; margin-top: 2%; }
.OurCompanyThaiRetailer .RightOurCompany .SunTitleText{ font-size: 22px; }
.OurCompanyThaiRetailer .Captions{ font-size: 14px; margin-top: 40px; line-height: 1.8em; }
/* PRDList */
.ThaiRetailerFont .PRDOurCompanyBox1{ padding-top: 7%;}
.ThaiRetailerFont .PRDOurCompanyRight1 .ShotCaption{ font-size: 15px;line-height: 21px;}
.ThaiRetailerFont .PRDOurCompanyLeft2 .ShotCaption{ font-size: 15px;line-height: 21px;}
.ThaiRetailerFont .PRDOurCompanyRight3 .ShotCaption{ font-size: 15px;line-height: 21px;}
.PRDList{ margin: auto; padding: 0; margin-top: 10px; }
.PRDList ul{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.PRDList ul li{ background-color: #fff; position: relative; width: auto; max-width: 22%; margin: 1.5%; text-align:center; border: 1px solid #977D64; border-radius: 15px; transition: all 0.3s; }
/*.PRDList ul li:hover{ background-color: #DDD9D4; border: 1px solid #DDD9D4; transition: all 0.3s; }*/
.PRDList ul li:first-child { margin-left: 0%; }
.PRDList ul li:last-child { margin-right: 0%; }
.PRDList ul li a{ position: relative; display: block; padding: 5px 10px; color: #474747; }
.PRDList ul li .Picture{ width: 100%; max-width: 240px; padding: 10px; margin: auto; display: table; text-align: center; }
.PRDList ul li .Picture p{ width: 100%; max-width: 240px; display: table-cell; vertical-align: middle; text-align: center; }
.PRDList ul li .Picture p img{ width: 80%; }
/*.PRDList ul li .Picture p:after{ content: '*****'; position: absolute; text-align: center; bottom: 115px; left: 0; right: 0; color: #BB143A; font-size: 14px; letter-spacing: 2px; }*/
.PRDList ul li .Title{ position: relative; font-size: 12px; font-family: 'Noto Sans Thai', sans-serif; color: #BB143A; font-weight: 600; letter-spacing: 1px; margin-top: 0px; margin-bottom: 5px; height: auto; padding:5px; overflow: hidden; }
.PRDList ul li .Title a{ color: #BB143A;}
.PRDList .Ribbon{ width: 70px; height:auto; position: absolute; left: -5px; top: -5px; }
.PRDList .Ribbon img{ width: 100%; }
.LinkLine{ padding: 0; margin: 5px 0 0 0; font-size: 14px; text-align: center; }
.LinkLine img{ margin: 0; width: 100%; max-width: 150px; height: auto; vertical-align: middle;}
.PRDList .IconNewPRD{ width: 35px; height: 35px; position: absolute; right: 5px; top: 5px; /*right: -15px; top: -15px;*/ background-image: url('../images/new-icon.png'); background-size: cover; background-repeat: no-repeat; background-position:center; }
.PRDList ul li:last-child.BGBlack { background-color: #111!important; border: 1px solid #111;}
.PRDList ul li:last-child.BGBlack .Title{ color: #fff; }

/* ThaiRetailerPartners */
.ThaiRetailerPartners{ width: auto; margin: auto; margin-top: 100px; margin-bottom: 100px; }
.ThaiRetailerPartnersBox{ max-width: 1160px; margin: auto; }
.ThaiRetailerPartnersBox h2{ text-align: center; color: #BB143A; font-size: 30px; font-weight: 700; position: relative; z-index: 1;  }
.ThaiRetailerPartnersBox ul{ margin: 0; padding: 0; margin-top: 40px;}
.ThaiRetailerPartnersBox ul li{ padding: 20px; margin-bottom: 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; background-color: #ffff; box-shadow: 1px 2px 5px rgba(0,0,0,0.08); border-radius: 15px; }
.ThaiRetailerPartnersBox ul li .Picture{ width: 37%;}
.ThaiRetailerPartnersBox ul li .Picture p{ width: 100%; height: 250px; overflow: hidden; border-radius: 15px;}
.ThaiRetailerPartnersBox ul li .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.ThaiRetailerPartnersBox ul li .Detail{ width: 58%;}
.ThaiRetailerPartnersBox ul li .Detail .Title{ color: #123; font-size: 30px; font-weight: 700;}
.ThaiRetailerPartnersBox ul li .Detail .Descriptions{ font-size: 17px; line-height: 28px; font-weight: 300; }
.ThaiRetailerPartnersBox ul li .Detail .LinkGrey{ margin-top: 10px; padding: 5px 50px 5px 30px}

.ThaiRetailerSection .PRDList ul li .Picture p img{ width: 100%!important; }

.SFPopup{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 9999999999999999; /*display: flex; justify-content: center; align-items: center;*/}
.SFPopup .InnerBox{ background-color: #fff; width: 100%; max-width: 900px; height: 93%; margin: auto; margin-top: 40px; position: relative; overflow: hidden; border: 3px solid #BB143A; border-radius: 30px; z-index: 2;}
.SFPopup .InnerBox:before{ width: 99%; height: 99%; content: ''; border: 1px solid #BB143A; position: absolute; left: 5px; top: 5px; border-radius: 25px; z-index: 0;}
.SFPopup .InnerBoxLine{ position: relative; margin: 40px 10px; z-index: 9; padding: 0 30px; background-color: #fff; height: 92%; overflow: scroll; border-radius: 20px;}
/*.InnerBoxLine2{ padding: 30px; overflow: scroll; height: auto; }*/
.SFPopup .InnerBoxCloseBox{ position: relative; max-width: 900px; margin: auto; margin-top: 20px; z-index: 99; }
.SFPopup .InnerBoxClose{ cursor: pointer; position: absolute; right: -20px; /*top: -20px;*/ width: 50px; height: 50px; text-align: center; border-radius: 100px; line-height: 45px; background-color: #967C63; color: #fff; border: 3px solid #fff; }
.SFPopup .InnerBoxClose a{ color: #fff; font-weight: 700;}
.SFPopup .InnerBox .Picture p{ width: 100%; height: 450px; overflow: hidden; border-radius: 25px; margin-bottom: 10px;}
.SFPopup .InnerBox .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.SFPopup .InnerBox .Logo{ text-align: center; margin-top: 30px;}
.SFPopup .InnerBox .Logo img{ width: 100%; max-width: 180px; height: auto; max-height: 120px; }
.SFPopup .InnerBox .Title{ text-align: center; font-size: 32px; font-weight: 600; color: #000; margin-top: 20px;}
.SFPopup .InnerBox .Descriptios{ font-size: 16px; margin-top: 30px;}
.SFPopup .InnerBox .Descriptios p{ margin: 15px 0; line-height: 25px; }
.SFPopup .InnerBox .TreePics{ margin-top: 30px;}
.SFPopup .InnerBox .TreePics ul{ width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.SFPopup .InnerBox .TreePics ul li{ width: 49%; padding: 0; margin: 0 0.5%; box-shadow: 0px 0px 0px rgba(0,0,0,0.08);}
.SFPopup .InnerBox .TreePics ul li:first-child{ width: 100%; margin-bottom: 0.5%;}
.SFPopup .InnerBox .TreePics ul li:first-child p{ height: 400px;}
.SFPopup .InnerBox .TreePics ul li p{ width: 100%; height: 300px; overflow: hidden; border-radius: 15px;}
.SFPopup .InnerBox .TreePics ul li p img{ display: block; width: 100%; height: 100%; object-fit: cover; }

/* RandDCennter */
.RandDCennter{ margin: 50px 0; font-size: 14px; max-width: 900px; margin: auto;}
.RandDCennter h2{ color: #b6002a; font-size: 30px; font-weight: 700; margin-bottom: 30px; padding-bottom: 12px; border-bottom: 3px solid #ebeae9; position: relative;}
.RandDCennter h2::after { content: ''; display: block; width: 110px; position: absolute; border-bottom: 3px solid #b6002a; bottom: -3px; }

/* WhatOurRD */
.WhatOurRD{ font-size: 14px; max-width: 900px; margin: auto; margin-top: 50px; margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center;}
.WhatOurRD p{ font-weight: 700;}
.WhatOurRD p:nth-child(1){ width: 32%; display: block; padding: 30px 20px; font-size: 21px; background-color: #AD0025; border-radius: 15px; color: #fff; }
.WhatOurRD p:nth-child(2){ width: 63%; font-size: 26px; color: #AD0025; }

/* ConceptBBox */
.ConceptBox{ max-width: 900px; margin: auto; margin-top: 50px; margin-bottom: 50px; padding: 25px; background-color: #f5f2ed; border-radius: 6px; }
.ConceptBox .concept_catch{ color: #AD0025; font-size: 28px; font-weight: bold; margin-bottom: 4px;}
.ConceptBox .concept_title{ font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.ConceptBox .concept_text{ font-size: 14px;}
.ConceptBox ul li:first-child{ margin-top: 0; }
.ConceptBox ul li{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 50px; }
.ConceptBox ul li .LeftDetail{ width: 65%;}
.ConceptBox ul li .PicRight{ width: 30%; padding-right: 40px; text-align: center;}
.ConceptBox ul li .PicRight img{ width: auto; max-width:200px; height: auto; max-height: 200px;}

/* DevelopmentList */
.DevelopmentList{ font-size: 14px; max-width: 900px; margin: auto; margin-top: 50px; margin-bottom: 50px;}
.DevelopmentList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.DevelopmentList ul li{ width: 47%; margin: 1.5%; }
.DevelopmentList ul li:nth-child(odd){ margin-left: 0;}
.DevelopmentList ul li .Picture{ overflow: hidden; margin-bottom: 10px; }
.DevelopmentList ul li .Picture img{ width: 100%; height: auto; max-width: 100%; border-radius: 10px; }
.DevelopmentList ul li .Title{ font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.DevelopmentList ul li .Description{ font-size: 14px; line-height: 23px;}

.PopupFrontPage{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 99999999999; background-color: #0d0d0f; color: #fff; text-align: center; }
.PopupFrontPage .Inner{ width: auto; height: auto; position: relative; max-width: 700px; }
.PopupFrontPage .Inner .Picture img{ width: 100%; height: auto; max-width: 100%; }
.PopupFrontPage .Inner .EntertoWebsite{ display: inline-block; text-align: center; margin-top: 40px;}
.PopupFrontPage .Inner .EntertoWebsite .BTNEnter{ cursor: pointer; background-color: #1e1e1e; color: #ccc; border: 1px solid #2f2f2f; font-weight: 400; font-size: 20px; padding: 10px 50px; border-radius: 100px; letter-spacing: 1px; transition: .3s all ease; }
.PopupFrontPage .Inner .EntertoWebsite .BTNEnter:hover{ background-color: #878787; color: #000; transition: .3s all ease;  }

/* VMBoxLR */
.mainColumnTitle {
    color: #b6002a;
    font-size: 23px;
    font-weight: 600;
    padding-bottom: 12px;
    border-bottom: 3px solid #ebeae9;
    position: relative;
    max-width: 900px;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 50px;
}
.mainColumnTitle::after {
    content: '';
    display: block;
    width: 110px;
    position: absolute;
    border-bottom: 3px solid #b6002a;
    bottom: -3px;
}
.VMBoxLR{ max-width: 900px; margin: auto; margin-top: 100px; display: flex; justify-content: left; position: relative; }
.VMBoxLR .VMBoxLIcon{ width: 133px; min-width: 133px; height: auto; text-align: center; }
.VMBoxLR .VMBoxLIcon img{ width: auto; height: auto; max-height: 150px; }
.VMBoxLR .VMBoxRDescriptions{ width: 100%; margin-left: 50px;}
.VMBoxLR .aboutVisionContentHeading{ color: #595757; font-size: 18px; line-height: 28px; font-weight: bold; margin-bottom: 10px; }
.VMBoxLR .aboutVisionContentValueLead{ font-size: 18px; line-height: 28px; font-weight: bold; margin-bottom: 10px; }
.VMBoxLR .aboutVisionContentText{ font-size: 16px; line-height: 25px; }
.VMBoxLR .RedFont{ color: #b60029; font-weight: bold; }
.VMBoxLR::before{ background-color: #9fa0a0; bottom: -80px; content: ''; height: calc(100% - 110px); left: 68px; position: absolute; width: 1px;}
.VMBoxLRLast::before{ display: none;}

/* SaltedCaramel */
.SaltedCaramelIMG img{ width: 100%; height: auto; max-width: 600px; margin: auto; }
.ComingSoonBox{ padding: 40px 0 40px 0; text-align: center;font-size: 32px; font-weight: 700; color: #6D6D6D; letter-spacing: 2px; }
.TopTitlePageSaltedCaramel{ background-image: url('../images/bg-toppage-salted-caramel1.png')!important; }
.SaltedCaramelIMG2{ padding: 60px 0 0 0!important; }
.SaltedCaramelIMG2 img{ width: 100%; height: auto; max-width: 100%; }
.TopTitlePageBox2{ min-height: auto; }
.BreadcrumbTopAll2{ color: #999!important;}
.BreadcrumbTopAll2 a{ color: #999!important;}

.DarsVideoBox{ max-width: 680px; overflow: hidden; padding-bottom:20%; position: relative; z-index: 2; height: 382px; border-radius: 10px; margin: auto; margin-top: 40px; }
.DarsVideoBox iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.Lang{ position: absolute; width: 1120px; left: 0; right: 0; top: 170px; margin: auto; z-index: 9; height: 40px; }
.polylang_langswitcher{ position: absolute; right: 0; top: 0; text-align: center; display: flex; justify-content: right; background-color: #AE1D87; padding-left: 15px; border-radius: 6px; }
.polylang_langswitcher img{ width: 18px; height: auto; margin: 0; padding: 0; margin-right: 5px; }
.polylang_langswitcher select{ display: inline-block; color: #fff; font-size: 16px; font-weight: 600; outline:none; width: 65px; margin: auto!important; padding: 9px 5px; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; appearance: none; border:0px solid #bdbdbd; background: url('../images/dorpdown.svg') no-repeat right center; background-position: right 1rem center; background-size: 12px; cursor: pointer; position: relative; z-index: 4; }
.MarginTH{ margin-top: 20px;}

.PinTopLeft{ width: 145px; height: auto; position: absolute; left: 30px; top: -9px; z-index: 9; }
.PinTopLeft img{ width: 100%; height: auto; max-width: 100%; }

/* CollagenPage */
.CollagenPageBox{ max-width: 1120px; margin: auto; position: relative; font-family: "Prompt", sans-serif; font-size: 20px; }

/* AvailableAt */
.AvailableAt{ padding: 100px 0; background-image: url('../images/collagen/bg-buy.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.AvailableAtList{ margin: 80px 0 0 0; }
.AvailableAtList ul{ display: flex; justify-content: space-between; gap: 4%; }
.AvailableAtList ul li{ width: 25%; }
.AvailableAtList ul li img{ width: auto; height: auto; max-width: 100%; max-height: 45px; }
.AvailableAtList ul li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; background-color: #fff; color: #111; padding: 30px; border-radius: 11px; text-align: center; box-shadow: 0px 0px 7px rgba(216,106,137,0.35); }

/* HeaderSectionCollagen */
.HeaderSectionCollagen{ position: relative; margin: 0; text-align: center; }
.HeaderSectionCollagen h2{ font-size: 44px; font-weight: 500; color: #ae1c87; font-family: "Prompt", sans-serif; }
.HeaderSectionCollagen .Caption{ margin-top: 10px; font-size: 22px; }

/* CollagenLinkBTN */
.CollagenLinkBTN{ margin: 0; text-align: center; }
.CollagenLinkBTN a{ background-image: url('../images/collagen/bg-btn.png'); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 400px; padding: 25px 20px 35px 20px; color: #fff; font-size: 30px; font-weight: 500; }
.CollagenLinkBTNTop{ margin: 40px 0 0 0; text-align: center;}
.CollagenLinkBTNTop a{ background-image: url('../images/collagen/bg-btn.png'); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 400px; padding: 25px 20px 35px 20px; color: #fff; font-size: 30px; font-weight: 500; }

/* ReviewFromCustomer */
.ReviewFromCustomer{ background-color: #fff; padding: 100px 0; }
.ReviewFromCustomerLogo{ margin: 80px 0 0 0; }
.ReviewFromCustomerLogo ul{ display: flex; justify-content: center; align-items: center; gap: 4%; }
.ReviewFromCustomerLogo ul li{ width: 25%; display: block; padding: 20px; text-align: center; }
.ReviewFromCustomerLogo ul li img{ width: auto; max-width: 100%; max-height: 45px; }
.ReviewFromCustomerLogo ul li:last-child img{ max-height: 90px;}
.ReviewFromCustomerList{ margin: 40px 0 80px 0; font-size: 18px; }
.ReviewFromCustomerList ul li p{ margin: 0;}
.ReviewFromCustomerList ul li{ margin: 15px; padding: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 15px; text-align: center; }
.ReviewFromCustomerList ul li .Logo{ width: 45px; height: 45px; margin: auto; border-radius: 100px; overflow: hidden; margin-bottom: 20px; }
.ReviewFromCustomerList ul li .Logo img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.ReviewFromCustomerList ul li .Star{ margin-bottom: 20px; text-align: center; }
.ReviewFromCustomerList ul li .Star img{ width: 100%; height: auto; max-width: 140px; margin: auto; }
.ReviewFromCustomerList ul li .CaptionsReview{ margin: 30px 0; font-weight: 300; }
.ReviewFromCustomerList ul li .Name{ margin: 0px; font-size: 20px; font-weight: 400; }
.ReviewFromCustomerList ul li .Profile{ width: 55px; height: 55px; margin: auto; border-radius: 100px; overflow: hidden; margin-top: 5px; }
.ReviewFromCustomerList ul li .Profile img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.ReviewFromCustomerList .slick-prev:before { background-image: url('../images/collagen/arrow-left-icon.png'); background-size: cover; display: inline-block; width: 20px!important; height: 37px!important; content:""; }
.ReviewFromCustomerList .slick-next:before { background-image: url('../images/collagen/arrow-right-icon.png'); background-size: cover; display: inline-block; width: 20px!important; height: 37px!important; content:""; }
.ReviewFromCustomerList .slick-prev, .ReviewFromCustomerList .slick-next{ top: 48%; width: 20px!important; height: 37px!important;}
.ReviewFromCustomerList .slick-prev{ left: -50px!important;}
.ReviewFromCustomerList .slick-next{ right: -50px!important;}

/* EasytoDrink */
.EasytoDrink{  background-image: linear-gradient(180deg, #fdf1f400 0, #e2f2f0 50%, #fdf1f400 100%); padding: 100px 0; }
.EasytoDrink .HeaderSectionCollagen h2{ color: #333; }
.EasytoDrinkList{ margin: 40px 0 0 0; }
.EasytoDrinkList ul{ display: flex; justify-content: center; gap: 4%; }
.EasytoDrinkList ul li{ width: 33.33%; display: block; font-size: 20px; padding: 40px; text-align: center; background-image: linear-gradient(180deg, #ffffff 0, #edeaed 75%, #ffffff 100%); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 40px; }
.EasytoDrinkList ul li .Picture{ margin-bottom: 20px; }
.EasytoDrinkList ul li .Picture img{ width: 100%; max-width: 100%; height: auto; }
.EasytoDrinkList ul li .Icon{ margin-bottom: 20px; }
.EasytoDrinkList ul li .Icon img{ width: auto; max-width: 100%; height: auto; max-height: 40px; }
.EasytoDrinkList ul li .Title{ font-size: 30px; font-weight: 500; margin-bottom: 20px; }
.EasytoDrinkList ul li .Description{ font-weight: 300;}

/* KeyIngredient */
.KeyIngredient{ background-image: linear-gradient(180deg, #fdf1f400 0, #fff7e6 50%, #fdf1f400 100%); padding: 50px 0 100px 0; }
.KeyIngredientBG{  background-image: url('../images/collagen/ingredient-pic.png'); background-size: contain; background-repeat: no-repeat; background-position: center right; }
.KeyIngredientLR{ display: flex; justify-content: space-between; align-items: center;  }
.KeyIngredientLR .KeyIngredientL{ width: 50%; text-align: center; }
.KeyIngredientLR .KeyIngredientL h2{ font-size: 50px; font-weight: 500; }
.KeyIngredientLR .KeyIngredientL .CollagentPT{ font-size: 35px; font-weight: 400; color: #AE1D87; margin-top: 10px; }
.KeyIngredientLR .KeyIngredientL .Number img{ width: 100%; height: auto; max-width: 400px; margin-top: 10px;}
/*.KeyIngredientLR .KeyIngredientL .Number{ font-size: 90px; line-height: 65px; font-weight: 300; display: inline-block;}
.KeyIngredientLR .KeyIngredientL .Number span{ font-size: 33px; vertical-align: super; }*/
.KeyIngredientLR .KeyIngredientL .IconKI{ display: flex; justify-content: center; align-items: center; margin-top: 30px; gap: 3%; }
.KeyIngredientLR .KeyIngredientL .IconKI img{ width: 100%; height: auto; max-width: 200px; }
.KeyIngredientLR .KeyIngredientR{ width: 50%; margin: 0; }
.KeyIngredientLR .KeyIngredientR img{ width: 100%; height: auto; max-width: 100%; }
.KeyIngredientLR .CircleImportant01{ width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; background-image: url('../images/collagen/bg-important-01.png'); background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 34px; color: #fff; text-shadow: 2px 5px 10px rgba(163, 105, 22, 0.75); }
.KeyIngredientLR .CircleImportant01 p{ margin: 0; }
.KeyIngredientLR .CircleImportant01 span{ margin: 0; display: block; font-size: 90px; margin-top: 15px; font-weight: 600; }
.KeyIngredientLR .CircleImportant02{ width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; background-image: url('../images/collagen/bg-important-02.png'); background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 28px; color: #fff; text-shadow: 2px 5px 10px rgba(163, 105, 22, 0.75); }
.KeyIngredientLR .CircleImportant02 p{ margin: 0; line-height: 60px; }
.KeyIngredientLR .CircleImportant02 span{ margin: 0; font-size: 70px; margin-top: 15px; font-weight: 600; }
.KeyIngredientLR .CircleImportant02 br{ margin-top: 15px;}
.SPPicKey{ display: none;}


/* WhatisCollagen */
.WhatisCollagen{ background-image: linear-gradient(180deg, #fdf1f400 0, #fde7ee 50%, #fdf1f400 100%); padding: 0 0 100px 0; }
.WhatisCollagen .ContentPageBox{ margin: 0 auto;}
.WhatisCollagen .ContentPageBox h2{ color: #514f4e;}
.WhatisCollagenList{ margin: 0; font-family: "Prompt", sans-serif; font-size: 20px; }
.WhatisCollagenList ul li{ width: 100%; background-color: #fcdde7; margin: 0; padding: 0; }
.WhatisCollagenList ul li:nth-child(odd){ background-color: transparent; line-height: 40px;}
.WhatisCollagenList ul li:nth-child(odd) .WhatisCollagenListL{ width: 45%; order: 2; }
.WhatisCollagenList ul li:nth-child(odd) .WhatisCollagenListR{ width: 45%; order: 1; }
.WhatisCollagenList ul li .WhatisCollagenListLR{ display: flex; justify-content: space-between; max-width: 1120px; position: relative; margin: 0 auto; padding: 80px 0; font-family: "Prompt", sans-serif; font-size: 20px; font-weight: 300; }
.WhatisCollagenList ul li .WhatisCollagenListL{ width: 45%; order: 1; }
.WhatisCollagenList ul li .WhatisCollagenListL img{ width: 100%; max-width: 100%; height: auto; }
.WhatisCollagenList ul li .WhatisCollagenListR{ width: 45%; order: 2; text-align: left; }
.WhatisCollagenList ul li .WhatisCollagenListR p{ line-height: 35px;}
.WhatisCollagenList ul li .CaptionsText{ text-align: center; font-weight: 500; margin-top: 0px;}

/* ReadyDrink */
.ReadyDrink{ background-color: #fff; padding: 150px 0;  background-image: url('../images/collagen/bg-ready.png'); background-size: contain; background-repeat: no-repeat; background-position: center right; }
.ReadyDrink .HeaderSectionCollagen{ margin: 0 auto; text-align: left;}
.ReadyDrink .HeaderSectionCollagen h2{ margin: 0; font-size: 60px; }
.ReadyDrink .HeaderSectionCollagen .Captions{ font-size: 28px; font-weight: 300;}

/* CollagenWhyMorinaga */
.CollagenWhyMorinaga{ background-image: url('../images/collagen/bg-why.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 0 100px 0; }
.CollagenWhyMorinaga .HeaderSectionCollagen h2{ color: #333;}
.CollagenWhyMorinagaList{ margin: 50px 0 0 0; }
.CollagenWhyMorinagaList ul{ display: flex; justify-content: center; flex-wrap: wrap; gap: 6%; }
.CollagenWhyMorinagaList ul li{ width: 47%; display: block; padding: 60px 80px; text-align: center; background-image: linear-gradient(180deg, #ffffff 0, #edeaed 25%, #ffffff 50%, #edeaed 75%, #ffffff 100%);  box-shadow: 3px 7px 7px rgba(160,160,160,0.25); border-radius: 110px; margin-bottom: 40px; position: relative; }
.CollagenWhyMorinagaList ul li .Picture{ margin-bottom: 30px; position: relative; max-width: 315px; margin: auto; }
.CollagenWhyMorinagaList ul li .Picture img{ width: 100%; max-width: 100%; height: auto; border-radius: 500px; }
.CollagenWhyMorinagaList ul li .IconFlag{ position: absolute; left: 60px; top:  80px; width: auto; height: auto; z-index: 1; }
.CollagenWhyMorinagaList ul li .IconFlag img{ width: auto; max-width: 100%; height: auto; max-height: 110px; }
.CollagenWhyMorinagaList ul li .NameLarge{ font-size: 55px; font-weight: 500; color: #AE1D87; margin-top: 10px; }
.CollagenWhyMorinagaList ul li .NameMiddle{ font-size: 30px; font-weight: 500; margin-top: 10px; }
.CollagenWhyMorinagaList ul li .NameSmall{ font-size: 20px; font-weight: 300; margin-top: 10px; }

/* FourBoxIntro */
.FourBoxIntro{ /*background-image: linear-gradient(180deg, #ffffff 0, #edeaed 75%, #ffffff 100%);*/ background-image: url('../images/collagen/bg-4-box.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 150px 0 180px 0; margin-top: -100px; }
.FourBoxIntroList{ margin: 0; }
.FourBoxIntroList ul{ display: flex; justify-content: center; flex-wrap: wrap; gap: 2%; }
.FourBoxIntroList ul li{ width: 23.5%; display: block; padding: 10px; text-align: center; }
.FourBoxIntroList ul li .Picture{ margin-bottom: 0px; position: relative; }
.FourBoxIntroList ul li .Picture img{ width: 100%; max-width: 160px; height: auto; }
.FourBoxIntroList ul li .Title{ font-size: 25px; min-height: 90px; display: flex; justify-content: center; align-items: center; font-weight: 400; color: #AE1D87; text-shadow: 
    0 0 10px rgba(255, 255, 255, 1),
    0 0 20px rgba(255, 255, 255, 1),
    0 0 30px rgba(255, 255, 255, 1);}
.FourBoxIntroList ul li:nth-child(1) .Title{ color: #69923e; font-size: 28px; line-height: 34px;}
.FourBoxIntroList ul li:nth-child(2) .Title{ color: #bb762a; font-size: 28px; line-height: 34px;}
.FourBoxIntroList ul li:nth-child(3) .Title{ color: #ba5067; font-size: 24px; line-height: 31px;}
.FourBoxIntroList ul li:nth-child(4) .Title{ color: #6470ad; font-size: 28px; line-height: 34px;}

a.BuyNowFixed{ position: fixed; right: 20px; bottom: 20px; z-index: 9999999; width: 160px; height: 180px; font-weight: 600; font-size: 25px; padding-top: 15px; line-height: 28px; color: #fff; background-image: url('../images/collagen/bg-buy-now.png'); background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; align-items: center; }


/* BenefitBox */
.BenefitBox{ background-image: linear-gradient(180deg, #fdf1f400 0, #fde7ee 75%, #fdf1f400 100%); padding: 120px 0; }
.BenefitBoxLR{ display: flex; justify-content: space-between; align-items: center; }
.BenefitBoxLR .BenefitBoxL{ width: 50%; height: 550px; text-align: center; position: relative; }
.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle01{ position: absolute; background-image: url('../images/collagen/bg-benefit-01.png'); background-size: cover; background-repeat: no-repeat; background-position: center; width: 240px; height: 240px; border-radius: 500px; left: 30%; top: -10%; display: flex; justify-content: center; align-items: center; color: #bc4660; }
.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle02{ position: absolute; background-image: url('../images/collagen/bg-benefit-02.png'); background-size: cover; background-repeat: no-repeat; background-position: center; width: 240px; height: 240px; border-radius: 500px; left: 2%; top: 15%; display: flex; justify-content: center; align-items: center; color: #ae1c87; }
.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle03{ position: absolute; background-image: url('../images/collagen/bg-benefit-03.png'); background-size: cover; background-repeat: no-repeat; background-position: center; width: 240px; height: 240px; border-radius: 500px; left: 47%; top: 32%; display: flex; justify-content: center; align-items: center; color: #567f99; }
.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle04{ position: absolute; background-image: url('../images/collagen/bg-benefit-04.png'); background-size: cover; background-repeat: no-repeat; background-position: center; width: 240px; height: 240px; border-radius: 500px; left: 22%; top: 59%; display: flex; justify-content: center; align-items: center; color: #567f99; }
.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle01 img{ width: 100%; height: auto; max-width: 200px; }
.BenefitBoxLR .BenefitBoxR{ width: 50%; margin: 0; }
.BenefitBoxLR .BenefitBoxR img{ width: 100%; height: auto; max-width: 100%; }
.BenefitBoxLR .TitleL{ font-size: 28px; font-weight: 600; margin-top: 0;}
.BenefitBoxLR .TitleS{ font-size: 18px; font-weight: 300; margin-bottom: 0;}

/* KVCollagenIntro */
.KVCollagenIntro{ position: relative; width: 100%; height: auto; margin-top: 150px; font-family: "Prompt", sans-serif; font-size: 21px; /*background-image: url('../images/collagen/kv-banner.png'); background-size: contain; background-repeat: no-repeat; background-position: center top;*/ }
.KVCollagenIntroBox{ margin: 0 auto; position: relative; width: 100%; max-width: 1120px; z-index: 2; }
.KVCollagenIntroBox .Inners{ margin: auto;  padding-top: 55%; position: relative; }
.KVCollagenIntro .Banner{ position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 0;}
.KVCollagenIntro .Banner img{ width: 100%!important; height: auto; max-width: 100%!important; }
.KVCollagenIntroBox .Inners .TextBox{ text-align: center; font-size: 40px; font-weight: 500; color: #AE1D87; }
/*.KVCollagenIntroBox .Inners .TextBox .Numbers{ font-size: 150px; line-height: 120px; font-weight: 400; display: inline-block; margin: 10px 0; }
.KVCollagenIntroBox .Inners .TextBox .Numbers span{ font-size: 33px; vertical-align: super; }*/
.KVCollagenIntroBox .Inners .TextBox .Numbers{ margin-top: 20px;}
.KVCollagenIntroBox .Inners .TextBox .Numbers img{ width: 100%; height: auto; max-width: 600px; margin-top: 10px;}
.KVCollagenIntroBox .Inners .TextBox .JPText img{ width: 100%; height: auto; max-width: 350px; margin-top: 0px; }
.KVCollagenIntroBox .KVCollagenIcon01{ position: absolute; width: 240px; height: 240px; border-radius: 500px; left: 3%; top: 30%; display: flex; justify-content: center; align-items: center; text-align: center; background-image: url('../images/collagen/bg-circle-left.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 36px; color: #fff; font-weight: 500; line-height: 50px; text-shadow: 2px 5px 10px rgba(163,105,22,0.75); }
.KVCollagenIntroBox .KVCollagenIcon02{ position: absolute; background-image: url('../images/collagen/bg-right-text.png'); background-size: contain; background-repeat: no-repeat; background-position: center; color: #e6317f; width: 296px; height: 180px; border-radius: 100%; right: 0%; top: 10%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 35px; font-weight: 500; }
.KVCollagenIntro .LeftWater{ position: absolute; left: -5%; top: 30%; width: 504px; height: 621px; z-index: 1; }
.KVCollagenIntro .LeftWater img{ width: 100%; height: auto; max-width: 100%;}
.KVCollagenIntro .RightWater{ position: absolute; right: 0; top: 45%; width: 392px; height: 372px; z-index: 1; }
.KVCollagenIntro .RightWater img{ width: 100%; height: auto; max-width: 100%;}

.CollagenPage .DarsProductsListPage .TailBGHiChewProducts{ display: none;}

.ball {
  
  --delay:0s;
  --size:0.4;
  --speed: 20s;
  
  aspect-ratio:1;
  width:calc( 60% * var(--size) );
  
  background: linear-gradient(259.53deg, #ffffff 6.53%, #ffffff 95.34%);
  filter:blur( 11vw );
  
  border-radius:50%;
  
  position:absolute;
  top:0;
  left:0; right: 0;margin: auto;
  
  animation: loop var(--speed) infinite linear;
  animation-delay: var(--delay);
  transform-origin: 50% 50%;
  
  opacity:1;
}

@keyframes loop {
  0% { transform: translate3D( 0%, 51%, 0 ) rotate(0deg); }
  5% { transform: translate3D( 8%, 31%, 0 ) rotate(18deg); }
  10% { transform: translate3D( 22%, 13%, 0 ) rotate(36deg); }
  15% { transform: translate3D( 40%, 2%, 0 ) rotate(54deg); }
  20% { transform: translate3D( 46%, 21%, 0 ) rotate(72deg); }
  25% { transform: translate3D( 50%, 47%, 0 ) rotate(90deg); }
  30% { transform: translate3D( 53%, 80%, 0 ) rotate(108deg); }
  35% { transform: translate3D( 59%, 98%, 0 ) rotate(125deg); }
  40% { transform: translate3D( 84%, 89%, 0 ) rotate(144deg); }
  45% { transform: translate3D( 92%, 68%, 0 ) rotate(162deg); }
  50% { transform: translate3D( 99%, 47%, 0 ) rotate(180deg); }
  55% { transform: translate3D( 97%, 21%, 0 ) rotate(198deg); }
  60% { transform: translate3D( 80%, 7%, 0 ) rotate(216deg); }
  65% { transform: translate3D( 68%, 25%, 0 ) rotate(234deg); }
  70% { transform: translate3D( 59%, 41%, 0 ) rotate(251deg); }
  75% { transform: translate3D( 50%, 63%, 0 ) rotate(270deg); }
  80% { transform: translate3D( 38%, 78%, 0 ) rotate(288deg); }
  85% { transform: translate3D( 21%, 92%, 0 ) rotate(306deg); }
  90% { transform: translate3D( 3%, 79%, 0 ) rotate(324deg); }
  100% { transform: translate3D( 0%, 51%, 0 ) rotate(360deg); }
  
}

.glow-container {
  overflow-x:hidden;
  overflow-y: hidden;
  position:fixed;
  top: 0; left: 0;
  width:100%;
  min-height:100vh; z-index: 0;
}

.Curcle02{ left:-1500px; }
.Curcle03{ bottom:-400px; right:-500px; }

.CollagenPage .DarsProductsListPage .List ul li .Title{ font-family: "Prompt", sans-serif; font-size: 17px; }
.THFontCollagen{ font-family: "Prompt", sans-serif; }


/* Lang2 */
.Lang2 { position: absolute; width: 1120px; left: 0; right: 0; top: 168px; margin: auto; z-index: 9; height: 40px;
    display: inline-block;
}

.Lang2 .polylang_langswitcher {
    position: relative; width: 105px; float: right;
    cursor: pointer;
    user-select: none;
}

.Lang2 .selected-lang {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px 12px 9px 15px;
    border-radius: 6px; color: #fff; font-weight: 600;
}

.Lang2 .selected-lang img {
    width: 18px;
    height: auto;
}

.Lang2 .arrow {
    font-size: 10px;
    transition: transform 0.2s ease;
}
.Lang2 .arrow img{ width: 12px; height: auto;}

/* ซ่อน เมนูไว้ก่อน */
.Lang2 .pll-switcher-select {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 999;
}

.Lang2 .pll-switcher-select li {
    padding: 8px 12px;
    border-radius: 6px; font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.2s;
}
.Lang2 .pll-switcher-select li:nth-child(1){ border-radius: 6px 6px 0 0; }
.Lang2 .pll-switcher-select li:nth-child(2){ border-radius: 0 0 6px 6px; }

.Lang2 .pll-switcher-select li:hover {
    background-color: #AE1D87; color: #fff;
}

/* แสดงเมนูเมื่อมี class active หรือ hover บน Desktop */
@media (hover: hover) and (pointer: fine) {
    .Lang2 .polylang_langswitcher:hover .pll-switcher-select {
        display: block;
    }
    .Lang2 .polylang_langswitcher:hover .arrow {
        transform: rotate(180deg);
    }
}

/* แสดงเมนูสำหรับ Mobile เมื่อถูกสั่งผ่าน JS */
.Lang2 .polylang_langswitcher.active .pll-switcher-select {
    display: block;
}
.Lang2 .polylang_langswitcher.active .arrow {
    transform: rotate(180deg);
}