/* button*/
.more{display:inline-block;font-size:16px;padding:21px 48px 19px;background:#938274;box-sizing:border-box;text-align:center;transition:ease .3s;color:#fff;display:none}
.more:hover{color:#fff;background:transparent}
#Extra-setting{background:#ffffff;padding:60px 0 20px}
#Extra-setting .wwicbox{display:flex;flex-wrap:wrap;padding:30px 0px 40px;margin:0 auto;justify-content:space-between}
#Extra-setting .titleSet h2.speBoxTitle{width: min(90%, 280px);display:flex;align-items:center;justify-content:center}
#Extra-setting .item{position:relative;margin:10px 0;float:left;padding: 50px 0;width: 32%;color: #c7ab67;text-align:center;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;background: #ffffff;box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1);border-radius: 7px;border: #c7ab67 5px solid;}
#Extra-setting .item:nth-child(2){-webkit-animation-delay:0.5s;}
#Extra-setting .item:nth-child(3){-webkit-animation-delay:1s;}
#Extra-setting .item:last-child:after{background:none;}
#Extra-setting .item:hover img{animation:animatedIcon 1s;-webkit-animation:animatedIcon 1s;-moz-animation:animatedIcon 1s;-ms-animation:animatedIcon 1s;-o-animation:animatedIcon 1s;}
@keyframes rotateLeft{0%{transform:rotate(5deg);}50%{transform:rotate(-5deg);}100%{transform:rotate(5deg);}}

@keyframes animatedIcon{0%{transform:scale(1);}25%{transform:scale(1.2);}50%{transform:scale(1);}75%{transform:scale(1.2);}100%{transform:scale(1);}}
@-o-keyframes animatedIcon{0%{transform:scale(1);}25%{transform:scale(1.2);}50%{transform:scale(1);}75%{transform:scale(1.2);}100%{transform:scale(1);}}
@-webkit-keyframes animatedIcon{0%{transform:scale(1);}25%{transform:scale(1.2);}50%{transform:scale(1);}75%{transform:scale(1.2);}100%{transform:scale(1);}}
@-moz-keyframes animatedIcon{0%{transform:scale(1);}25%{transform:scale(1.2);}50%{transform:scale(1);}75%{transform:scale(1.2);}100%{transform:scale(1);}}
@-ms-keyframes animatedIcon{0%{transform:scale(1);}25%{transform:scale(1.2);}50%{transform:scale(1);}75%{transform:scale(1.2);}100%{transform:scale(1);}}
#Extra-setting .item .item-icon{padding:0 15px;text-align:center;animation:rotateLeft 1.5s infinite}
#Extra-setting .item .item-icon .icon-text{display:inline-flex;min-width:2.75rem;min-height:2.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.12);color:inherit;transition:all 0.3s ease-in;background:#7356bf !important;border-radius:10%}
#Extra-setting .item .item-icon .icon-text i{font-size:1.2rem;padding:20px;color:#fff}
#Extra-setting .item .item-icon img{width:150px;filter:hue-rotate(200deg)}
#Extra-setting .item .item-info{padding:0 7px}
#Extra-setting .item .item-info .item-title{margin-bottom:12px;color:#c7ab67;font-size:21px;font-weight:bold;letter-spacing:2px;margin-top:11px;text-align:center}
#Extra-setting .item .item-info .item-descript{color:#353535;font-size:15px;line-height:20px;font-weight:bold;letter-spacing:0px;text-align:center}
#about{background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;position:relative;background-size:100%;z-index:2;background-color:white;padding:90px 0 0}
.abbg{overflow:hidden;float:right;width:35%;margin-right:10%;padding:65px 0}
#about .about-box{overflow:hidden;position:relative;background:url(/images/27/img-aboutBg.jpg)}
#about #indexyoutube{display:block;width:50%;float:left;background-repeat:no-repeat;background-position:50%;background-size:cover;left:0;top:0;z-index:54}
.comtub{display:flex}
.comtub .comlist{display:flex}
.comtub .comlist a{position:relative;display:flex;flex-direction:row;width:167px;align-items:center;padding:9px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-right:10px;border-radius:80px;overflow:hidden}
.comtub .comlist a:before{content:"";position:absolute;width:100%;height:100%;left:-100%;z-index:0}
.comtub .comlist.callJ a:before{background: #c7ab67;}
.comtub .comlist.lineJ a:before{background:#39cd00}
.comtub .comlist.lineJ a{background:#39cd00;display:none}
.comtub .comlist.callJ a{background:#c7ab67}
.comtub .comlist a:hover:before{left:0}
.comtub .comlist a:hover svg{-moz-transform:translateX(108px);-webkit-transform:translateX(108px);-o-transform:translateX(108px);-ms-transform:translateX(108px);transform:translateX(108px)}
.comtub .comlist a:hover span{opacity:0.5;-moz-transform:translateX(-14px);-webkit-transform:translateX(-14px);-o-transform:translateX(-14px);-ms-transform:translateX(-14px);transform:translateX(-14px)}
.comtub .comlist svg{width:23px;fill:white;z-index:1;transition:all linear 0.3s}
.comtub .comlist span{color:white;margin-left:10px;z-index:1;transition:all linear 0.3s;font-size:16px;letter-spacing:2px}
/**for u2**/
#about-wrap{text-align:left;position:relative;padding:0 0 20px}
#about-wrap article{color:#787878;font-size:17px;margin:30px 0;line-height:180%;font-size:16px;letter-spacing:2px}
#about-wrap p .more{color:#fff;display:inline-block;text-align:center;font-size:14px;padding:10px 35px;background-color:#938274;border-radius:0;border-radius:50px}
#about-wrap h2 b{}
#about-wrap h2{color:#565656;font-size:30px;padding: 0 0 20px;}
#about-wrap h2 b{position:absolute;z-index:-2;left:0px;width:100%;height:100%;text-transform:uppercase;display:block;top:40px;font-size:100px;color:#f3f3f3;line-height:0px;text-align:end;font-weight:bold}
#product .titleSet{padding:60px 0px;background-repeat:no-repeat;background-size:auto;background-image:url(/images/24/img-bg01.jpg)}
#product .titleSet h2.speBoxTitle,#page-form h2.speBoxTitle,.titleSet h2.speBoxTitle{font-size:42px;color:#444;line-height:1.3;text-align:center;font-weight:600;background:linear-gradient(to top,rgb(232 230 228) 0.5em,transparent 0.5em);margin:0 auto 25px}
#product .titleSet h2.speBoxTitle{width: min(90%, 280px);}
.titleSet h2.speBoxTitle .texbig{font-size:50px;margin:0 5px}
#product .titleSet p,.titleSet p{margin:auto;color:#000;text-align:center;color:#787878;font-size:17px;margin:30px 0 0;line-height:150%;font-size:16px;letter-spacing:2px}
#product .titleSet p b{display:block;color:red;margin-top:10px}
#prolay .pro-list{display: grid;flex-wrap:wrap;padding:0 0 80px;grid-template-columns: repeat(3, 1fr);}
#product #prolay .pro-list .product-item{position:relative;overflow:hidden;transition:ease .3s;padding: 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.product-item a{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
.product-item a::after{content:"";position:absolute;left:0px;top:0px;display:block;background:transparent;transition:ease .3s;width:100%;height:100%}
.product-item a{position:relative;overflow:hidden;border-radius:10px;}
.product-item a img{aspect-ratio: 4/3;}
.product-item a .info{box-sizing:border-box;z-index:2;transition:ease .3s;position:absolute;width:100%;left:0px;bottom:0px;transform:translateY(45px);color:#fff;padding:0px 15px}
.product-item a .title{margin-bottom:20px;font-size:20px;line-height:38px;color:#fff;width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#c7ab67;text-align:center;border-radius:5px}
.product-item a .btn{position:absolute;right:15px;top:-19px;border:2px solid;border-radius:50%;width:58px;height:58px;text-align:center;line-height:58px;opacity:0;transition:ease .3s}
.product-item a .desc{height:44px;overflow:hidden;padding-right:17px;box-sizing:border-box;-webkit-line-clamp:2}
.product-item .price{height: 23px;overflow: hidden;padding-bottom: 10px;display: none;}
.product-item .price span{display: inline-block;}
.product-item .price span.saleprice{margin-left: 5px;height: 28px;}
.product-item .price span.saleprice b{font-size: 22px;color: red;}

/*內頁*/
#products-detail{overflow:hidden}
#products-detail .slick-prev{left:25px;z-index:5}
#products-detail .slick-next{right:25px}
#products-detail .sub-pro-img{float:left;width:50%}
#products-detail .sub-pro-img img{width:100%}
#products-detail .sub-pro-img .slick-slider{margin:0}
#products-detail .sub-pro-img .slick-slider div,#products-detail .sub-pro-img .slick-slider p,#products-detail .sub-pro-img .slick-slider li,#products-detail .sub-pro-img .slick-slider img{outline:none}
#products-detail .sub-pro-img .slick-dots{bottom:10px}
#products-detail .txt-set{float:right;width:50%}
#products-detail .txt-set .product-txt{padding:40px}
#products-detail .txt-set .product-txt h2{line-height:100%;margin-bottom:30px;padding-bottom:30px;font-size:20px;position:relative;margin-top:10px;color:#f1f1f1}
#products-detail .txt-set .product-txt h2:after{content:'';display:block;width:30px;height:2px;background:#0971f2;position:absolute;bottom:0;left:0}
#products-detail .txt-set .product-txt .product-Cate{color:#fff;display:inline-block;padding:0px 7px;background:#0971f2;font-size:14px}
#products-detail .txt-set .product-txt .ProductNO{color: #ccc;}
#products-detail .txt-set .product-txt h3{font-size:15px;line-height:150%;overflow:hidden;color: #888;}
#products-detail .txt-set .product-txt .price{margin-top:30px}
#products-detail .txt-set .product-txt .price p{margin-top:5px}
#products-detail .txt-set .product-txt .price p span{font-size:13px}
#products-detail .txt-set .product-txt .price p span b{font-family:'Josefin Sans',sans-serif;font-size:24px;margin-left:15px}
#products-detail .txt-set .product-txt .price p .money-sale{text-decoration:line-through;color:#a9a9a9}
#pro-article{margin-bottom:30px;font-size:16px}
#pro-article .tabs{border-top:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a}
#pro-article .tabs li{display:inline-block}
#pro-article .tabs li a{color:#c3c3c3;display:block;padding:15px 25px;position:relative;font-size:16px}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color:#d8c08c}
#pro-article .tabs li a:after{position:absolute;top:15px;right:0;content:'|';color:#5d5d5d}
#pro-article .tabs li:last-child a:after{display:none}
#tabs_container .tab_content{padding:30px 0}
#products-detail .sub-pro-img p{display:block;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#2b2b2b}
#product .entitle{margin:80px 0 30px}
#product .entitle h2{text-align:center;font-size:30px;line-height:120%;color:#0971f2;font-family:'Oswald',sans-serif;font-weight:400}

.index-title{overflow:hidden}
.index-title h2{float:left;font-family:'Raleway',sans-serif;font-size:50px;line-height:110%}
.index-title p{float:right;font-size:16px}
.index-title p a b{color:#ffe502;margin-left:10px}
.index-title p:hover{background:#ffe502;color:#000}
.index-title p:hover a b,.index-title p:hover a,#product .index-title p:hover a{color:#000}
#NewsBox{background: #f3f3f3;background-position: 50% 50%;background-attachment: fixed;background-size: cover;}
#NewsBox .workframe{padding: 90px 0px;}
#NewsBox .workframe .speBox .titleSet{display: flex;}

#NewsBox #news .newsList{padding-top: 50px;}
#NewsBox #news .newsList .border{padding: 22px 20px;overflow: hidden;/* border-bottom: 1px dashed #999; */background-color: #f3f3f3;}
#NewsBox #news .newsList .border a{display: block;background-position: center;background-repeat: no-repeat;background-size: cover;border: 1px dashed #8c8c8c;border: 8px solid #ffffff;border-radius: 2em;}
#NewsBox #news .newsList .border .news-info h3{font-size: 15px;line-height: 1.6;color: #404040;padding: 22px 0px 2px;text-align: center;}
#NewsBox #news .newsList .border .news-info .describe{font-size: 18px;color: #565656;line-height: 230%;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;height: 34px;border-bottom: 1px dashed #999;padding-bottom: 17px;text-align: center;}

/*News*/
#NewsBox #news .newsList .slick-prev,#NewsBox #news .newsList .slick-next{height:58px;width:58px;border:2px solid #888888;border-radius:50%}
#NewsBox #news .newsList .slick-prev{right:87px;top:0px;left:unset}
#NewsBox #news .newsList .slick-next{right:15px;top:0px}
#NewsBox #news .newsList .slick-prev:before{content:"\f053";font:normal normal normal 14px/1 FontAwesome;padding-right:5px}
#NewsBox #news .newsList .slick-next:before{content:"\f054";font:normal normal normal 14px/1 FontAwesome;padding-left:5px}
#NewsBox #news .newsList .slick-prev:before,#NewsBox #news .newsList .slick-next:before{font-size:20px;color:#888888}

#bookBox{display:flex;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}
#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{position:relative}
#bookBox #book .bList .photo{background-size:cover;background-repeat:no-repeat;background-position:center}
#bookBox #book .bList .photo img{height:700px}
#bookBox #book .bList .mofd h3{transition:ease .3s;position:absolute;bottom:0px;left:0px;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{}
#freebox .free h3{font-size:42px;color:#fff;font-family:'Poppins',sans-serif;line-height:1.3;padding-bottom:35px;text-align:center}
#freebox .free p{font-family:'Poppins',sans-serif;color:#ffffff;font-size:22px;line-height:1.6;max-width:100%;padding-bottom:30px;text-align:center}
#ssbanner .bxslider{display:flex}
#ssbanner .bxslider >div{position:relative}
#ssbanner .bxslider > div a{position:relative;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;height:100%}
#ssbanner .bxslider > div a::after{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:100%;height:0%;transition:all .25s;background-color:rgba(42,26,102,0.42);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;text-shadow:1px 1px 7px #000000;font-weight:bold;letter-spacing:3px;font-family:'cwTeXHei',sans-serif}

/* page */
#content{background-color:#ffffff;background-image:url(/images/24/fac-bg.webp)}
#page-form{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:60px 0 60px;color:#fff;background-attachment:fixed;width:75%;margin:auto;-webkit-border-radius:40px}
#page-form h2{width:17%}
#page-form h2 img{}
#page-form h2 b{margin:0 10px;font-size:24px;vertical-align:text-bottom;display:inline-block}
#page-form form,#page-form fieldset{border:0;padding:0;margin:0;overflow:hidden;z-index:99}
#page-form .list{width:50%;float:left;color:#fff;overflow:hidden;font-size:17px;line-height:120%;margin:7px 0;height:40px}
#page-form .list p{}
#page-form .list:first-child p{}
#page-form .list:first-child p:last-child label{}
#page-form .list:first-child p span{}
#page-form .list label{width:100px;display:inline-block;color:#000}
#page-form .list span{display:inline-block;width:calc(100% - 106px)}
#page-form .list input,#page-form .list select{font-size:17px}
#page-form .list select{border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-appearance:none;background-image:url(/images/24/arrow.png);background-repeat:no-repeat;background-position:95% 50%;width:90%;padding:10px;background-color:rgb(255,255,255);padding:8px 8px;border:1px solid #ccc}
#page-form .list input[type="text"]{width:calc(90% - 21px);padding:10px;margin-left:5px;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:10px;padding:7px 8px;border:1px solid #ccc}
#page-form .list input#Checknum{width:100px}
#page-form .list.last{width:100%;margin-top:5px}
#page-form .list.last p{text-align:center}
#page-form .list.last p input{-webkit-appearance:none;width:200px;text-align:center;background:#c7ab67;color:#fff;border-radius:25px;line-height:40px;cursor:pointer}

@media screen and (max-width: 1440px){
	#about:before{zoom:0.7;top:-200px}
    .abbg{padding:20px 0;width:92%;margin-right:4%}
    #about-wrap article{margin:15px 0 28px 0}
}
@media screen and (min-width: 1025px){
    .product-item a:hover .info{transform: translateY(-20px);}
    .product-item a:hover::after{background:  rgba(0, 0, 0, 0.44);}
    .product-item a:hover .btn{opacity: 1;}
}
@media screen and (max-width: 1024px){
    .product-item a .title{font-size: 20px;text-shadow: 2px 2px 3px #3a3a3a;}
    .product-item a .desc{height: 44px;}
}
@media screen and (max-width: 1300px){
}
@media screen and (min-width: 1281px) {
    #page-form .list.last p input:hover{background: #050c1c;}
}
@media screen and (max-width: 1280px){
	#page-form .workframe{width:90%;}
	#fakeNumber ul li .eva p b{font-size:30px}
	#fakeNumber ul li .eva h2{font-size:14px}
    #about{background-attachment:inherit}
    #page-form h2{width:25%}
    #about-wrap h2 b{font-size:65px}
}
@media screen and (max-width: 1024px){
    #page-form{width:100%}
	#Extra-setting .item .item-info .item-descript{font-size: 16px;}
	#Extra-setting .item .item-info .item-title{font-size: 18px;}
	#product .titleSet{padding:60px 40px;}
	#product .titleSet .product-desc{max-width: 100%;font-size: 17px;}
	#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;}
	#ssbanner .bxslider > div a p{font-size: 16px;}
}
@media screen and (max-width: 980px) {
	#page-form .list{width:100%;height:auto;margin: 7px 0;}
	#page-form .list:first-child p{display: block;}
	#page-form .list:first-child p:first-child{margin-bottom: 9px;margin-top: 10px;}
	#page-form .list:first-child p span{width: calc(100% - 106px);}
	#page-form .list:first-child p.ra span{ width:auto;}
	#page-form{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:40px 0 40px;color:#fff;background-attachment:fixed;width:90%;margin:auto;-webkit-border-radius:40px}
    #fakeNumber ul li .eva{padding:14px 9px;width:calc(100% - 44px)}
    #about{background-position:70% 50%}
    #about-wrap article,#about-wrap p .more{font-size:16px}
}
@media screen and (min-width: 769px){
    #product #prolay .pro-list .product-item:nth-child(1){grid-column-start: 3;grid-column-end: 4;grid-row-start: 1;grid-row-end:3;}
}
@media screen and (max-width: 768px){
    #Extra-setting .workframe{padding: 40px 20px;}
    #Extra-setting .item{width: 100%;}
    #Extra-setting .item .item-icon img{height: auto;}
    #NewsBox #news .newsList .slick-prev, #NewsBox #news .newsList .slick-next{height: 35px;width: 35px;}
    #NewsBox #news .newsList .slick-prev{right: 65px;}
    #NewsBox #news .newsList .slick-prev:before, #NewsBox #news .newsList .slick-next:before{font-size: 14px;}
    #NewsBox #news .newsList .slick-prev:before{padding-right: 3px;}
    #NewsBox #news .newsList .slick-next:before{padding-left: 3px ;}
    #ssbanner .bxslider{flex-wrap: wrap;}
    #ssbanner .bxslider > div{width: 50%;}
	#page-form .list select{width:100%;}
	#page-form .list input[type="text"]{    width: calc(100% - 21px);}
	#page-form .list input#Checknum{margin-left: 0;}
	#fakeNumber ul li{width:calc(50% - 4px);margin-bottom: 0px;}
	#fakeNumber ul li:nth-child(3),#fakeNumber ul li:nth-child(4){margin-bottom:0}
	#fakeNumber ul li:nth-child(3):after{display:none}
	#about #indexyoutube{width: 100%;}
	#about .about-box{background-size:cover}
    #page-form h2{width:30%}
    #NewsBox .workframe{padding:20px 0px}
    .product-item a .title{font-size:18px}
    #prolay .pro-list{grid-template-columns: 1fr;}
}
@media screen and (max-width: 640px){
	#fakeNumber .webframe{max-width:480px;margin:0 auto}
}
@media screen and (max-width: 580px){
    #NewsBox #news .newsList .slick-prev,#NewsBox #news .newsList .slick-next{top:45px}
    #NewsBox #news .newsList{padding-top:75px}
    #page-form h2{width:50%}
    #Extra-setting .item{width:95%;margin:0 auto 20px}
    #products-detail .sub-pro-img,#products-detail .txt-set{width:100%}
    #products-detail .txt-set .product-txt{padding:40px 0px;}
}
@media screen and (max-width: 480px){
	#fakeNumber ul{-webkit-transform:skewX(0deg);transform:skewX(0deg)}
    #freebox .free h3{font-size:36px}
    #freebox .free p{font-size:16px}
    #bookBox .speBox .booktitle h2, #NewsBox .workframe .speBox .titleSet h2, #product .titleSet h2.speBoxTitle, #product .titleSet h2.speBoxTitle, #page-form h2.speBoxTitle, .titleSet h2.speBoxTitle{font-size:36px}
    #product .titleSet .product-desc{font-size:15px;padding-top:0px;line-height:160%}
    .more{padding:8px 25px 10px}
    #Extra-setting .workframe{padding:40px 0px}
    #Extra-setting .item .item-info .item-title{font-size:16px}
    #Extra-setting .item .item-info .item-descript{font-size:14px}
    #page-form{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:40px 0 40px;color:#fff;background-attachment:fixed;width:90%;margin:auto;-webkit-border-radius:40px}
    #bottomBox #ssbanner:after{height:20%}
    #fakeNumber ul li .eva p b{font-size:27px}
    #fakeNumber ul li .eva h2{font-size:13px}
    #ssbanner .bxslider > div{width:50%}
    #about:before{zoom:0.5;top:-100px;right:-150px}
    #fakeNumber .webframe{max-width:380px;margin:0 auto}
    #fakeNumber{margin-top:-38px}
}
@media screen and (max-width: 420px){
    #ssbanner .bxslider > div a p{font-size: 14px;letter-spacing: 2px;}
    #page-form h2{width:70%}
    .product-item a .title{font-size:16px}
    #prolay .pro-list > div .p-box .p-info .title{padding-bottom:0px}
    #product #prolay .pro-list .product-item{width:calc((100% / 1) - 2px)}
}
@media screen and (max-width: 380px){
    #product .titleSet,#NewsBox .workframe,#freebox{padding: 30px 20px;}
    #fakeNumber ul li .eva{padding:7px 5px;width:calc(100% - 44px)}
    #fakeNumber .webframe{max-width:310px;margin:0 auto}
}
@media screen and (max-width: 374px){
    #pro-article .tabs li a{padding: 15px;}
}