@charset "utf-8"; 
html,body{background:#FFFFFF; -webkit-text-size-adjust:none;}
*{margin: 0;padding: 0;}
body{color:#000000;  font-size:16px;}
ul,li{list-style:none;}
img{vertical-align:top; border:none;width: 100%;height: auto;}
a{color: #000000;text-decoration: none;display: inline-block;}
input:focus{ outline: none;}
input{ font-family:"Inter Regular"; background:#fff; border:none;}
input[type=button],input[type=submit],input[type=reset],button{-webkit-appearance:none; cursor: pointer;}
.hidden-md{display: none;}
.Head,.SectionOne,.SectionTwo,.SectionThree,.SectionFour{margin: 0 auto;width: 100%;padding: 0 20px;box-sizing: border-box;}
.Head{display: flex;align-items: center;justify-content: space-between;height: 60px;}
.Head .HeadRight{display: flex;align-items: center;justify-content: end;}
.HeadRight .AllNav{display: flex;justify-content: end;}
.HeadRight .AllNav a{height: 60px;line-height: 18px;padding: 0 5px;display: flex;align-items: center;box-sizing: border-box;margin-right: 40px;text-align: center;}
.HeadRight .AllNav a.Current{border-bottom: 4px solid #4f3829;}
.HeadRight .CountryList{position: relative;cursor: pointer;}
.HeadRight .CountryList .shipToName,.HeadRight .CountryList .CountrySelect{display: flex;align-items: center;border: 1px solid #999999;border-radius: 3px;padding: 1px 6px;box-sizing: border-box;height: 26px;}
.HeadRight .CountryList .shipToName.Show{border-radius: 0;}
.HeadRight .CountryList .CountrySelect{border-top: none;border-radius: 0 0 3px 3px;position: absolute;width: 100%;display: none;background: #ffffff;}
.HeadRight .CountryList .CountrySelect.Show{display: flex;}
.HeadRight .CountryList em{display: flex;}
.HeadRight .CountryList .CurIcon{border-right: 1px solid #afafaf;padding-right: 8px;}
.HeadRight .CountryList span{font-size: 14px;line-height: 24px;}
.HeadRight .CountryList .CurName{margin: 0 25px 0 8px;}
.HeadRight .CountryList .arrow-icon{background: url(./images/icon-down.png) no-repeat;width: 10px;height: 7px;}
.HeadRight .CountryList .arrow-icon.Show{transform: rotate(180deg);}
.Content h1{font-size: 34px;width: max-content;padding: 0 0 15px;border-bottom: 4px solid #4f3829;margin: 10px 0 40px;}
.SectionOneWarp{padding: 40px 0 80px}
.SectionOneWarp h1{margin: 10px auto 40px;}
.SectionOne{display: flex;}
.SectionOne ul{display: flex;flex-direction: column;justify-content: space-between;}
.SectionOne .LeftImg{margin-right: 1.3%;}
.SectionOne .LeftImg p{margin-bottom: 2%;}
.SectionOne .LeftImg ul{width: 49%;}
.SectionOne .LeftImg .ImgUl ul:nth-of-type(1){margin-right: 2%;}
.SectionOne .LeftImg .ImgUl{display: flex;flex-wrap: wrap;}
.SectionOne .LeftImg li{margin-bottom:4%;}
.SectionOne li:last-child{margin-bottom: 0 !important;}
.SectionTwoWarp,.SectionFourWarp{background-color: #4f3829;}
.SectionTwoWarp h1{color: #ffffff;border-bottom: 4px solid #fce7c8;}
.SectionTwo,.SectionThree{display: flex;padding: 60px 20px;justify-content: space-between;flex-wrap: wrap;}
.SectionTwo .DescribeImg{width: 40%;}
.SectionTwo dl{display: flex;align-items: center;margin-bottom: 35px;}
.SectionTwo dl:nth-last-of-type(1){margin-bottom: 0;}
.SectionTwo dl dt{width: 71px;margin-right: 25px;}
.SectionTwo dl dd{color: #fce7c8;font-size: 22px;padding-bottom: 10px;border-bottom: 1px solid #fce7c8;width: fit-content;}
.SectionTwo .DescribeBox{display: flex;flex-direction: column;justify-content: space-between;padding: 20px 0;width: 58%;margin-right: 2%;}
.SectionThree{align-items: center;padding: 105px 20px;}
.SectionThree .DescribeBox div{margin-top: 60px;}
.SectionThree .DescribeBox p{line-height: 28px;margin-bottom: 30px;}
.SectionThree .DescribeImg{width: 40%;margin-right: 2%;}
.SectionThree .DescribeBox{width: 58%;}
.SectionFourWarp{padding-bottom: 60px;}
.SectionFourBox{padding: 50px 0 135px;border-bottom: 2px solid #705d51;}
.SectionFour{display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;}
.SectionFour h1{padding: 0;border-bottom: none;color: #fce7c8;}
.SectionFour p{color: #ffffff;font-size: 18px;line-height: 30px;}
.SectionFour .ContactUs{width: calc(100% - 530px);}
.SectionFour .EmailBox{margin: 0 50px;width: 430px;}
.SectionFour .EmailBox p{color: #fce7c8;font-size: 22px;}
.SectionFour .EmailBox p::before{content: "";display: inline-block;background: url(./images/email-icon.png) no-repeat;width: 28px;height: 18px;margin-right: 10px;}
.SectionFour .EmailBox input{width: 100%;height: 48px;padding: 0 20px;box-sizing: border-box;font-size: 18px;color: #4f3829;margin: 15px 0 10px;}
.navfix{position: fixed;right: 0px;top: 84px;}
.fixnav {z-index: 10;background: #fff;width: 100%;}
.fixnav.navfix {position: fixed;top: 0;left: 0;box-shadow: 0 2px 10px rgba(0,0,0,0.1);width: 100%;justify-content: space-around;}
@media screen and (max-width:767px) {
    .hidden-xs{display: none !important;}
    .hidden-md{display: block;}
    body{font-size: 13px;}
    .Head, .SectionOne, .SectionTwo, .SectionThree, .SectionFour{padding: 0 10px;}
    .Head{height: 50px;}
    .Head .Logo{width: 200px;}
    .Content h1{font-size: 20px;border-bottom: 2px solid #4f3829;padding-bottom: 5px;margin: 0 auto 20px;}
    .SectionOneWarp{padding: 20px 0;}
    .SectionTwoWarp h1{border-bottom: 2px solid #fce7c8;}
    .SectionTwo{padding: 20px 10px;}
    .SectionTwo .DescribeBox{width: 100%;margin: 0 0 10px 0;padding: 0;}
    .SectionTwo dl{margin-bottom: 20px;}
    .SectionTwo dl dt{width: 41px;margin-right: 10px;}
    .SectionTwo dl dd{font-size: 15px;padding-bottom: 5px;}
    .SectionTwo .DescribeImg,.SectionThree .DescribeImg{width: 80%;margin: 4% 0;}
    .SectionThree .DescribeBox{width: 100%;}
    .SectionThree .DescribeBox div{margin-top: 0;}
    .SectionThree .DescribeBox p{line-height: 22px;margin-bottom: 15px;}
    .SectionFourWarp{padding-bottom: 30px;}
    .SectionFourBox{padding: 20px 0 40px;}
    .SectionFour h1{padding: 0;margin: 0 0 15px;}
    .SectionFour .ContactUs{width: 100%;margin-bottom: 30px;}
    .SectionFour .EmailBox{width: 100%;margin: 0;}
    .SectionFour p{font-size: 14px;line-height: 26px;}
    .SectionFour .EmailBox p{font-size: 16px;}
    .SectionFour .EmailBox input{font-size: 14px;padding: 0 10px;height: 40px;margin: 10px 0;}
}
@media screen and (max-width:460px) {
    .Head .Logo{width: 40%;}
    .SectionTwo .DescribeImg,.SectionThree .DescribeImg{margin: 4% auto;}
}

  @media (max-width: 991px) and (min-width: 768px) {
    .navfix{top: 102px;}
}

@media screen and (max-width:1023px) and (min-width:767px) {
    body{font-size: 14px;}
    .Head .Logo{width: 22%;}
    .HeadRight .AllNav a{margin-right: 20px;width: 20%;}
    .Head .HeadRight{width: 76%;}
    .Content h1{font-size: 24px;padding-bottom: 10px;margin: 10px 0 30px;}
    .SectionOneWarp{padding: 30px 0 40px;}
    .SectionOneWarp h1{margin: 10px auto 30px;}
    .SectionTwo dl{margin-bottom: 20px;}
    .SectionTwo dl dt{width: 51px;}
    .SectionTwo dl dd{font-size: 16px;}
    .SectionTwo, .SectionThree{padding: 40px 20px;align-items: center;}
    .SectionThree .DescribeBox div{margin-top: 0;}
    .SectionThree .DescribeBox p{line-height: 24px;margin-bottom: 20px;}
    .SectionThree .DescribeBox p:last-of-type{margin-bottom: 0;}
    .SectionFourWarp{padding-bottom: 50px;}
    .SectionFour{align-items: start;}
    .SectionFour h1{margin: 0 0 20px;padding: 0;}
    .SectionFourBox{padding: 40px 0 60px;}
    .SectionFour .EmailBox{width: 40%;margin: 0;}
    .SectionFour .ContactUs{width: calc(100% - 44%);margin-right: 4%;}
    .SectionFour p{font-size: 15px;line-height: 28px;}
    .SectionFour .EmailBox input{font-size: 16px;padding: 0 10px;height: 42px;}
    .SectionFour .EmailBox p{font-size: 20px;}
}
@media screen and (max-width:1279px) and (min-width:1024px) {
    .Content h1{font-size: 28px;padding-bottom: 10px;}
    .HeadRight .AllNav a{margin-right: 25px;}
    .SectionOneWarp{padding: 40px 0 50px;}
    .SectionTwo, .SectionThree{align-items: center;padding: 50px 20px;}
    .SectionTwo dl dt{width: 61px;}
    .SectionTwo dl dd{font-size: 20px;}
    .SectionThree .DescribeBox div{margin-top: 0;}
    .SectionThree .DescribeBox p:last-of-type{margin-bottom: 0;}
    .SectionFourBox{padding: 50px 0 70px;}
    .SectionFour{align-items: start;}
    .SectionFour h1{padding: 0;margin-top: 0;}
}
@media screen and (min-width:1500px){
    .Head,.SectionOne,.SectionTwo,.SectionThree,.SectionFour{width: 1500px;}
    .Head{padding: 0;}
    .HeadRight .AllNav a{margin-right: 60px;}
    .SectionOneWarp h1{font-size: 36px;}
    .SectionOne .LeftImg{width: 992px;margin-right: 28px;}
    .SectionOne .LeftImg p{width: 992px;margin-bottom: 28px;}
    .SectionOne .LeftImg ul{width: 482px;}
    .SectionOne .LeftImg .ImgUl ul:nth-of-type(1){margin-right: 28px;}
    .SectionOne .LeftImg li{width: 482px;margin-bottom: 28px;}
    /* .SectionOne .LeftImg li:nth-child(2){width: 482px;}
    .SectionOne .LeftImg li:nth-child(3){width: 482px;}
    .SectionOne .LeftImg li:nth-child(4){width: 482px;}
    .SectionOne .LeftImg li:nth-child(5){width: 482px;}
    .SectionOne .LeftImg li:nth-child(6){width: 482px;}
    .SectionOne .LeftImg li:nth-child(7){width: 482px;} */
    .SectionOne .RightImg li{width: 481px;margin-bottom: 28px;}
    .SectionTwo .DescribeBox{margin-right: 60px;width: calc(100% - 764px);}
    .SectionTwo .DescribeImg{width: 704px;}
    .SectionTwo dl,.SectionTwo dl:nth-last-of-type(1){margin-bottom: 45px;}
    .SectionTwo dl dt{width: 91px;margin-right: 35px;}
    .SectionTwo dl dd{font-size: 24px;}
    .SectionTwo,.SectionThree{padding: 60px 0;}
    .SectionThree .DescribeImg{width: 657px;margin-right: 60px;}
    .SectionThree .DescribeBox{width: calc(100% - 717px);}
    .SectionFour .ContactUs{width: calc(100% - 580px);}
    .SectionFour .EmailBox{margin: 0 100px 0 50px;}
}