.modal.product-modal-wrapper{overflow-y:hidden}@media (max-width: 768px){.modal.product-modal-wrapper .product-modal-dialog{width:90% !important;margin-top:10% !important}}@media (min-width: 769px){.modal.product-modal-wrapper .product-modal-dialog{width:400px !important}}.modal.product-modal-wrapper .product-modal-dialog .modal-body{padding-left:10%;padding-right:10%;overflow-y:scroll;height:60vh}.modal.product-modal-wrapper .product-modal-dialog .modal-body.body-vh-s{height:62vh}.modal.product-modal-wrapper .product-modal-dialog .modal-body.body-vh-m{height:70vh}.modal.product-modal-wrapper .product-modal-dialog .modal-body.body-vh-l{height:75vh}.modal.product-modal-wrapper .product-modal-dialog button.modal-close-btn{position:absolute;right:-20px;border-radius:50%;border:1px solid;background:#dc4e43;color:#fff;width:35px;height:35px;top:-20px;z-index:24;transform:rotate(0deg);transition:all .2s}.modal.product-modal-wrapper .product-modal-dialog button.modal-close-btn span{display:inline-block;position:relative;font-size:35px;top:-5px;line-height:35px;font-weight:100}.modal.product-modal-wrapper .product-modal-dialog button.modal-close-btn:hover{opacity:1;width:38px;height:38px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .product-pic{margin-left:auto;margin-right:auto}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .farm-wrapper{display:flex;flex-direction:row;margin-top:10px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .farm-wrapper .remark-origin{width:60%;flex:1;font-size:15px;font-weight:bolder;color:#4e9854}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .farm-wrapper .remark-report{width:40%;flex:1}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .farm-wrapper .remark-report .exam-report{color:#4e9854;float:right;text-decoration:underline;font-weight:bolder;font-size:15px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .farm-wrapper .remark-report .exam-report i.fa-file-text-o{margin-right:4px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .product-title{color:#4e9854;font-size:1.125em;text-align:left;font-weight:900}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .product-remark{display:flex;flex-direction:row;width:100%;border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-bottom:10px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .product-remark .remark-frame{flex:1;width:60%;text-align:left;color:gray;font-size:0.9375em;font-weight:900}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .product-remark .stock-frame{flex:1;width:40%;text-align:right;font-size:0.9375em;color:#eb6100;align-self:flex-end;font-weight:600}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li{display:flex;flex-direction:row;margin-bottom:1rem}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame{flex-basis:70%;margin-right:10px;padding:0 10px;display:flex}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame .d-flex{display:flex}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame .module-spec-frame{flex-basis:100%;font-size:6px;line-height:32px;height:100%}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame .module-spec-frame .module-spec{flex-basis:100%;font-size:16px;display:inline-block}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame.module-head{font-weight:900;margin-top:5px;margin-bottom:0px;color:#000}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame .module-text{flex-basis:40%;font-size:16px;display:inline-block}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame .module-price{display:inline-block;flex-basis:60%;font-size:16px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame .module-price>span.product-disc-price{font-size:16px;font-weight:400}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-frame .module-price span.product-origin-price{text-decoration:line-through;font-size:13px;margin-left:0;color:#999;display:inline-block;font-weight:bolder;margin-left:2px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-btn{border:1px solid #ccc;line-height:22px;font-size:16px;display:flex;flex-direction:column;cursor:pointer;border-radius:5px;color:#000}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-btn:hover,.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .details-wrapper li .detail-module-btn.active{color:#fff;background-color:#4e9854}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .product.content{border-top:1px solid #e5e5e5;margin-top:10px;padding-top:10px}.modal.product-modal-wrapper .product-modal-dialog .product-wrapper .product-add-cart{padding:8px 2px;font-size:16px;height:auto}.modal.product-modal-wrapper .product-modal-dialog .remain-stock{text-align:right;font-size:0.9375em;color:#eb6100;align-self:flex-end;font-weight:600}.modal.product-modal-wrapper .product-modal-dialog .sold-out-btn{background-color:#999;border:1px solid #999;color:#fff;border-radius:4px;padding:5px 13px;height:30px;width:100%}html{font-size:16px !important}.modal{margin:auto}@media (max-width: 550px){.modal{margin-top:90px}}#activityWrapper{margin-bottom:0;background:#012038}#activityWrapper .slick-prev{left:-8%;width:80px;height:80px}#activityWrapper .slick-prev:before{content:url(https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/icon-arrow-left.svg)}#activityWrapper .slick-next{right:-8%;width:80px;height:80px}#activityWrapper .slick-next:before{content:url(https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/icon-arrow-right.svg)}#bannerArea{background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-bg-1.png") no-repeat center center;background-size:cover}#bannerArea .moon-fes-banner{background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-bg-2.png") no-repeat center center;background-size:cover;margin-bottom:0}#bannerArea .moon-fes-banner img{margin-top:3px}#bannerArea .moon-fes-banner a:hover,#bannerArea .moon-fes-banner a:focus,#bannerArea .moon-fes-banner a:active{opacity:1}#bannerArea .moon-fes-banner a:focus{outline:0}@media (max-width: 768px){#bannerArea .moon-fes-banner{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-bg-m-2.png")}}#bannerArea .moon-fes-banner-item{width:100%;height:100%;background-size:cover;background-position:center center;margin-bottom:0}#bannerArea .moon-fes-banner-item.banner-1{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-m-1.png")}#bannerArea .moon-fes-banner-item.banner-2{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-m-2.png")}#bannerArea .moon-fes-banner-item.banner-3{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-m-3.png")}#bannerArea .moon-fes-banner-item.banner-4{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-m-4.png")}#contentArea{background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/bg.png") repeat-y top center;background-size:100%}#contentArea .rabbit{background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/footer-rabbit.png") no-repeat 95% bottom;background-size:204px 203px;padding-top:3rem;padding-bottom:120px}@media (max-width: 768px){#contentArea .rabbit{background-position:center bottom;background-size:93px 92px;padding-top:0}}#contentArea #tab-area .tab-item{cursor:pointer}#contentArea #tab-area .tab-item img{width:253px;height:80px}@media (max-width: 768px){#contentArea #tab-area .tab-item{padding:5px 0;text-align:center}#contentArea #tab-area .tab-item img{width:24px;height:24px}#contentArea #tab-area .tab-item:nth-child(1){background:#00A077}#contentArea #tab-area .tab-item:nth-child(2){background:#FFA26D}#contentArea #tab-area .tab-item:nth-child(3){background:#FFFF5B}#contentArea #tab-area .tab-item:nth-child(3) .tab-text{color:#012038}#contentArea #tab-area .tab-item:nth-child(4){background:#EE8D8D}#contentArea #tab-area .tab-item:nth-child(5){background:#06C755}}#contentArea #tab-area .tab-text{font-size:10px;text-align:center;color:#fff;margin-top:4px}@media (max-width: 768px){#contentArea #tab-area{position:fixed;bottom:0;left:0;right:0;z-index:3;display:flex;padding-left:0;padding-right:0}}#contentArea .is-halation{box-shadow:0 0 5px 0 #fff;border-radius:20px}#contentArea .event-banner{margin:2rem 0 1rem}#contentArea .event-btn-group{display:flex;justify-content:center;align-items:center}#contentArea .event-btn-group .event-btn{background:#012038;border-radius:60px;border:2px solid #fff;font-size:1.25rem;color:#fff;padding:1rem;margin-right:1rem;margin:1rem 1rem 1rem 0}#contentArea .event-btn-group .event-btn:last-child{margin-right:0}#contentArea .event-summary{color:#fff;border:1px solid #fff;padding:1rem;margin-bottom:2rem;font-size:1rem}#contentArea .event-summary .event-summary-title{text-align:center;color:#fff;font-size:1.3rem;font-weight:bold;margin-bottom:1rem}#contentArea .event-summary a{color:#fff;text-decoration:underline}#contentArea .event-summary p:last-child{margin-bottom:0}#contentArea .product-slick-wrapper{margin-bottom:2rem}#contentArea .product-slick-wrapper.barbecue{margin-bottom:0}@media (max-width: 768px){#contentArea .product-slick-wrapper.barbecue{margin-bottom:2rem}}#contentArea .product-slick-section{position:relative;border-radius:20px;background:#fff;padding:1rem 0;margin-bottom:2rem}#contentArea .product-slick-section .browser-btn{position:absolute;top:20px;left:20px}#contentArea .product-slick-section .browser-btn .dot{display:inline-block;width:20px;height:20px;border-radius:20px;margin-right:6px}#contentArea .product-slick-section .browser-btn .dot.red{background:#FF3728}#contentArea .product-slick-section .browser-btn .dot.yellow{background:#FFC542}#contentArea .product-slick-section .browser-btn .dot.green{background:#69D431}#contentArea .product-slick-section .product-slick-section-title{display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}@media (max-width: 768px){#contentArea .product-slick-section .product-slick-section-title{width:100%;padding:32px 10px 0}}#contentArea .product-slick-section .section-title{font-size:2.25em;font-weight:bold;text-align:center;color:#00356D;margin:0 16px 10px}#contentArea .product-slick-section .section-subtitle{font-size:1.25em;text-align:center;color:#00356D}#contentArea .product-slick-section .product-slick-img{width:100%;display:block;border:2px solid #00356D;border-radius:20px;cursor:pointer}#contentArea .product-slick-section .product-slick-item{border:2px solid #00356D;border-radius:20px;background:#fff;padding:16px;min-height:400px}#contentArea .product-slick-section .p-1{padding:0 8px}#contentArea .product-slick-section .product-slick-info{text-align:center;color:#00356D}#contentArea .product-slick-section .product-name{font-size:1.125rem;font-weight:700;margin:1rem 0 0.5rem;height:3rem;cursor:pointer}#contentArea .product-slick-section .product-count{font-size:0.875rem;margin:1rem 0 2rem}#contentArea .product-slick-section .product-price{font-size:1rem}#contentArea .product-slick-section .product-btn{cursor:pointer;background:#00356D;width:100%;font-size:1.25em;border-radius:40px;padding:8px 0;color:#fff}#contentArea .product-slick-section .product-btn:before,#contentArea .product-slick-section .product-btn:after{content:'';position:absolute;background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/icon-addcart-star.svg") no-repeat center center;width:18px;height:18px;top:12px}#contentArea .product-slick-section .product-btn:before{left:1rem}#contentArea .product-slick-section .product-btn:after{right:1rem}.slick-dots li button:before{content:'';border:1px solid #00356D;background:#fff;opacity:1;border-radius:12px;width:12px;height:12px}.slick-dots li.slick-active button:before{background:#00356D;opacity:1}.moon-fes-banner-dots{position:absolute;top:calc(100% - 40px);left:0;right:0;text-align:center}.moon-fes-banner-dots li{position:relative;display:inline-block;width:40px;height:40px;margin:0 5px;padding:0;cursor:pointer}.moon-fes-banner-dots li button{display:none}.moon-fes-banner-dots li:nth-child(1){background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-btn-1.svg") no-repeat center center;background-size:cover}.moon-fes-banner-dots li:nth-child(2){background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-btn-2.svg") no-repeat center center;background-size:cover}.moon-fes-banner-dots li:nth-child(3){background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-btn-3.svg") no-repeat center center;background-size:cover}.moon-fes-banner-dots li:nth-child(4){background:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/2021/MoonFestival21/banner-btn-4.svg") no-repeat center center;background-size:cover}#fillVolunteerData :hover{transform:scale(1.1)}
