section#intro{text-align:center}section#intro .highlight{color:#9c6556;font-weight:bold}section#intro .banner{margin-bottom:0px}section#intro .pro{margin:40px 0;text-align:left}section#intro .pro .item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 0;border-top-left-radius:5px;border-top-right-radius:5px}@media (max-width:575px){section#intro .pro .item{padding:10px 0 0}}section#intro .pro .item .icon{width:33%}section#intro .pro .item .icon .after{display:none}section#intro .pro .item .desc{position:relative;width:67%;color:#9c6556}section#intro .pro .item .desc :after{content:'';position:absolute;bottom:-20px;left:3em;width:0;height:0;border-style:solid;border-width:10px 7px 0 7px;border-color:#80503d transparent transparent transparent}section#intro .pro .item .desc h2{font-size:1.5em;margin-bottom:0}@media (min-width:576px){section#intro .pro .item:hover{background-color:#80503d}section#intro .pro .item:hover .icon .before{display:none}section#intro .pro .item:hover .icon .after{display:inline-block}section#intro .pro .item:hover .desc :after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);border-color:#ffffff transparent transparent transparent}section#intro .pro .item:hover .desc h2{color:#ffffff}}section#intro .pro .item--click{background-color:#80503d}section#intro .pro .item--click .icon .before{display:none}section#intro .pro .item--click .icon .after{display:inline-block}section#intro .pro .item--click .desc :after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);border-color:#ffffff transparent transparent transparent}section#intro .pro .item--click .desc h2{color:#ffffff}section#intro .pro .content__item{width:33.3333%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px}@media (max-width:767px) and (min-width:576px){section#intro .pro .content__item{width:50%}}@media (max-width:575px){section#intro .pro .content__item{width:100%}}section#intro .pro .content__item .imgbox{width:100%;max-width:100px}section#intro .pro .content__item .textbox{width:100%;max-width:calc(100% - 100px);color:#9c6556;padding-left:10px}section#intro .pro .content__item .textbox h3{font-size:1.5rem}section#intro .pro .content__item .textbox p{font-size:1rem}section#intro .pro .contents{width:100%}section#intro .pro .content{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:none;padding:20px;background-color:#e7d6cf;border-top:10px solid #80503d;border-radius:10px;border-top-left-radius:0}@media (max-width:575px){section#intro .pro .content{border-radius:0}}section#intro .pro .content--open{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:575px){section#intro .pro .content__desktop{display:none}}@media (min-width:576px){section#intro .pro .content__mobile{display:none}}section#tvc{padding-bottom:50px;border-bottom:solid 0px #EEE}section#tvc .col{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}section#tvc h2{margin-top:20px}section#tvc p{font-size:1.1em;line-height:170%;padding-right:20px}section#tvc .video{position:relative;height:auto;width:100%}section#tvc .video:before{content:"";display:block;padding-top:56.25%}section#tvc .video iframe{position:absolute;left:0;top:0;width:100%;height:100%}section#tvc a.pop-video{position:relative}section#tvc a.pop-video:before{content:"\f174";display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FFF;font-size:5em}section#tvc a.pop-video:hover:before{color:#9d674f}section#product{padding:50px 0;border-bottom:solid 1px #EEE}section#product>.item{margin:70px 0}section#product>.item .col{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}section#product>.item h2{color:#9d674f;text-align:center;font-size:36px;margin-bottom:30px}section#product>.item .pic{text-align:center}section#product>.item .pic img{max-width:145px}section#product>.item .pic .btns{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:30px}section#product>.item .pic .btns a{background-color:#FFF;border:solid 1px #9d674f;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#9d674f;margin:0 10px}section#product>.item .pic .btns a .label{line-height:125%}section#product>.item .pic .btns a .label .remark{font-size:0.875em;color:#333;display:block}section#product>.item .pic .btns a .ico{margin-left:8px}section#product>.item .pic .btns a .ico:before{content:"\f284";display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased}section#product>.item .desc h3{position:relative;color:#9c6556;font-size:1.6em;text-align:center;font-style:italic;font-weight:bold;margin-top:40px}section#product>.item .desc h3:after{content:"";width:100%;height:15px;background-color:#EEE;position:absolute;bottom:-5px;z-index:-1;left:0;-webkit-transform:skewX(160deg);-moz-transform:skewX(160deg);-ms-transform:skewX(160deg);-o-transform:skewX(160deg);transform:skewX(160deg)}section#product>.item .desc .pro{margin:50px 0}section#product>.item .desc .pro .item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:10px}section#product>.item .desc .pro .item .icon{width:40%;margin-right:5%}section#product>.item .desc .pro .item p{width:55%;font-size:20px;line-height:150%;margin-left:auto;margin-right:auto;text-align:center}section#guide{padding:50px 0;border-bottom:solid 1px #EEE;text-align:center}section#guide .row{width:70%;margin:0 auto}section#guide .row .col{padding:0 20px}section#guide h2{color:#9d674f;font-size:1.5em}section#guide .item .icon{margin-bottom:30px;height:272px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}section#guide .item .desc{font-size:1.1em}section#guide .item .desc .remark{font-size:0.8em}section#faq{padding:50px 0;border-bottom:solid 1px #EEE}section#others{padding:50px 0;border-bottom:solid 1px #EEE}section#others .item{text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}section#others .item .row{width:100%}section#others .item .col{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:25px}section#others .item .wrap{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}section#others .item .wrap .logo img{max-height:72px;margin:0 auto}section#others .item .wrap .pic{margin:25px 0;min-height:160px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}section#others .item .wrap .pic img{max-width:125px;max-height:160px;margin:0 auto}section#others .item .wrap h3{font-size:1.1em}section#ref{padding-top:50px}section#ref .item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20px}section#ref .item .num{margin-right:5px}@media (max-width:567px){section#intro .pro .item{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}section#tvc .video{margin-bottom:20px}section#guide .row{width:100%}section#guide .item .icon{min-height:172px}section#others .item{padding:25px 10px;border-bottom:solid 1px #EEE;display:block}section#others .item .row{margin:0}section#others .item .col{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;display:flex!important}section#others .item .wrap{display:block}section#others .item h3{margin:10px 0}section#others .item .pic img{max-height:200px}}.ico{max-width:45px}.item__info{display:none}