@charset "UTF-8";.csr .tit{font-size:2.6875rem;font-family:JaguarJC-bold, '微軟正黑體';line-height:60px;color:#fff}@media only screen and (max-width:767px){.csr .tit{font-family:JaguarJC;font-size:1.375rem;line-height:36px;letter-spacing:0.44px}}.csr .cont{line-height:25px;letter-spacing:0.96px;color:#fff}@media only screen and (max-width:767px){.csr .cont{font-size:0.875rem;letter-spacing:0.84px}}.csr .tit-wrap{text-align:center}.csr .tit-wrap .tit{font-family:JaguarJC;padding-bottom:10px}@media only screen and (max-width:767px){.csr .tit-wrap .tit{padding-bottom:5px}}.csr .bannerSet{z-index:1}.csr-sec1{position:relative;border:solid 1px #000;background-image:url("../../uploads/csr/csr_bg01.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;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;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:300px;padding-bottom:150px;overflow:hidden}.csr-sec1:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6)}@media only screen and (max-width:1100px){.csr-sec1{padding-top:200px}}@media only screen and (max-width:768px){.csr-sec1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width:767px){.csr-sec1{padding-top:80px;padding-bottom:80px}}.csr-sec1 .bg-mask{background-image:url("../../uploads/csr/bg_mask.png");background-size:unset;background-repeat:no-repeat;background-position:40% -50%;width:100%;height:100%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.csr-sec1 .bottom,.csr-sec1 .left,.csr-sec1 .right{z-index:1}.csr-sec1 .right{width:40%;margin-left:100px}@media only screen and (max-width:768px){.csr-sec1 .right{width:80%;margin-left:0;padding-bottom:50px}}.csr-sec1 .right>div{-webkit-mask-image:-webkit-gradient(linear, left 80%, left bottom, from(black), to(rgba(0, 0, 0, 0)));padding-bottom:50px}@media only screen and (max-width:768px){.csr-sec1 .right>div{-webkit-mask-image:none}}.csr-sec1 .right .scrollbar-inner{max-height:360px}@media only screen and (max-width:768px){.csr-sec1 .right .scrollbar-inner{max-height:none}}.csr-sec1 .right .tit{max-width:400px;padding-bottom:20px}.csr-sec1 .right .cont{word-break:break-word;max-width:650px;padding-bottom:15px;padding-right:12px}.csr-sec1 .left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:42%}@media only screen and (max-width:768px){.csr-sec1 .left{width:80%}}@media only screen and (max-width:767px){.csr-sec1 .left{-ms-flex-pack:distribute;justify-content:space-around}}.csr-sec1 .left li{position:relative;max-width:150px;margin:0 30px 50px;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.csr-sec1 .left li:hover img.white{opacity:0}.csr-sec1 .left li:hover img.color{opacity:1}@media only screen and (max-width:767px){.csr-sec1 .left li{width:50%;margin:0 10px 55px}}.csr-sec1 .left li[data-size=large]{max-width:150px}@media only screen and (max-width:767px){.csr-sec1 .left li[data-size=large]{max-width:115px}}.csr-sec1 .left li[data-size=small]{max-width:90px}@media only screen and (max-width:767px){.csr-sec1 .left li[data-size=small]{max-width:60px}}.csr-sec1 .left li img.white{opacity:1;-webkit-transition:.8s;-o-transition:.8s;transition:.8s}.csr-sec1 .left li img.color{position:absolute;top:0;left:0;opacity:0;-webkit-transition:.8s;-o-transition:.8s;transition:.8s}.csr-sec1 .bottom{width:100%;text-align:center;padding-top:250px}@media only screen and (max-width:1100px){.csr-sec1 .bottom{padding-top:120px}}@media only screen and (max-width:768px){.csr-sec1 .bottom{width:80%;padding-top:50px}}.csr-sec1 .bottom .cont{max-width:400px;width:100%;margin:0 auto;padding-bottom:50px;padding-top:20px}.csr-sec1 .bottom .learn-btn{width:200px}.csr-sec2{position:relative;z-index:1;overflow:hidden;width:100%;height:100vh;margin-bottom:-58px;-webkit-clip-path:polygon(100% 0, 100% calc( 100% - 55px), 75% calc( 100% - 55px), 75% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% calc( 100% - 55px), 75% calc( 100% - 55px), 75% 100%, 0 100%, 0 0);background-color:#2d2c2c;background-size:cover;background-repeat:no-repeat;background-position:40%;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.csr-sec2:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent}.csr-sec2.active:before{background-color:rgba(239, 141, 45, 0.5)}@media only screen and (max-width:1100px){.csr-sec2{background-image:none;-webkit-clip-path:polygon(100% 0, 100% calc( 100% - 55px), 61% calc( 100% - 55px), 61% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% calc( 100% - 55px), 61% calc( 100% - 55px), 61% 100%, 0 100%, 0 0);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.csr-sec2:before{background-color:rgba(239, 141, 45, 0.5)}}@media only screen and (max-width:767px){.csr-sec2{height:100%}}@media only screen and (max-width:500px){.csr-sec2{margin-bottom:-38px;-webkit-clip-path:polygon(100% 0, 100% 95%, 54% 95%, 54% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% 95%, 54% 95%, 54% 100%, 0 100%, 0 0)}}.csr-sec2 .title{position:absolute;left:20%;top:0;max-width:760px;padding-top:170px;padding-bottom:50px}.csr-sec2 .title.white{color:#fff}.csr-sec2 .title.white h3{color:#fff}.csr-sec2 .title.white p{color:#eee}.csr-sec2 .title.dark{color:#000}.csr-sec2 .title.dark h3,.csr-sec2 .title.dark p{color:#000}@media only screen and (max-width:1100px){.csr-sec2 .title{position:relative;left:0;z-index:1;width:80%;padding-top:50px;margin-left:50px;margin-bottom:30px}}@media only screen and (max-width:767px){.csr-sec2 .title{margin:0 auto 50px;padding-top:40px;padding-bottom:0}}.csr-sec2 .title h3{font-family:JaguarJC;letter-spacing:1.5px;padding-bottom:20px}.csr-sec2 .title p{width:80%;line-height:24px;letter-spacing:1.2px}@media only screen and (max-width:767px){.csr-sec2 .title p{width:100%}}@media only screen and (max-width:1100px){.csr-sec2 .swiper-container{height:auto}}.csr-sec2 .swiper-slide{position:absolute;width:0;height:0}@media only screen and (max-width:1100px){.csr-sec2 .swiper-slide{width:100%;height:100%;position:static}}.csr-sec2 .swiper-pagination{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:50px}@media only screen and (max-width:1100px){.csr-sec2 .swiper-pagination{bottom:120px}}@media only screen and (max-width:768px){.csr-sec2 .swiper-pagination{bottom:200px}}@media only screen and (max-width:767px){.csr-sec2 .swiper-pagination{bottom:90px;width:80%}}.csr-sec2 .ball-wrap{width:100%;height:100%}@media only screen and (max-width:1100px){.csr-sec2 .ball-wrap{width:35%;margin:0 auto}}@media only screen and (max-width:767px){.csr-sec2 .ball-wrap{width:100%;padding-bottom:40%}}.csr-sec2 .ball{position:absolute;border:solid 1px rgba(255, 255, 255, 0.8);border-radius:100%}@media only screen and (max-width:1100px){.csr-sec2 .ball{position:relative}}.csr-sec2 .ball[data-size=large]{width:300px;height:300px}.csr-sec2 .ball[data-size=large] h2{font-size:1.4375rem;line-height:31.5px;letter-spacing:0.92px}@media only screen and (max-width:1600px){.csr-sec2 .ball[data-size=large]{width:280px;height:280px}.csr-sec2 .ball[data-size=large] h2{font-size:1.125rem}}@media only screen and (max-width:1100px){.csr-sec2 .ball[data-size=large]{width:260px;height:260px}}.csr-sec2 .ball[data-size=middle]{width:240px;height:240px}.csr-sec2 .ball[data-size=middle] h2{font-size:1.25rem;line-height:24px;letter-spacing:0.72px}@media only screen and (max-width:1600px){.csr-sec2 .ball[data-size=middle]{height:220px;width:220px}}@media only screen and (max-width:1100px){.csr-sec2 .ball[data-size=middle]{width:260px;height:260px}}.csr-sec2 .ball[data-size=small]{width:190px;height:190px}.csr-sec2 .ball[data-size=small] h2{font-size:1.125rem;line-height:24px;letter-spacing:0.72px}@media only screen and (max-width:1100px){.csr-sec2 .ball[data-size=small]{width:260px;height:260px}}.csr-sec2 .ball h2{width:60%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:rgba(255, 255, 255, 0.6)}@media only screen and (max-width:1100px){.csr-sec2 .ball h2{color:#fff}}.csr-sec3{position:relative;background-color:#2d2c2c;padding-top:150px}@media only screen and (max-width:767px){.csr-sec3{padding-top:90px}}.csr-sec3 .bg-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../../uploads/csr/csr_bg04.jpg");background-size:100%;background-repeat:no-repeat;background-position:top right}@media only screen and (max-width:768px){.csr-sec3 .bg-cover{top:-50px;background-size:220%}}.csr-sec3 .tit-wrap{position:relative}.csr-certificate{position:relative;width:100%;margin:0 auto;padding-bottom:120px}.csr-certificate:before{position:absolute;content:"";display:none;width:calc( 100% - 60px);height:1px;bottom:0px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#666}@media only screen and (max-width:767px){.csr-certificate:before{display:block}}@media only screen and (max-width:768px){.csr-certificate{padding-bottom:0px;margin-bottom:120px}.csr-certificate .tit-wrap{padding-bottom:60px}}@media only screen and (max-width:767px){.csr-certificate{margin-bottom:60px}.csr-certificate .tit-wrap{width:90%;margin:0 auto}}.csr-certificate .certificate-swiper{position:relative;max-width:800px;width:100%;margin:0 auto}@media only screen and (max-width:768px){.csr-certificate .certificate-swiper{width:60%}}@media only screen and (max-width:767px){.csr-certificate .certificate-swiper{width:65%}}.csr-certificate .swiper-container{padding:25px 20px 40px}@media only screen and (max-width:768px){.csr-certificate .swiper-container{padding-top:0}}@media only screen and (max-width:767px){.csr-certificate .swiper-container{padding:0 15px 40px}}.csr-certificate .swiper-pagination{top:auto;bottom:auto;right:25px}@media only screen and (max-width:768px){.csr-certificate .swiper-pagination{display:none!important}}.csr-certificate .swiper-slide{margin-top:60px;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}@media only screen and (max-width:768px){.csr-certificate .swiper-slide{margin-top:0}}.csr-certificate .swiper-slide-active{margin-top:30px}@media only screen and (max-width:768px){.csr-certificate .swiper-slide-active{margin-top:0}}.csr-certificate .img{-webkit-box-shadow:0 20px 20px rgba(0, 0, 0, 0.7);box-shadow:0 20px 20px rgba(0, 0, 0, 0.7);display:block;max-width:210px}.csr-certificate .next,.csr-certificate .prev{display:none;bottom:50%}@media only screen and (max-width:768px){.csr-certificate .next,.csr-certificate .prev{display:block}}@media only screen and (max-width:768px){.csr-certificate .prev{left:-40px}}@media only screen and (max-width:768px){.csr-certificate .next{right:-40px}}.csr-reports{position:relative;width:100%;margin:0 auto}.csr-reports:before{position:absolute;content:"";display:none;width:calc( 100% - 60px);height:1px;bottom:-30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#666}@media only screen and (max-width:767px){.csr-reports:before{display:block}}@media only screen and (max-width:768px){.csr-reports .tit-wrap{padding-bottom:60px}}@media only screen and (max-width:767px){.csr-reports .tit-wrap{width:90%;margin:0 auto}}.csr-reports .reports-swiper{position:relative;max-width:800px;width:100%;margin:0 auto}@media only screen and (max-width:768px){.csr-reports .reports-swiper{width:60%}}@media only screen and (max-width:767px){.csr-reports .reports-swiper{width:65%}}.csr-reports .swiper-container{padding:0 30px 40px}@media only screen and (max-width:768px){.csr-reports .swiper-container{padding-bottom:40px}}@media only screen and (max-width:767px){.csr-reports .swiper-container{padding:0 15px 40px}}.csr-reports .swiper-slide{margin-top:100px;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}@media only screen and (max-width:768px){.csr-reports .swiper-slide{margin-top:0}}.csr-reports .swiper-slide-active{margin-top:50px}@media only screen and (max-width:768px){.csr-reports .swiper-slide-active{margin-top:0}}.csr-reports .next,.csr-reports .prev{top:55%}@media only screen and (max-width:767px){.csr-reports .next,.csr-reports .prev{top:38%}}.csr-reports .prev{left:-10%}@media only screen and (max-width:1100px){.csr-reports .prev{left:-7%}}@media only screen and (max-width:768px){.csr-reports .prev{left:-40px}}.csr-reports .next{right:-10%}@media only screen and (max-width:1100px){.csr-reports .next{right:-7%}}@media only screen and (max-width:768px){.csr-reports .next{right:-40px}}.csr-reports .img{position:relative;-webkit-box-shadow:0 20px 20px rgba(0, 0, 0, 0.7);box-shadow:0 20px 20px rgba(0, 0, 0, 0.7)}.csr-reports .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;transition:.6s ease-in-out}.csr-reports .img:hover:after{background-color:rgba(0, 0, 0, 0.8)}.csr-reports .img:hover .inner span{opacity:1;width:112px}.csr-reports .img:hover .inner p{opacity:1}.csr-reports .inner{z-index:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csr-reports .inner span{display:block;width:80px;height:1px;margin-bottom:10px;background-color:#ef8d2d;opacity:0;-webkit-transition:.8s .1s ease-out;-o-transition:.8s .1s ease-out;transition:.8s .1s ease-out}@media only screen and (max-width:767px){.csr-reports .inner span{width:70px}}.csr-reports .inner p{font-family:Abel, '微軟正黑體修正', '微軟正黑體';color:#fff;font-size:1.3125rem;text-align:center;opacity:0;-webkit-transition:.8s .1s ease-out;-o-transition:.8s .1s ease-out;transition:.8s .1s ease-out}@media only screen and (max-width:767px){.csr-reports .inner p{font-size:1rem}}.csr-news{position:relative;max-width:1200px;width:100%;margin:0 auto;padding-top:120px}@media only screen and (max-width:1100px){.csr-news .swiper-container{width:80%}}@media only screen and (max-width:768px){.csr-news{padding-bottom:50px}}@media only screen and (max-width:767px){.csr-news{padding-bottom:120px}.csr-news .tit-wrap{width:90%;margin:0 auto}.csr-news .swiper-container{width:100%;padding-bottom:80px}}.csr-news .swiper-pagination{display:none}@media only screen and (max-width:768px){.csr-news .swiper-pagination{display:block;left:50%;bottom:11%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}.csr-news .swiper-container .swiper-wrapper.jcc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.csr-news .eachNews{padding:0 20px;padding-bottom:170px;width:100%;max-width:545px;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:1s;-o-transition:1s;transition:1s}@media only screen and (max-width:767px){.csr-news .eachNews{width:100%;max-width:400px;padding:0 30px}}.csr-news .eachNews:nth-child(2n){margin-top:40px}@media only screen and (max-width:767px){.csr-news .eachNews:nth-child(2n){margin-top:0}}@media only screen and (max-width:767px){.csr-news .eachNews+.eachNews{border-top:1px solid #666666}}.csr-news .eachNews .sub-title{font-family:JaguarJC;font-size:1rem;color:#fff;margin-bottom:10px;letter-spacing:0.04em}.csr-news .eachNews .sub-title span:nth-child(2){margin:0 10px}.csr-news .eachNews .photo-wrap{position:relative;width:100%}.csr-news .eachNews .photo-wrap .photo{position:relative;width:100%;padding-bottom:70.495%;overflow:hidden;-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.7);box-shadow:0 0 20px rgba(0, 0, 0, 0.7);margin-bottom:40px}@media only screen and (max-width:767px){.csr-news .eachNews .photo-wrap .photo{margin-bottom:30px}}.csr-news .eachNews .photo-wrap .photo img{-webkit-transition:1.2s;-o-transition:1.2s;transition:1.2s;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csr-news .eachNews .photo-wrap .photo a.cover{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;width:calc( 100% + 2px);height:calc( 100% + 2px);background-color:rgba(0, 0, 0, 0.6);opacity:0;-webkit-transition:.7s;-o-transition:.7s;transition:.7s;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csr-news .eachNews .photo-wrap .photo a.cover .inner span{display:block;width:112px;height:1px;margin-bottom:10px;background-color:#ef8d2d;-webkit-transition:2s .1s ease-out;-o-transition:2s .1s ease-out;transition:2s .1s ease-out}@media only screen and (max-width:767px){.csr-news .eachNews .photo-wrap .photo a.cover .inner span{width:70px}}.csr-news .eachNews .photo-wrap .photo a.cover .inner p{font-family:Abel, '微軟正黑體修正', '微軟正黑體';color:#fff;font-size:1.3125rem;text-align:center}@media only screen and (max-width:767px){.csr-news .eachNews .photo-wrap .photo a.cover .inner p{font-size:1rem}}.csr-news .eachNews .photo-wrap .photo.onhover img{-webkit-transform:translate(-50%, -50%) scale(1.07);-ms-transform:translate(-50%, -50%) scale(1.07);transform:translate(-50%, -50%) scale(1.07)}.csr-news .eachNews .photo-wrap .photo.onhover a.cover{opacity:1}.csr-news .eachNews .photo-wrap .photo.onhover a.cover .inner span{width:180px}.csr-news .eachNews .photo-wrap .date-box{position:absolute;right:-20px;bottom:-20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:117px;height:89px;-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.7);box-shadow:0 0 15px rgba(0, 0, 0, 0.7)}@media only screen and (max-width:767px){.csr-news .eachNews .photo-wrap .date-box{right:-10px;bottom:-10px;width:107px;height:79px}}.csr-news .eachNews .photo-wrap .date-box p{display:block;margin-bottom:5px}.csr-news .eachNews .photo-wrap .date-box span{font-family:JaguarJC;color:#fff}.csr-news .eachNews .photo-wrap .date-box span.month,.csr-news .eachNews .photo-wrap .date-box span.year{font-size:0.9375rem}@media only screen and (max-width:767px){.csr-news .eachNews .photo-wrap .date-box span.month,.csr-news .eachNews .photo-wrap .date-box span.year{font-size:0.875rem}}.csr-news .eachNews .photo-wrap .date-box span.month{text-transform:uppercase;margin-left:10px}.csr-news .eachNews .photo-wrap .date-box span.day{display:block;width:100%;font-size:2.6875rem;text-align:center}@media only screen and (max-width:767px){.csr-news .eachNews .photo-wrap .date-box span.day{font-size:1.625rem}}.csr-news .eachNews .text{color:#fff}@media only screen and (max-width:767px){.csr-news .eachNews .text{margin-left:10px;margin-right:10px}}.csr-news .eachNews .text.onhover .title a{color:#999999}.csr-news .eachNews .text.onhover p a{color:#666666}.csr-news .eachNews .text .title a{display:block;font-family:JaguarJC;font-size:1.25rem;line-height:1.3;letter-spacing:0.04em;margin-bottom:20px;-webkit-transition:.7s;-o-transition:.7s;transition:.7s}@media only screen and (max-width:767px){.csr-news .eachNews .text .title a{font-size:1.125rem;letter-spacing:0.1em;line-height:1.5}}.csr-news .eachNews .text p{width:100%}.csr-news .eachNews .text p a{display:block;font-family:JaguarJC;letter-spacing:0.04em;color:#fff;line-height:1.3;-webkit-transition:.7s;-o-transition:.7s;transition:.7s;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media only screen and (max-width:767px){.csr-news .eachNews .text p a{line-height:1.5}}.csr-news .next,.csr-news .prev{top:50%}@media only screen and (max-width:768px){.csr-news .next,.csr-news .prev{display:none!important}}.csr-news .prev{left:-8%}@media only screen and (max-width:1550px){.csr-news .prev{left:-3%}}@media only screen and (max-width:1100px){.csr-news .prev{left:5%}}.csr-news .next{right:-8%}@media only screen and (max-width:1550px){.csr-news .next{right:-3%}}@media only screen and (max-width:1100px){.csr-news .next{right:5%}}.csr .swiper-pagination-bullet{background-color:#fff;opacity:.25;margin:0 10px}.csr .swiper-pagination-bullet-active{opacity:1}.csr .button-wrap div{width:40px;height:40px;border-radius:100%;border:solid 1px #535353;cursor:pointer;position:absolute;-webkit-transition:border-color .3s ease-in-out;-o-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out}.csr .button-wrap div:hover{border-color:#c97225}.csr .button-wrap div:first-child span{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csr .button-wrap div:last-child span{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.csr .button-wrap span{position:absolute;left:50%;top:50%;color:#fff}.csr .libox{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:-99;background-color:rgba(0, 0, 0, 0.8);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;visibility:hidden;opacity:0;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.csr .libox.active{z-index:99;visibility:visible;opacity:1}.csr .libox-container{width:53.38542vw;height:570px;margin:0 auto;background-color:#fff;-webkit-box-shadow:1px 7.9px 21px 0 rgba(0, 0, 0, 0.15);box-shadow:1px 7.9px 21px 0 rgba(0, 0, 0, 0.15);-webkit-transform:translateY(-500px);-ms-transform:translateY(-500px);transform:translateY(-500px);-webkit-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out}.csr .libox-container.objIn{-webkit-transform:translateY(200px);-ms-transform:translateY(200px);transform:translateY(200px)}@media only screen and (max-width:575px){.csr .libox-container.objIn{-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}}.csr .libox .img_wrap{position:relative;max-width:30vw;max-height:700px}@media only screen and (max-width:1100px){.csr .libox .img_wrap{max-width:40vw}}@media only screen and (max-width:768px){.csr .libox .img_wrap{max-width:55vw}}@media only screen and (max-width:767px){.csr .libox .img_wrap{max-width:85vw}}.csr .libox .img_wrap[data-type=typeHorize]{max-width:42.4vw}@media only screen and (max-width:1100px){.csr .libox .img_wrap[data-type=typeHorize]{max-width:65vw}}@media only screen and (max-width:767px){.csr .libox .img_wrap[data-type=typeHorize]{max-width:85vw}}.csr .libox .close-btn{position:absolute;top:-30px;right:-30px;width:62px;height:62px;border-radius:50%;background-color:#ef8d2d;cursor:pointer;-webkit-transition:.7s;-o-transition:.7s;transition:.7s}@media only screen and (max-width:1100px){.csr .libox .close-btn{top:-20px;right:-20px;width:56px;height:56px}}@media only screen and (max-width:768px){.csr .libox .close-btn{right:auto;left:50%;top:-100px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}.csr .libox .close-btn:hover{opacity:1}.csr .libox .close-btn:hover span{width:35px}.csr .libox .close-btn.slide{top:-70px}.csr .libox .close-btn span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:block;width:20px;height:1px;background-color:#fff;-webkit-transition:1s;-o-transition:1s;transition:1s}.csr .libox .close-btn span:first-child{-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.csr .libox .close-btn span:last-child{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.csr .scrollbar-inner>.scroll-element.scroll-y{width:6px}
/*# sourceMappingURL=csr.css.map */