#aboutFunc,#bookBox{background-attachment:fixed}.text-clamp{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}#product #prolay .pro-list>div .p-box .p-info .price span,.more{display:inline-block}.more{font-size:16px;padding:21px 48px 19px;background:#0662a2;box-sizing:border-box;text-align:center;transition:.3s;color:#fff;border-radius:10px}.more:hover{color:#fff;background:#25a2b8}#Extra-setting,#NewsBox{background:#1a1a1a}#NewsBox #news .newsList .border a,#bookBox,#bookBox #book .bList .photo,#ssbanner .bxslider>div a{background-position:center}#NewsBox #news .newsList .border a,#aboutFunc,#bookBox,#bookBox #book .bList .photo,#product #prolay .pro-list>div .photo,#ssbanner .bxslider>div a{background-repeat:no-repeat;background-size:cover}#Extra-setting .workframe{display:flex;flex-wrap:wrap;padding:160px 0 110px}#Extra-setting .item{width:50%;display:flex;padding:20px 0 50px}#Extra-setting .item .item-icon{padding:0 15px}#Extra-setting .item .item-icon img{width:170px;height:160px}#Extra-setting .item .item-info{padding:0 15px;width:62%}#Extra-setting .item .item-info .item-title{margin-bottom:27px;color:#fff;font-size:22px}#Extra-setting .item .item-info .item-descript{color:#888;font-size:17px;line-height:30px}#aboutFunc{padding:120px 0}#aboutFunc .speBox{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;position:relative}#aboutFunc .speBox .youtubebox{width:35%;position:absolute;left:0;animation-name:fish;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:2s}@keyframes fish{0%{transform-origin:right bottom;transform:rotate(-3deg)}100%{transform-origin:right bottom;transform:rotate(3deg)}}#aboutFunc .speBox .youtubebox #youtube .UTwo iframe{width:100%;height:376px}#aboutFunc .speBox #about{width:55%}#aboutFunc .speBox #about h3.subBoxTitle{font-size:42px;line-height:1.3;margin-bottom:10px}#aboutFunc .speBox #about h2{font-size:22px;margin-bottom:25px}#aboutFunc .speBox #about .arts{font-size:16px;line-height:200%;text-align:justify}#aboutFunc .speBox #about h4{margin-top:40px}#aboutFunc #SeoStarRating{padding-bottom:50px}#product .titleSet{padding:70px 110px}#freebox .titleSet h2.speBoxTitle,#product .titleSet h2.speBoxTitle{font-size:40px;line-height:1.3;padding-bottom:35px;text-align:center}#freebox .titleSet h3.subBoxTitle,#product .titleSet h3.subBoxTitle{text-align:center}#freebox .titleSet .product-desc,#product .titleSet .product-desc{font-size:16px;line-height:1.6;max-width:80%;padding-bottom:30px;margin:0 auto;font-weight:700;text-align:center}#product #prolay .pro-list{display:flex;flex-wrap:wrap}#product #prolay .pro-list>div{width:25%;position:relative;overflow:hidden;transition:.3s}#product #prolay .pro-list>div .photo{position:relative;background-position:center;display:block}#product #prolay .pro-list>div .photo::after{content:"";position:absolute;left:0;top:0;display:block;background:0 0;transition:.3s;width:100%;height:100%}#product #prolay .pro-list>div .p-box .p-info{width:95%;color:#fff;position:absolute;left:20px;bottom:0;transform:translateY(85px);transition:.3s;display:none}#product #prolay .pro-list>div .p-box .p-info .describe{height:44px;overflow:hidden;padding-right:17px;box-sizing:border-box;-webkit-line-clamp:2}#product #prolay .pro-list>div .p-box .p-info .price{height:23px;overflow:hidden;padding-bottom:10px}#product #prolay .pro-list>div .p-box .p-info .price span.saleprice{margin-left:5px;height:28px}#product #prolay .pro-list>div .p-box .p-info .price span.saleprice b{font-size:22px;color:red}#product #prolay .pro-list>div .p-box .p-info .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:60px}#product #prolay .pro-list>div .p-box .p-info h3{max-width:65%;position:relative;font-size:22px;font-family:Poppins,sans-serif;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#product #prolay .pro-list>div .p-box .p-info h3 a{color:#fff}#product #prolay .pro-list>div .p-box .p-info a.btn{display:block;width:58px;height:58px;text-align:center;line-height:58px;border:2px solid #fff;border-radius:50%;margin-right:20px;color:#fff;transition:.3s;opacity:0}#NewsBox .workframe{padding:80px 0}#NewsBox .workframe .speBox .titleSet{display:flex;align-items:center}#NewsBox .workframe .speBox .titleSet h2{font-size:42px;font-family:Poppins,sans-serif;line-height:1.3;color:#fff;margin-right:45px}#NewsBox #news .newsList{padding-top:50px}#NewsBox #news .newsList .border{padding:0 15px;overflow:hidden}#NewsBox #news .newsList .border a{display:block}#NewsBox #news .newsList .border .news-info h3{font-size:20px;line-height:1.6;color:#fff;padding:15px 0 0;text-align:center}#NewsBox #news .newsList .border .news-info .describe{font-family:Poppins,sans-serif;font-size:17px;color:#888;line-height:1.6;-webkit-line-clamp:2}#NewsBox #news .newsList .slick-next,#NewsBox #news .newsList .slick-prev{height:58px;width:58px;border:2px solid #383838;border-radius:50%}#NewsBox #news .newsList .slick-prev{right:87px;top:-32px;left:unset}#NewsBox #news .newsList .slick-next{right:15px;top:-32px}#NewsBox #news .newsList .slick-prev:before{content:"\f053";font:14px/1 FontAwesome;padding-right:5px}#NewsBox #news .newsList .slick-next:before{content:"\f054";font:14px/1 FontAwesome;padding-left:5px}#NewsBox #news .newsList .slick-next:before,#NewsBox #news .newsList .slick-prev:before{font-size:20px;color:#383838}#bookBox{display:flex}#bookBox .speBox{width:35%;position:relative}#bookBox .speBox .booktitle{width:100%;position:absolute;top:50%;left:50%;transform:translate(0,-50%)}#bookBox .speBox .booktitle h2{font-size:42px;color:#fff;font-family:Poppins,sans-serif;line-height:1.3}#bookBox #book{width:65%;transform:translateX(200px)}#bookBox #book .bList .mofd,#ssbanner .bxslider>div{position:relative}#bookBox #book .bList .photo img{height:700px}#bookBox #book .bList .mofd h3{transition:.3s;position:absolute;bottom:0;left:0;width:100%;height:60px;background:#020202a6;text-align:center;line-height:60px;box-sizing:border-box;border-right:1px solid #888}#bookBox #book .bList .mofd h3 a{color:#fff;display:block;width:100%}#bookBox #book .bList .mofd:hover h3{background:#020202d6}#freebox.noneCI{display:none}#freeboxlist,#ssbanner .bxslider{display:flex}#freebox{padding:70px 0}#freebox .free h3{font-size:22px;line-height:1.3;padding:10px 0;text-align:center;overflow:hidden;height:57px}#freeboxlist{flex-wrap:wrap;margin-top:90px;justify-content:center}#freeboxlist>div{width:calc(100%/5)}#freeboxlist>div .photo{position:absolute;top:-60px;width:60%;left:calc(50% - 60px)}#freeboxlist>div .free{margin:10px;background:#f0f8ff;position:relative;padding:70px 20px 20px;border-radius:15px}#freebox .free p{font-size:14px;line-height:1.6;max-width:100%;text-align:center;height:134px}#ssbanner .bxslider>div a{position:relative;display:block;height:100%}#ssbanner .bxslider>div a::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:0%;transition:.25s;background-color:rgba(27,47,66,.5);z-index:1}#ssbanner .bxslider>div a:hover::after{height:100%}#ssbanner .bxslider>div a p{position:absolute;width:85%;bottom:14%;left:8%;color:#fff;font-size:22px;z-index:2}@media screen and (min-width:1025px){#product #prolay .pro-list>div:hover .photo::after{background:rgb(0 0 0 / 80%)}#product #prolay .pro-list>div:hover .p-box .p-info{transform:translateY(0)}#product #prolay .pro-list>div:hover .p-box .p-info a.btn{opacity:1}}@media screen and (max-width:1300px){#product #prolay .pro-list>div .p-box .p-info a.btn{width:45px;height:45px;line-height:45px}#product #prolay .pro-list>div .p-box .p-info .title{padding-bottom:40px}}@media screen and (max-width:1280px){#aboutFunc{padding:160px 40px}}@media screen and (max-width:1024px){#freeboxlist>div{width:calc(100%/3)}#freeboxlist>div .photo{position:relative;top:0;left:0;margin:0 auto}#freeboxlist>div .free{padding:30px}#Extra-setting .item .item-info .item-descript{font-size:16px}#Extra-setting .item .item-info .item-title,#ssbanner .bxslider>div a p{font-size:18px}#aboutFunc,#product .titleSet{padding:60px 40px}#aboutFunc .speBox .youtubebox{left:unset;z-index:-1;opacity:.15}#aboutFunc .speBox #about{width:100%}#product #prolay .pro-list>div .p-box .p-info h3{font-size:20px}#product #prolay .pro-list>div .p-box .p-info .describe{height:44px}#product .titleSet .product-desc{max-width:100%}#bookBox{display:block}#bookBox .speBox{width:100%;position:unset}#bookBox .speBox .booktitle{width:100%;position:unset;padding:30px 40px;transform:unset}#bookBox #book{width:100%;transform:unset}#bookBox #book .bList .photo img{height:auto}}@media screen and (max-width:768px){#freeboxlist>div,#product #prolay .pro-list>div,#ssbanner .bxslider>div{width:50%}#aboutFunc .speBox .youtubebox{width:60%;bottom:0}#Extra-setting .workframe{padding:40px 20px}#Extra-setting .item{width:100%}#Extra-setting .item .item-icon img{height:auto}#product #prolay .pro-list>div .p-box .p-info h3{font-size:18px}#freebox .titleSet .product-desc,#product .titleSet .product-desc{max-width:100%}#NewsBox #news .newsList .slick-next,#NewsBox #news .newsList .slick-prev{height:35px;width:35px}#NewsBox #news .newsList .slick-prev{right:65px}#NewsBox #news .newsList .slick-next:before,#NewsBox #news .newsList .slick-prev:before{font-size:14px}#NewsBox #news .newsList .slick-prev:before{padding-right:3px}#NewsBox #news .newsList .slick-next:before{padding-left:3px}#freebox{padding:50px 0}#ssbanner .bxslider{flex-wrap:wrap}}@media screen and (max-width:580px){#freeboxlist>div{width:100%}#NewsBox #news .newsList .slick-next,#NewsBox #news .newsList .slick-prev{top:45px;z-index:-999}#NewsBox #news .newsList{padding-top:45px}}@media screen and (max-width:480px){#freebox .free h3{font-size:20px;height:auto}#freebox .free p{height:auto}#NewsBox .workframe .speBox .titleSet h2,#aboutFunc .speBox #about h3.subBoxTitle,#bookBox .speBox .booktitle h2,#freebox .titleSet h2.speBoxTitle,#product .titleSet h2.speBoxTitle{font-size:36px}#NewsBox .workframe .speBox .titleSet h3{display:none}#NewsBox .workframe .speBox .titleSet{display:block}#NewsBox .workframe .speBox .titleSet h2{text-align:center;margin:0}#Extra-setting .workframe{padding:40px 0}#Extra-setting .item .item-info .item-title{font-size:16px}#Extra-setting .item .item-info .item-descript{font-size:14px}#aboutFunc{padding:60px 40px}}@media screen and (max-width:420px){#product #prolay .pro-list>div .p-box .p-info h3,#ssbanner .bxslider>div a p{font-size:16px}}@media screen and (max-width:374px){#NewsBox .workframe,#aboutFunc,#freebox,#product .titleSet{padding:60px 20px}}