@charset "utf-8";body{margin:0;padding:0;color:#333;font-size:15px;font-family:'Noto Sans',sans-serif,"思源黑體","Noto Sans T Chinese","微軟正黑體",arial}img{border:0;text-decoration:none}a,a:hover,a:active,a:focus{text-decoration:none;color:#333}.noData{text-align:center;margin:0 auto;padding:10% 0 15%;color:#999}.noData .fa{font-size:2em;color:#969696}.ulSet,.ulSet li{margin:0;padding:0;list-style:none}.tabSet,.tabSet th,.tabSet td{padding:0;border:0;border-spacing:0;border-collapse:collapse}.tabSet input,.tabSet label,.tabSet select{vertical-align:middle}textarea.safariOff,input.safariOff{-webkit-appearance:none;border-radius:0}.edit{width:95%;margin:0 auto;overflow:hidden;line-height:2.5em}#proView .edit img{width:100%;max-width:100%;height:auto!important;margin:2% auto;display:block}.gWrap#index{width:100%;position:relative}.gWrap#page{width:100%;position:relative;min-height:calc(100vh - 80px);padding-bottom:50px;overflow:hidden}#header{position:fixed;width:100%;top:0;background:rgba(205,24,31,.9);z-index:99;height:80px}#header h1{position:absolute;left:6%;top:12px;margin:0;padding:0;width:103px;height:57px}#header h1 a.logo{display:block;background:url('../images/logo.png') no-repeat center center;width:103px;height:57px;font-size:0;background-size:100% 100%}#header ul.links{font-size:0;margin:15px 15px;float:right}#header ul.links li{display:inline-block;position:relative}#header ul.links li:last-child{display:none}#header ul.links li a{display:block;position:relative;width:40px;height:40px;background-position:center center;background-repeat:no-repeat;opacity:.7;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}#header .links .link-item{display:inline-block;position:relative;width:36px;height:36px;margin-left:16px;vertical-align:top}#header .links .link-item:nth-child(2):before,#header .links .link-item:nth-child(5):before{content:'';display:block;position:absolute;width:1px;height:18px;background:#ddd;top:9px;left:-10px}#header .links .link-item >a{display:block;position:relative;width:36px;height:36px;overflow:hidden}#header .links .link-item >a i{display:block;position:absolute;width:36px;height:36px;top:0;left:0}#header .links .link-item >a i:before{content:'';display:block;position:absolute;width:36px;height:36px;top:0;left:0;transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}#header .links .link-item >a:hover i:before{opacity:0;transform:scale(1.8);-ms-transform:scale(1.8);-moz-transform:scale(1.8);-webkit-transform:scale(1.8)}#header .links .link-item >a i:after{content:'';display:block;position:absolute;width:36px;height:36px;top:0;left:0;opacity:0;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}#header .links .link-item >a:hover i:after{opacity:1;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}#header .nav{text-align:center;position:absolute;left:50%;margin-left:-286px;top:0}#header .lanBox{color:#fff;float:right;margin:30px 0}#header .lanBox a{color:#fff}#header .lanBox a:hover{text-decoration:underline}#header nav .container{position:relative;text-align:center}#header ul.nav-links{display:none}#header ul.nav-menu >li{display:block;float:left;position:relative;vertical-align:bottom}#header ul.nav-menu >li:last-child:after{display:none}#header ul.nav-menu >li:after{content:'';width:6px;height:6px;display:block;position:absolute;background:rgba(255,255,255,0.5) ;right:0;top:38px;border-radius:8px}#header ul.nav-menu >li >a{display:block;text-align:center;padding:0 43px;color:#fff;font-weight:normal;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;height:80px;line-height:80px;font-size:1.1em}#header ul.nav-menu >li:last-child a:after{display:none}#header ul.nav-menu >li >a:hover,#header ul.nav-menu >li >a:active,#header ul.nav-menu >li.current >a{outline:none}#header ul.nav-sub{position:absolute;padding:0;top:79px;transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;box-shadow:0 3px 4px rgba(0,0,0,0.1);display:none;left:0;border:1px solid rgba(220,220,220,0.2)}#header ul.nav-sub.open-l{display:block}#header ul.nav-sub.open{opacity:1}#header ul.nav-sub >li >a{display:block;line-height:44px;border-bottom:1px solid rgba(220,220,220,0.2);background:#323232;text-overflow:ellipsis;white-space:nowrap;line-height:38px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;width:100%;overflow:hidden;padding:0 20px;color:#fff}#header ul.nav-sub >li:last-child >a{border:none}#header ul.nav-sub >li >a:hover,#header ul.nav-sub >li >a:active,#header ul.nav-sub >li >a.current{color:#F10F18}#header ul.nav-menu >li:hover .nav-sub{opacity:1;display:block}#page #header{background:#fff;border-top:4px solid #cd181f;height:210px;position:fixed}#page #header h1{width:172px;height:95px;margin:40px auto 20px;position:relative;left:0;top:0}#page #header h1 .logo{background:url('../images/logo_page.png') no-repeat center center;width:172px;height:95px}#page #header .nav{position:relative;margin:0 auto;left:0;border-top:1px solid #efefef;width:90%}#page #header ul.nav-menu >li{float:none;display:inline-block}#page #header .lanBox{position:absolute;right:5%;top:30px;color:#999}#page #header .lanBox a{color:#999}#page #header ul.links{position:absolute}#page #header ul.nav-menu >li >a{color:#333;height:50px;line-height:50px}#page #header ul.nav-sub{top:50px}#page #header ul.nav-menu >li:after{background:#cd181f;top:22px;right:-3px}#page #header ul.nav-menu >li:last-child:after{display:none}@media (max-width:991px){#header{position:fixed;height:60px}#header h1{height:43px;top:8px;width:80px;left:5%}#header h1 a.logo{width:100%;height:100%;background-size:100% 100%}#header .nav{border:none;position:absolute;width:100%;top:60px;opacity:0;display:none;background:transparent;overflow:hidden;height:calc(100vh - 70px);overflow-y:auto;transition:all .5s ease-out;-ms-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out}#header .lanBox{margin:20px 10px}#header .nav.open{box-shadow:none;opacity:1;display:block;height:calc(100vh - 70px);background:rgba(39,39,39,0.95)}#header .nav .container{width:100%;background:rgb(224,255,254);text-align:left;padding:0;padding-bottom:5px}#header .nav{left:0;margin-left:0}#header ul.nav-menu >li .nav-sub{opacity:1;display:block}#header ul.nav-menu >li{display:block;float:none}#header ul.nav-menu >li:after{display:none}#header ul.nav-menu >li >a{margin:0 5px;color:#fff;width:100%;height:50px;padding:0 15px;width:100%;margin:0;line-height:50px;display:block;text-align:left;border-bottom:1px solid rgba(255,255,255,0.2);padding:0 5%}#header ul.nav-menu >li >a:hover,#header ul.nav-menu >li >a:active,#header ul.nav-menu >li.current >a{color:rgb(255,0,0)}#header ul.nav-sub{position:relative;max-height:0;overflow:hidden;top:0;opacity:1;left:0;display:none;width:100%;border:none}#header ul.nav-sub.open-s{max-height:100%;top:0;width:100%;box-shadow:none;overflow:scroll}#header ul.nav-sub >li{}#header ul.nav-sub >li >a{height:50px;color:rgba(187,187,187,0.9);background:rgba(0,0,0,0.5);text-align:left;padding-left:15px;text-decoration:none;padding:0 50px;line-height:50px}#header ul.nav-sub >li >a:hover,#header ul.nav-sub >li >a:active,#header ul.nav-sub >li.current >a{background:rgba(0,0,0,0.7);color:#fff}#header ul.links li:nth-child(3):after{display:none}#header ul.links li:last-child{display:inline-block}#header ul.links li a.nav-btn span{display:block;position:absolute;width:27px;height:1px;background:rgb(255,255,255);left:6px;transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}#header ul.links li a.nav-btn span:nth-child(1){top:10px}#header ul.links li a.nav-btn span:nth-child(2){top:17px}#header ul.links li a.nav-btn span:nth-child(3){top:24px}#header ul.links li a.nav-btn span:nth-child(4){width:30px;top:17px;left:6px;opacity:0;transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);-moz-transform:rotate(45deg) scale(0);-webkit-transform:rotate(45deg) scale(0)}#header ul.links li a.nav-btn span:nth-child(5){width:30px;top:17px;left:6px;opacity:0;transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);-moz-transform:rotate(-45deg) scale(0);-webkit-transform:rotate(-45deg) scale(0)}#header ul.links li a.nav-btn.open span:nth-child(1),#header ul.links li a.nav-btn.open span:nth-child(3){left:29px;opacity:0}#header ul.links li a.nav-btn.open span:nth-child(2){left:9px;opacity:0}#header ul.links li a.nav-btn.open span:nth-child(4){opacity:1;transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);-moz-transform:rotate(45deg) scale(1);-webkit-transform:rotate(45deg) scale(1)}#header ul.links li a.nav-btn.open span:nth-child(5){opacity:1;transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);-moz-transform:rotate(-45deg) scale(1);-webkit-transform:rotate(-45deg) scale(1)}}@media (max-width:680px){#header ul.nav-links{display:block;height:40px;font-size:0;margin-top:20px}#header ul.nav-links li{display:inline-block;width:33.33333%}#header ul.nav-links li a{display:block;width:40px;height:40px;margin:0 auto;opacity:.7;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}#header ul.nav-links li a:hover,#header ul.nav-links li a:active{opacity:1}#header ul.nav-menu{margin-top:0}#header .leftMenu{}#header .leftMenu>li>a .fa-facebook-square{padding-left:0;padding-top:2px;font-size:1.2em;color:#e88aaa}}@media (max-width:991px){#page #header{position:fixed;height:70px;border:none;background:rgba(205,24,31,0.9)}#page #header h1{position:absolute;left:3%;top:14px;margin:0;padding:0;width:84px;height:43px;transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}#page #header h1 a.logo{display:block;background:url('../images/logo.png') no-repeat center center;width:100%;height:100%;font-size:0;background-size:100% 100%}#page #header ul.links{right:2%;top:5px}#page #header .nav{border:none;position:absolute;width:100%;top:70px;transition:all .5s ease-out;-ms-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out}#page #header .nav.open{box-shadow:none}#page #header ul.nav-sub{top:75px}#page #header ul.nav-menu >li{display:block;float:none}#page #header ul.nav-menu >li:after{display:none}#page #header ul.nav-menu >li:last-child:after{display:none}#page #header ul.nav-menu >li >a{margin:0 5px;color:#fff;width:100%;height:50px;padding:0 15px;width:100%;margin:0;line-height:50px;display:block;text-align:left;border-bottom:1px solid rgba(255,255,255,0.2);padding:0 5%}#page #header ul.nav-menu >li >a:hover,#page #header ul.nav-menu >li >a:active,#page #header ul.nav-menu >li.current >a{color:rgb(255,0,0)}#page #header ul.nav-sub{position:relative;max-height:0;overflow:hidden;top:0;opacity:1;left:0;display:none;width:100%;border:none}#page #header ul.nav-sub.open-s{max-height:100%;top:0;width:100%;display:block;box-shadow:none}#page #header ul.nav-sub >li{}#page #header ul.nav-sub >li >a{height:50px;color:rgba(187,187,187,0.9);background:rgba(0,0,0,0.5);text-align:left;padding-left:15px;text-decoration:none;padding:0 50px;line-height:50px}#page #header ul.nav-sub >li >a:hover,#page #header ul.nav-sub >li >a:active,#page #header ul.nav-sub >li.current >a{background:rgba(0,0,0,0.7);color:#fff}#page #header .lanBox{width:100px;color:#fff;float:right;margin:30px 80px 30px 0;top:0}#page #header .lanBox a{color:#fff}}#page #header.fixheader{background:rgba(205,24,31,0.9);height:80px}#page #header.fixheader h1{position:absolute;left:7%;top:12px;margin:0;padding:0;width:103px;height:57px}#page #header.fixheader h1 a.logo{display:block;background:url('../images/logo.png') no-repeat center center;width:103px;height:57px;font-size:0;background-size:100% 100%}#page #header.fixheader .nav{text-align:center;position:absolute;left:50%;margin-left:-286px;top:0;border:none;border:none}#page #header.fixheader ul.nav-menu >li{display:block;float:left;position:relative;vertical-align:bottom}#page #header.fixheader ul.nav-menu >li:after{background:rgba(255,255,255,0.5) ;right:0;top:38px}#page #header.fixheader ul.nav-menu >li >a{display:block;text-align:center;padding:0 42px;color:#fff;font-weight:normal;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;height:80px;line-height:80px}#page #header.fixheader ul.nav-sub{top:75px}#page #header.fixheader .lanBox{width:100px;color:#fff;float:right;margin:30px 0;top:0}#page #header.fixheader .lanBox a{color:#fff}@media (max-width:1366px){}@media (max-width:991px){#page #header.fixheader{height:70px}#page #header.fixheader h1{width:84px;height:43px;top:14px;left:3%}#page #header.fixheader h1 a.logo{width:100%;height:100%}#page #header.fixheader .lanBox{margin:30px 80px 30px 0}#page #header.fixheader .nav{top:70px;left:0;margin:0}#page #header.fixheader ul.nav-menu >li{display:block;float:none}#page #header.fixheader ul.nav-menu >li:after{display:none}#page #header.fixheader ul.nav-menu >li a{height:50px;line-height:50px;text-align:left;padding:0 5%}#page #header.fixheader ul.nav-menu >li a:hover,#page #header.fixheader ul.nav-menu >li.current a{color:#f00}#page #header.fixheader ul.nav-menu >li a.current{color:#f00}#page #header.fixheader ul.nav-sub{top:0}#page #header.fixheader ul.nav-sub >li >a{color:#999;padding:0 50px}}footer{position:absolute;bottom:0;width:100%;color:#333;text-align:center;background:#e3e3e3;padding:15px 0;font-size:.9em}#page .banner{margin-top:210px}.pContent{width:90%;margin:0 auto}.pageTi{position:relative;margin:6% 0 0 0;font-size:1.6em;color:#000;letter-spacing:2px;font-weight:bold;font-family:'微軟正黑體';text-transform:uppercase}.pageTi .ch{display:inline-block;margin:0 0 0 47px;position:relative;color:#999;font-size:.7em;font-family:'微軟正黑體'}.pageTi .ch:before{content:'';background:url('../images/ti_gap.png');width:15px;height:15px;position:absolute;left:-35px;top:0}.pageTi:after{content:'';background:#d22f35;height:4px;right:0;top:10px;display:block;width:calc(100% - 150px);position:absolute}a#gotop{display:block;position:fixed;width:44px;height:44px;background:#cd181f;text-align:center;right:20px;bottom:60px;opacity:.75;z-index:999;border-radius:2px;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);color:#fff;font-size:.8em}a#gotop.view{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);opacity:.9}a#gotop:hover{opacity:1}a#gotop .fa-angle-up{font-size:1.8em;height:20px;display:block}@media (max-width:991px){.pageTi{margin:30px 0 0 0}.pageTi:after{position:relative;width:100%}#page .banner{margin-top:70px}}.pPager{border-top:1px solid #ccc;text-align:center;font-size:0;margin:50px 0;font-family:Arial;clear:both}.pPager.noLine{border-top:none}.pPager a{display:inline-block;height:40px;line-height:40px;font-size:14px;color:#444;text-align:center}.pPager a.prev,.pPager a.next{padding:0 25px;margin:0 30px 0;color:#fff}.pPager a.next{background:#d80c18}.pPager a.num{position:relative;width:20px;margin:0 14px 0}.pPager a.num:hover,.pPager a.num:active{color:#d80c18;border-top:1px solid #d80c18;margin-top:-1px}.pPager a.num.current{position:relative;color:#d80c18;top:0;left:0}.pPager a.num.current:before{position:absolute;text-decoration:none;content:'';width:20px;height:3px;background:#d80c18;display:block;top:-2px;left:0}.pPager a.disable{background:#6b6b6b;cursor:not-allowed}.pPager a.back{background:#000;color:#fff;padding:0 25px;text-decoration:none}@media (max-width:680px){.pPager a.num{position:relative;width:20px;margin:0 10px 0}.pPager a.prev,.pPager a.next{padding:0 15px;margin:0 5px}.pPager a.prev .hide,.pPager a.next .hide{display:none}}.btnBack{display:block;margin:50px auto;line-height:45px;color:#fff;height:45px;padding-left:60px;background:url('../images/icon_list.png') 20px center no-repeat rgba(210,47,53,0.9);border-radius:5px;width:142px}.btnBack:hover{color:#fff;background:url('../images/icon_list.png') 20px center no-repeat rgba(50,50,50,0.9)}#index .banner{position:relative;width:100%;height:100vh;overflow:hidden}#index .ban-slick,#index .ban-slick .slick-list,#index .ban-slick .slick-track,#index .ban-slick .slick-slide{height:100vh}#index .ban-slick img{display:block;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#index .slick-prev.slick-arrow,#index .slick-next.slick-arrow{position:absolute;top:50%;width:50px;height:50px;border:none;font-size:0;margin-top:-25px;z-index:1}#index .slick-prev.slick-arrow{background:url('../images/left.png') center center no-repeat rgba(0,0,0,0.6);left:0}#index .slick-next.slick-arrow{background:url('../images/right.png') center center no-repeat rgba(0,0,0,0.6);right:0}.proDesTi{font-size:2em;text-align:center;font-weight:bold;margin-top:24px;margin-bottom:30px}.proDesTiSmal{position:relative;font-size:1em;margin:10px auto 20px;color:#666;text-align:center;width:110px}.proDesTiSmal:after,.proDesTiSmal:before{content:'';width:15px;height:1px;top:10px;background:#666;position:absolute}.proDesTiSmal:after{right:0}.proDesTiSmal:before{left:0}.pContent#products{width:90%;margin:210px auto 5%}#products .topBox{background:#f7f7f7;padding:30px 15% 5%}#products .proBox{margin-bottom:30px;overflow:hidden;padding:10px}#products .proBox .picBox{position:relative;display:block;border-radius:3px;overflow:hidden}#products .proBox .picBox .figure{}#products .proBox .picBox .figure img{width:100%;max-width:100%}#products .proBox .picBox .view{display:block;position:absolute;width:100px;margin-left:-50px;line-height:40px;background:rgba(0,0,0,0.6);text-align:center;font-size:.9em;color:#fff;height:40px;top:55%;margin-top:-20px;left:50%;border-top:1px solid rgba(209,46,52,0.7);border-bottom:1px solid rgba(209,46,52,0.7);opacity:0;font-family:'Century Gothic';transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}#products .proBox .picBox:hover .view{opacity:1;top:50%}#products .proBox .txtBox{background:#FFF;padding:30px}#products .proBox .txtBox .name{font-size:1.3em;text-align:center;height:2em;margin:20px auto 15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed rgba(209,46,52,0.7)}#products .proBox .txtBox .name:hover{color:rgba(209,46,52,1)}#products .txtBox .description{color:#939393;line-height:1.8em;height:5em;overflow:hidden}#products .proBox .txtBox:hover .description{color:#222}@media (max-width:1366px){.pContent#products{width:100%;margin-top:210px}#products .topBox{padding:30px 5% 5%}}@media (max-width:991px){.pContent#products{width:100%;margin-top:70px;padding:0}#products .topBox{width:100%;padding:25px}#products .proBox .txtBox{padding:20px}#products .proBox .txtBox .name{margin-top:10px}}@media (max-width:480px){#products .proBox{width:100%;margin-bottom:2px}#products .proBox .txtBox{padding:5px 20px 15px}}.pContent#proView{width:90%;margin:210px auto 5%}#proView .topBox{position:relative;background:#f7f7f7;padding:5% 0}#proView .slick-slide img{width:100%}#proView .slick-prev:before,#proView .slick-next:before{display:none}#proView .slick-prev.slick-arrow,#proView .slick-next.slick-arrow{position:absolute;top:50%;width:50px;height:50px;border:none;font-size:0;margin-top:-25px;z-index:1}#proView .slick-prev.slick-arrow{background:url('../images/left.png') center center no-repeat rgba(0,0,0,0.4);left:0}#proView .slick-next.slick-arrow{background:url('../images/right.png') center center no-repeat rgba(0,0,0,0.4);right:0}#proView .slick-prev.slick-arrow:hover{background:url('../images/left.png') center center no-repeat rgba(0,0,0,0.8);left:0}#proView .slick-next.slick-arrow:hover{background:url('../images/right.png') center center no-repeat rgba(0,0,0,0.8);right:0}#proView .slick-dots{bottom:-55px}#proView .slick-dots li{margin:0}#proView .slick-dots li button:before{content:'';color:#cd181f;width:12px;height:12px;border-radius:12px;border:1px solid #cd181f;background:#fff;opacity:.5}#proView .slick-dots li.slick-active button:before{background:#cd181f;opacity:1}#proView .txtBox{width:47%;float:right}#proView .txtBox .qrCode{padding:0}#proView .txtBox .qrCodeImg{width:112px;height:112px;float:right;max-width:100%}#proView .txtBox .leftBox{padding:0}#proView .txtBox .title{font-size:2em;color:#333;font-weight:normal;margin-bottom:26px;letter-spacing:1}#proView .txtBox .shareBox{}#proView .txtBox .shareBox .icon{display:block;float:left;width:30px;height:30px;margin:0 5px 0 0;font-size:0;transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}#proView .txtBox .shareBox .icon.fb{background:url('../images/fb.png') center center no-repeat}#proView .txtBox .shareBox .icon.line{background:url('../images/line.png') center center no-repeat}#proView .txtBox .shareBox .icon.linked{background:url('../images/Linked.png') center center no-repeat}#proView .txtBox .shareBox .icon:hover{border-radius:30px;overflow:hidden}#proView .txtBox .txt{line-height:2em;border-top:1px solid #666;margin:15px auto;padding:20px 0;color:#333}#proView .info th,#proView .info td{padding:15px;text-align:center}#proView .info th{background:#cd181f;color:#fff;font-weight:normal}#proView .info tr:nth-child(odd){background:rgba(255,255,255,0.5);border-bottom:1px solid #ddd}@media (max-width:1366px){.pContent#proView{width:100%;margin-top:210px}#proView .txtBox{width:50%;float:left}#proView .txtBox .leftBox,#proView .txtBox .qrCode{padding:0 5px}#proView .txtBox .title{margin-top:0}}@media (max-width:991px){.pContent#proView{width:100%;margin-top:70px}#proView .picWrap{margin-bottom:40px}#proView .picBox{width:100%}#proView .txtBox .txt{margin-bottom:0;padding-bottom:0}}@media (max-width:767px){#proView .topBox{padding-bottom:30px}#proView .picBox{width:100%}#proView .txtBox{width:100%}#proView .txtBox{padding-bottom:0}#proView .txtBox .txt{max-height:initial;min-height:initial}#proView .info{position:relative;margin:0 auto;width:100%;left:0;bottom:initial}}@media (max-width:480px){#proView .txtBox .leftBox{width:100%}#proView .txtBox .qrCode{display:none}.proDesTi{font-size:1.5em}}#craft .album{padding:40px 0 20px}#craft .album a.albumItem{display:block;position:relative;background:#fff;margin-bottom:20px;width:calc(25% - 15px)}#craft .album a.albumItem img{margin:auto;transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all 58s ease;-webkit-transition:all .5s ease}#craft .album a.albumItem:hover img{opacity:.8}#craft a.back{display:block;position:relative;width:120px;height:24px;line-height:24px;font-size:.8125rem;color:#2c3b51;text-align:center;margin:60px auto 0;padding-left:20px}#craft a.back:hover{color:#007eff}#craft a.back:before{content:'';display:block;position:absolute;width:18px;height:18px;background:#2c3b51;border-radius:100%;top:3px;left:0}#craft a.back:hover:before{background:#007eff}#craft a.back:after{content:'';display:block;position:absolute;width:4px;height:4px;border-left:1px solid #fff;border-bottom:1px solid #fff;top:10px;left:8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}@media (max-width:991px){#craft.container{width:100%;padding:0 20px}#craft .album{padding:35px 0}#craft .head .title{width:100%;line-height:32px;font-size:1.375rem}#craft .head .date{position:static;margin-top:4px}#craft .content .pic{float:none;width:100%;max-width:none;margin:0 0 20px}#craft .album a.albumItem{width:calc(33.333% - 13.333px)}}@media (max-width:767px){#craft .album a.albumItem{width:calc(50% - 10px)}}@media (max-width:543px){#craft .album a.albumItem{width:100%}}.slick-lightbox{z-index:10020}.slick-lightbox .slick-arrow{display:block;position:absolute;z-index:10050;width:40px;height:40px;font-size:0;border:none;background:rgba(0,0,0,.4);border-radius:100%;top:50%;margin-top:-20px;transition:background .3s cubic-bezier(0,.4,.4,1);-ms-transition:background .3s cubic-bezier(0,.4,.4,1);-moz-transition:background .3s cubic-bezier(0,.4,.4,1);-webkit-transition:background .3s cubic-bezier(0,.4,.4,1)}.slick-lightbox .slick-arrow:hover{background:rgba(0,0,0,.8)}.slick-lightbox .slick-prev:after{content:'';display:block;position:absolute;width:12px;height:12px;border-left:2px solid rgba(255,255,255,.75);border-bottom:2px solid rgba(255,255,255,.75);top:14px;left:17px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.slick-lightbox .slick-next:after{content:'';display:block;position:absolute;width:12px;height:12px;border-top:2px solid rgba(255,255,255,.75);border-right:2px solid rgba(255,255,255,.75);top:14px;right:17px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.slick-lightbox .slick-slide img{box-shadow:0 4px 10px rgba(0,0,0,.5)}.slick-lightbox-close{height:45px;padding-left:30px;background:url(../images/icon_list.png) 20px center no-repeat rgba(210,47,53,0.9);left:50%;margin-left:-70px;bottom:5%;border-radius:5px;width:142px;top:initial}.slick-lightbox-close:before{content:'返回頁面';font-size:15px;font-family:'微軟正黑體'}@media (max-width:991px){.slick-lightbox-close{bottom:2%}}#about{font-size:1.1em}#about .banner{position:relative;height:calc(100vh - 210px);min-height:600px;background:#fff}#about .banner .imgBox{width:100%;height:100%;min-height:600px;background:url('../images/about_ban.jpg') left center no-repeat;background-size:cover}#about .proDesTi{color:#d22f35;font-size:2em;position:absolute;left:6%;top:25%;margin-top:0}#about .banner .center{position:absolute;left:6%;color:#fff;line-height:2em;top:40%;letter-spacing:1px}#about .banner#quality .qualityTi{color:#d22f35;margin:8% auto 2%;text-align:center;font-size:2em;text-align:center;font-weight:bold}#about .banner#quality .center{position:relative;left:auto;top:auto;padding:4% 6%;color:#000;line-height:2em;letter-spacing:1px}#about .banner#quality .imgBox{display:inline-block;width:60%;overflow:hidden;background:url('../images/about_pic3.png') -22px center no-repeat}#about .banner#quality .txtBox{display:inline-block;width:40%;height:100%;vertical-align:top}#about .banner#ios{background:-webkit-gradient(linear,80% 20%,0 2%,from(#f5f5f5),to(#dddddd));background-size:cover;height:700px}#about .banner#ios .proDesTi{position:absolute;left:55%;top:25%;margin-top:0}#about .banner#ios .center{position:absolute;left:55%;width:30%;color:#333;line-height:2em;top:40%;letter-spacing:1px}#about .banner#ios .isoPic{position:absolute;top:13%;right:50%;width:400px;margin:0 auto;box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.5);border:10px solid #f9f9f9}#about .banner#ios .isoPic img{width:100%;max-width:100%}#about .grsPic{display:inline-block;width:calc(50% - 40px);box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.5);margin:20px}#about .grsPic img{margin:0 !important;;width:100%;max-width:100%}@media (max-width:768px){#about .grsPic{display:block;width:calc(100% - 40px);text-align:center}}#about .bottom{margin-bottom:5%;overflow:hidden;margin-top:200px}#about .bottom .proDesTi{text-align:left;margin-top:100px;position:relative;left:0}#about .bottom .center{text-align:center;line-height:2em;margin:1% auto 5%}#about .bottom .picBox{padding:15px}#about .bottom .img{margin-top:100px}#about .bottom .box{position:relative;margin-bottom:30px;line-height:1.6em;letter-spacing:1px}#about .bottom .box .dot{font-size:1.1em;color:#d22f35;margin-top:15px}@media (max-width:1199px){#about .banner#quality .proDesTi{top:50px;left:55%}#about .banner#quality .imgBox{width:50%;height:calc(100vh - 210px)}#about .banner#ios .isoPic{width:350px}}@media (max-width:991px){#about .banner{margin-top:70px;height:auto}#about .bottom{margin-top:80px}#about .proDesTi{margin-top:3%}#about .banner .center{width:100%}#about .proDesTi{margin-top:3%}#about .banner#quality .imgBox{width:100%;height:300px;min-height:300px;background-position:center center;background-size:100% auto}#about .banner#quality .txtBox{width:100%}#about .banner#ios{height:600px}#about .banner#ios .proDesTi{top:15%}#about .banner#ios .center{top:25%}#about .banner#ios .isoPic{width:300px;height:auto}#about .banner#ios .isoPic img{max-width:300px}#about .bottom .box img{display:block;margin:0 auto;max-width:100%}}@media (max-width:767px){#about .banner{padding-bottom:50px}#about .banner .imgBox,#about .banner#quality .imgBox{height:230px;min-height:230px}#about .bottom .picBox{padding:0 15px 15px}#about .proDesTi{position:relative;padding:20px;margin:41px auto 0;left:0;top:0}#about .banner .center,#about .bottom .center{position:relative;margin:10px auto;top:0;left:0;width:calc(100% - 30px);color:#333;text-align:left}#about .banner .center br,#about .banner .center br{display:none}#about .banner#ios{height:auto}#about .banner#ios .proDesTi{position:relative;left:0;top:0;margin-top:0}#about .banner#ios .center{position:relative;left:0;width:calc(100% - 60px);line-height:2em;top:0;min-height:auto;letter-spacing:1px}#about .banner#ios .isoPic{position:relative;top:0;right:0;max-width:300px;width:300px;margin:0 auto}#about .banner#ios .isoPic img{margin:0 auto;border:10px solid #fff;display:block;width:100%;max-width:400px}}@media (max-width:680px){#about .banner{height:auto}#ios .isoPic{max-width:300px;width:300px;margin:0 auto}#about .bottom .proDesTi{margin-top:30px}#about .bottom .picBox{width:100%;margin-left:0}}#contact{color:#222}#contact .topBox{padding:7% 0}#contact .ti{font-size:1.2em;text-transform:uppercase;margin:0 0 20px}#contact .icon{margin:7.5px 0}#contact .icon img{display:inline-block;margin:0 20px 0 0}#contact .line{width:100%;height:1px;background:#ccc;margin:9% 0}#contact .map{width:100%;height:100%;display:inline-block}#contact .map iframe{width:100%;height:100%;border:none}#contact .txtbox{width:30%}#contact .mapBox{width:70%}.contentBox{padding:0 0 8%}.contentBox .formTi{font-family:'Myriad Pro';text-transform:uppercase;font-weight:bold;font-size:1.6em;text-align:center;letter-spacing:2px;position:relative;padding-bottom:20px}.contentBox .formTi:after{content:'';width:66px;height:2px;background:#f00;position:absolute;bottom:0;left:50%;margin-left:-33px}.contentBox .txt{text-align:left;margin:0}.contentBox .form{width:100%;margin:0 auto}.contentBox .form .form-control{height:42px;border-radius:0;border:none;border:1px solid #e4e4e4;box-shadow:none}.contentBox .form textarea.form-control{height:auto}.contentBox .form .form-group{}.contentBox .form .codeImg{height:42px;line-height:42px;margin-top:24px;font-size:2em;font-style:italic}.contentBox .btn{height:45px}.contentBox .btn.submit{width:30%;background:#d22f35;color:#fff;border-radius:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.contentBox .btn.submit:hover{background:#cd181f}.contentBox .btn.reset{background:#aaa;width:20%;margin-right:20px;color:#fff;border-radius:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.contentBox .btn.reset:hover{background:#666}.contentBox label{font-weight:normal}#contact .btn-wrap{margin:15px 0 0}#contact .info{margin:0 auto 30px;padding-bottom:20px;border-bottom:10px solid #f5f5f5}#contact .left{width:35%;float:left;padding:0 15px 0 0}#contact .right{width:65%;float:left;padding:0 0 0 15px}#contact .right .image{border:5px solid #fff}@media (max-width:991px){#contact .info{margin:0 0 5px}#contact .txtbox,#contact .mapBox{width:100%}#contact .left{width:100%;float:none;margin:0 0 25px;height:200px;overflow:hidden;padding:0}#contact .left img{width:100%;position:relative;top:50%;transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}#contact .right{width:100%;float:none;padding:0}}@media (max-width:767px){.contentBox .btn.submit,.contentBox .btn.reset{width:calc(50% - 15px)}}@media (max-width:600px){#contact .infoTxt{width:100%}.contentBox{padding:5% 0}.contentBox .btn.submit,.contentBox .btn.reset{width:100%;margin-bottom:10px}#contact .pageTi .ch{margin:0 10px 0 40px}}.pContent#catalog{width:90%;margin:210px auto 5%}#catalog .topBox{background:#f7f7f7;padding:30px 15% 5%}#catalog .proBox{margin-bottom:30px;overflow:hidden;padding:10px}#catalog .proBox .picBox{position:relative;display:block;border-radius:3px;overflow:hidden}#catalog .proBox .picBox .figure{}#catalog .proBox .picBox .figure img{width:100%;max-width:100%}#catalog .proBox .picBox .view{display:block;position:absolute;width:100px;margin-left:-50px;line-height:40px;background:rgba(0,0,0,0.6);text-align:center;font-size:.9em;color:#fff;height:40px;top:55%;margin-top:-20px;left:50%;border-top:1px solid rgba(209,46,52,0.7);border-bottom:1px solid rgba(209,46,52,0.7);opacity:0;font-family:'Century Gothic';transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}#catalog .proBox .picBox:hover .view{opacity:1;top:50%}#catalog .proBox .txtBox{padding:30px 30px 0}#catalog .proBox .txtBox .name{font-size:1.3em;text-align:center;height:2em;margin:0 auto;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#catalog .proBox .txtBox .name:hover{color:rgba(209,46,52,1)}@media (max-width:1366px){.pContent#catalog{width:100%;margin-top:210px}#catalog .topBox{padding:30px 5% 5%}}@media (max-width:991px){.pContent#catalog{width:100%;margin-top:70px;padding:0}#catalog .topBox{width:100%;padding:25px}#catalog .proBox .txtBox{padding:15px 20px 0}#catalog .proBox .txtBox .name{margin-top:10px}}@media (max-width:480px){#catalog .proBox{width:100%;margin-bottom:2px}#catalog .proBox .txtBox{padding:5px 20px 15px}}#catalog-pop{display:none}#catalog-pop.open{display:block}#catalog-pop .close-btn{display:block;width:50px;height:50px;line-height:50px;text-align:center;font-size:24px;background-color:#cd181f;color:#fff;position:fixed;top:0;right:0;z-index:200}#catalog-pop .close-btn:hover{opacity:.8}.wowbook-container{background-color:rgba(0,0,0,0.8);z-index:100}.wowbook-container.wowbook-fullscreen-fix{top:0;height:100% !important}.wowbook-container.wowbook-fullscreen-fix .wowbook-toolbar{position:absolute;bottom:0;width:100%}.wowbook-book-shadow{-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);-moz-box-shadow:0 0 10px rgba(0,0,0,.5);-ms-box-shadow:0 0 10px rgba(0,0,0,.5);-o-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)}.wowbook-left .wowbook-gutter-shadow,.wowbook-right .wowbook-gutter-shadow{opacity:.3}.wowbook-toolbar{height:54px}.wowbook-controls{padding-top:8px;line-height:54px;background:#1f1f1f}.wowbook-control{margin:0 2px;width:38px;height:38px;font-size:1.25rem;font-size:15px;color:#777142;line-height:38px;border:#ddd solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.wowbook-control{color:#fff;border:none}.wowbook-control:hover{color:#333;background-color:#fff}.wowbook-button{border:0;border-radius:0}@media only screen and (max-width:433px){.wowbook-book-container .wowbook{left:12%}}@media only screen and (min-width:992px){.wowbook-container .wowbook-book-container{padding:50px !important}.wowbook-container.wowbook-fullscreen-fix .wowbook-book-container{padding:15px !important}.wowbook-horizontal.wowbook-thumbnails{left:40px;width:calc(100% - 80px)}.wowbook-button{border:0;border-radius:0}.wowbook-container.wowbook-fullscreen-fix .wowbook-horizontal.wowbook-thumbnails{left:0 !important;width:100% !important}}.reset-box-sizing,.reset-box-sizing *,.reset-box-sizing *:before,.reset-box-sizing *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}