:root{--color-white: #fff;--color-gray: #999;--color-text: #333;--color-brown: #7f7871;--color-coffee: #c8ac88}html,body{margin:0;font-size:16px}*{-webkit-box-sizing:border-box;box-sizing:border-box}*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%;vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0}ul{padding-left:0;list-style-type:none;margin:0}a{text-decoration:none}body{background-image:url(/img/all-bg.jpg);color:var(--color-text)}body>header{background-color:white}body>header .container{padding:8px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 901px){body>header .container{padding:16px}}body>header .container .logo{z-index:1003}body>header .container .logo img{height:48px}body>header .container #nav-toggle{display:none}body>header .container #nav-toggle:checked+label span{-webkit-transform:rotate(385deg);transform:rotate(385deg)}body>header .container #nav-toggle:checked+label::before{top:30px;-webkit-transform:rotate(-385deg);transform:rotate(-385deg)}body>header .container #nav-toggle:checked+label::after{bottom:27px;-webkit-transform:rotate(-385deg);transform:rotate(-385deg)}body>header .container #nav-toggle:checked+label+#nav{-webkit-transform:translateX(0%);transform:translateX(0%)}body>header .container #nav-toggle+label{position:fixed;top:0;right:0;width:64px;height:64px;display:inline-block;z-index:1002}@media (min-width: 901px){body>header .container #nav-toggle+label{display:none}}body>header .container #nav-toggle+label::before,body>header .container #nav-toggle+label::after{content:'';height:3px;background-color:var(--color-gray);position:absolute;left:16px;-webkit-transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}body>header .container #nav-toggle+label::before{width:32px;top:20px}body>header .container #nav-toggle+label::after{bottom:20px;width:16px}body>header .container #nav-toggle+label span{width:32px;height:3px;background-color:var(--color-gray);display:inline-block;position:absolute;top:30px;left:16px;-webkit-transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}body>header .container #nav-toggle+label+#nav{position:fixed;top:0;left:0;width:100%;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:1001;background-color:white;margin:0;padding:76px 16px 16px;-webkit-transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media (min-width: 901px){body>header .container #nav-toggle+label+#nav{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(0%);transform:translateX(0%);width:auto;padding:0}}body>header .container #nav-toggle+label+#nav li{padding:16px;text-align:center}body>header .container #nav-toggle+label+#nav li a{color:var(--color-text)}body>header .container #nav-toggle+label+#nav li a.fb{display:inline-block;width:24px;height:24px;border-radius:50%;border:1px solid var(--color-gray);text-align:center;line-height:24px}@media (min-width: 901px){body>footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}body>footer .container .logo{-ms-flex-preferred-size:50%;flex-basis:50%;padding:32px 24px}@media (min-width: 901px){body>footer .container .logo{padding:32px 0}}body>footer .container .logo img{height:48px}body>footer .container .logo span{color:var(--color-text);font-size:24px}body>footer .container .contact{-ms-flex-preferred-size:50%;flex-basis:50%;padding:0 24px 24px}@media (min-width: 901px){body>footer .container .contact{padding:0 32px;margin:48px 0;border-left:1px solid var(--color-gray)}}body>footer .container .contact h2{font-size:18px;line-height:32px}body>footer .container .contact h2 span{color:var(--color-brown);font-size:28px;padding-left:24px}body>footer .container .contact ul li{line-height:32px}body>footer .container .contact ul li img{height:28px}body>footer .container .contact ul li a{color:var(--color-text)}body>footer .container .copyright{-ms-flex-preferred-size:100%;flex-basis:100%;border-top:2px solid var(--color-coffee);text-align:center;padding:32px 0}.container{width:100%;max-width:1100px;margin:0 auto}main#index>section.banner{position:relative}main#index>section.banner img.banner{width:100%}main#index>section.banner img.title{width:30%;position:absolute;top:50%;left:52.5%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}main#index>section.intro{background-image:url(/img/home-bg-1.jpg);background-size:cover}main#index>section.intro>.container h2{text-align:center;border-bottom:2px solid var(--color-coffee);padding:16px 0;font-size:18px;line-height:32px}main#index>section.intro>.container h2 span{display:block;color:var(--color-brown);font-size:28px}main#index>section.intro>.container>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px}main#index>section.intro>.container>ul li{-ms-flex-preferred-size:50%;flex-basis:50%;padding:8px}@media (min-width: 901px){main#index>section.intro>.container>ul li{padding:32px}}main#index>section.intro .about{background-image:-webkit-gradient(linear, left top, right top, from(white), color-stop(60%, white), color-stop(60.1%, transparent), to(transparent));background-image:linear-gradient(to right, white, white 60%, transparent 60.1%, transparent)}@media (min-width: 901px){main#index>section.intro .about .container{display:-webkit-box;display:-ms-flexbox;display:flex}}main#index>section.intro .about .container .history{-ms-flex-preferred-size:50%;flex-basis:50%;padding:48px 32px;background-color:white}main#index>section.intro .about .container .history h2{font-size:18px;line-height:32px}main#index>section.intro .about .container .history h2 span{color:var(--color-brown);font-size:28px;padding-left:24px}main#index>section.intro .about .container .history ul{list-style-type:disc;padding-left:16px;line-height:32px}main#index>section.intro .about .container .img{-ms-flex-preferred-size:50%;flex-basis:50%;padding:0 32px 48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white}@media (min-width: 901px){main#index>section.intro .about .container .img{background-color:transparent;padding:0 32px}}main#index>section.intro .about .container .img img{vertical-align:middle}main#products>section.banner{position:relative}main#products>section.banner img.banner{width:100%}main#products>section.banner h1{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:white;text-shadow:3px 3px 3px rgba(0,0,0,0.25);font-size:36px}main#products>section.series>.container{padding:32px 16px 80px}@media (min-width: 901px){main#products>section.series>.container{border-bottom:2px solid var(--color-coffee)}}main#products>section.series>.container>.categories{width:100%;max-width:100%;display:block;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 901px){main#products>section.series>.container>.categories{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;max-width:75%;border-top:1px solid var(--color-coffee);border-bottom:1px solid var(--color-coffee)}}main#products>section.series>.container>.categories li{padding:8px}main#products>section.series>.container>.categories li a{color:var(--color-text);font-size:16px;font-weight:600;padding:4px 8px;display:block;border:1px solid var(--color-coffee)}@media (min-width: 901px){main#products>section.series>.container>.categories li a{padding:4px 16px;font-size:18px;border:none}}main#products>section.series>.container>h2{text-align:center;font-size:20px;padding:48px;color:black}main#products>section.series>.container>p{text-align:center;margin-bottom:48px;line-height:32px}main#products>section.series>.container>.products{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}main#products>section.series>.container>.products article{padding:32px;width:100%}@media (min-width: 901px){main#products>section.series>.container>.products article{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;padding:16px}}main#products>section.series>.container>.products article img{display:block;width:100%;margin-bottom:8px;-webkit-box-shadow:0 0 8px 1px rgba(0,0,0,0.12);box-shadow:0 0 8px 1px rgba(0,0,0,0.12);border:2px solid white}main#products>section.series>.container>.products article h3{text-align:center;font-weight:400;line-height:32px}body{font-family:'Noto Sans TC', sans-serif}
/*# sourceMappingURL=style.css.map */