@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");:root{--font-serif:"Playfair Display","Microsoft JhengHei UI","Microsoft JhengHei",serif;--font-main:"Montserrat","Roboto","Arial","Microsoft JhengHei UI","Microsoft JhengHei",sans-serif;--brown-red:#eb6100;--brown-light:#f4a56e;--brown-normal:#eb6100;--brown-dark:#a34404;--brown-darker:#39261a;--red:#eb6100;--white:#fff;--green-light:#c4de5a;--green:#7fba62;--green-hover:#4c703b;--green-dark:#108454;--black:#252124;--gradient-light:linear-gradient(135deg,rgba(115,200,250,1) 0%,rgba(0,140,214,1) 100%);--gradient-dark:linear-gradient(270deg,#6174c0 0%,#005a99 100%);--green-txt-light:#bed8c2;--background-light:#fafcf9;--yellow-light:#ffff87;--yellow:#ffe225;--yellow-hover:#e6cb1f;--yellow-dark:#ccb800;--blue-light:#73c8fa;--blue:#008cd6;--blue-hover:#0078bf;--blue-dark:#005a99}@-webkit-keyframes scrolldown{0%{-webkit-transform:translate(0,0) scale(1,0);transform:translate(0,0) scale(1,0)}60%{-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1)}100%{-webkit-transform:translate(0,105%) scale(1,0);transform:translate(0,105%) scale(1,0)}}@keyframes scrolldown{0%{-webkit-transform:translate(0,0) scale(1,0);transform:translate(0,0) scale(1,0)}60%{-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1)}100%{-webkit-transform:translate(0,105%) scale(1,0);transform:translate(0,105%) scale(1,0)}}@-webkit-keyframes page_banner_in{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-filter:blur(5px);filter:blur(5px)}20%{-webkit-filter:blur(5px);filter:blur(5px)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 80%,0 100%);-webkit-filter:blur(0);filter:blur(0)}}@keyframes page_banner_in{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-filter:blur(5px);filter:blur(5px)}20%{-webkit-filter:blur(5px);filter:blur(5px)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 80%,0 100%);-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes page_banner_in_mobile{0%{opacity:0;clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);-webkit-filter:blur(5px);filter:blur(5px)}20%{-webkit-filter:blur(5px);filter:blur(5px)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-filter:blur(0);filter:blur(0)}}@keyframes page_banner_in_mobile{0%{opacity:0;clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);-webkit-filter:blur(5px);filter:blur(5px)}20%{-webkit-filter:blur(5px);filter:blur(5px)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes index_banner_in{0%{opacity:0;clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);-webkit-filter:blur(5px);filter:blur(5px)}20%{-webkit-filter:blur(5px);filter:blur(5px)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-filter:blur(0);filter:blur(0)}}@keyframes index_banner_in{0%{opacity:0;clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);-webkit-filter:blur(5px);filter:blur(5px)}20%{-webkit-filter:blur(5px);filter:blur(5px)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-filter:blur(0);filter:blur(0)}}*{-webkit-box-sizing:border-box;box-sizing:border-box}*:after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box}img{border:0;border:none;max-width:100%;height:auto !important}img,input[type=image],video,embed,iframe,marquee,object,table{aspect-ratio:attr(width)/attr(height)}.img img{width:100%}a{text-decoration:none}a:visited,a:hover,a:focus,a:active{text-decoration:none}:focus,:active{outline:0}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.7}p{line-height:inherit}label{font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;*font-size:100%;font-style:inherit;font-weight:inherit;outline:0}textarea{resize:vertical}ol.reset,ul.reset,li.reset{margin:0;padding:0;list-style:none}section,article,aside,footer,header,nav,main{display:block}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}[role=button]{cursor:pointer}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{opacity:1 !important;display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}@media print{.visible-print-block{display:block !important}}@media print{.visible-print-inline{display:inline !important}}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}.clearfix:before,.clearfix:after{content:" ";display:table;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.disabled,.disabled:hover{cursor:not-allowed}.fade{opacity:0;-webkit-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}html,body{margin:0}html{font-size:16px}body{width:100%;font-size:1rem;overflow-x:hidden;line-height:2;font-family:"Roboto","Arial","Microsoft JhengHei UI","Microsoft JhengHei",sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}.page-main{padding:60px 0;overflow:hidden}@media (max-width:991px){.page-main{padding:40px 0;min-height:auto}}@media (max-width:767px){.page-main{padding:30px 0 40px 0}}@media (min-width:1480px){.container.container-1400{max-width:1400px}}.title{font-size:3.125rem;color:var(--black);font-weight:600;line-height:1.2;margin-top:0}[data-page=no-banner] .page-wrap{padding-top:100px}@media (max-width:1199px){[data-page=no-banner] .page-wrap{padding-top:80px}}@media (max-width:991px){[data-page=no-banner] .page-wrap{padding-top:50px}}@media (max-width:767px){[data-page=no-banner] .page-wrap{padding-top:30px}}.page-wrap{overflow:hidden}@media (max-width:991px){.page-wrap{margin-top:70px}}.page-title{font-size:2.5rem;color:var(--black);font-weight:600;line-height:1.2;margin-top:0;margin-bottom:40px;text-align:center}@media (max-width:1199px){.page-title{font-size:2rem}}@media (max-width:767px){.page-title{font-size:1.875rem}}@media (max-width:479px){.page-title{font-size:1.625rem}}.page-nodata{padding:80px 0;text-align:center}.page-nodata svg{width:60px;margin-bottom:15px}.page-nodata p{font-size:1rem;color:#333}.message{min-height:300px;text-align:center;padding:50px 0}.message .icon-ok{width:38px;height:38px;margin:20px auto;display:block;position:relative}.message .icon-ok svg{position:absolute;top:0;left:0;width:100%;height:100%}.message .page-button{margin-top:40px}@media (max-width:767px){.message{padding:30px 0}}.page-button{color:#fff;border:none;background:var(--gradient-light);text-align:center;width:180px;border-radius:0;display:inline-block;font-family:var(--font-main);height:50px;font-size:0.875rem;line-height:50px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0);box-shadow:0 0 5px rgba(0,0,0,0);-webkit-transition:all ease 0.25s;transition:all ease 0.25s}.page-button:hover,.page-button:link:hover{color:#fff;background:var(--blue);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.15);box-shadow:0 5px 5px rgba(0,0,0,0.15);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.go-top{display:block;position:fixed;width:50px;height:50px;color:#fff;background:var(--yellow);border:1px solid var(--yellow);right:25px;bottom:25px;opacity:0;z-index:100;border-radius:50%;-webkit-transition:opacity 0.25s,color 0.25s,background 0.25s,-webkit-transform 0.25s;transition:opacity 0.25s,color 0.25s,background 0.25s,-webkit-transform 0.25s;transition:opacity 0.25s,transform 0.25s,color 0.25s,background 0.25s;transition:opacity 0.25s,transform 0.25s,color 0.25s,background 0.25s,-webkit-transform 0.25s}.go-top.scroll{opacity:1}.go-top:before{content:"";display:block;position:absolute;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent var(--blue) transparent;top:50%;left:50%;margin-top:-3px;margin-left:-6px;-webkit-transition:border 0.25s;transition:border 0.25s}.go-top:hover{opacity:0.8}@media (max-width:991px){.go-top{width:40px;height:40px}}.community-link{display:block;position:fixed;right:25px;bottom:80px;z-index:999}.community-link a{position:relative;display:block;text-indent:-9999px}.community-link .fb,.community-link .line,.community-link .ig{width:50px;height:50px;overflow:hidden;margin:5px 0 0;opacity:1;border-radius:100%}.community-link .f_about{background:url(/zh-tw/assets/images/bear_icon.png) no-repeat;background-size:100%;width:50px;height:50px;overflow:hidden;margin:5px 0 0;opacity:1}.community-link .f_about:hover{opacity:0.8}.community-link .fb:hover,.community-link .line:hover,.community-link .ig:hover{opacity:0.8}.community-link .fb{background:#1773ea}.community-link .line{background:#00c300}.community-link .ig{background:url(/zh-tw/assets/images/ig_bg.jpg) no-repeat;background-size:100%}.community-link a:before{content:"";display:block;position:absolute;width:32px;height:32px;top:9px;left:9px}.community-link .fb a:before{background:url(/zh-tw/assets/images/icon_fb.png) no-repeat;background-size:100%}.community-link .line a:before{background:url(/zh-tw/assets/images/icon_line.png) no-repeat;background-size:100%}.community-link .ig a:before{background:url(/zh-tw/assets/images/icon_ig.png) no-repeat;background-size:100%}@media (max-width:991px){.community-link{bottom:70px}.community-link > div{width:40px !important;height:40px !important}.community-link a::before{top:10px;left:10px;width:20px;height:20px}}#footer .f-left .socail-media{margin-top:12px}#footer .f-left .socail-media li{display:inline-block;margin-right:11px}#footer .f-left .socail-media li:last-child{margin-right:0}#footer .f-left .socail-media li a{display:inline-block;position:relative;width:30px;height:30px;border-radius:50%;background:rgba(253,252,251,0.1)}#footer .f-left .socail-media li a i{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#ddd;font-size:15px}#footer .f-left .socail-media li a .twitter_x{display:inline-block;position:absolute;top:25%;left:25%;background:url(/zh-tw/assets/images/twitter-x.png);background-size:cover;width:15px;height:14px}#header{width:100%;position:fixed;left:0;top:0;z-index:100;-webkit-transition:background 0.35s;transition:background 0.35s;background:#fff;height:80px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.15);box-shadow:0 3px 5px rgba(0,0,0,0.15)}#header .container{height:100%;width:100%;max-width:1630px}#header .logo{margin:0;width:340px;float:left;overflow:hidden;position:relative;z-index:2;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .logo a{display:block;background-image:url(/zh-tw/assets/images/logo.png);background-repeat:no-repeat;background-position:0 100%;width:100%;padding-bottom:18.45%;background-size:100% auto}#header .h-right{position:relative;z-index:1;height:100%;padding-left:230px;padding-right:230px}#header .h-right .nav-menu{height:100%;text-align:center;margin:0 auto}#header .h-right .nav-menu > ul{height:100%;font-size:0}#header .h-right .nav-menu > ul > li{height:100%;padding:0 10px;display:inline-block;vertical-align:top;font-size:1rem;position:relative}#header .h-right .nav-menu > ul > li ul li{white-space:nowrap;text-align:left}#header .h-right .nav-menu > ul > li ul li a{color:#fff;display:block;font-size:1rem;position:relative;-webkit-transition:background 0.25s;transition:background 0.25s}@media (min-width:1200px){#header .h-right .nav-menu > ul > li:hover > a{color:var(--blue)}}#header .h-right .search{height:100%;position:absolute;top:50%;right:10px;color:#000;margin-left:30px;cursor:pointer;width:50px;height:50px;border-radius:50%;background:var(--blue);margin-top:-25px;text-align:center;border:1px solid transparent;-webkit-transition:background 0.25s;transition:background 0.25s}#header .h-right .search:before{content:"";display:inline-block;width:100%;height:100%;margin-top:-1px;background:url(/zh-tw/assets/images/icon_zoom.png) no-repeat 0 0;background-size:100% auto;border-radius:50%;line-height:1}#header .h-right .search p{margin:0;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .h-right .search:hover{background:var(--blue),10%;background-blend-mode:darken}#header .h-right .lang{height:100%;position:absolute;top:0;right:70px}#header .h-right .lang .now-lang{margin:0;position:relative;top:50%;color:#333;padding:0 25px 0 0;line-height:1.3;font-size:1rem;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .h-right .lang .now-lang:before{content:"";position:absolute;bottom:0;left:0;right:25px;height:1px;background:#333}#header .h-right .lang .now-lang:after{content:"";position:absolute;top:50%;right:5px;margin-top:-3px;height:0;width:0;display:block;border-style:solid;border-color:#aaa transparent transparent transparent;border-width:6px 4px 0 4px}#header .h-right .lang .now-lang:hover{color:var(--blue)}#header .h-right .lang .now-lang:hover:before{background:var(--blue)}#header .h-right .lang .now-lang:hover:after{border-color:var(--blue) transparent transparent transparent}#header .h-right .lang .lang-option{position:absolute;top:100%;left:50%;width:auto;z-index:1;opacity:0;-webkit-transform:scale(0) translateX(-50%);-ms-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transition:opacity 0.35s,-webkit-transform 0s 0.35s;transition:opacity 0.35s,-webkit-transform 0s 0.35s;transition:opacity 0.35s,transform 0s 0.35s;transition:opacity 0.35s,transform 0s 0.35s,-webkit-transform 0s 0.35s}#header .h-right .lang .lang-option:before{content:"";width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent var(--blue) transparent;position:absolute;top:-6px;left:50%;margin-left:-6px}#header .h-right .lang .lang-option li{white-space:nowrap;background:var(--blue);border-bottom:1px solid rgba(255,255,255,0.2)}#header .h-right .lang .lang-option li a{color:#fff;display:block;padding:5px 20px;text-align:center;font-size:1rem}#header .h-right.no-lang .go-inquiry{right:80px}#header .h-right .go-inquiry{display:block;position:absolute;right:140px;height:100%;top:0;text-align:right;color:#fff}#header .h-right .go-inquiry:hover i{color:var(--blue)}#header .h-right .go-inquiry i{position:relative;display:block;top:50%;font-size:0.875rem;font-family:var(--font-main);padding-left:26px;white-space:nowrap;font-style:normal;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#header .h-right .go-inquiry i:after{content:"";display:block;position:absolute;color:#888;width:21px;height:21px;top:50%;left:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);background:url(/zh-tw/assets/images/icon_inquiry.png) no-repeat 0 0;background-size:100% auto}#header .h-right .go-inquiry .qty{display:inline-block;margin-left:3px}#header .h-right .go-inquiry .qty:before{content:"(";margin-right:1px}#header .h-right .go-inquiry .qty:after{content:")";margin-left:1px}#header .h-right .go-inquiry:hover{color:var(--brown)}#header .h-right .go-inquiry:hover i:after{background-position:0 100%}#header .search-wrap{position:absolute;top:0;left:0;z-index:100;background:#fff;width:100%;height:100%;font-size:0;text-align:center;-webkit-transform:translateY(-160%);-ms-transform:translateY(-160%);transform:translateY(-160%);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);box-shadow:0 3px 5px rgba(0,0,0,0.1)}#header .search-wrap.show{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}#header .search-wrap form{width:800px;max-width:calc(100% - 70px);display:inline-block;vertical-align:middle;position:relative;top:50%;margin-top:-50px}#header .search-wrap .search-input{width:calc(100% - 150px);text-align:left;font-size:1rem;position:relative;padding-right:20px;margin:0}#header .search-wrap .search-input input{padding:0 10px;height:50px;line-height:50px;border-radius:5px;border:1px solid #ddd;background:#eee;padding-left:50px;width:100%}#header .search-wrap .search-input input::-webkit-input-placeholder,#header .search-wrap .search-input input:-moz-placeholder,#header .search-wrap .search-input input::-moz-placeholder,#header .search-wrap .search-input input:-ms-input-placeholder{font-size:0.75rem;color:#aaa}#header .search-wrap .search-input i{position:absolute;left:20px;top:50%;color:#999;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .search-wrap .search-btn{width:150px;background:var(--blue);color:#fff;text-align:center;border-radius:30px;height:50px;line-height:50px;padding:0 20px;border:none;font-size:1rem;font-weight:500;font-family:var(--font-main)}#header .search-wrap .search-btn:hover{background:var(--blue-hover)}#header .search-wrap .search-close{width:70px;height:50px;position:relative;display:inline-block;vertical-align:middle;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .search-wrap .search-close:before,#header .search-wrap .search-close:after{content:"";position:absolute;left:50%;top:50%;width:30px;height:2px;background:var(--blue);display:block;margin-left:-15px}#header .search-wrap .search-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#header .search-wrap .search-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#header.fixed,#header.bg-white{background:#fff;padding-top:0;height:80px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.15);box-shadow:0 3px 5px rgba(0,0,0,0.15)}#header.fixed .logo a,#header.bg-white .logo a{background-position-y:100%}#header.fixed .h-right .nav-menu > ul > li > a,#header.bg-white .h-right .nav-menu > ul > li > a{color:#000}#header.fixed .h-right .lang .now-lang,#header.bg-white .h-right .lang .now-lang{color:#333}#header.fixed .h-right .lang .now-lang:before,#header.bg-white .h-right .lang .now-lang:before{background:#333}#header.fixed .h-right .lang .now-lang:after,#header.bg-white .h-right .lang .now-lang:after{border-color:#aaa transparent transparent transparent}#header.fixed .h-right .lang .now-lang:hover,#header.bg-white .h-right .lang .now-lang:hover{color:var(--blue)}#header.fixed .h-right .lang .now-lang:hover:before,#header.bg-white .h-right .lang .now-lang:hover:before{background:var(--blue)}#header.fixed .h-right .lang .now-lang:hover:after,#header.bg-white .h-right .lang .now-lang:hover:after{border-color:var(--blue) transparent transparent transparent}#header.fixed .h-right .go-inquiry,#header.bg-white .h-right .go-inquiry{color:#333}#header.fixed .h-right .go-inquiry i:after,#header.bg-white .h-right .go-inquiry i:after{background-position:0 50%}#header.fixed .h-right .go-inquiry:hover,#header.bg-white .h-right .go-inquiry:hover{color:var(--blue)}#header.fixed .h-right .go-inquiry:hover i:after,#header.bg-white .h-right .go-inquiry:hover i:after{background-position:0 100%}#header.fixed .h-right .search,#header.bg-white .h-right .search{border-color:#cccccc;background:#fff}#header.fixed .h-right .search:before,#header.bg-white .h-right .search:before{background-position:0 100%}#header.fixed .h-right .search:hover,#header.bg-white .h-right .search:hover{background:var(--gradient-light);border-color:var(--gradient-light)}#header.fixed .h-right .search:hover:before,#header.bg-white .h-right .search:hover:before{background-position:0 0}@media (max-width:1299px){#header .h-right{padding-left:200px;padding-right:260px}#header .h-right .nav-menu > ul > li{padding:0 15px}#header .h-right .nav-menu > ul > li a{font-size:0.937rem}}@media (min-width:1200px){#header .h-right .nav-menu{display:block !important}#header .h-right .nav-menu > ul > li{margin-left:12px;margin-right:12px;padding-left:8px;padding-right:8px;font-family:"Montserrat","Roboto","Arial","Microsoft JhengHei UI","Microsoft JhengHei",sans-serif}#header .h-right .nav-menu > ul > li:after{content:"";position:absolute;left:0%;bottom:0;width:100%;height:2px;background:var(--blue);display:block;z-index:1;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s}#header .h-right .nav-menu > ul > li > ul > li{position:relative}#header .h-right .nav-menu > ul > li > ul > li.has-ul:hover > a{background:rgba(76,112,59,0.9)}#header .h-right .nav-menu > ul > li > ul > li.has-ul:hover:after{content:"";display:block;width:6px;height:6px;border-right:1px solid var(--yellow);border-bottom:1px solid var(--yellow);position:absolute;right:18px;top:50%;margin-top:-3px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#header .h-right .nav-menu > ul > li > a{display:block;position:relative;top:50%;font-size:1rem;padding:3px 0;color:#000;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#header .h-right .nav-menu > ul > li.now:after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}#header .h-right .nav-menu > ul > li > ul{position:absolute;top:100%;left:0;width:auto;width:210px;display:block !important;opacity:0;padding-top:22px;padding-bottom:22px;background:rgba(0,140,214,0.8);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.15s,-webkit-transform 0s 0.15s;transition:opacity 0.15s,-webkit-transform 0s 0.15s;transition:opacity 0.15s,transform 0s 0.15s;transition:opacity 0.15s,transform 0s 0.15s,-webkit-transform 0s 0.15s}#header .h-right .nav-menu > ul > li > ul li a{padding:3px 30px}#header .h-right .nav-menu > ul > li ul li:hover > a{color:var(--yellow-light)}#header .h-right .nav-menu > ul > li:hover:after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}#header .h-right .nav-menu > ul > li:hover > ul{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,transform 0s;transition:opacity 0.35s,transform 0s,-webkit-transform 0s}#header .h-right .nav-menu ul.sub{display:none;position:absolute;top:-22px;left:100%;width:210px;padding:22px 0;background:rgba(76,112,59,0.9)}#header .h-right .nav-menu ul.sub:before{content:"";position:absolute;background-color:transparent;z-index:80;left:0;top:0;bottom:0;width:20px;margin-left:-20px}#header .h-right .nav-menu > ul > li > ul > li:hover > ul.sub{display:block}#header .h-right .switch{display:none}#header .h-right .lang .lang-option li:hover a{background:rgba(0,0,0,0.1)}#header .h-right .lang:hover .lang-option{opacity:1;-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,transform 0s;transition:opacity 0.35s,transform 0s,-webkit-transform 0s}#header.fixed .h-right .nav-menu > ul > li:hover > a{color:var(--blue)}}@media (max-width:1199px){#header{height:70px}#header.fixed,#header.bg-white{height:70px}#header .container{padding-right:0;padding-left:0;width:100%}#header .logo{width:200px;left:8px}#header .h-right{padding-left:0}#header .h-right .nav-menu{position:absolute;top:100%;left:0;width:100%;height:auto;display:none;max-height:calc(100vh - 70px);overflow:auto;background:var(--blue)}#header .h-right .nav-menu ul li a{font-size:1rem;font-family:var(--font-main)}#header .h-right .nav-menu > ul > li{width:100%;display:block;padding:0}#header .h-right .nav-menu > ul > li > a{color:#fff !important;display:block;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,0.2);position:relative}#header .h-right .nav-menu > ul > li > a i{position:absolute;right:15px;top:50%;width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:rgba(255,255,255,0.5) transparent transparent transparent;margin-top:-2px;display:block}#header .h-right .nav-menu > ul > li ul{display:none}#header .h-right .nav-menu > ul > li ul li{border:none}#header .h-right .nav-menu > ul > li ul li.has-ul > a{position:relative;padding-right:20px}#header .h-right .nav-menu > ul > li ul li.has-ul > a:after{content:"";z-index:15;display:block;position:absolute;right:15px;top:50%;width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:rgba(80,80,80,0.5) transparent transparent transparent;margin-top:-2px;display:block}#header .h-right .nav-menu > ul > li ul li a{color:#e9f7e3;padding:10px 20px;text-align:left;background:#1d2b48;border-bottom:1px solid #73c8fa}#header .h-right .nav-menu > ul > li ul li:last-child a{border:none}#header .h-right .nav-menu ul.sub{border-bottom:1px solid #bbb}#header .h-right .nav-menu ul.sub > li > a{background:#fff;padding:5px 20px;color:#1d2b48;border-bottom:1px solid #eee}#header .h-right .search{right:50px;width:34px;height:34px;margin-top:-17px;border:none;overflow:hidden;background:none}#header .h-right .search:before{width:120%;height:120%;-webkit-transform:translate(-10%,-10%);-ms-transform:translate(-10%,-10%);transform:translate(-10%,-10%);margin-top:-1px}#header .h-right .lang{right:45px}#header .h-right .lang .now-lang{padding-right:23px}#header .h-right .lang.show .lang-option{opacity:1;-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,-webkit-transform 0s;transition:opacity 0.35s,transform 0s;transition:opacity 0.35s,transform 0s,-webkit-transform 0s}#header .h-right.no-lang .go-inquiry{right:90px}#header .h-right .go-inquiry{right:140px}#header .h-right .switch{background:#fff;height:100%;width:50px;position:absolute;right:0;top:0}#header .h-right .switch .icon{position:relative;width:22px;height:24px;border-radius:50%;top:50%;margin:auto;margin-top:-12px;display:block}#header .h-right .switch .icon span{position:absolute;height:2px;background:var(--blue);display:block;left:0%;top:50%;pointer-event:none;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);-webkit-transition:width 0.3s 0.3s,margin 0.3s,-webkit-transform 0.3s;transition:width 0.3s 0.3s,margin 0.3s,-webkit-transform 0.3s;transition:width 0.3s 0.3s,transform 0.3s,margin 0.3s;transition:width 0.3s 0.3s,transform 0.3s,margin 0.3s,-webkit-transform 0.3s}#header .h-right .switch .icon .line1{width:100%;margin-top:-7px}#header .h-right .switch .icon .line2{width:100%}#header .h-right .switch .icon .line3{width:100%;margin-top:7px}#header .h-right .switch.on .icon span{background:#796857;-webkit-transition:width 0.3s,margin 0.3s 0.2s,-webkit-transform 0.3s 0.2s;transition:width 0.3s,margin 0.3s 0.2s,-webkit-transform 0.3s 0.2s;transition:width 0.3s,transform 0.3s 0.2s,margin 0.3s 0.2s;transition:width 0.3s,transform 0.3s 0.2s,margin 0.3s 0.2s,-webkit-transform 0.3s 0.2s}#header .h-right .switch.on .icon .line1{width:90%;margin-top:0px;-webkit-transform:translate(0%,-50%) rotate(45deg);-ms-transform:translate(0%,-50%) rotate(45deg);transform:translate(0%,-50%) rotate(45deg)}#header .h-right .switch.on .icon .line2{width:0}#header .h-right .switch.on .icon .line3{width:90%;margin-top:0px;-webkit-transform:translate(0%,-50%) rotate(-45deg);-ms-transform:translate(0%,-50%) rotate(-45deg);transform:translate(0%,-50%) rotate(-45deg)}#header .search-wrap .search-input{width:calc(100% - 100px)}#header .search-wrap .search-btn{width:100px;font-size:0.812rem}}@media (max-width:479px){#header .logo{width:200px}#header .search-wrap .search-input{width:100%;padding:0}#header .search-wrap .search-btn{display:none}#header .h-right .go-inquiry i{font-size:0}#header .h-right .go-inquiry i .qty{margin-left:-3px;font-size:1rem}#header .h-right .lang{right:45px}}#footer{background:var(--gradient-dark)}#footer .f-main{padding:60px 0 40px 0;font-size:0}#footer .f-main .f-left{width:37%;float:left}#footer .f-main .f-logo{display:block;width:240px;margin-bottom:20px}#footer .f-main .f-info{font-size:0.9375rem;color:#fff;display:inline-block}#footer .f-main .f-info ul li{text-align:left;display:block;position:relative;padding-left:50px;margin-right:20px;white-space:nowrap}#footer .f-main .f-info ul li .tit{position:absolute;top:0;left:0;width:50px}#footer .f-main .f-info ul li.block{display:block;margin-right:0}#footer .f-main .f-info a{color:inherit;text-decoration:none}#footer .f-main .f-info a:hover{text-decoration:underline}#footer .f-main .f-menu{float:right;width:63%}#footer .f-main .f-menu > ul{display:table;width:100%}#footer .f-main .f-menu > ul > li{display:table-cell;vertical-align:top;text-align:left;padding:0 20px}#footer .f-main .f-menu > ul > li > a{font-size:1rem;display:block;font-weight:bold;margin-bottom:8px;color:var(--yellow)}#footer .f-main .f-menu > ul > li > a:hover{color:var(--white)}#footer .f-main .f-menu > ul > li ul{display:block;width:100%}#footer .f-main .f-menu > ul > li ul li{display:block;margin-bottom:8px;line-height:1.3}#footer .f-main .f-menu > ul > li ul li a{color:#fff;display:block;font-size:0.9375rem;opacity:0.9}#footer .f-main .f-menu > ul > li ul li a:hover{text-decoration:underline}#footer .f-main .f-menu > ul > li:last-child{border:none}#footer .f-main .f-menu > ul > li.no-sub{text-align:left}#footer .btm{border-top:1px solid rgba(255,255,255,0.2);padding:20px 0;color:#fff;font-size:0.875rem;text-align:center}#footer .btm p{margin:0}#footer .btm a{color:#fff;margin-left:3px}#footer .btm a:hover{color:#e0d0bf;text-decoration:underline}@media (max-width:1199px){#footer .f-main{padding:40px 0 20px 0}#footer .f-main .f-left{width:100%;float:none;text-align:center;margin-bottom:20px}#footer .f-main .f-logo{margin:0 auto 15px auto}#footer .f-main .f-menu{width:100%;float:none;padding-top:20px}}@media (max-width:991px){#footer .f-main{padding-top:20px;padding-bottom:15px}#footer .f-main .f-left{margin-bottom:10px}#footer .f-main .f-logo{width:100px}#footer .f-main .f-menu{display:block;margin-top:0}#footer .f-main .f-menu > ul{display:block}#footer .f-main .f-menu > ul > li{display:block;text-align:left;padding:0;border:none}#footer .f-main .f-menu > ul > li a{position:relative}#footer .f-main .f-menu > ul > li i{position:absolute;right:10px;top:50%;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#fff transparent transparent transparent;margin-top:-3px;display:block}#footer .f-main .f-menu > ul > li > a{border:1px solid rgba(255,255,255,0.2);padding:5px 20px}#footer .f-main .f-menu > ul > li ul{display:none;padding:0 20px 20px 20px}}@media (max-width:767px){#footer .btm{padding:15px 0;font-size:0.75rem;opacity:0.8}#footer .f-main .f-info{font-size:0.875rem}}@media (max-width:499px){#footer .f-main .f-left{text-align:left}#footer .f-main .f-info ul li{display:block}}.page-banner{position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 80%,0 100%);background:#111}.page-banner.shown:after{opacity:1;-webkit-transform:translate(-50%,0) scale(1,1);-ms-transform:translate(-50%,0) scale(1,1);transform:translate(-50%,0) scale(1,1)}.page-banner.shown .img{-webkit-animation:page_banner_in 1s both cubic-bezier(0.785,0.135,0.15,0.86);animation:page_banner_in 1s both cubic-bezier(0.785,0.135,0.15,0.86)}.page-banner:after{content:"";position:absolute;display:block;pointer-events:none;z-index:2;top:0;bottom:0;left:50%;width:calc(100% - 80px);max-width:1120px;opacity:0;-webkit-transform:translate(-50%,0) scale(0,1);-ms-transform:translate(-50%,0) scale(0,1);transform:translate(-50%,0) scale(0,1);border-left:50vw solid rgba(255,255,255,0.15);border-right:50vw solid rgba(255,255,255,0.15);-webkit-transition:opacity 1s 0.35s,border 1s 0.35s,-webkit-transform 1s 0.35s;transition:opacity 1s 0.35s,border 1s 0.35s,-webkit-transform 1s 0.35s;transition:transform 1s 0.35s,opacity 1s 0.35s,border 1s 0.35s;transition:transform 1s 0.35s,opacity 1s 0.35s,border 1s 0.35s,-webkit-transform 1s 0.35s}.page-banner:before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;right:0}.page-banner .xs-show{display:none}@media (max-width:991px){.page-banner .xs-hide{display:none}.page-banner .xs-show{display:block}}@media (max-width:767px){.page-banner{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.page-banner:after{display:none}.page-banner.shown .img{-webkit-animation:page_banner_in_mobile 1s both cubic-bezier(0.785,0.135,0.15,0.86);animation:page_banner_in_mobile 1s both cubic-bezier(0.785,0.135,0.15,0.86)}.page-banner .words .en{font-size:1.625rem}}.page-breadcrumb{padding-top:15px;padding-bottom:15px;background:var(--background-light);color:#fff}.page-breadcrumb.gray{background:#f6f6f6}.page-breadcrumb ul{font-size:0}.page-breadcrumb ul li{display:inline-block;position:relative;line-height:24px;font-size:0.875rem}.page-breadcrumb ul li:not(.current){padding-right:20px}.page-breadcrumb ul li:not(.current):after{content:"";display:block;position:absolute;width:1px;height:14px;background:#ccc;top:5px;right:10px;-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}.page-breadcrumb ul li.current{color:var(--blue-hover)}.page-breadcrumb ul li a{color:var(--blue)}.page-breadcrumb ul li a:hover{color:var(--blue-hover);text-decoration:underline}.form .half{width:49%}.form .half.left{float:left}.form .half.right{float:right}.form .radio-style{margin:5px;color:#333;font-size:1rem;border-radius:5px}.form .radio-style input{display:none}.form .radio-style input:checked + span.icon i{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:ease 0.3s;transition:ease 0.3s}.form .radio-style input + span.icon{display:inline-block;vertical-align:middle;border:1px solid #ccc;background:#fff;width:18px;height:18px;border-radius:50%;margin:0 5px 3px 0;padding:3px;-webkit-transition:ease 0.3s;transition:ease 0.3s}.form .radio-style input + span.icon i{background:#333;display:block;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.form .input-box{width:100%;background:#fff;border:1px solid #ddd;height:45px;line-height:45px;padding:0 10px;border-radius:0}.form .input-box.textarea{height:100px}.form .form-row{display:block;margin-bottom:10px;font-size:0;min-height:45px}.form .form-row .f-gender .input-box{display:inline-block;vertical-align:top;width:calc(100% - 150px)}.form .form-row .f-gender .f-gp{width:140px;margin-left:5px;display:inline-block;vertical-align:middle}.form .form-row .f-gender .f-gp .radio-style{margin:0;white-space:nowrap;display:inline-block;width:calc(50% - 4px)}.form .form-row > div{display:inline-block;vertical-align:top;font-size:1rem}.form .form-row .form-title{width:120px;text-align:right;line-height:45px}.form .form-row .form-content{width:calc(100% - 120px);padding-left:15px}.form .form-row .form-content .code .input-box{width:calc(100% - 120px)}.form .form-row .form-content .code .codeimg{float:right}.form .form-row .form-content .address{font-size:0;margin:0 -5px}.form .form-row .form-content .address > div{display:inline-block;vertical-align:top;font-size:1rem;padding:0 5px}.form .form-row .form-content .address .selectBox{width:20%}.form .form-row .form-content .address .box{width:60%}.form .buttons{text-align:center;font-size:0;margin-top:30px}.form .buttons .btn{padding:10px;width:150px;text-align:center;font-size:1rem;margin:0 5px}.form .buttons .page-button{font-size:1rem}.form .buttons .cancel{background:#333;color:#fff}.form .buttons .submit{background:#2764b7;color:#fff}@media (max-width:991px){.form .half{width:100%}.form .half.left,.form .half.right{float:none}}@media (max-width:767px){.form .form-row .form-title{width:100%;text-align:left;line-height:1.8;font-size:0.9375rem}.form .form-row .form-content{width:100%;padding:0}.form .buttons .btn{max-width:calc(50% - 10px)}}#sitemap .list{margin:0 -25px;font-size:0}#sitemap .list .item{display:inline-block;vertical-align:top;text-align:center;width:20%;padding:0 25px}#sitemap .list .item .ti{color:#fff;background:var(--gradient-light);border-left:6px solid var(--blue-dark);font-size:1rem;padding:10px;display:block;font-weight:400;text-transform:uppercase;text-align:center;font-family:var(--font-main);margin-bottom:10px;-webkit-transition:background 0.15s;transition:background 0.15s}#sitemap .list .item a.ti{color:#fff}#sitemap .list .item a.ti:hover{background:var(--blue)}#sitemap .list .item ul{margin:0}#sitemap .list .item ul li{display:block;width:100%;border-bottom:1px solid #ddd}#sitemap .list .item ul li a{color:#333;display:block;font-size:1.0625rem;background:none;margin:0;padding:5px 10px}#sitemap .list .item ul li a:hover{color:var(--blue)}#sitemap .list .item:last-child{border:none}#sitemap .list .item.multi{text-align:left;width:40%}#sitemap .list .item.multi ul{width:100%}#sitemap .list .item.multi ul li{display:inline-block;text-align:left;width:calc(50% - 4px)}@media (max-width:1299px){#sitemap .list{margin:0 -15px}#sitemap .list .item{padding:0 15px}}@media (max-width:991px){#sitemap .list .item{width:50%;margin-bottom:20px}#sitemap .list .item ul li{margin:0}#sitemap .list .item.multi{width:100%}#sitemap .list .item.multi a{text-align:center}}@media (max-width:767px){#sitemap .list{margin:0 auto}#sitemap .list .item{width:100%;padding:0}#sitemap .list .item.multi a{text-align:center}#sitemap .list .item.multi ul{width:100%;padding:0;margin:0}#sitemap .list .item.multi ul li{width:100%;text-align:center}}