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;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

a:focus, button {text-decoration: none;outline:none;display:none}

/*top button*/
html {scroll-behavior: smooth} @media screen and (prefers-reduced-motion: reduce) {html {scroll-behavior: auto}}
a.top {position:absolute;top:0;right:30px;width:12px;writing-mode: vertical-lr;text-orientation:mixed;color: #6a6a6a;padding: 11em 0 0;font-family: Myriad Pro}
a.top:before {position: absolute;top:0;content:"";right:6px;width: 1px;height: 10em;background-color: #6a6a6a}
a:focus, button:focus {outline:none}

body {background-color:#fff}
html, body, h1, h2, h3, h4, h5, h6, p, a {font-family:'微軟正黑體', Arial, Helvetica, sans-serif}
a, a:active, a:focus, a:hover{outline: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;}
.sp {display: none!important;}

::selection {color: white; background: #ce1126;}

header {position: absolute;top:0;left:0;width: 100%;z-index: 3;}
header>div {padding: 0px!important;}
header.set01 {background: url(../img/banner01.jpg) no-repeat center top;background-size: cover;min-height: 372px;}
header.set02 {background: url(../img/banner02.jpg) no-repeat center top;background-size: cover;min-height: 372px;}
header.set03 {background: url(../img/banner03.jpg) no-repeat center top;background-size: cover;min-height: 372px;}
header.set04 {background: url(../img/banner04.jpg) no-repeat center top;background-size: cover;min-height: 372px;}
header .top-area {position: relative;height: 80px;}
header .top-area .language {position: absolute;bottom: 0;right: 5%;line-height: 58px;color: #ce1126;}
header .top-area .language a {color: #ce1126;font-weight: bold;}
.Nav_language {display: none;color: #fff;font-size: 1.15em;margin: 1rem 0;text-align: center;}
.Nav_language a {position: relative;color: #fff;padding: 0 .5rem}
.Nav_language a:first-child:after {position: absolute;content: "/";color: #ffffff;font-size: 1.15rem;font-weight: 600;padding-right: 0.5rem;}
.Nav_language a:last-child:after {padding: 0 .5rem 0 0;}
.Nav_language span {padding: 0 1rem;}

@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{ color: #fff;  }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.logo {position:absolute;top:30px;left:10%;padding:0;z-index: 9}
.logo img {width:auto;height:55px}
.social {position:absolute;top:20px;right:5%;width:50px;height:50px;padding:0;z-index:9;text-align:center;line-height:50px}
.social img {vertical-align: middle;}
a.scrolldown {position: absolute;bottom:80px;left: 50%;width:80px;height: 30px;display: block;margin-left: -40px;padding: 10px 15px;color: #fff}
a.scrolldown:after {position: absolute;bottom: -100px;left: 50%;content: "";width:1px;height: 90px;background:#fff;}

.overlay {height: 0%;width: 100%;position: fixed;z-index: 10;top: 0;left: 0;background-color:#2a2a2a;overflow-y: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}
.mobile {display:none!important;}
.brand-logo {position:absolute;top:0;left:10%;z-index:9}

@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
/*選單*/
.fixed-top {position: fixed!important;top:0;}
#menubox {position:relative;width: 100%;height: 95px;background: rgba(255, 255, 255, .9);-webkit-filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.5));filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.5));transition: top .2s;-webkit-appearance: none;}
ul.unit-menu {position: absolute;right:3%;display: block;text-align:center;width:60%;max-width: 880px;z-index: 9}
ul.unit-menu li {position: relative;display:inline-block;width: calc(100%/6);margin: 0 -2px}
ul.unit-menu > li:before {content: "";position: absolute;top:0;right:0;width:48px;height: 95px;background: url(../img/line02.png) no-repeat;}
ul.unit-menu li:last-child:before {width: 0;}
ul.unit-menu li > a {position: relative;display:inline-block;width:100%;height:95px;color:#ce1126;font-size:1em;letter-spacing: 1.65px;line-height: 90px;vertical-align: bottom;padding-right: 48px;}
ul.unit-menu li > a:focus {color:#fff;}
ul.unit-menu a:hover {color: #101010;text-decoration: none}
ul.unit-menu li ul {left:-20%;border-radius: 0;padding: 0;min-width: 248px;}
ul.unit-menu li ul li {width:100%;margin:0;border-bottom: #b8b8b8 1px solid}
ul.unit-menu li ul li:last-child {border: none;}
ul.unit-menu li ul li a {height: 40px;padding:0 15px;line-height: 40px;color: #101010;font-size: .925em;}
ul.unit-menu li ul li a:hover {}
.dropdown-menu {background: rgba(255, 255, 255, .8);}
.dropdown-toggle::after {display: none;}

.search-box {position: absolute;right: 5%;top:28px;max-width: 188px;}
.search-box input, .search-box button {display: inline;border-radius: 0;border: 1px solid #cd1126;}
.search-box input {border-right: none;}
.search-box button {background: #fff;border-left: none;color: #cd1126;}
.search-box .form-control:focus {border-color: #cd1126;box-shadow: none;}

.owl-unit01 {position: relative;padding-bottom: 30px}
.owl-unit01 .owl-nav {position: absolute;top: calc(50% - 58px);left:-80px;width: calc(100% + 160px);height: 58px}
.owl-unit01 button.active {background: transparent;border: #fff 1px solid}
.owl-nav .owl-prev {position: absolute;left: 0;display: block;border: #cfcfcf 1px solid!important;width: 58px;height: 58px;border-radius: 99em;background: url(../img/arrow-left.svg) no-repeat center center;background-size: 26px 16px;text-indent: -9999px;}
.owl-nav .owl-next {position: absolute;right: 0;display: block;border: #cfcfcf 1px solid!important;width: 58px;height: 58px;border-radius: 99em;background: url(../img/arrow-right.svg) no-repeat center center;background-size: 26px 16px;text-indent: -9999px;}

/* main*/
main {position: relative;}
main.page {top: 372px;min-height: 580px;padding: 0;}
main.page .inner {width: 80%;max-width: 80%;}
main .top-area {width: 100%;height: 5vh;background: #cd1126;-webkit-filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.3));filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.3));}


.index-unit h1, .index-unit h2 {color: #ce1126}
.index-unit01 {background: url(../img/unit01_bg.jpg) no-repeat;background-size: cover;line-height: 1.5}
.index-unit01 .inner {padding: 12rem 5rem 8rem;}
.index-unit01 h1 {font-size: 2.5em;margin: 0 0 2.5rem;}
.index-unit01 h2 {font-size: 1.5em;margin: 0 0 1.5rem;}
.index-unit01 p {width: 60%;font-size: 1.15em}

.index-unit02 .inner {padding: 5rem;}
.index-unit02 h1 {font-size: 2.5em;margin: 0 0 2.5rem;line-height: 1.5}

.index-unit02 .list > div {height: 400px;position: relative;}



.index-unit02 .list > div img {position: absolute;top:10%;left: 0;z-index: 2;max-width: 98%;}
.index-unit02 .txt-area {position: absolute;left:0;bottom:0;width:98%;height: 110px;background: #ce1126 url(../img/triangle_bg.jpg) no-repeat right bottom;}
.index-unit02 .txt-area a {position: absolute;right:33px;bottom:0;color: #fff;display: block;line-height: 40px;width: 130px;height: 40px;background: url(../img/index-unit02-more.png) no-repeat;text-align: center;}
.index-unit02 .txt-area h3 {color: #fff;font-size: 1.35em;position: absolute;bottom: 0;left: 3rem;line-height: 40px;}

/* banner */
.banner {position: relative;vertical-align: middle;padding:0;text-align: center;}
.banner .slick-track > div {min-height: 100vh;}
.banner .slick-arrow {display: none!important;}
.banner .title {position: absolute;top:42%;left:50%;transform: translate(-50%, -50%);max-height: 500px;z-index: 2;}
.banner .set01 {--animate-duration: 1s;--animate-delay: 1s;}
.banner img {width: 100%;height: auto;}
.set02 {background: url(../img/banner02.jpg) no-repeat center top;background-size: cover;min-height: 372px;}
.slick-slider {height: 100vh;}
.slick-dots {position: absolute;right:20px;bottom: 2rem;display: block;width: 100%;height: 10px;z-index: 3;text-align: right;}
.slick-dots li {display: inline-block;margin:0 5px;}
.slick-dots button {display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 99px;border: 1px #fff solid;text-indent:-9999px;padding: 0;}
.slick-dots li.slick-active button {display: inline-block;width: 11px;height: 11px;border: 1px #8d8d8d solid;text-indent:-9999px;}

#sideBox {max-width: 328px;margin:0 0 2rem;}
#sideBox li {position: relative;}
#sideBox li .active {
  background-color:#cd1126;
  color:#fff;
}
#sideBox ul.sidebar a:hover {
  color:rgb(228, 216, 54);
}
#sideBox a {display: block;color: #cd1126;padding: 1rem .5rem;border-bottom:1px #cd1126 solid;}

#sideBox button.all {display: none;}
#sideBox a.item {display: block;}
#sideBox ul.all-goods ul {display: none;}

#sideBox h2 {font: bold 1.5em/1 微軟正黑體;margin: 0 0 20px;color: #cd1126;line-height: 1.5;}
#sideBox a h3 {font: bold 1.25em/1 微軟正黑體;margin:0 0 12px;color:#3a3a3a;padding-left: 15px;}
#sideBox ul.sidebar {margin: 0 0 12px;}
#sideBox ul.sidebar a {line-height: 1.5;font-weight: bold;}
#sideBox ul.sidebar span {padding-left: 1.5rem;}
#sideBox ul.sidebar i {position: absolute;top:0;display: block;height: 8px;width: 8px;float: right;transform: rotate(-225deg);margin: 18px 18px 0px 0px;}
#sideBox ul.sidebar i::before {content: "";width: 100%;height: 100%;border-width: 2px 2px 0 0;border-style: solid;border-color: #cd1126;transition: 0.2s ease;display: block;transform-origin: 100% 0;}
#sideBox ul.sidebar ul {background: #fff;display: none;}
#sideBox ul.sidebar ul li {background: transparent!important;}
#sideBox ul.sidebar ul a {padding-left: 2rem;}
#sideBox ul.set01 li {background: #d8d8d8;}
#sideBox ul.list a:hover, #sideBox ul.list a.active {background: #d8d8d8;}
#sideBox ul.active {display: block;}
#sideBox a.side_menu {display: none;}
#sideBox .dropdown-menu {position: static;display: block;border: none;float: none;}

/*單元分類*/
ul.itembox  {text-align:center}
ul.itembox li {position: relative;display: inline-block;margin: 0 -2px}
ul.itembox li::before {position: absolute;top:0;left: 0;content:"";width: 1px;height: 1em;background-color: #e5e5e5}
ul.itembox li:last-child::after{position: absolute;top:0;right: 0;content:"";width: 1px;height: 1em;background-color: #e5e5e5}
ul.itembox a {font-size:1em;color: #3a3a3a;padding: 0 20px}
ul.itembox a:hover {color: #d7aa38}
ul.itembox a.active {color: #d7aa38}

.content {}
.content img {max-width: 100%;width: 100%}
#EditBox {line-height: 1.5}

/*news*/
.news {margin:8rem 0;}
.news .img-box {margin:0 0 2rem;}
.news .top-box {color: #cd1126;margin}
.news .top-box h3 {line-height: 2rem;font-size: 1.5em;font-weight: bold;margin:0 0 1rem;}
.news .inner {width: 80%;margin:0 auto;}

/* products */
.products {position: relative;background: url(../img/bg03.png) no-repeat 5% bottom;padding-bottom: 10rem;}
.vision-area {}
.vision-area img {width: 100%;max-width: 100%;}
.products .title-area {position: relative;background: #cd1126 url(../img/line03.png) no-repeat 10% center;height: 108px;margin:5rem 0 4rem;text-align: center;color: #fff;font-size: 1.5em;font-weight: bold;}
.products .title-area h2 {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.products .title-area i {position: absolute;top:55%;left:95%;transform: translate(-50%, -50%);}
.products .title-area:before {position: absolute;width: 0;height: 0;top:-1px;right:-1px;bottom:-1px;content: '';border-style: solid;border-width: 0 0 109px 40px;border-color: transparent transparent #fff transparent;}
.products .title-txt {position: relative;height: 50px;text-align: left;background: url(../img/line05.png) no-repeat left center;}
.products .title-txt::before {position: absolute;left: 10px;bottom: 0;width: calc(100% - 10px);height: 10px;content: '';background: #d8d8d8;z-index: -1;}
.products .title-txt h3 {position: absolute;top:40%;left:15rem;transform: translate(-50%, -50%);color: #cd1126;font-size: 1.75em;font-weight: bold;}
.products .title-txt span {position: absolute;right: 1%;top:40%;transform: translate(-50%, -50%);font-size: 1.25em;}
.products ul.data-list li {position: relative;padding: 3rem 1rem;border-bottom: 4px #d8d8d8 solid;}
.products ul.data-list a {display: block;color: #101010;font-size: 1.25em;}
.products ul.data-list a:hover {color:#cd1126;}
.products ul.data-list picture {display: inline-block;width: 30%}
.products ul.data-list picture img {display: inline;width: auto;vertical-align: middle;}
.products ul.data-list p {display: inline;padding-left: 1rem;}
.products ul.data-list i {display: block;position: absolute;right: 1%;top:50%;width: 38px;transform: translate(-50%, -50%);}
.produce-details {
  background-color:#cd1126;
  color:#FFF;
  padding:3px;
  padding-left:10px;
}

.produce-details a{
  color:#FFF;
  font-size:1em;
  padding:3px;
}
/*contact*/
.contact {position: relative;background: url(../img/bg01.png) no-repeat;background-size: cover;margin:8rem 0 0;}
.contact .inner {padding-bottom: 5rem;}
.contact p.exp {display: block;margin:0 0 3rem;}
.contact form {max-width: 600px;}
.contact .btnbox {text-align: right;}
.contact .btnbox button {position: relative;background: #cd1126;color: #fff;text-align: center;width: 130px;border-radius: 0}
.contact .btnbox button:after {position: absolute;width: 0;height: 0;left:-1px;top:-1px;content: '';border-style: solid;border-width: 38px 20px 0 0;border-color: #fff transparent transparent transparent;}
.contact .btnbox button:before {position: absolute;width: 0;height: 0;right:-1px;top:-1px;content: '';border-style: solid;border-width: 0 0 38px 20px;border-color: transparent transparent #fff transparent;}
.contact input, .contact textarea {background: #d8d8d8;border-bottom: 1px #8d8d8d solid;border-radius: 0;}
.contact textarea {min-height: 260px;}
.contact img.set {position: absolute;left: -20%;top:35%;}

/* download */
.download {background: url(../img/bg01.png) no-repeat;background-size: cover;margin:8rem 0 0;}
.download .top-box {margin:0 0 2rem;color: #cd1126;font-size: 1.25em;}
.download .img-box {max-width: 580px;margin:0 0 5rem;}
.download .img-box img {-webkit-filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.3));filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.3));}
.download i {display: inline-block;width: 28px;margin-left: .5rem}
.download i img {width: 100%;vertical-align: middle;}

/*產品輪播*/
.swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
.swiper-slide img {width: 100%;}
.gallery-top {height: 65%;width: 80%;}
.gallery-thumbs {max-width:50%;height: 18%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 33.3333%;height: 100%;cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs .swiper-slide img {height: auto;width: 100%;}

/* 分頁 */
.pagebox {float:left;width:100%;}
.pagebox p {float:left;display:block;line-height:36px;}
.pagebox .navigation {float:right;width:auto;}
.pagebox .pagination {margin:0}
.navigation {float:left;width:100%;}
.justify-content-center {-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius: 99px;}
.page-item {margin:0 .5%;}
.page-item .page-link {width: 10px;height: 10px;padding:0;border-radius: 99px;color: #005326;border: 1px #dad8d0 solid;background: #dad8d0}
.page-item.active .page-link {background-color: #005326;border-color: #005326;width: 10px;height: 10px;padding:0;border-radius: 99px;}
.pagination li.back a{background-color:#fff;color:#3a3a3a;border-radius: 0;border: none;min-width: 218px;line-height:40px;text-align: center;padding:0;display: inline-block;border: 1px #8a8a8a solid;}
.pagination li.back a:hover {background-color:#3a3a3a;color:#fff}

footer {position:relative;color: #231815;background: #ce1126;overflow: hidden;padding: 15px 0px 0!important;}
footer.page {top: 372px;}
footer > div {background-color: #ececec;padding: 0!important;}
footer .inner {max-width: 90%;}
footer .top {padding: 5rem 0;}
footer .f-logo {max-height: 45px;margin:0 0 1rem;}
footer .infobox {font-size: .925em}
footer .infobox h3 {font-size: 1.25em;font-weight: bold;margin:0 0 .5rem;}
footer .infobox p {padding-bottom: .5rem;letter-spacing: 1px}
footer .infobox p span {position: relative;display: inline-block;text-align: justify;text-justify: distribute-all-lines;text-align-last: justify;}
footer .infobox p span:first-child {padding-right: 15px;}
footer .infobox p span:first-child:after {position: absolute;right:0;width:20px;height: 14px;content:"";background: url(../img/line01.png) no-repeat 10px center;}
footer .infobox .seo {color: #d01126;}
footer .linkbox {padding: 0}
footer .linkbox a {display: inline-block;margin-right: 5px}
footer ul.footer-link {text-align: right;}
footer ul.footer-link > li {position: relative;display: inline-block;padding: 0 16px;vertical-align: top;width: calc(100%/6);text-align: left;margin-left: -4px;}
footer ul.footer-link li span {position: relative;display: block;font-weight: bold;margin: 0 0 .8rem;padding: .2rem 1rem 0 1rem;font-size: 1.25em;vertical-align: top;}
footer ul.footer-link li span::after {position:absolute;left: 0;top:0;content: '';width: 1px;height: 3vh;background: #ce1126}
footer ul.footer-link a:hover {color: #ce1126}
footer ul.footer-link a {color: #101010;}
footer ul.footer-link ul {margin-left: -7px;}
footer ul.footer-link ul a {display: block;font-weight: normal;margin:0 0 .25rem; font-size:0.9rem;}
footer .bottom {background: #ce1126;text-align: right;color: #fff;padding: 1rem 0;}
footer .bottom p {font-size: .825em;}
footer ul.footer-social {text-align: right;padding-bottom: .5rem;}
footer ul.footer-social li {position: relative;display: inline-block;padding: 0 .5rem;}


@media (min-width: 1366px) and (max-width: 	4860px) {
}

/* 手機版 */
@media only screen and (max-width: 768px) {
.index-unit02 .list > div {height: 269px;position: relative;}
a:focus, button {display:block}
.pc {display: none!important;}
.sp {display:block!important;}
.float_right_box {display: none}
.navbar {display:block}
.logo img {width: auto;height: 40px;}
img {max-width: 100%;}
header {position: absolute;top:0;left:0;width: 100%;padding:0;background: none;z-index: 7}
header .container {padding:0}
header .home {display:block;width: 100%!important;}
header .home img {max-width: 60%;margin: 0 auto 0rem;}
header.index {height: auto;}
header .contact, header .order, header .booking-line {display:block;}
header.page {height: auto;}
header .search {position: absolute;right: 15px;color: #fff;z-index: 9;font-size: 20px;top: 18px;}
header .top-area {display: none;}
header.set01 {background: url(../img/banner01-m.jpg) no-repeat center top;background-size: cover;min-height: 372px;min-height: 328px!important;}
header.set02 {background: url(../img/banner02-m.jpg) no-repeat center top;background-size: cover;min-height: 372px;min-height: 328px!important;}
header.set03 {background: url(../img/banner03-m.jpg) no-repeat center top;background-size: cover;min-height: 372px;min-height: 328px!important;}
header.set04 {background: url(../img/banner04-m.jpg) no-repeat center top;background-size: cover;min-height: 372px;min-height: 328px!important;}
.Nav_language {display: block;}

#menubox {position: fixed;height: 80px;background: #fff;}
.navbar-collapse {position: absolute;top: 80px;width: 100%;padding: 10px 0 1rem;-webkit-filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.3));filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.3));background: #cd1126;}
.navbar {padding: 0;margin-bottom:0;min-height: 60px;}
.navbar-brand {position:fixed;top:25px;left:10px;}
.navbar-toggler {position: absolute;width: 50px;height: 50px;right: 10px;top:10px;padding: 0}
.navbar-toggler:focus {outline-style: none;box-shadow: none;border-color: transparent;}
.navbar-toggler span > span {background: #cd1126}
.navbar-toggler-icon {background: url(../img/icon_menu.png) no-repeat center;}
.navbar .nav-item { display: block!important;}
[aria-expanded="false"] .navbar-toggler-icon {background: url(../img/icon_menu.png) no-repeat center;}
[aria-expanded="true"] .navbar-toggler-icon {background: url(../img/icon_down.png) no-repeat center;}
ul.unit-menu {}
ul.unit-menu li {margin:0;}
ul.unit-menu, ul.unit-menu li, .search-box {position: static;width:100%;}
ul.unit-menu li ul {background: #fff;}
ul.unit-menu > li:before {display: none;}
ul.unit-menu li {border-bottom: 1px #fff solid;}
ul.unit-menu li > a {padding: 0 10px;height: 40px;line-height: 40px;color: #fff;text-align: left;}
ul.unit-menu {padding: 0 0 2rem;}
.search-box {width:100%;max-width:100%;margin:0;padding: 0 10px;}
.search-box input {border-right: none;width: calc(100% - 50px);}
.search-box button {display: inline-block;width: 50px;}
ul.list {display: none;}
.index-unit01 h1, .index-unit02 h1 {line-height: 1.2;margin: 0 0 1.5rem;}
.index-unit01 h1 img {width: auto;height: 13.8px;}
.index-unit02 h1 img {width: auto;height: 26px;}
.index-unit01 h2 {font-size: 1.25em;}
.index-unit01 p {width: 100%;}
a.scrolldown {bottom: 28px}
.top-slider {top:62px;}
.top-slider .slider.slider-nav .slick-list, .top-slider .slider.slider-nav {width: 100%;max-width: 100%}
.top-slider .slider.slider-nav {z-index: 2}
.top-slider .slick-slide img {max-width: 100%;}
.top-slider .slider.slider-nav div img {width: 100%;height: auto;}
.top-slider .wrap_slider_nav {max-width: 100%}
.top-slider .slider.slider-for .slick-list .slick-track .slick-slide {padding:0;}
main {padding:0;z-index: 5;margin: 0;}
main.page, footer.page {top: 328px;}
main.page .inner {width: 100%;max-width: 100%;}
.main-visual .title {font-size: 1.5em}
.contactbox a {font-size:2em;padding-left: 40px}
.contactbox a:before {top: 5px}
.banner {min-height:inherit;height: 100vh;margin:0;max-height: 768px;background: #cd1126;}
.banner .slick-track > div {background-size: cover;height: 90vh;width: 100%;}

#sideBox {max-width: 100%;margin-bottom: 1.25rem;}
#sideBox h2 {font: bold 2em/1 微軟正黑體;line-height: 1.2;}
#sideBox h2 img {width: auto;height: 13.8px;}
#sideBox ul.sidebar {display:none;}
#sideBox button.all {display: block;}

.news, .products, .contact, .download {margin:2rem 0 0;padding:0 0 5rem;}
main .top-area {margin:0;height: 3vh;}

.products {background-size: 50%;padding: 0 0 5rem;}
.products .vision-area {min-height: 108px;}
.products .title-area {background: #cd1126 url(../img/line04.png) no-repeat 0 center;height: 50px;margin: 2rem 10px 1rem 0;}
.products .title-area i {left:88%;}
.products .title-area i img {max-height: 30px;}
.products .title-txt {background: none;line-height: 40px;}
.products .title-txt h3 {position:static;display: inline-block;font-size: 1.25em;transform:none;}
.products .title-txt::before {left: 0;width:100%;}
.products .title-txt span {position: static;padding-left: .5rem;font-size: .925em;vertical-align: top;}
.products ul.data-list {overflow-x: auto;}
.products ul.data-list a {font-size: 1em;}
.products ul.data-list li {min-width: 500px;padding: 1.5rem 1rem;}
.products ul.data-list i {right: 0;top: 20%;width: 20px;}
.products ul.data-list i {position:static;display: inline-block;vertical-align: middle;transform: none;margin-left: 1rem;}

.contact {background: none;}
.contact img.set {display: none;}
.contact .inner {padding-bottom: 0}

.index-unit01 .inner {padding: 3rem 0;}
.index-unit02 .inner {padding: 1rem 0;}

footer {padding: 0;font: 16px/1 'Noto Sans', sans-serif;text-align:center;background-color: #ce1126}
footer .bottom {text-align: center;}
footer .inner {width: 100%;max-width:100%;}
footer ul.footer-social {text-align: center;}

footer .row {display: block}
footer .col-4 {display: none}
footer ul.footer-link {display:none;}
footer h4 {margin: 0 0 28px;font-size: 1.25em;font-weight: 700}
footer p {margin: 0 0 8px;font-size: 1em}
footer p.address {font-size: 1em}
footer p.tel {font-size: 1.25em}
footer p span {display: none;}
footer .f-logo {border:none;padding:0;text-align:center;}
footer .txtbox {padding: 0;}
a.top {padding: 5em 0 0}
a.top:before {height: 4em}

#LineBox {min-width: 100%;padding: 5px;}

#sideBox ul {display: none;margin: 0;}
#sideBox button.all {position: relative;width:100%;height:48px;line-height:48px;margin: 0 0 20px;background:#cd1126;display: block;color: #fff;text-align: center;border-radius: 6px;border: none;border-radius: 0;}
#sideBox button.all span {position: relative;padding-right: 20px}
#sideBox button.all span:before {position:absolute;top:40%;right:0;content: "";width: 0;height: 0;border-style: solid;border-width: 6px 6px 0px 6px;border-color: #fff transparent transparent transparent;}
#sideBox button.open span:before {position:absolute;top:40%;right:0;content: "";width: 0;height: 0;border-style: solid;border-width: 0px 6px 6px 6px;border-color: transparent transparent #fff transparent;}

.ul.listbox {overflow-x: auto!important;}

/* 手機選單*/
.navbar-brand {position:relative;}
.navbar-inverse {height:62px;padding:0}
.brand-logo {margin:0 auto;padding: 0}
.brand-logo img {width:auto;height:48px}
.social {top:0;left:0}
.telbox {width:100%;text-align:center;margin: 20px 0 0}
.telbox span {position: relative;display:block;width:158px;margin:0 auto 12px;color:#fff;letter-spacing: 1.65px}
.telbox span:before {content: " ";position: absolute;bottom: 8px;left: 0;margin-left:0;width: 26px;height: 1px;background-color: #fff;}
.telbox span:after {content: " ";position: absolute;bottom: 8px;right: 0;margin-right:0;width: 26px;height: 1px;background-color: #fff;}
.telbox a {display:block;color:#f4df3a;font-size:28px}

.overlay {position: fixed;background: #3a3a3a;top: 0;left: 0;width: 100%;height: 0%;opacity: 0;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, height .35s;transition: opacity .35s, visibility .35s, height .35s;  overflow: hidden;z-index:99;}
.overlay.open {opacity: 1;visibility: visible;height:100%}
.button_container {position:fixed;top:0;right:0;height: 50px;width: 50px;cursor: pointer;z-index: 100;-webkit-transition: opacity .25s ease;transition: opacity .25s ease;z-index:999;}
.button_container:hover {opacity: .7;}
.button_container.active .top {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
          transform: translateY(8px) translateX(0) rotate(45deg);
  background: #cd1126;
}
.button_container.active .middle {opacity: 0;background: #cd1126;}
.button_container.active .bottom {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
          transform: translateY(-8px) translateX(0) rotate(-45deg);
  background: #cd1126;
}
.button_container span {background: #cd1126;border: none;height: 2px;width: 68%;position: absolute;top: 15px;left: 5px;-webkit-transition: all .35s ease;transition: all .35s ease;cursor: pointer;}
.button_container span:nth-of-type(2) {top: 23px;}
.button_container span:nth-of-type(3) {top: 31px;}
}



.item_info_r_goods_features {
  font-size: 14px;
}

.item_info_r_goods_infoitem {
  padding-bottom: 20px;
  line-height: 28px;

}

.item_info_r_goods_infoitem_row {
  text-align: left;
  margin: 10px 0px;
  padding-left: 20px;
}

.product-info-text {
  padding-top: 50px;
}

.item_info_r_goods_features_title {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  background-color: #f0f0f0;
  margin-bottom: 20px;
}

.item_info_r_goods_infoitem_title,
.item_info_r_goods_infoitem_text {
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
}

.item_info_r_goods_infoitem_text {
  width: 74%;
  text-align: justify;
}

.item_info_r_goods_infoitem_title {
  margin-right: 20px;
}

.item_info_r_additionalbuy {
  border-top: 1px solid #9d9d9d;
  margin: 10px 0px;
  font-size: 14px;
}

.item_info_r_info_title {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  background-color: #f0f0f0;
  margin-bottom: 20px;
}

.item_info_r_info_content {
  font-size: 14px;
  text-align: justify;
  padding-bottom: 25px;
}

.item_info_r_info_content dot {
  margin-right: 5px;
  top: 1px;
}

dot {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #3c474d;
}

.item_info_r_infobox {
  width: 100%;
}

.item_info_r_info_content table thead {
  background: #f0f0f0;
}

.item_info_r_info_content table {
  margin: 10px 0px;
  width: 100%;
  text-align: center;
  border: 1px solid #9d9d9d;
}

.item_info_r_info_content td {
  border: 1px solid #9d9d9d;
  padding: 5px 0px;
}

.item_info_r_info_content ut[tp="link"] {
  display: inline-block;
  margin: 5px 0px;
  cursor: pointer;
  color: #00a0e9;
  border-bottom: 1px solid #00a0e9;
}

.item_info_r_popup {
  width: 100%;
  margin: 10px 0px;
  padding: 15px 0px;
}

.item_info_r_popup ut {
  height: 50%;
  height: 25px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 10%;
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
}

.item_info_r_popup dot_q {
  margin-right: 5px;
}

dot_q {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 15px;
  background: #3c474d;
}

dot_q:before {
  content: "?";
  font-size: 13px;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  line-height: 18px;
}

._3DepLY {
  margin-top: 1.5625rem;
  padding: 6vh 1.25rem;
}

._3l3tbq {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 625px;
}

._2iNrDS {
  color: #757575;
  width: 110px;
  text-transform: capitalize;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._2tmiIO {
  -webkit-transition: height .5s cubic-bezier(.4, 0, .2, 1), opacity .5s cubic-bezier(.4, 0, .2, 1);
  transition: height .5s cubic-bezier(.4, 0, .2, 1), opacity .5s cubic-bezier(.4, 0, .2, 1);
  height: auto;
  opacity: 1;
}

._3djNyJ {
  width: 32.1875rem;
}

._3Jt05G>.icon-free-shipping-line,
._3Jt05G>.icon-shipping-airplane {
  font-size: 1.25rem;
  margin-left: .3125rem;
  margin-right: .3125rem;
  stroke: #000;
}

._39oJVk:last-child {
  margin: 0;
}

.items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex,
.h-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

._3dRJGI:last-child {
  padding-bottom: 0;
}

._3a2wD- {
  padding-bottom: 15px;
}

._3dRJGI {
  padding-bottom: 25px;
  color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

svg:not(:root) {
  overflow: hidden;
}

.shopee-svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  position: relative;
}

.crl7WW {
  -webkit-flex-basis: 32.1875rem;
  -ms-flex-preferred-size: 32.1875rem;
  flex-basis: 32.1875rem;
  max-width: 32.1875rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-variation {
  cursor: pointer;
  min-width: 5rem;
  min-height: 2.125rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .25rem .75rem;
  margin: 0 8px 8px 0;
  color: rgba(0, 0, 0, .8);
  text-align: left;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, .09);
  position: relative;
  background: #fff;
  outline: 0;
  word-break: break-word;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-variation:hover,
.product-variation:focus {
  color: rgb(195 30 35);
  border: 1px solid rgb(195 30 35);
  background: #fff;
}

button:focus {
  outline: 0;
}

._1FzU2Y {
  color: #757575;
  margin-top: 16px;
}

._1FzU2Y {
  color: #757575;
  margin-top: 16px;
}

._1FzU2Y .shopee-input-quantity {
  background: #fff;
}

._1zT8xu:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

._1zT8xu {
  outline: none;
  cursor: pointer;
  border: none;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
  transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
  border: 1px solid rgba(0, 0, 0, .09);
  border-radius: 2px;
  background: transparent;
  color: rgba(0, 0, 0, .8);
  width: 32px;
  height: 32px;
}

._19lAw4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._18Y8Ul {
  width: 64px;
  height: 32px;
  border-left: none;
  border-right: none;
  font-size: 16px;
  font-weight: 400;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  cursor: text;
  border-radius: 0;
  -webkit-appearance: none;
}

.OJJX3D {
  padding-left: 20px;
}

._2O0llP {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

._3a6p6c {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.btn--l {
  font-size: 16px;
  height: 48px;
  padding: 0 20px;
}

.YtgjXY {
  margin-right: 15px;
  min-width: 11.25rem;
  padding: 0 .75rem;
  font-size: 14px;
}

.btn-solid-primary {
  color: #fff;
  background: #815224;
}

.btn-solid-primary:hover {
  background: #97632f;
}

.btn-tinted,
.btn-tinted--link {
  color: #815224;
}

.btn-tinted {
  background: rgb(255 247 228);
  border: 1px solid #815224;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .03);
}

.btn-tinted:hover {
  background: rgb(255 252 244);
}

._343Jzb {
  margin-right: 10px;
  color: #815224;
  stroke: #815224;
  font-size: 1.25rem;
}

.shopee-svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  position: relative;
  vertical-align: middle;
}


@media (min-width: 1280px) and (max-width: 	1680px) {
  .logo {left: 2rem;}
  .logo img {height: 40px;}
  ul.unit-menu {left: calc(50% + 48px);right: inherit;transform: translateX(-50%);}
  ul.unit-menu li:last-child a {padding-right:0;text-align: left;}
  ul.unit-menu li > a {font-size: 1em;}
  .search-box {right: 2.5rem;}
  main.page .inner {width: 96%;max-width: 96%;}
  .products .title-txt h3 {font-size: 1.5em;margin-left:1.8em;}
  footer .top {max-width: 96%;}
  footer ul.footer-link > li {padding: 0 10px;}
  }