header{position:relative;margin-top:52px;background-color:var(--light-gray)}@media screen and (max-width:991px){header{margin-top:48px}}header .row{height:240px;overflow:hidden}@media screen and (max-width:991px){header .row{height:180px}}@media screen and (max-width:539px){header .row{height:140px}}header .col{height:100%;text-align:center}header a,header img,header picture{height:100%}@media screen and (min-width:1920px){header a,header img,header picture{width:100%;height:auto}}section{background-color:var(--light-gray)}section .section-title{display:inline-block;color:var(--blue);font-size:20px;font-weight:500}@media screen and (max-width:767px){section .section-title{font-size:18px}}section hr{width:100%;border:.5px solid #ddd;margin-top:10px;margin-bottom:0}#section1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#section1 .btn-group .btn{color:var(--blue);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-size:16px;margin-left:0;margin-right:12px;margin-top:5px;margin-bottom:5px}#section1 .btn-group .btn:hover{-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}#section1 .btn-group .btn:active{color:var(--white);background-color:var(--blue)}#section1 .btn-group .system-active{color:var(--white);background-color:var(--blue)}#section1 .select-group eh-form-select{width:200px;margin:0 6px}#section1 .select-group eh-form-select:nth-child(1){margin-left:0}#section1 .select-group .btn{font-size:16px;line-height:42px;padding:0 16px}@media screen and (max-width:991px){#section1 .btn-group .btn{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 20%;flex:1 0 20%;margin:0 0}#section1 .btn-group .btn:nth-child(n+2){margin-left:12px}#section1 .btn-group .btn:nth-child(5n){margin-left:0}#section1 .btn-group .btn:nth-child(n+5){margin-top:12px}#section1 .select-group eh-form-select{-webkit-box-flex:1;-ms-flex:1 0 45%;flex:1 0 45%;margin:0 0}#section1 .select-group eh-form-select:nth-child(odd){margin-right:6px}#section1 .select-group eh-form-select:nth-child(even){margin-left:6px}#section1 .select-group eh-form-select:nth-child(n+3){margin-top:12px}#section1 .select-group .btn{margin:12px 0 0 12px}}@media screen and (max-width:767px){#section1 .btn-group .btn{-webkit-box-flex:1;-ms-flex:1 0 45%;flex:1 0 45%}#section1 .btn-group .btn:nth-child(n+2){margin-left:0}#section1 .btn-group .btn:nth-child(5n){margin-left:0}#section1 .btn-group .btn:nth-child(n+5){margin-top:0}#section1 .btn-group .btn:nth-child(even){margin-left:12px}#section1 .btn-group .btn:nth-child(n+3){margin-top:12px}#section1 .select-group eh-form-select{-webkit-box-flex:1;-ms-flex:1 0 60%;flex:1 0 60%;margin:0 0}#section1 .select-group eh-form-select:nth-child(odd){margin-right:0}#section1 .select-group eh-form-select:nth-child(even){margin-left:0}#section1 .select-group eh-form-select:nth-child(n+2){margin-top:12px}}#section2{min-height:60vh}#section2 .products-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1040px}@media screen and (max-width:1199px){#section2 .products-container{width:780px}}@media screen and (max-width:991px){#section2 .products-container{width:520px}}@media screen and (max-width:767px){#section2 .products-container{display:block;width:100%}}#section2 .no-result{width:100%;height:40vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--white);border-radius:5px}#section2 .no-result h4{font-weight:400;letter-spacing:2px;color:var(--gray)}.animate-fade-in{-webkit-animation:fadeIn .5s linear forwards;animation:fadeIn .5s linear forwards}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#section3{background-color:#fff;cursor:default}.space-1{letter-spacing:1px}.search-area{width:100%;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 0 12px rgba(0,0,0,.15);box-shadow:0 0 12px rgba(0,0,0,.15)}.search-area .search-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.search-area .search-selected p{font-size:1em;font-weight:500;color:#a8a8a8;margin-right:12px}.search-area .search-selected span{font-size:1.25em;font-weight:500;color:#0d6cbe;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-area .search-selected span::after{margin-left:8px;content:"";display:block;width:0;height:0;border:10px solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #0d6cbe}.search-area .search-selected span:last-of-type::after{content:unset}.reset{width:128px;min-width:128px;height:40px;border:unset;border-radius:4px;font-size:.9em;font-weight:500;color:#fff;background:#fd9941;cursor:pointer}.dropdown-item{margin-bottom:12px;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 0 8px rgba(0,0,0,.15);box-shadow:0 0 8px rgba(0,0,0,.15)}.dropdown-item:last-of-type{margin-bottom:unset}.dropdown-item .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;background:#fff;cursor:pointer}.dropdown-item .item.open{background:#0d6cbe}.dropdown-item .item span{font-size:1em;font-weight:500;color:#a8a8a8}.dropdown-item .item .drop-icon{width:0;height:0;border:8px solid;border-color:#a8a8a8 transparent transparent transparent;-webkit-transform:translateY(6px);transform:translateY(6px)}.dropdown-item .content{padding:24px 12px;background:#f9f9f9}.dropdown-item .content.hide{display:none}.dropdown-item .content .content-in{margin-bottom:32px}.dropdown-item .content .content-in:last-of-type{margin-bottom:unset}.dropdown-item .content .button-in{text-align:center;margin-top:80px}.item.open span{color:#fff}.item.open .drop-icon{border-color:transparent transparent #fff transparent;-webkit-transform:translateY(0);transform:translateY(0)}.tit{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;margin-bottom:16px}.tit .deco{width:80px;height:1px;background:#ddd;margin-right:12px}.tit .deco:last-of-type{margin-left:8px;margin-right:12px}.tit .drop-title{color:#a8a8a8;font-size:1em;white-space:nowrap}.box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.box .rect-box{margin:4px 4px;width:20%;max-width:160px;min-width:80px;aspect-ratio:5/2;background:#e4f3ff;border:unset;border-radius:4px;color:#0d6cbe;font-size:1.25em;font-weight:700;cursor:pointer;font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC","Helvetica Neue",Arial,sans-serif}.box .rect-box:hover{background:#fff}.box .rect-box:active{background:#0d6cbe;color:#e4f3ff}.box .rect-box.active{background:#0d6cbe;color:#e4f3ff}.box .rect-box.disable{background:#b9b9b9;color:#fff;cursor:not-allowed}.certain{width:128px;height:40px;border:unset;border-radius:4px;color:#fff;font-size:.9em;font-weight:500;background:#fd9941;color:#fff;cursor:pointer}.certain.disable{background:#fd9941}