@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,shops,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section,shops{display:block}body{line-height:1;overflow-x:hidden;background-image:url("../images/kol-bg.jpg");background-size:cover;background-position:center;position:relative}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}.gh__header{display:block}section{overflow:hidden;position:relative}table{border-collapse:collapse;border-spacing:0}.bg-white{background:#ffffff}.bg-grey{background:#F6F6F6}.active{display:block!important}.hide{display:none!important}h2,section h2{font-size:48px;text-transform:uppercase;font-weight:800!important;line-height:1.2!important}h3,section h3{font-size:32px;text-transform:uppercase;font-weight:bold!important;line-height:1.6!important}h4{font-size:24px;font-weight:bold}section p{font-size:16px}.textcenter{text-align:center!important}.textleft{text-align:left!important}.small{color:#666666;font-size:14px}.btn-black-fill,.btn-grey-fill{font-size:16px!important}.pc-show{display:block}.mobile-show{display:none}@media (max-width:599px){.pc-show{display:none}.mobile-show{display:block}}#menu-bar nav{width:100%;height:50px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;position:fixed;top:0;z-index:50;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;background:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:1px solid #DDD}#menu-bar #brand #logo{display:-webkit-box;display:-ms-flexbox;display:flex;width:120px;height:20px;background-image:url(http://www.garmin.com.tw/m/buzz/minisite/images/garmin_logo_on_b.svg);background-repeat:no-repeat;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:50}#menu-bar nav #menu{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#menu-bar nav .nav-pc{display:block}#menu-bar nav .nav-mobile{display:none}.container{-webkit-transition:opacity 1s 2s;-o-transition:opacity 1s 2s;transition:opacity 1s 2s}.container.out{opacity:0}.fade{-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s}.fade.out{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}#main-kol{width:375px;height:100%;margin:70px auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-filter:drop-shadow(5px 5px 5px rgba(170, 170, 170, 0.25));filter:drop-shadow(5px 5px 5px rgba(170, 170, 170, 0.25))}#main-kol .kv{width:375px}#main-kol a{margin-bottom:0}#main-kol .main-content{width:375px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}#main-kol .main-content .barcode{width:100%;max-width:320px;padding-bottom:10px}#main-kol .main-content h1{margin-top:15px;margin-bottom:5px;text-align:center;font-family:Oswald;font-size:21px;font-style:normal;font-weight:500;text-transform:uppercase;background:-webkit-gradient(linear, left top, left bottom, from(#C89F63), to(#996B39));background:-webkit-linear-gradient(top, #C89F63 0%, #996B39 100%);background:-o-linear-gradient(top, #C89F63 0%, #996B39 100%);background:linear-gradient(180deg, #C89F63 0%, #996B39 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#main-kol .main-content h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:-webkit-gradient(linear, left top, left bottom, from(#C89F63), to(#996B39));background:-webkit-linear-gradient(top, #C89F63 0%, #996B39 100%);background:-o-linear-gradient(top, #C89F63 0%, #996B39 100%);background:linear-gradient(180deg, #C89F63 0%, #996B39 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:90px;height:85px}#main-kol .main-content p{text-align:center;font-size:16px;font-weight:bold;text-transform:uppercase;background:-webkit-gradient(linear, left top, left bottom, from(#C89F63), to(#996B39));background:-webkit-linear-gradient(top, #C89F63 0%, #996B39 100%);background:-o-linear-gradient(top, #C89F63 0%, #996B39 100%);background:linear-gradient(180deg, #C89F63 0%, #996B39 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}#main-kol .split img{width:100%;max-width:375px}#main-kol .detail-content{width:375px;background-color:#ffffff;border-radius:0 0 55px 55px;background:var(--linear-brown, linear-gradient(180deg, #FFF 33.33%, #FDF3E4 100%));margin-bottom:30px}#main-kol .detail-content h2{color:#000;font-size:24px;font-style:normal;font-weight:700;text-align:center;margin-top:5px;margin-bottom:5px}#main-kol .detail-content h3{color:#000;text-align:center;font-family:Oswald;font-size:18px;font-style:normal;font-weight:500}#main-kol .detail-content p{color:#555;font-size:13px;font-style:normal;line-height:normal;width:90%;text-align:left;margin:0 auto}#main-kol .detail-content p span{color:#996B39;font-size:13px}#main-kol .detail-content a{color:#555555!important;text-decoration:underline}#main-kol .detail-content .btn-grown-fill{color:#ffffff!important;position:relative;display:inline-block;margin:15px auto 30px auto;font-size:15px;line-height:1em;letter-spacing:0.1em;border-radius:15px;background:#996B39;display:-webkit-box;display:-ms-flexbox;display:flex;width:250px;height:44px;padding:8px 24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;-ms-flex-negative:0;flex-shrink:0;text-decoration:none}#main-kol .detail-content .btn-grown-fill:hover{background-color:#5c4033;-webkit-transition:background-color 0.5s ease;-o-transition:background-color 0.5s ease;transition:background-color 0.5s ease}.footer p{color:#555;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;margin:0 auto 30px auto}@media (max-width:768px){#menu{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (max-width:599px){h2,section h2{font-size:36px;text-transform:uppercase;font-weight:800!important;line-height:1.2!important}h3,section h3{font-size:28px;text-transform:uppercase;font-weight:bold!important;line-height:1.6!important}h4{font-size:21px;font-weight:bold}section p{font-size:14px}#main-kol{width:100%}}@media (max-width:390px){#main-kol .detail-content,#main-kol .kv,#main-kol .main-content,#main-kol .split img{width:320px}#main-kol .main-content .barcode{width:280px}#main-kol .main-content h2{font-size:80px;height:75px}#main-kol .detail-content h2{font-size:21px}#main-kol .detail-content h3{font-size:16px}#main-kol .detail-content p,#main-kol .detail-content p span,.footer p{font-size:12px}#main-kol .detail-content .btn-grown-fill{font-size:14px}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}