@charset "UTF-8";*{font-family:"Noto Sans TC","微軟正黑體"}.head_navbar div{font-family:"Noto Sans TC","微軟正黑體"}@media (min-width:1280px){.head_navbar .container{max-width:1280px}}.scroll_nav{background:#2c2c2cd9}@media (min-width:300px) and (max-width:1199.99px){.scroll_nav{transition:all .3s ease;overflow-x:scroll}}.scroll_nav .menu{width:100%}.scroll_nav #menu-center{white-space:nowrap;width:100%;margin:0 auto}.scroll_nav #menu-center ul{display:flex;justify-content:center}.scroll_nav #menu-center ul .nav_icon img{max-width:56px;margin-right:10px;display:inline-block;vertical-align:middle}.scroll_nav #menu-center ul .nav_icon a{display:inline-block;vertical-align:middle}@media (min-width:300px) and (max-width:1199.99px){.scroll_nav #menu-center ul{justify-content:start}}.scroll_nav #menu-center ul li{list-style:none;padding:10px 20px;color:#fff}.scroll_nav .active{text-decoration:none;background:#439542}.hvr-left-to-right{border-radius:30px;padding:10px 20px;background:linear-gradient(to right,#433a34 50%,#fffbf6 50%);border:#7e7e7e 1px solid;background-size:210% 100%;background-position:98% bottom;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s}.hvr-left-to-right:hover{color:#fff;background-position:left bottom}.hvr-shrink{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{transform:scale(.9)}.brand h2,.hot h2,.sort h2{font-weight:700;font-size:24px;line-height:1.4}@media (min-width:768px){.brand h2,.hot h2,.sort h2{font-size:36px}}.linebesideword{position:relative;text-align:center;width:100%}.linebesideword:after,.linebesideword:before{content:"";position:absolute;top:55%;background:#000;height:2px;width:14%}@media (min-width:768px){.linebesideword:after,.linebesideword:before{width:14%}}@media (min-width:992px){.linebesideword:after,.linebesideword:before{width:26%}}@media (min-width:1400px){.linebesideword:after,.linebesideword:before{width:30%}}.linebesideword:after{right:4px}.linebesideword:before{left:4px}.brand .linebesideword:after,.brand .linebesideword:before,.sort .linebesideword:after,.sort .linebesideword:before{width:14%}@media (min-width:768px){.brand .linebesideword:after,.brand .linebesideword:before,.sort .linebesideword:after,.sort .linebesideword:before{width:14%}}@media (min-width:992px){.brand .linebesideword:after,.brand .linebesideword:before,.sort .linebesideword:after,.sort .linebesideword:before{width:26%}}@media (min-width:1400px){.brand .linebesideword:after,.brand .linebesideword:before,.sort .linebesideword:after,.sort .linebesideword:before{width:36%}}.item a>div{position:relative}.item a>div .tag{z-index:2;top:10px;left:0;position:absolute}.item a>div .item_pic_box{overflow:hidden!important}.item a>div .item_pic_box .item_pic{height:140px;background-size:cover;background-position:center;transform:scale(1);transition:all .5s ease-out}@media (min-width:768px){.item a>div .item_pic_box .item_pic{height:170px}}.item a>div:hover .item_pic{transform:scale(1.2)}.hot .item a>div{border-radius:10px;border:2px solid #606f5d}.hot .item a>div .tag{text-align:center;background:#000;color:#fff;padding:6px 12px}.hot .item a>div .tag:after{content:"";width:0;height:0;border-style:solid;border-width:36px 18px 0 0;border-color:#000 transparent transparent transparent;right:-18px;top:0;position:absolute}.hot .item a>div .item_pic_box{border-radius:10px}.hot .item a>div .text{color:#fff;text-align:center;background:#606f5d;line-height:1.4;padding:4px}.hot .item a>div .text h3{font-weight:600;font-size:20px}@media (min-width:768px){.hot .item a>div .text h3{font-size:24px}}.sort>div>ul>li .title_tub{position:relative;top:18px;padding:4px 10px 0;background-color:#7c6c63;display:inline-flex;justify-content:center;justify-items:center;border-radius:12px 12px 0 0;padding:4px 10px 0}@media (min-width:768px){.sort>div>ul>li .title_tub{top:10px;padding:10px 20px}}.sort>div>ul>li .title_tub img{width:30px;flex-shrink:0;position:relative;top:50%;transform:translateY(-50%)}.sort>div>ul>li .title_tub h3{color:#fff;font-weight:700;font-size:24px;line-height:39px}@media (min-width:768px){.sort>div>ul>li .title_tub h3{font-size:28px}}.sort>div>ul>li .content_box{background-color:#fffbf6;border-radius:4px;border-top:#7c6c63 14px solid}.sort>div>ul>li .content_box ul .item a>div .item_pic_box{width:100%;border:#000 1px solid;border-radius:50%;margin:auto}.sort>div>ul>li .content_box ul .item a>div .item_pic_box .item_pic{padding-bottom:100%;width:100%}.sort>div>ul>li .content_box ul .text{text-align:center}.sort>div>ul>li .content_box ul .text h4{margin-top:10px;color:#000;font-weight:600;font-size:18px}@media (min-width:768px){.sort>div>ul>li .content_box ul .text h4{font-size:20px}}.sort>div>ul>li .content_box ul .text h5{color:#7e7e7e;font-weight:500;font-size:14px}.sort>div>ul>li .content_box button{display:block;margin:auto;padding:2px 0 34px}@media (min-width:768px){.sort>div>ul>li .content_box button{padding:10px 0 40px}}.brand li>div{box-shadow:2px 4px 0 -1px rgba(0,0,0,.2);background-color:#fff;border-radius:50px;text-align:center;position:relative}.brand li>div::after,.brand li>div::before{content:"";width:4px;height:4px;border-radius:4px;background-color:#834b00;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:768px){.brand li>div::after,.brand li>div::before{width:6px;height:6px;border-radius:6px}}.brand li>div::before{left:10px}.brand li>div::after{right:10px}.brand li p{display:block;padding:16px 4px;text-decoration:underline;font-weight:600;font-size:18px}@media (min-width:768px){.brand li p{padding:26px 0;font-size:24px}}