@charset "UTF-8";html,body{scroll-behavior:auto;background:#fff}@-webkit-keyframes fade-in{0%{opacity:0;height:auto}100%{opacity:1}}@keyframes fade-in{0%{opacity:0;height:auto}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1;height:auto}99%{opacity:0;height:0}100%{opacity:0;height:0}}@keyframes fade-out{0%{opacity:1;height:auto}99%{opacity:0;height:0}100%{opacity:0;height:0}}@-webkit-keyframes updown{0%{top:0;opacity:1}50%{top:4px;opacity:.5}100%{top:0;opacity:1}}@keyframes updown{0%{top:0;opacity:1}50%{top:4px;opacity:.5}100%{top:0;opacity:1}}main#beerskittles-{font-size:14px;background:#fff;position:relative;font-family:"Noto Sans TC","微軟正黑體",Arial,sans-serif;margin:0 auto;max-width:100%}main#beerskittles- ::-webkit-scrollbar{height:8px;width:8px}main#beerskittles- ::-webkit-scrollbar-track{background:none}main#beerskittles- ::-webkit-scrollbar-thumb{background:rgba(184,165,150,.5);border-radius:4px}main#beerskittles- ::-webkit-scrollbar-thumb:hover{background:#b8a596}main#beerskittles- .font-bold{font-weight:500}main#beerskittles- .text-brown{color:#8d5f3b}main#beerskittles- p{margin-bottom:0}main#beerskittles- a{position:relative;display:inline-block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#beerskittles- a:link,main#beerskittles- a:hover,main#beerskittles- a:active,main#beerskittles- a:visited,main#beerskittles- a:focus{text-decoration:none;color:#626161}main#beerskittles- a:hover{-webkit-filter:brightness(1.1);-moz-filter:brightness(1.1);-ms-filter:brightness(1.1);filter:brightness(1.1)}main#beerskittles- select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;border:1px solid #c4c4c4;border-radius:4px;font-size:14px;background:url(../img/compare-drp-ico.svg);background-position:bottom 50% right 10px;background-repeat:no-repeat;background-size:13px auto;max-width:470px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}main#beerskittles- select:focus{outline:0}main#beerskittles- .section-{margin-bottom:16px}@media(min-width:769px){main#beerskittles- .section-{margin-bottom:30px}}main#beerskittles- .title-{margin-bottom:16px}@media(min-width:769px){main#beerskittles- .title-{margin-bottom:30px}}main#beerskittles- .title-{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main#beerskittles- .title->*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}main#beerskittles- .title- :nth-child(2){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}main#beerskittles- .title- .eng:before{content:'';position:absolute;bottom:4px;left:-4px;background:#f3eeea;width:100%;height:1px}@media(min-width:769px){main#beerskittles- .title- .eng:before{bottom:9px;left:-6px}}main#beerskittles- .sec-label-{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#8d5f3b;position:relative;margin-top:32px;margin-bottom:16px}main#beerskittles- .sec-label-.top-{margin-bottom:17px}@media(min-width:769px){main#beerskittles- .sec-label-{margin-bottom:32px}}main#beerskittles- a.btn-{display:block;background:#b8a596;font-size:16px;border-radius:12px 12px 0 12px;color:#fff;text-align:center;padding:10px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#beerskittles- a.btn-:hover{-webkit-filter:brightness(1.1);-moz-filter:brightness(1.1);-ms-filter:brightness(1.1);filter:brightness(1.1)}@media(min-width:769px){main#beerskittles- a.btn-{max-width:120px;margin-left:auto;margin-right:auto;font-size:18px}}main#beerskittles- .photo{width:100%;height:calc((50vw - 20px)*.78);overflow:hidden;isolation:isolate;border-radius:24px 24px 0 24px}@media(min-width:576px){main#beerskittles- .photo{height:240px}}@media(min-width:769px){main#beerskittles- .photo{max-height:320px;height:22.5vh;border-radius:36px 36px 0 36px}}main#beerskittles- .photo .photo-inner{width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}@media(min-width:769px){main#beerskittles- .photo .photo-inner{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}main#beerskittles- .photo .photo-inner:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}}main#beerskittles- .hint-load{font-size:18px;font-weight:500;width:100%;text-align:center;font-family:"Noto Serif TC","微軟正黑體",Arial,sans-serif;color:#aaa;text-align:center;overflow:hidden;margin-top:32px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}@media(min-width:769px){main#beerskittles- .hint-load{margin-top:60px}}main#beerskittles- .hint-load img{width:30px;position:relative;-webkit-animation:updown 1.2s 0s ease-in-out forwards infinite;animation:updown 1.2s 0s ease-in-out forwards infinite}@media(min-width:769px){main#beerskittles- .hint-load img{width:50px}}main#beerskittles- .hint-load.hide-{-webkit-animation:fade-out .7s 0s ease-out forwards;animation:fade-out .7s 0s ease-out forwards}main#beerskittles- .content-row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main#beerskittles- .content-row.select-row{margin-bottom:16px}main#beerskittles- .content-row.content-latest{-ms-flex-wrap:wrap;flex-wrap:wrap}@media(min-width:769px){main#beerskittles- .content-row.content-latest{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}main#beerskittles- .sect-ui-{margin-bottom:15px}main#beerskittles- .sect-ui- .content-row{margin-bottom:15px}@media(min-width:769px){main#beerskittles- .sect-ui- .content-row{margin-bottom:30px}}main#beerskittles- .section-{position:relative;background:#fff;max-width:calc(1200px);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}main#beerskittles- .sticky{position:sticky;z-index:10;top:50px;margin-left:0;margin-right:0;max-width:100%;background:#fff;margin-bottom:15px;margin-bottom:0}@media(min-width:1072px){main#beerskittles- .sticky{top:80px}}main#beerskittles- .sticky .content-row{background:#fff}main#beerskittles- .sticky.scrolled .tabs-{-webkit-box-shadow:0 4px 2px -2px rgba(0,0,0,.05);box-shadow:0 4px 2px -2px rgba(0,0,0,.05)}main#beerskittles- .sticky .content-row{max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:start;font-family:"Noto Serif TC","微軟正黑體",Arial,sans-serif;font-weight:600;margin-bottom:0;padding:0 0}@media(min-width:1200px){main#beerskittles- .sticky .content-row{padding-left:20px;padding-right:20px}}main#beerskittles- .sticky .scroll-ico{position:relative;z-index:2;margin:0 auto -20px auto;max-width:1150px;top:-6px;text-align:right;opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}main#beerskittles- .sticky .scroll-ico img{width:18px}main#beerskittles- .sticky .scroll-ico.disable{opacity:0}main#beerskittles- .tabs- a{position:relative;z-index:2;display:block;font-size:15px;font-size:15px;overflow-y:hidden;padding-top:15px;padding-bottom:15px;padding-right:14px;padding-left:13px;font-weight:500;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}main#beerskittles- .tabs- a:before{content:'';position:absolute;right:0;top:calc(50% - 8px);height:16px;width:1px;background:#c4c4c4}main#beerskittles- .tabs- a:first-child{padding-left:0}main#beerskittles- .tabs- a:last-child{padding-right:0;border-right:0}main#beerskittles- .tabs- a:last-child:before{opacity:0}main#beerskittles- .tabs- a:hover{-webkit-filter:brightness(1);-moz-filter:brightness(1);-ms-filter:brightness(1);filter:brightness(1)}@media(min-width:769px){main#beerskittles- .tabs- a{font-size:20px;padding-right:16px;padding-left:15px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#beerskittles- .tabs- a:hover{-webkit-filter:brightness(1.3);-moz-filter:brightness(1.3);-ms-filter:brightness(1.3);filter:brightness(1.3)}}main#beerskittles- .tabs- a.active{color:#000}main#beerskittles- .sec-list-{margin:0 0;padding:10px 20px}main#beerskittles- .sec-list-:nth-child(4){margin-top:-15px}@media(min-width:769px){main#beerskittles- .sec-list-{margin:0 auto;padding:45px 20px}}main#beerskittles- .sec-list- .sec-label-{padding:0;z-index:1}main#beerskittles- .sec-list- .content-row{position:relative;z-index:2;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding:0 0;margin:0 -10px}@media(min-width:769px){main#beerskittles- .sec-list- .content-row{padding:0}}main#beerskittles- .sec-list- .content-row .item-wrap{width:50%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;padding:0 10px}@media(min-width:769px){main#beerskittles- .sec-list- .content-row .item-wrap{width:calc(25%);margin:0;margin-bottom:32px}}main#beerskittles- .sec-list- .content-row .item-wrap:last-child{margin-right:0}main#beerskittles- .sec-list- .content-row .item-wrap .photo{margin-bottom:10px}@media(min-width:576px){main#beerskittles- .sec-list- .content-row .item-wrap .photo{height:calc((25vw - 20px)*.78);max-height:200px}}@media(min-width:769px){main#beerskittles- .sec-list- .content-row .item-wrap .photo{margin-bottom:20px}}main#beerskittles- .sec-list- .content-row .item-wrap .tit-{font-size:14px;color:#000;font-weight:500;margin-bottom:10px}@media(min-width:769px){main#beerskittles- .sec-list- .content-row .item-wrap .tit-{font-size:16px;margin-bottom:15px}}main#beerskittles- .sec-list- .content-row .item-wrap .kws{display:none}@media(min-width:769px){main#beerskittles- .sec-list- .content-row .item-wrap .kws{display:block}}main#beerskittles- .sec-list- .content-row .item-wrap .kws span{display:inline-block;margin-right:10px;margin-bottom:6px;border:1px solid #b8a596;padding:0 5px;border-radius:5px;color:#b8a596}main#beerskittles- .sec-list- .content-row .item-wrap .kws span:last-child{margin-right:0}main#beerskittles- .sec-list-:nth-child(odd):after{content:'';position:absolute;width:calc(100vw);height:100%;top:0;z-index:0;background:#f3f3f3;left:0}@media(min-width:1200px){main#beerskittles- .sec-list-:nth-child(odd):after{width:calc(100vw);left:calc(600px - 50vw)}}main#beerskittles- .sec-list-:nth-child(odd) .sec-label-{color:#000}