.site-main{background:#fff;margin:0!important}.banner-box{max-width:1920px;margin:0 auto;background:url(../../images/common/index/products_bg.png) repeat;position:relative;left:0;right:0;width:100%;max-width:1920px;margin:0 auto;height:100%;min-height:820px;margin-top:0;left:0;right:0;top:86px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:0}.banner{margin-top:0}.banner img{margin:0 auto}.site-main{z-index:3;position:relative}.site-header{position:fixed;left:0;right:0;margin:0 auto;top:0;width:100%;z-index:15}.site-footer{position:relative}.banner{position:relative}.banner-box .thumbnails{display:inline-block;position:absolute;right:20px;bottom:100px}.banner-box .thumbnails li{padding:0 10px}.banner-box .thumbnails a{max-width:92px;border-radius:50%;overflow:hidden;background:#fff;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:block;cursor:pointer;margin:0 auto;position:relative;opacity:.6;-webkit-box-sizing:border-box;box-sizing:border-box}.banner-box .thumbnails li.active a,.banner-box .thumbnails a:hover{opacity:1}.banner-button{display:block;margin:0 auto;width:230px;height:56px;background:#88D4D2;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:10px;font-size:20px;color:#fff;position:absolute;border-radius:30px;left:0;right:0;overflow:hidden;bottom:25%;z-index:5;cursor:pointer;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.banner-button:before{content:'';display:block;width:0;height:100%;background:#66c2d1;border-radius:30px;position:absolute;left:0;top:0;-webkit-transition:all .5s ease-in-out;z-index:-1;transition:all .5s ease-in-out}.banner-button:hover:before{width:100%}.banner .slick-prev,.banner .slick-next{white-space:nowrap;text-indent:101%;overflow:hidden;padding:0;border:0;background:url(../../images/common/index/btn_scroll_2.png) no-repeat;width:30px;height:30px;position:absolute;z-index:100;top:50%;margin-top:-45px;cursor:pointer}.no-svg .banner .slick-prev{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}.banner .slick-prev{background-position:0 0;left:2%}.banner .slick-next{background-position:100% 0;right:2%}.banner .slick-prev:hover,.banner .slick-next:hover{opacity:.5}.banner .ibtn.scroll{background:url(../../images/common/index/btn_scroll.png) 50% 50%;background-size:100% auto;width:24px;height:14px;position:absolute;bottom:30px;right:0;left:0;margin:0 auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.banner .ibtn.scroll:hover{opacity:.7}.banner .slick-dots{width:100%;position:absolute;left:0;right:0;margin:0 auto;bottom:0;text-align:center;padding:0;opacity:0}.banner .slick-dots li{display:inline-block;margin:0 3px;text-align:center;vertical-align:middle}.banner .slick-dots li.slick-active button{background-image:url(../../images/common/index/banner_dot_h.svg)}.banner .slick-dots button{border:none;display:block;margin:0 auto;background:url(../../images/common/index/banner_dot.svg) no-repeat 50% 50%;width:8px;height:8px;border-radius:50%;text-indent:-99999px}.site-main{background:#fff}.sect1{background:#f2f6f5 url(https://www.8vd.com.tw/images/common/index/about_deco.png)0 50% no-repeat;background-size:contain;padding-top:70px;margin:0 30px;margin:0 auto;overflow:hidden}.about-sect{float:right;position:relative;border:1px solid #88D4D2;background:rgba(255,255,255,0.8);border-width:1px 1px 0;padding:30px 40px 15px;width:570px;margin-top:140px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px 10px 0 0 / 10px 10px 0 10px}.about-slogan{color:#88D4D2;opacity:.95;line-height:1.4;white-space:nowrap;font-family:'Times New Roman',微軟正黑體}.about-slogan.s1{font-size:35px;position:absolute;bottom:100%;right:265px}.about-slogan.s2{font-size:28px;position:absolute;top:0;right:100%;margin-right:100px;display:none}.about-pic{position:absolute;right:38px;bottom:100%;margin-bottom:-68px;display:none}.about-sect .txt-box{color:#858e8d;line-height:2}.about-sect .sect-title{color:#606966;font-size:27px;margin-bottom:10px}.about-sect .sect-title:after{content:'';display:inline-block;vertical-align:text-bottom;width:0;height:0;border-style:solid;border-width:14px 0 0 14px;border-color:transparent transparent transparent #DCAD95;margin:0 0 5px 16px;display:none}.about-sect .editor{min-height:150px}.about-sect .btn-box{text-align:right;padding-top:15px;top:-20px}.about-sect .btn.more{color:#88D4D2;font-size:16px;font-weight:700;line-height:30px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;position:relative}.about-sect .btn.more:before{content:'';display:block;width:0;height:3px;background:#606966;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;position:absolute;left:0;bottom:0}.about-sect .btn.more:hover:before{width:100%}.about-sect .btn.more:hover{color:#606966}.about-sect .btn.more .ic{font-size:20px;vertical-align:middle;margin:0 0 2px 8px}.about-deco{position:absolute;bottom:0;left:15px;display:none}.sect2{background:#88D4D2;margin:0 30px;margin:0 auto}.news-sect{padding:88px 0 14px}.news-sect .sect-title{background-image:url(../../images/common/index/news_title.png);width:120px;height:60px;position:absolute;bottom:100%;left:50%;margin-left:-60px}.news-sect .ibtn.more{background-image:url(../../images/common/index/news_more.svg);width:120px;height:59px;position:absolute;top:0;left:50%;margin-left:-60px}.no-svg .news-sect .ibtn.more{background-image:url(../../images/common/index/news_more.png);background-position:0 100%}.no-svg .news-sect .ibtn.more:hover{background-position:0 0}.news-list{margin:0 -15px}.news-list .item{width:25%;padding:0 15px}.news-list .item:nth-child(4n+1){clear:left}.news-list .box{max-width:320px;margin:0 auto 50px;overflow:hidden;border:1px solid #bbb;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background:#fff;border-radius:10px;overflow:hidden}.news-list .pic{position:relative;overflow:hidden}.news-list .pic img{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.news-list .box:hover .pic img{-webkit-transform:scale(1.2);transform:scale(1.2);overflow:hidden;border-radius:10px}.news-list .txt{padding:18px 20px}.news-list .data{color:#88D4D2}.news-list .date{display:block;background:#88D4D2;width:130px;line-height:30px;text-align:center;color:#fff;font-family:'Times New Roman',Times,Georgia,serif;font-size:17px;margin:0 auto 15px}.news-list .name{color:#88D4D2;font-size:19px;line-height:1.3;letter-spacing:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:44px;margin-bottom:10px}.news-list .description{color:#a0a0a0;font-size:13px;line-height:1.5;max-height:75px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:55px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.news-list .box:hover .description{color:#000;text-decoration:underline}.sect3{padding:50px 0 40px;position:relative;background:url(../../images/common/index/products_bg.png) repeat}.sect3 .container{max-width:1920px;padding:0 30px}.products-sect .sect-title{font-size:30px;font-weight:400;color:#4a4a4a;letter-spacing:2px;font-weight:bold;letter-spacing:.02rem;text-align:center;line-height:1.5;margin:0;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:20px;margin-bottom:10px}.products-sect .sect-title span{color:#88D4D2;display:block;font-size:15px;font-weight:700;text-align:center;margin-top:3px;text-transform:uppercase;letter-spacing:1px}.products-list-box{background:url(../../images/common/index/products_bg.png);padding:50px 30px 60px}.products-list{margin:0 auto;max-width:1470px}.products-list .item{width:25%;padding:0 18px}.products-list .box{max-width:320px;margin:0 auto 50px;position:relative;border-radius:10px}.products-list .box.new .pic-box:before{content:'';display:block;background:url(../../images/common/products/new_tag.png) no-repeat;width:57px;height:57px;position:absolute;z-index:10;left:0;top:0}.products-list .pic-box{position:relative;overflow:hidden}.products-list .pic{display:block;position:relative;overflow:hidden;background:#fff;border-radius:10px}.products-list .pic:before{content:'';position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-position:50% 55%}.products-list .box:hover .pic:before{background:url(../../images/common/products/hover.png) 50% 50% no-repeat,rgba(66,66,66,0.5);border-color:#00AEBB}.products-list .txt{padding-top:10px;text-align:center}.products-list .name{color:#88D4D2;font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:28px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;margin-bottom:10px}.products-list .name a{display:inline}.products-list .box:hover .name{color:#00AEBB}.products-list .offers{color:#999;font-size:16px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-weight:700}.products-list .box:hover .offers{color:#00AEBB}.products-sect .btn.more{display:inline-block;background:#88d4d2;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:30px;color:#fff;font-size:16px;font-weight:700;max-width:45%;width:230px;box-sizing:border-box;padding:10px 2%;margin:10px 1% 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;letter-spacing:1px;text-align:center}.products-sect .btn.more.more2{background:#28a8db}.products-sect .btn.more:hover{background:#c5e8e7}.products-sect .btn.more .ic{vertical-align:middle;font-size:20px;left:-4px;top:-1px;position:relative}@media screen and (max-width: 1500px){.sect1,.sect2{margin:0}.sect3 .container{padding:0 15px}}@media screen and (max-width: 1400px){.about-slogan.s2{margin-right:30px}.about-deco{width:26%}}@media screen and (max-width: 1200px){.about-slogan.s1{right:0}.sect1{background:#f2f6f5 url(https://www.8vd.com.tw/images/common/index/about_deco.png)-30% no-repeat;background-size:contain}.about-sect{width:45%}.about-pic{width:36%}.news-list{margin:0 -7px}.news-list .item{padding:0 7px}.products-list .item{padding:0 10px}}@media screen and (max-width: 1000px){.banner-box .thumbnails{display:none;visibility:hidden;opacity:0}.banner{margin-top:4px;display:block}.site-header{top:0;z-index:0;position:relative}.banner-box{top:0;height:100%;min-height:unset}.banner-button{width:130px;height:45px;font-size:14px;line-height:50px;padding:0}.banner .slick-prev,.banner .slick-next{width:60px;height:60px;background-size:200% auto;margin-top:-30px}.about-sect{width:65%;margin-top:50px}.sect1{background:#f2f6f5 url(https://www.8vd.com.tw/images/common/index/about_deco.png)-60% no-repeat;background-size:contain}.about-sect .editor{min-height:180px}.about-slogan.s1{right:36%;font-size:35px}.about-slogan.s2{font-size:22px}.about-pic{width:25%}.news-list{max-width:800px;margin:0 auto}.news-list .item{width:50%}.news-list .item:nth-child(4n+1){clear:none}.news-list .item:nth-child(2n+1){clear:left}.products-list{max-width:800px}.products-list .item{width:50%}.banner .slick-dots{opacity:1}.about-slogan.s1{right:10%}}@media screen and (max-width: 767px){.sect1{background-image:none}.banner .slick-prev,.banner .slick-next{width:36px;height:36px;margin-top:-18px}.sect1{padding-top:25px}.about-slogan.s1,.about-slogan.s2{position:static;margin:0 0 10px;white-space:normal;line-height:1;font-size:30px}.about-slogan.s2{margin-left:0;font-size:22px;margin-top:5px}.about-sect{float:none;width:auto;border:0;padding:0;margin:0;background:none}.about-sect .txt-box{border:1px solid #88D4D2;background:rgba(255,255,255,0.8);border-radius:10px 10px 0 0 / 10px 10px 0 10px;padding:15px 20px;clear:both}.about-sect .editor{min-height:0}.about-pic{position:static;float:right;width:150px;margin:-10px 30px -40px 0}.about-deco{position:relative;width:40%;margin-top:-60px;margin-bottom:30px}.news-list{margin:0 -7px}.news-list .box{margin-bottom:30px}.products-list-box{padding:30px 10px}.products-list{margin:0 -7px}.products-list .item{padding:0 7px}.products-list .box{margin-bottom:30px}.products-sect .btn.more{margin-top:0}.banner .slick-prev,.banner .slick-next{opacity:0;visibility:hidden;display:none}}@media screen and (max-width: 550px){.products-list .item{width:100%}}@media screen and (max-width: 500px){.about-slogan.s1{font-size:28px}.about-slogan.s2{font-size:20px}.about-pic{width:30%;margin-right:4%}.news-list .item{width:100%}.news-list .item:nth-child(n){clear:none}.banner-button{display:none}}