.bx-wrapper{position:relative;margin:0 auto 6px;padding:0}.bx-wrapper img{max-width:100%;display:block}#bx-pager img{filter:alpha(opacity=60);opacity:.6;padding:5px}#bx-pager2 img{filter:alpha(opacity=60);opacity:.6;padding:5px}#bx-pager3 img{filter:alpha(opacity=60);opacity:.6;padding:5px}#bx-pager4 img{filter:alpha(opacity=60);opacity:.6;padding:5px}#bx-pager5 img{filter:alpha(opacity=60);opacity:.6;padding:5px}#bx-pager img:hover{filter:alpha(opacity=100);opacity:1}#bx-pager2 img:hover{filter:alpha(opacity=100);opacity:1}#bx-pager3 img:hover{filter:alpha(opacity=100);opacity:1}#bx-pager4 img:hover{filter:alpha(opacity=100);opacity:1}#bx-pager5 img:hover{filter:alpha(opacity=100);opacity:1}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(../../Content/jQuery/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(/Content/jQuery/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background:url(/Content/jQuery/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;filter:alpha(opacity=55);opacity:.55}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/Content/jQuery/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/Content/jQuery/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../../Scripts/fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('../../Scripts/fancybox/fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../../Scripts/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../../Scripts/fancybox/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox_sprite@2x.png');background-size:44px 152px}#fancybox-loading div{background-image:url('fancybox_loading@2x.gif');background-size:24px 24px}}.csr-activity-btn{padding:16px 5px;background-color:#4ba83b;width:274px;color:#fff;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:.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:.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:#000;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 0;width:200px;border-radius:6px;overflow:hidden}ul#tab-title-nav .effect.effect-5{transition:all .2s linear}ul#tab-title-nav .effect.effect-5:before{content:'';font-family:FontAwesome;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:100%;width:30px;background-color:rgba(255,255,255,.3);border-radius:0 50% 50% 0;transform:scale(0,1);transform-origin:left center;transition:all .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:#fff;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 0;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:.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:.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,.5);color:#fff;transition:.4s all;text-decoration:none;box-shadow:0 2px 4px 0 rgba(64,64,64,.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:0 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:0}#csr-form .container .row{margin-bottom:0}#csr-form .container .row .form__f-p{padding:0}#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:.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,.71);padding:5px;width:100%;margin:10px 0;border:0;border-radius:2px;transition:.3s linear}#csr-form form input[type='text']:focus{background-color:#98e5e5}#csr-form form textarea{border-radius:2px;margin:15px 0;transition:.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,.71);resize:none;padding:6px}#csr-form form .form__position-btn{text-align:right}#csr-form form button{opacity:.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:.3s linear}#csr-form form button:hover{opacity:.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:#fff;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:.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:#fff;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 .2s linear 0}.effect.effect-5:before{content:'';font-family:FontAwesome;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:100%;width:30px;background-color:rgba(255,255,255,.3);border-radius:0 30% 30% 0;transform:scale(0,1);transform-origin:left center;transition:all .2s linear 0}.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:#fff;position:fixed;z-index:10;top:90px;padding:1% 4%;box-shadow:0 0 0 #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%}}