.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%}p{font-size:16px;font-style:normal;font-weight:700;line-height:20px;color:#3B5F6A}@media (max-width: 768px){p{font-weight:400}}span{font-size:16px;font-style:normal;font-weight:700;line-height:20px;color:#3B5F6A}@media (max-width: 768px){span{font-weight:400}}#bannerArea{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/banner/background.png");background-repeat:repeat;background-size:50%}#bannerArea>div{padding:0rem 0 0rem 0}#bannerArea>div>img{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/banner/BN_PC.png");width:100%}@media (max-width: 767px){#bannerArea>div>img{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/banner/BN_MB.png");width:100%}}#contentArea{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/banner/background.png");background-repeat:repeat;background-size:50%}#contentArea #tabArea .tabItem{cursor:pointer}#contentArea #tabArea .tabItem>text{position:absolute;left:59%;top:46%;font-size:1.25em;font-weight:bolder;color:#42210B;transform:translate(-50%, -50%)}#contentArea #tabArea .tabItem:nth-child(1):hover>img{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/btn/btn_hover_1.png")}#contentArea #tabArea .tabItem:nth-child(2):hover>img{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/btn/btn_hover_2.png")}#contentArea #tabArea .tabItem:nth-child(3):hover>img{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/btn/btn_hover_3.png")}#contentArea #tabArea .tabItem:nth-child(4):hover>img{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/btn/btn_hover_4.png")}#contentArea .CrabBoxArea{font-size:16px;text-align:justify}#contentArea .CrabBoxArea a img{width:100%;margin-bottom:16px}@media (min-width: 768px){#contentArea #ExperienceActivitiyArea{display:flex}#contentArea #ExperienceActivitiyArea>div .btnBottom{position:absolute;bottom:0px}}@media (max-width: 767px){#contentArea #ExperienceActivitiyArea>div .btnBottom{margin-bottom:6%}}#contentArea #ExperienceActivitiyArea .activitiyImg{width:100%}#contentArea #ExperienceActivitiyArea .activitiyTitle{height:32px;width:100%;margin-top:16px;margin-bottom:8px}@media (max-width: 767px){#contentArea #ExperienceActivitiyArea .activitiyTitle{height:26px}}#contentArea #ExperienceActivitiyArea>div{padding-left:0px;padding-right:0px}@media (min-width: 768px){#contentArea #ExperienceActivitiyArea>div{padding-left:8px;padding-right:8px}}#contentArea #ExperienceActivitiyArea .content{font-size:16px;text-align:justify;height:102px}#contentArea #ExperienceActivitiyArea .left{padding-left:6px}#contentArea #ExperienceActivitiyArea .right{padding-right:6px}#contentArea #FarmerArea{padding:16px 0;margin-top:-15px;margin-bottom:-15px}#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea{padding:0 8px}#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerImgSlickArea .slickfarmerImgItemArea>img{width:100%}#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{font-size:16px;text-align:justify;height:230px}@media (max-width: 1024px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:150px}}@media (max-width: 992px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:175px}}@media (max-width: 913px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:190px}}@media (max-width: 821px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:200px}}@media (max-width: 675px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:240px}}@media (max-width: 578px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:280px}}@media (max-width: 541px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:300px}}@media (max-width: 500px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:350px}}@media (max-width: 418px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:400px}}@media (max-width: 402px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:410px}}@media (max-width: 394px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:420px}}@media (max-width: 386px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:435px}}@media (max-width: 370px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:480px}}@media (max-width: 354px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:500px}}@media (max-width: 339px){#contentArea #FarmerArea .farmerSlickArea .slickfarmerItemArea>div .farmerIntroduce{height:530px}}.TitleName{height:32px;width:100%;margin:16px 0 8px 0}@media (max-width: 767px){.TitleName{height:26px}}#ProductArea{margin-bottom:8px}#ProductArea .productItem{padding:0 8px;text-align:center}#ProductArea .ProductDescription{text-align:center;color:#9E9E9F;font-size:18px}#ProductArea .ProductPrice{text-align:center;font-size:18px}#ProductArea .ProductPrice>span{color:#B82022}.titleArea{margin-top:32px;margin-bottom:32px}.titleArea>div>img{display:block;margin-left:auto;margin-right:auto;height:40px}#blogArea{margin-bottom:118px;padding:0}@media (max-width: 767px){#blogArea{margin-bottom:32px}}#blogArea .blogArticleSlickArea .blogArticleSlickItem{padding:0 8px !important}#blogArea .blogArticleSlickArea .blogArticleSlickItem>div{color:#42210B}#blogArea .blogArticleSlickArea .blogArticleSlickItem>div .articleCoverImage>a>img{height:165px;width:100%;object-position:top;object-fit:cover}@media (max-width: 767px){#blogArea .blogArticleSlickArea .blogArticleSlickItem>div .articleCoverImage>a>img{height:122px}}#blogArea .blogArticleSlickArea .blogArticleSlickItem>div .articleTitle{font-size:18px;margin:8px 0;font-weight:bolder;color:#C21F41;height:60px}@media (max-width: 381px){#blogArea .blogArticleSlickArea .blogArticleSlickItem>div .articleTitle{height:80px}}#blogArea .blogArticleSlickArea .blogArticleSlickItem>div .articleOutline{font-size:16px;text-align:justify;color:#333}.bottom-tab{flex-wrap:nowrap;flex-direction:row;display:none;background-color:#004B57}@media (max-width: 767px){.bottom-tab{display:flex}}.bottom-tab .icon{flex:1;margin-top:0.8rem}.bottom-tab .icon>a{display:flex;text-align:center;flex-direction:column;align-items:center}.bottom-tab .icon>a>img{width:40px}.bottom-tab .icon>a>span{color:#FFFFFF;line-height:1.2rem;font-size:1.2rem;letter-spacing:-0.24px;font-weight:500;margin-top:0.3rem;margin-bottom:3.6rem}.slick-dots{left:0;font-size:1.3rem;color:#EAA53C}.slick-dots li button:before{color:#EAA53C !important;font-size:1.2rem}.slick-prev{top:40%;left:-9%;width:80px;height:80px}.slick-prev:before{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/btn/left.png")}.slick-next{top:40%;right:-9%;width:80px;height:80px}.slick-next:before{content:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/Crab/btn/right.png")}.modal{margin-top:-10px}#fillVolunteerData :hover{transform:scale(1.1)}.crabBtn{display:block;margin:auto;margin-top:16px;width:200px;height:40px;left:0px;top:0px;background:#004B57;border-radius:20px;border:none;color:#FFFFFF;font-size:16px;font-weight:bold}.introduction{font-size:16px;text-align:justify}.slick-dots li button:before{color:#c21f41}@media (max-width: 768px){.modal.product-modal-wrapper .product-modal-dialog{margin-top:35% !important}}