.csr-activity-btn{padding:16px 5px;background-color:#4ba83b;width:274px;color:white;font-weight:600;border-radius:8px;margin-right:auto;margin-left:auto;font-size:19px;margin-top:41px;margin-bottom:95px;text-align:center}.base-f-size{font-size:16px;padding-bottom:24px}section.frame-m-b{margin-bottom:10px}div.title-square{background-color:#4ba83b;color:#fff;display:inline-block;position:relative;border-radius:10px;font-weight:900;letter-spacing:0.5px;margin-top:24px;left:50%;transform:translateX(-50%);padding:5px 20px;margin-bottom:60px}div.title-square h1{font-size:1.5em;letter-spacing:1.2px;font-weight:800;color:#fff;text-align:center}div.title-square:after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid #4ba83b}.bx-wrapper .bx-controls-direction a{opacity:0.9}@media (max-width: 767px){.mobile-show{display:block}.web-show{display:none}}@media (min-width: 768px){.mobile-show{display:none}.web-show{display:block}}#banner{float:left;position:relative;z-index:9}#banner .text{position:absolute;right:0;bottom:10px;font-size:12px}ul#tab-title-nav{font-size:16px;text-align:justify}ul#tab-title-nav:after{content:'';display:inline-block;width:100%}ul#tab-title-nav li{display:inline-block;font-size:1.5em;color:black;text-align:center;padding:0 1em}ul#tab-title-nav .effect{text-align:center;display:inline-block;position:relative;text-decoration:none;color:#fff;background-color:#4ba83b;text-transform:capitalize;font-family:'Roboto', sans-serif;font-size:16px;padding:20px 0px;width:200px;border-radius:6px;overflow:hidden}ul#tab-title-nav .effect.effect-5{transition:all 0.2s linear}ul#tab-title-nav .effect.effect-5:before{content:'\f054';font-family:FontAwesome;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0px;height:100%;width:30px;background-color:rgba(255,255,255,0.3);border-radius:0 50% 50% 0;transform:scale(0, 1);transform-origin:left center;transition:all 0.2s linear}ul#tab-title-nav .effect.effect-5:hover{text-indent:30px}ul#tab-title-nav .effect.effect-5:hover:before{transform:scale(1, 1);text-indent:0}ul#tab-title-nav .effect.hover{color:#4ba83b;background-color:#b2d55d;font-weight:bolder}.effect{text-align:center;display:inline-block;position:relative;text-decoration:none;color:white;text-transform:capitalize;background-color:#25c5d9;font-family:'Roboto', sans-serif;font-size:1.5em;padding:3% 5% 3% 0;border-radius:6px;overflow:hidden;margin:5% auto 0 auto;box-shadow:2px 2px 2px #ccc}.special-tab-selected{background-color:#25c5d9}.special-tab-unselected{background-color:#bfda81}@media (max-width: 991px){ul#tab-title-nav{text-align:center}ul#tab-title-nav li{display:inline-block;float:none;padding:4px}ul#tab-title-nav .effect{padding:15px 0px;width:185px}}section#why-csr{text-align:left;line-height:30px;font-size:16px;color:#868686}section#why-csr p.why_content{font-size:1em;padding:0 10%;text-align:justify;padding:0 5%}section#why-csr ul{font-size:1em;padding:0 5%;color:#4ba83b;list-style-type:disc;margin-left:20px}section#why-csr div#why_knowledge{border:2px dashed #4ba83b;border-radius:5px;margin:0 5%;margin-top:30px;padding:0 20px 20px 20px;text-align:justify}section#why-csr div#why_knowledge span.knowledge_title{display:block;position:relative;width:220px;height:30px;top:-15px;left:50%;transform:translateX(-50%);text-align:center;background:#fff;color:#4ba83b;font-weight:600;letter-spacing:2px;font-size:1.2em}section#why-csr div#why_knowledge span#knowledge_content{font-size:1em}section#csr-photos{font-size:16px;margin-bottom:30px}section#csr-photos section#photos_frame div.slide-bg{padding:30px 0;background-color:#98e5e5}section#csr-articles{font-size:16px;margin-bottom:30px}section#csr-articles .article-frame{border:#ececec 1px solid;background-color:#fff;min-height:506px}section#csr-articles .article-frame:hover{border:#f19149 1px solid}section#csr-articles .article-frame .article_img{width:100%;margin:0;overflow:hidden;position:relative}section#csr-articles .article-frame .article_img .article_img-set{width:86.1vw;height:44.99vw}section#csr-articles .article-frame .article_cotent{padding:0 20px;text-align:center}section#csr-articles .article-frame .article_cotent .content_category .content_category-link{color:#f19149;font-size:0.9375em}section#csr-articles .article-frame .article_cotent .content_title{height:66px;overflow:hidden}section#csr-articles .article-frame .article_cotent .content_title .content_title-link{color:#caa940;font-size:1.375em;font-weight:bold}section#csr-articles .article-frame .article_cotent .content_writer{color:#959595;font-size:0.8125em}section#csr-articles .article-frame .article_cotent .content_writer .content_writer-link{color:#909090}section#csr-articles .article-frame .article_cotent .content_brief{height:105px;overflow:hidden;color:#434343;font-size:1em;line-height:25px;letter-spacing:1px}section#csr-articles .article-frame .article_cotent .content_read-more{color:#fff;font-size:1em;padding:8px 20px;background-color:#caa940;border-radius:4px}@media (min-width: 768px){section#csr-articles .article-frame .article_img .article_img-set{width:43.1vw;height:43.1vh}}@media (min-width: 992px){section#csr-articles .article-frame .article_img .article_img-set{width:28.1vw;height:28.1vh}}section#csr-packages{font-size:16px}section#csr-packages .container>.row{padding:0 5%}section#csr-packages .container>.row .packages-column{display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}section#csr-packages .container>.row .packages-column .package-1{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/mobile_pic1.png")}section#csr-packages .container>.row .packages-column .package-2{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/mobile_pic2.png")}section#csr-packages .container>.row .packages-column .package-3{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/mobile_pic3.png")}section#csr-packages .container>.row .packages-column .package-4{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/mobile_pic4.png")}section#csr-packages .container>.row .packages-column .package-5{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/mobile_pic5.png")}section#csr-packages .container>.row .packages-column .package-6{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/mobile_pic6.png")}section#csr-packages .container>.row div{padding:5px}section#csr-packages .container>.row div div.packages_img{margin-left:auto;margin-right:auto;position:relative;font-weight:300;text-align:center;width:278px;height:278px;background-position:50% 50%;background-size:cover;font-size:16px}section#csr-packages .container>.row div div.packages_img div.packages_img--hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,3,0.5);color:#fff;transition:0.4s all;text-decoration:none;box-shadow:0 2px 4px 0 rgba(64,64,64,0.5);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}section#csr-packages .container>.row div div.packages_img div.packages_img--hover .packages_img_detail{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:214px;width:calc(100% - 30px);user-select:none;cursor:default;text-align:justify}section#csr-packages .container>.row div div.packages_img div.packages_img--hover .packages_img_detail p.detail-description{font-weight:300;font-size:1em;line-height:24px}section#csr-packages .container>.row div div.packages_img:hover{transform:scale(1.03);z-index:20}section#csr-packages .container>.row div div.packages_img:hover div.packages_img--hover{opacity:1}section#csr-packages .container>.row div div.packages_img .packages_img_auto{transform:scale(1.03) !important;z-index:20 !important}section#csr-packages .container>.row div div.packages_img .packages_img_hover_auto{opacity:1 !important}@media (max-width: 413px){.column-fix{margin-right:12px}}@media (min-width: 992px){section#csr-packages .container>.row{padding:0px 3%}section#csr-packages .container>.row .packages-column .package-1{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/web_pic1.png")}section#csr-packages .container>.row .packages-column .package-2{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/web_pic2.png")}section#csr-packages .container>.row .packages-column .package-3{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/web_pic3.png")}section#csr-packages .container>.row .packages-column .package-4{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/web_pic4.png")}section#csr-packages .container>.row .packages-column .package-5{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/web_pic5.png")}section#csr-packages .container>.row .packages-column .package-6{background-image:url("https://fruitbox.blob.core.windows.net/pagematerials/activity/csr-promotion/web_pic6.png")}}section#csr-bonus{display:table-cell;background-color:#98e5e5;padding-top:60px;padding-bottom:30px}section#csr-bonus>.col-xs-12>div{margin-bottom:30px;text-align:center}section#csr-bonus>.col-xs-12>div>img{width:360px}section#csr-bonus .m-p-10-percent{padding:10%}@media (min-width: 768px){section#csr-bonus>.col-xs-12>div>img{max-width:300px}section#csr-bonus .m-p-10-percent{padding:2%}}@media (min-width: 1330px){section#csr-bonus{display:block;height:1130px;position:relative;left:50%;transform:translateX(-50%)}}@media (min-width: 1330px){section#csr-bonus{padding:30px 10% 0 10%}}@media (min-width: 1600px){section#csr-bonus{padding:30px 14% 0 14%;height:1230px}}section#csr-business .business_margin{margin-top:64px;margin-bottom:30px}section#csr-business section#YT-frame h2{font-weight:600;font-size:1.25em}section#csr-business section#YT-frame iframe{width:100vw;height:56.25vw}@media (min-width: 768px){section#csr-business section#YT-frame iframe{width:40vw;height:22.5vw}}@media (min-width: 1330px){section#csr-business section#YT-frame iframe{width:36vw;height:20.25vw}}@media (min-width: 1540px){section#csr-business section#YT-frame iframe{width:26vw;height:14.625vw}}#csr-form{color:#fff;float:left;text-align:center;font-size:16px;background-color:#4ba83b;padding:24px 24px 48px 24px;margin-top:unset}#csr-form .container{padding:0px}#csr-form .container .row{margin-bottom:0px}#csr-form .container .row .form__f-p{padding:0px}#csr-form img#form__top-bg-left{position:absolute;width:150px;bottom:0;left:3px}#csr-form img#form__top-bg-right{position:absolute;width:120px;bottom:0;right:24px}#csr-form h1{font-size:1.5em;padding-bottom:12px;font-weight:800}#csr-form p{text-align:justify;line-height:30px}#csr-form .p-t-parallel{padding:0.67em 0 0 0}#csr-form form .form__radio-btn{text-align:left;font-weight:900}#csr-form form input[type='text']{color:#fff;background-color:rgba(130,206,132,0.71);padding:5px;width:100%;margin:10px 0px;border:0px;border-radius:2px;transition:0.3s linear}#csr-form form input[type='text']:focus{background-color:#98e5e5}#csr-form form textarea{border-radius:2px;margin:15px 0;transition:0.3s linear}#csr-form form textarea:focus{background-color:#98e5e5}#csr-form form ::-webkit-input-placeholder{color:#fff}#csr-form form :-ms-input-placeholder{color:#fff}#csr-form form ::-moz-placeholder{color:#fff;opacity:1}#csr-form form :-moz-placeholder{color:#fff;opacity:1}#csr-form form .recommend-form__msg{width:100%;height:120px;border-color:#4ba83b;background-color:rgba(130,206,132,0.71);resize:none;padding:6px}#csr-form form .form__position-btn{text-align:right}#csr-form form button{opacity:0.8;width:auto;background-color:#fff !important;color:#4ba83b;font-size:1em !important;padding:8px 5px;border-radius:5px;border:none;font-weight:900;opacity:1;transition:0.3s linear}#csr-form form button:hover{opacity:0.8;width:auto;background-color:#82ce84 !important;color:#fff;font-size:1em !important;padding:6px 10px;border-radius:5px;border:none;font-weight:900;opacity:1}@media (min-width: 768px){#csr-form img#form__top-bg-left{width:150px;left:32%}#csr-form img#form__top-bg-right{width:180px;left:7%}#csr-form .container{width:auto}#csr-form .container .form__f-p{padding:12px 36px}#csr-form h1{font-size:2em;padding-bottom:12px}#csr-form p{text-align:justify}#csr-form form .form__position-btn{text-align:right;z-index:100}#csr-form .p-t-parallel{padding:3em 12px 12px 12px}}@media (min-width: 320px){.effect{padding:5% 2%;width:65px;font-size:1em !important}.top-div{background-color:white;position:fixed;z-index:10;top:90px;padding:3% 4% 3% 4%;box-shadow:1px 1px 1px #ccc}.custom-margin-bottom{margin-bottom:10px}.page{font-size:0.7em !important;margin-left:0 !important;text-align:center !important}.page div{float:none !important}}@media (min-width: 375px){.effect{padding:5% 2%;width:100px;font-size:1.1em !important}}@media (min-width: 768px){.custom-margin-bottom{margin-bottom:25px}.effect{width:170px;padding:3% 5%;font-size:1.5em !important}.top-div{background-color:white;position:fixed;z-index:10;top:89px;padding:1% 2% 2% 2.5%;box-shadow:1px 1px 1px #ccc}.page{font-size:1em !important;margin-left:30% !important;text-align:left !important}.page div{float:left !important}}@media (min-width: 992px){.effect{width:215px;padding:3% 5%;font-size:1.5em !important}.effect.effect-5{transition:all 0.2s linear 0s}.effect.effect-5:before{content:'\f054';font-family:FontAwesome;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0px;height:100%;width:30px;background-color:rgba(255,255,255,0.3);border-radius:0 30% 30% 0;transform:scale(0, 1);transform-origin:left center;transition:all 0.2s linear 0s}.effect.effect-5:hover{top:2px;text-indent:30px;background-color:#4ba83b}.effect.effect-5:hover:before{transform:scale(1, 1);text-indent:0;top:0}.top-div{width:92%;background-color:white;position:fixed;z-index:10;top:90px;padding:1% 4%;box-shadow:0px 0px 0px #fff;left:50%;transform:translateX(-50%)}}@media (min-width: 1024px){.top-div{padding:0% 6% 1% 6%}}@media (min-width: 1440px){.top-div{padding:0% 16.5% 1% 16.5%}}@media (min-width: 1900px){.top-div{padding:0% 23.5% 1% 23.5%}}