@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url(http://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);@import url(http://fonts.googleapis.com/earlyaccess/cwtexkai.css);@import url(http://fonts.googleapis.com/earlyaccess/cwtexming.css);@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css);a:hover,a:focus,a:focus{text-decoration:none;outline:none}*{font-family:"Noto Sans TC","微軟正黑體","sans-serif";font-size:16px;letter-spacing:.1em}.text-orange{color:#f07801}.navbar{border-bottom:0 solid #000;box-shadow:none;border-radius:0;margin:0;padding:0 1rem}@media screen and (max-width: 767px){.navbar{margin-bottom:0;padding:0 1rem;overflow:hidden}}@media (min-width: 768px){.navbar .container{width:100%;max-width:100%;padding:0}}@media screen and (max-width: 767px){.navbar .container{padding:0}}.navbar .navbar-header{padding-top:.5em;padding-bottom:.5em}.navbar .navbar-header .navbar-brand{width:430px;height:auto;max-width:100%;padding:0}@media screen and (max-width: 767px){.navbar .navbar-header .navbar-brand{width:280px;margin:0em 0;padding:0 .5rem .5em}}@media screen and (max-width: 767px){.navbar .navbar-header .navbar-toggle{top:.5em;border:0;margin:0;display:block;width:50px;padding:0}}.navbar .navbar-header .navbar-toggle .icon-bar{background:#f07801;height:3px;width:60%;margin-top:.5em}.navbar .navbar-header .navbar-toggle .sr-only{display:none}.navbar .navbar-collapse{position:relative}@media (min-width: 768px){.navbar .navbar-collapse{display:-webkit-box !important;display:flex !important;-webkit-box-pack:center;justify-content:center}}.navbar .navbar-collapse *{color:#fff;font-size:14px;letter-spacing:0;font-weight:normal}@media screen and (max-width: 767px){.navbar .navbar-collapse.in{overflow-y:inherit}}.navbar .navbar-collapse ul.nav{margin-bottom:0;margin:0}@media (min-width: 768px){.navbar .navbar-collapse ul.nav{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}}.navbar .navbar-collapse ul.nav>li{padding-top:0.5em;padding-bottom:0.5em;padding-left:0;padding-right:0}@media (min-width: 768px){.navbar .navbar-collapse ul.nav>li{margin:0 .5em}}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.nav>li{margin:0em 0rem .5rem;padding:0}}.navbar .navbar-collapse ul.nav>li a{padding:.5em 1em;letter-spacing:0.2em;margin-left:0;border-radius:1em;color:#d07637;transition:.6s ease;border:1px solid rgba(204,204,204,0)}.navbar .navbar-collapse ul.nav>li:hover>a{border:1px solid #ccc;color:#f07801}.navbar .navbar-collapse ul.nav>li.social{margin-left:3rem}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.nav>li.social{margin-left:1.5rem}}.navbar .navbar-collapse ul.nav>li.social svg{display:block;width:auto;height:21px}.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu{z-index:99999999}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu{background:#f07801;padding:0.5rem;margin-top:1rem}}.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li.dropdown,.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li{padding:0 .5em;margin-bottom:1rem}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li.dropdown,.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li{padding:0;margin:0.5em 0}}.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li.dropdown>a,.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li>a{transition:.4s ease}@media (min-width: 768px){.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li.dropdown>a,.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li>a{color:#fff !important}}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li.dropdown>a,.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li>a{color:white}}.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li.dropdown .dropdown-menu,.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li .dropdown-menu{padding:1em .5em;left:calc(100%);top:0}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li.dropdown .dropdown-menu li,.navbar .navbar-collapse ul.nav li.dropdown .dropdown-menu>li .dropdown-menu li{margin:0.5em 0}}@media (min-width: 768px){.navbar .navbar-collapse ul.nav li.dropdown:hover>a,.navbar .navbar-collapse ul.nav li.dropdown:focus>a{color:#f07801}}@media (min-width: 768px){.navbar .navbar-collapse ul.nav li.dropdown:hover>.dropdown-menu,.navbar .navbar-collapse ul.nav li.dropdown:focus>.dropdown-menu{display:block;background:rgba(240,120,1,0.8);min-width:100%;box-shadow:none}}@media (min-width: 768px){.navbar .navbar-collapse ul.nav li.dropdown:hover>.dropdown-menu>li.dropdown,.navbar .navbar-collapse ul.nav li.dropdown:focus>.dropdown-menu>li.dropdown{margin:.5em 0 1em}}@media (min-width: 768px){.navbar .navbar-collapse ul.nav li.dropdown:hover>.dropdown-menu>li.dropdown>a,.navbar .navbar-collapse ul.nav li.dropdown:focus>.dropdown-menu>li.dropdown>a{line-height:1.5em}}@media (min-width: 768px){.navbar .navbar-collapse ul.social{position:absolute;right:2em}}.navbar .navbar-collapse ul.social>li{margin-left:.5em;margin-right:.5em}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.social>li{padding-left:0;padding-right:0;margin-top:0}}@media screen and (max-width: 767px){.navbar .navbar-collapse ul.social>li:first-child{margin-left:0}}.navbar .navbar-collapse ul.social>li a{display:block}.navbar .navbar-collapse ul.social>li a svg{height:1.2em;width:1.2em}.navbar .navbar-collapse ul.social>li a svg path{transition:.3s ease}.navbar .navbar-collapse ul.social>li a:hover path{fill:red}.banner{padding:0;position:relative;width:100%}.banner .hgroup{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:2;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}@media screen and (max-width: 767px){.banner .hgroup{position:static}}.banner .hgroup .col-xs-12{width:50%;padding:4rem;background:rgba(240,193,58,0.57)}@media screen and (max-width: 767px){.banner .hgroup .col-xs-12{display:block;padding-bottom:0;width:100%;padding:1rem	0;width:100%;background:#f07801}}.banner .hgroup .col-xs-12 h3.title{font-size:6rem;letter-spacing:0.17em;width:100%;margin-bottom:1rem;color:white;font-weight:450}@media screen and (max-width: 767px){.banner .hgroup .col-xs-12 h3.title{font-size:26px;margin-bottom:0.5em;margin-top:0;letter-spacing:.45rem}}.banner .hgroup .col-xs-12 .sub_title{margin-top:0;width:100%;font-weight:450}.banner .hgroup .col-xs-12 .sub_title span{font-size:4.5rem;color:white;letter-spacing:1rem;position:relative}@media screen and (max-width: 767px){.banner .hgroup .col-xs-12 .sub_title span{font-size:18px;letter-spacing:0.5rem}}.banner .hgroup .col-xs-12 .sub_title span:first-child::after{content:'';display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:white;position:relative;top:-.7rem;left:-.5rem;margin:0 1rem}@media screen and (max-width: 767px){.banner .hgroup .col-xs-12 .sub_title span:first-child::after{width:0.3rem;height:0.3rem;top:-0.3rem;left:-0.3rem}}.banner .col-xs-12{padding:0}.banner .owl-controls{position:absolute;width:100%;bottom:1em}.banner .owl-dots{width:1rem;height:100%;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;position:absolute;top:0;right:6rem;padding:21% 0 9%}@media screen and (max-width: 767px){.banner .owl-dots{bottom:1rem;right:inherit;width:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:end;align-items:flex-end;padding:0 0 1rem}}.banner .owl-dots .owl-dot{margin:0 .7em}@media screen and (max-width: 767px){.banner .owl-dots .owl-dot{margin:0 .3rem}}.banner .owl-dots .owl-dot span{opacity:1;background:white;display:block;border-radius:50%;width:6px;height:6px}.banner .owl-dots .owl-dot.active{opacity:.5}body{border-bottom:30px solid #202020}footer.foot.container{background:none;border-top:1px solid rgba(114,113,113,0.25);padding-top:3rem;margin-top:0rem;margin-bottom:3rem}footer.foot.container>.row>.col-sm-3{width:calc(30%)}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-3{width:100%}}footer.foot.container>.row>.col-sm-3 .title{color:#3e3a39;font-weight:bold;letter-spacing:0.1rem;font-size:3.5rem;margin-top:0}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-3 .title{text-align:left}}footer.foot.container>.row>.col-sm-3 .sub-title{font-size:3rem;font-weight:400;letter-spacing:0.1rem;margin-top:1rem}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-3 .sub-title{margin-bottom:2rem;text-align:left}}footer.foot.container>.row>.col-sm-9{width:calc(100% - 30%);padding:0}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-9{width:100%}}footer.foot.container>.row>.col-sm-9 .col-sm-9{width:60%;padding:0}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-9 .col-sm-9{width:100%}}footer.foot.container>.row>.col-sm-9 .col-sm-9 .on-right{margin-left:4.2rem}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-9 .col-sm-9 .on-right{margin-left:0}}footer.foot.container>.row>.col-sm-9 .col-sm-9 p,footer.foot.container>.row>.col-sm-9 .col-sm-9 span,footer.foot.container>.row>.col-sm-9 .col-sm-9 a{font-size:14px;color:#3e3a39;margin-bottom:1rem}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-9 .col-sm-9 p span,footer.foot.container>.row>.col-sm-9 .col-sm-9 span span,footer.foot.container>.row>.col-sm-9 .col-sm-9 a span{display:block}footer.foot.container>.row>.col-sm-9 .col-sm-9 p span:first-child,footer.foot.container>.row>.col-sm-9 .col-sm-9 span span:first-child,footer.foot.container>.row>.col-sm-9 .col-sm-9 a span:first-child{font-weight:bold}}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-9 .col-sm-9 p,footer.foot.container>.row>.col-sm-9 .col-sm-9 span{margin-bottom:0;line-height:3rem;text-align:left}}footer.foot.container>.row>.col-sm-9 .col-sm-9 svg{height:1.5rem;width:auto}footer.foot.container>.row>.col-sm-9 .col-sm-9 p:last-child>span{margin-right:1.5rem}footer.foot.container>.row>.col-sm-9 .col-sm-3{width:40%;padding:0}@media screen and (max-width: 767px){footer.foot.container>.row>.col-sm-9 .col-sm-3{width:100%}}footer.foot.container>.row>.col-sm-9 .col-sm-3 iframe{height:180px}.gotop{position:fixed;top:35%;right:.5em;z-index:999999}.gotop svg{width:2em;display:block;margin:0 auto .5em}.gotop svg:first-child{width:2em}.gotop svg:last-child{width:3em}.gotop svg .cls-1{stroke:none}.module-minicart{display:none}.row_5.col1 #Dyn_2_1>div>div.module:not(.module-ads),.row_5.col1 #Dyn_2_1>div.module:not(.module-ads),.row_4.col1 #Dyn_2_1>div>div.module:not(.module-ads),.row_4.col1 #Dyn_2_1>div.module:not(.module-ads),.row_3.col1 #Dyn_2_1>div>div.module:not(.module-ads),.row_3.col1 #Dyn_2_1>div.module:not(.module-ads),.row_2.col1 #Dyn_2_1>div>div.module:not(.module-ads),.row_2.col1 #Dyn_2_1>div.module:not(.module-ads),.row_0.col1 #Dyn_2_1>div>div.module:not(.module-ads),.row_0.col1 #Dyn_2_1>div.module:not(.module-ads),.row_0.col1 .col_02>.mcol>div+div,.footer>.minner,.header>.minner,.row_5.col3>.mrow,.row_5.col2>.mrow,.row_4.col3>.mrow,.row_4.col2>.mrow,.row_3.col3>.mrow,.row_3.col2>.mrow,.row_2.col3>.mrow,.row_2.col2>.mrow,.row_1>.mrow{max-width:inherit}@media screen and (max-width: 767px){.wrap>.minner{padding:0}}.header{box-shadow:none}.module-ads{margin-bottom:0}.module{margin-bottom:0}.go-pcurl{display:none}.footer{background:none;padding:0}#main-nav{display:none}@media screen and (max-width: 767px){.menu-wrapper-area{display:none !important}}#wrap{padding-top:0}.productlist{padding:0}#wrap>footer{display:none}footer{background-color:transparent;background:#efefef}@media (min-width: 768px){.container,.container-fluid{padding:0}}@media screen and (max-width: 767px){.container [class*="col-xs"],.container-fluid [class*="col-xs"]{padding:0}}.container{max-width:1000px}.row{margin:0}.section_1{margin-bottom:4rem}@media screen and (max-width: 767px){.section_1{margin-top:1rem;margin-bottom:1rem}}.section_1 .row .col-sm-4{display:inline-block;position:relative;padding:0;border-radius:0 0 2rem 2rem;overflow:hidden}@media screen and (max-width: 767px){.section_1 .row .col-sm-4{margin-bottom:1rem}}.section_1 .row .col-sm-4 img{width:100%}.section_1 .row .col-sm-4 .info{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(240,193,58,0.57);padding:2.5rem 2rem;overflow:hidden;transition:.3s ease-in}@media screen and (max-width: 767px){.section_1 .row .col-sm-4 .info{padding:1rem 1rem}}.section_1 .row .col-sm-4 .info:hover{background:rgba(234,85,20,0.57)}.section_1 .row .col-sm-4 .info p,.section_1 .row .col-sm-4 .info span{color:white;text-align:center;text-shadow:1px 1px 1px #333;line-height:2rem}.section_1 .row .col-sm-4 .info p.title{font-size:26px;margin-top:0}@media screen and (max-width: 767px){.section_1 .row .col-sm-4 .info p.title{font-size:20px;margin-top:0.5rem}}.section_1 .row .col-sm-4 .info p.title::after{content:'';display:block;margin:2rem auto 1rem;width:3rem;height:5px;background:white;box-shadow:1px 1px 1px #333}@media screen and (max-width: 767px){.section_1 .row .col-sm-4 .info p.title::after{margin:1rem auto .5rem}}.section_1 .row .col-sm-4 .info span{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.section_2{padding-bottom:1rem}@media screen and (max-width: 767px){.section_2{margin-bottom:0rem}}.section_2 [class^="col-"]{padding:0}.section_2 .col-sm-8.col-sm-8{padding-left:6.5rem}@media screen and (max-width: 767px){.section_2 .col-sm-8.col-sm-8{padding-left:0}}.section_2 .col-sm-8.col-sm-8::before{content:'';display:block;width:1px;height:100%;background:rgba(114,113,113,0.25);position:absolute;top:0;left:3rem;z-index:1}@media screen and (max-width: 767px){.section_2 .col-sm-8.col-sm-8::before{display:none}}.section_2 .col-sm-8.col-sm-8 header.col-xs-12 img{width:100%}.section_2 .col-sm-8.col-sm-8 hgroup{padding:0 1rem;margin-bottom:5rem}@media screen and (max-width: 767px){.section_2 .col-sm-8.col-sm-8 hgroup{padding:0;margin-bottom:2rem}}.section_2 .col-sm-8.col-sm-8 hgroup h3.title{text-align:center;font-weight:normal;text-transform:uppercase;font-size:3.5rem;letter-spacing:0.1rem;margin-top:5rem;color:#3e3a39;font-weight:bold}@media screen and (max-width: 767px){.section_2 .col-sm-8.col-sm-8 hgroup h3.title{font-size:2.6rem;margin-top:2rem}}.section_2 .col-sm-8.col-sm-8 hgroup .sub-title{font-size:3rem;font-weight:normal;text-align:center;margin-top:1rem;margin-bottom:4.5rem}@media screen and (max-width: 767px){.section_2 .col-sm-8.col-sm-8 hgroup .sub-title{font-size:2.5rem;margin-bottom:2.5rem}}.section_2 .col-sm-8.col-sm-8 hgroup p{font-size:14px;font-weight:400;line-height:3rem}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 767px){.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row{display:block}}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3{width:calc(100% / 3 - 2rem);margin:0 1rem 2rem}@media screen and (max-width: 767px){.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3{width:calc(100%);padding:0 5rem;max-width:400px}}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .border{border:3px solid red;border-radius:50%;padding-top:100%;position:relative;margin-bottom:3rem}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .border.yellow{border-color:#ffa900}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .border.yellow ~ p .btn:hover{background:#ffa900}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .border.orange{border-color:#f07801}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .border.orange ~ p .btn:hover{background:#f07801}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .border.red{border-color:#ca451b}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .border.red ~ p .btn:hover{background:#ca451b}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .center{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 .center img{max-height:100px;width:auto}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 p{text-align:center;font-size:15px;font-weight:normal}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 p .btn{margin:2.5rem 0 0;background:none;border:1px solid #000;border-radius:.5rem;padding:.5rem 1.5rem;height:inherit;line-height:inherit;color:#3e3a39;font-size:12px}.section_2 .col-sm-8.col-sm-8 main.col-xs-12 .row .col-sm-3 p .btn:hover{color:white}.section_2 .col-sm-4 .row header.col-xs-12,.section_2 .col-sm-4 .row main.col-xs-12{background:white}.section_2 .col-sm-4 .row h3.title{font-size:3rem;margin-top:0;text-transform:uppercase;font-weight:bold;text-align:left;color:#3e3a39;letter-spacing:0.1rem;margin-bottom:0}.section_2 .col-sm-4 .row .sub-title{font-size:3rem;font-weight:400;letter-spacing:0.1rem;margin-top:1.5rem;margin-bottom:3rem}@media screen and (max-width: 767px){.section_2 .col-sm-4 .row .sub-title{margin-top:1rem;margin-bottom:1.5rem}}.section_2 .col-sm-4 .row .content{display:block;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid rgba(55,55,55,0.25)}.section_2 .col-sm-4 .row .content:last-child{border-bottom:0}.section_2 .col-sm-4 .row .content img{margin-bottom:3rem}.section_2 .col-sm-4 .row .content p{font-size:14px}@media screen and (max-width: 767px){.section_2 .col-sm-4 .row .content p{text-align:left}}.section_2 .col-sm-4 .row .content .date{color:#373737}.section_2 .col-sm-4 .row .content .info p{font-size:12px;font-weight:light;color:#727171}.section_2 .col-sm-4 .row footer.text-right{background:none;padding-bottom:2rem}.section_2 .col-sm-4 .row footer.text-right .more{letter-spacing:0;font-size:12px;color:#727171}.navbar-nav.navbar-nav.navbar-nav li>a{position:relative;overflow:hidden}@media (min-width: 768px){.navbar-nav.navbar-nav.navbar-nav li:hover>a,.navbar-nav.navbar-nav.navbar-nav li:focus>a{border:1px solid rgba(255,255,255,0.7);background-color:transparent}}.nav>li>a:hover,.nav>li>a:focus{background-color:transparent;border-color:#fff;color:#fff;border:1px solid rgba(255,255,255,0.7);transition:.6s ease}@media screen and (max-width: 767px){.open.open.open.open>a{border:1px solid rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.7);background-color:transparent}}.open.open.open.open .dropdown-menu>li>a:hover,.open.open.open.open .dropdown-menu>li>a:focus{background-color:transparent;border-color:#fff;border:1px solid rgba(255,255,255,0.7)}.section_1 .col-sm-3 .card .pic{overflow:hidden;position:relative}.section_1 .col-sm-3 .card .pic img{transition:2s ease}.section_1 .col-sm-3 .card:hover .pic img{-webkit-transform:scale(1.2);transform:scale(1.2)}.section_1 a{transition:.3s ease}.section_1 a:hover{opacity:0.7}.section_2 .grid-item{transition:.6s ease;overflow:hidden}.section_2 .grid-item img{transition:.6s ease}.section_2 .grid-item:hover{background:#fff}.section_2 .grid-item:hover img{opacity:0.5}.foot ul.list-inline li a{transition:.3s ease}.foot ul.list-inline li a:hover{opacity:0.7}.gotop a{display:block;transition:.6s ease}.gotop a:hover{opacity:0.7}

/*# sourceMappingURL=usercss.css.map */