.red{color:#c00}body{font-family:"Roboto Regular",system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Myriad Pro","微軟正黑體","Microsoft JhengHei","Hiragino Sans GB","Source Han Sans CN",Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6;background-color:#fff}@media (max-width: 640px){body{line-height:1.4}}img{max-width:100%;vertical-align:middle}a{color:inherit;outline:none;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.wrap{max-width:1440px;margin:auto;padding:0 15px}@media (max-width: 1440px){.wrap{max-width:100%}}#right_menu{background-color:#fff;padding-bottom:5em}.right-logo{text-align:center;padding:10px;-webkit-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333;background-color:#333}.right-main-menu a{display:block;color:#312368;padding:12px 10px 12px 20px;font-size:20px;font-family:"Roboto Condensed","微軟正黑體","Microsoft JhengHei",sans-serif}.right-main-menu>.nav>li{border-bottom:#e6e6e6 1px solid;position:relative}.right-main-menu>.nav>li.active>a,.right-main-menu>.nav>li a:hover,.right-main-menu>.nav>li:hover>a{background-color:#312368;color:#fff}.right-main-menu>.nav>li.sub>a:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0dd";position:absolute;right:15px;top:0px;font-size:30px}.right-main-menu>.nav>li ul{display:none}.right-main-menu>.nav>li.active>ul{display:block}.right-main-menu .nav ul li{border-top:#e6e6e6 1px solid}.right-main-menu .nav ul li a{padding:12px 10px 12px 10px;font-size:18px;border-left:transparent 5px solid}.right-main-menu .nav ul li a:before{content:"-";margin-right:5px;padding-left:5px}.right-main-menu .nav ul li.active>a,.right-main-menu .nav ul li a:hover,.right-main-menu .nav ul li:hover>a{border-left-color:#312368;background-color:rgba(49,35,104,0.1)}.header{height:110px}@media (max-width: 1280px){.header{height:80px}}.header>.wrap{position:relative}.header--clone{position:fixed;width:100%;z-index:130;top:0;left:0;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;background-color:#fff;-webkit-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333;opacity:0}.header--stick{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;height:92px}@media (max-width: 1280px){.header--stick{height:80px}}.sb-active .header--clone{-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px)}#header2 .logo{padding:0}@media (max-width: 960px){#header2 .logo img{height:100px}}#header2 .main-menu nav ul ul{display:none}#header2 .main-menu nav ul li:hover ul,#header2 .main-menu nav ul li.open ul{display:block}#header2 .main-menu nav ul li a{line-height:92px;height:92px}@media (max-width: 1280px){#header2 .main-menu nav ul li a{line-height:80px;height:80px}}#header2 .main-menu nav ul ul li a{line-height:inherit;height:auto;padding:10px}#header2 .main-menu nav ul ul li.active>a,#header2 .main-menu nav ul ul li a:hover,#header2 .main-menu nav ul ul li:hover>a{padding:10px}.logo{position:absolute;left:15px;top:10px;z-index:11;max-width:32%}.logo a{display:block}@media (max-width: 1280px){.logo{max-width:25%}}@media (max-width: 960px){.logo{max-width:initial}.logo .desktop{display:none}.logo img{height:100px}}.logo .mobile{display:none}@media (max-width: 960px){.logo .mobile{display:block}}.main-menu{width:68%;margin-left:33%}@media (max-width: 1280px){.main-menu{width:74%;margin-left:26%}}@media (max-width: 960px){.main-menu{display:none}}.main-menu nav ul{text-align:right}.main-menu nav ul li{display:inline-block;text-align:center;margin:0 2px;position:relative}.main-menu nav ul li a{line-height:110px;height:110px;overflow:hidden;text-transform:uppercase;padding:24px 20px 0;color:#312368;font-family:"Roboto Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:24px}@media (max-width: 1366px){.main-menu nav ul li a{padding:24px 15px 0}}@media (max-width: 1280px){.main-menu nav ul li a{line-height:80px;height:80px;padding-top:15px;font-size:20px}}@media (max-width: 1080px){.main-menu nav ul li a{font-size:18px;padding:0px 12px 0}}.main-menu nav ul>li.active>a,.main-menu nav ul>li a:hover,.main-menu nav ul>li:hover>a{background-color:#312368;color:#fff;padding-top:12px}@media (max-width: 1280px){.main-menu nav ul>li.active>a,.main-menu nav ul>li a:hover,.main-menu nav ul>li:hover>a{padding-top:0px}}.main-menu nav ul ul{padding:5px 0;opacity:0;position:absolute;z-index:-1;top:100%;background-color:#f2f2f2;width:300px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);overflow:hidden}.main-menu nav ul ul li{display:block;text-align:left;border-bottom:dashed #ccc 1px}.main-menu nav ul ul li a{line-height:initial;height:auto;padding:12px;font-size:16px}.main-menu nav ul ul li.active>a,.main-menu nav ul ul li a:hover,.main-menu nav ul ul li:hover>a{background-color:#f3ae00;padding-top:12px;color:#fff}.main-menu nav ul li.open ul{display:block;opacity:1;z-index:11;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);height:auto}@media (min-width: 1025px){.main-menu nav ul li:hover ul{display:block;opacity:1;z-index:11;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);height:auto}}.banner-text{position:absolute;z-index:3;width:41.98%}.banner-text.banner-text-01{top:70%;left:44.27%}.banner-text.banner-text-02{top:70%;left:14.37%}.banner-text.banner-text-03{top:70%;left:14.37%}.banner-text.banner-01{top:38%;left:35%}@media (max-width: 1440px){.banner-text.banner-01{left:30%}}.swiper-slide .banner-text{opacity:0;-webkit-transform:translate(-150px, 0);-ms-transform:translate(-150px, 0);transform:translate(-150px, 0);-webkit-transition:all 1s ease-out 0.6s;-o-transition:all 1s ease-out 0.6s;transition:all 1s ease-out 0.6s}.swiper-slide-active .banner-text{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.swiper-pagination-bullet{width:20px;height:20px}@media (max-width: 960px){.sb-site{-webkit-box-shadow:0 0 15px #d9d9d9;box-shadow:0 0 15px #d9d9d9}.sb-toggle-right{position:absolute;border-radius:10px;padding:5px 10px;top:18px;right:10px}.bar1,.bar2,.bar3{width:35px;height:3px;background-color:#312368;margin:7px 0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.sb-active-right .bar1{-webkit-transform:rotate(-45deg) translate(-10px, 6px);-ms-transform:rotate(-45deg) translate(-10px, 6px);transform:rotate(-45deg) translate(-10px, 6px)}.sb-active-right .bar2{opacity:0}.sb-active-right .bar3{-webkit-transform:rotate(45deg) translate(-7px, -5px);-ms-transform:rotate(45deg) translate(-7px, -5px);transform:rotate(45deg) translate(-7px, -5px)}.swiper-pagination-bullet{width:10px;height:10px}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px}}@media (max-width: 768px){.sb-site,.sb-site-container{padding:0}.swiper-button-next,.swiper-button-prev{width:15px;height:24px;background-size:auto}}@media (max-width: 640px){.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px}.swiper-pagination-bullet{width:8px;height:8px}}.footer{background-color:#333;border-top:#c8c8c8 5px solid;color:#fff}.foot{padding-top:70px;padding-bottom:18px;position:relative}.foot::after{content:"";display:table;clear:both}.goto-top{position:absolute;top:0;right:0}.foot-menu,.foot-info{float:left;width:50%}@media (max-width: 960px){.foot-menu,.foot-info{float:none;width:100%;margin-bottom:20px}}.foot-menu::after{content:"";display:table;clear:both}.foot-menu .active>a,.foot-menu a:hover{color:#f3ae00}.foot-menu-main,.foot-menu-pro{float:left;padding:0 20px}@media (max-width: 600px){.foot-menu-main,.foot-menu-pro{max-width:550px;margin:0 auto 30px}}.foot-menu-main{width:40%}@media (max-width: 600px){.foot-menu-main{float:none;width:100%}}.foot-menu-main li a{padding-left:5px}.foot-menu-main nav ul ul>li>a:before{content:"-";margin-right:10px;padding-left:5px}.foot-menu-pro{width:60%}@media (max-width: 600px){.foot-menu-pro{float:none;width:100%}}.foot-menu-pro nav>ul>li>a{padding-left:20px}.foot-menu-pro nav>ul>li>a:before{content:"-";margin-right:10px;margin-left:-20px;padding-left:5px}.foot-menu-title{font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:24px;border-bottom:#fff 1px solid;margin-bottom:20px}nav li{line-height:2;font-size:20px}nav li a{display:block}.foot-info{padding:0 50px;line-height:1.6}@media (max-width: 960px){.foot-info{padding:0 20px}}@media (max-width: 480px){.foot-info{padding:0 15px}}.foot-info>div{margin-bottom:14px}.foot-info i{width:30px;text-align:center;margin-right:15px}.foot-info-logo{margin-bottom:15px}.foot-info-tel,.foot-info-fax,.foot-info-mail,.foot-info-web{padding-left:45px}.foot-info-tel i,.foot-info-fax i,.foot-info-mail i,.foot-info-web i{margin-left:-45px}.foot-info-tel,.foot-info-fax{display:inline-block;margin-right:30px}@media (max-width: 640px){.foot-info-tel,.foot-info-fax{display:block;margin-right:0}}.foot-info-add{padding-left:85px}.foot-info-add i{margin-left:-85px}.foot-icon{margin-top:30px;text-align:right}@media (max-width: 640px){.foot-icon{text-align:center}}.foot-icon>div{display:inline-block}.copyright{padding:30px 0;text-align:center;border-top:#bfbfbf 1px solid;color:#999}@media (max-width: 640px){.copyright{padding:15px}}.about-main{padding:30px;line-height:2}@media (max-width: 640px){.about-main{padding:15px 10px 30px}}@media (max-width: 480px){.about-main{padding-top:0}}.about-main p{margin-bottom:30px}@media (max-width: 640px){.about-main p{line-height:1.6}}.about-main strong{font-weight:bold;color:#312368;font-size:20px}.about-main .about-pic{text-align:center;margin-bottom:30px}.about-main .about-pic img{border:1px solid #ccc;padding:10px}.timeline{margin:100px auto;list-style:none;padding:0;position:relative;overflow:hidden}.timeline::after{content:"";display:table;clear:both}@media (max-width: 960px){.timeline{margin-top:0}}@media (max-width: 640px){.timeline{margin-bottom:50px}}.timeline::before{content:"";position:absolute;top:50px;bottom:0;width:1px;background-color:#999;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:calc(100% - 93px)}@media (max-width: 960px){.timeline::before{top:62px;left:4px}}@media (max-width: 640px){.timeline::before{top:47px}}.timeline::after{content:"START";font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif;position:relative;top:0;bottom:0;z-index:1;display:block;text-align:center;background:url(../images/point.png) no-repeat top center;padding-top:15px}@media (max-width: 960px){.timeline::after{text-align:left;background-position-x:0}}.timeline img{max-height:160px}.timeline .img-w{width:134px}.timeline .img-w2{width:220px}.timeline .img-3>img{margin-right:10px;margin-bottom:10px}@media (max-width: 480px){.timeline .img-w,.timeline .img-w2{width:auto}}.timeline>li{margin-bottom:100px;width:50%;float:left;clear:left}.timeline>li::after{content:"";display:table;clear:both}@media (max-width: 960px){.timeline>li{float:none;width:100%;clear:both;margin-bottom:20px}}.timeline>li:nth-child(2){margin-top:180px}@media (max-width: 960px){.timeline>li:nth-child(2){margin-top:0}}.timeline>li>.timeline-badge{font-family:"Roboto Bold Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;font-style:italic;color:#312368;background-color:#fff;width:100px;height:48px;line-height:48px;text-align:center;position:absolute;top:16px;font-size:36px;right:-50px;z-index:1;border-bottom:1px solid #312368}@media (max-width: 960px){.timeline>li>.timeline-badge{right:auto;left:5px;background-color:transparent}}@media (max-width: 640px){.timeline>li>.timeline-badge{position:static;margin-left:5px}}.timeline>li>.timeline-badge>a{color:#312368;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.timeline>li:hover>.timeline-badge>a{color:#c00}.timeline>li>.timeline-panel{width:calc(100% - 100px);float:left;background-color:#eee;position:relative;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}@media (max-width: 960px){.timeline>li>.timeline-panel{float:right;width:calc(100% - 130px)}}@media (max-width: 640px){.timeline>li>.timeline-panel{width:calc(100% - 15px);margin-top:10px}}.timeline>li>.timeline-panel>.timeline-body{padding:30px 10px}@media (max-width: 960px){.timeline>li>.timeline-panel>.timeline-body{padding:10px}}@media (max-width: 480px){.timeline>li>.timeline-panel>.timeline-body{padding:0}}.timeline>li>.timeline-panel>.timeline-body table{width:100%}@media (max-width: 480px){.timeline>li>.timeline-panel>.timeline-body table{display:block}}.timeline>li>.timeline-panel>.timeline-body td{height:160px;padding:10px}@media (max-width: 960px){.timeline>li>.timeline-panel>.timeline-body td{height:auto}}@media (max-width: 480px){.timeline>li>.timeline-panel>.timeline-body td{display:block}}.timeline>li>.timeline-panel>.timeline-body td.no-height{height:auto}.timeline>li>.timeline-panel:after{content:"";display:inline-block;position:absolute;top:27px;right:-14px;border-top:14px solid transparent;border-right:0 solid #eee;border-bottom:14px solid transparent;border-left:14px solid #eee;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}@media (max-width: 960px){.timeline>li>.timeline-panel:after{right:auto;left:-14px;border-left:0 solid #eee;border-right:14px solid #eee}}@media (max-width: 640px){.timeline>li>.timeline-panel:after{border:none}}.timeline>li:hover>.timeline-panel{background-color:#e5ecff}.timeline>li:hover>.timeline-panel:after{border-right-color:#e5ecff;border-left-color:#e5ecff}.timeline>li.timeline-inverted{float:right;clear:right}@media (max-width: 960px){.timeline>li.timeline-inverted{float:none;clear:both}}.timeline>li.timeline-inverted>.timeline-badge{left:-50px}@media (max-width: 960px){.timeline>li.timeline-inverted>.timeline-badge{left:5px}}.timeline>li.timeline-inverted>.timeline-panel{float:right}.timeline>li.timeline-inverted>.timeline-panel:after{left:-14px;right:auto;border-left-width:0;border-right-width:14px}.timeline>li.no-float{float:none;margin:0}.pro-list{background:url(../images/pro-list-bg.jpg) no-repeat;background-size:cover;padding-bottom:30px}.pro-list-area::after{content:"";display:table;clear:both}.pro-list-item{width:calc(100% / 3);float:left;text-align:center;margin-bottom:50px;position:relative}.pro-list-item:nth-child(3n+1){clear:both}@media (max-width: 960px){.pro-list-item{width:calc(100% / 2)}.pro-list-item:nth-child(3n+1){clear:initial}.pro-list-item:nth-child(2n+1){clear:both}}@media (max-width: 640px){.pro-list-item{float:none;width:100%}}.pro-list-item>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pro-list-pic{position:relative;max-width:450px;margin:auto}.pro-list-pic img{position:relative;z-index:1;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.pro-list-pic::before{content:"";width:80%;height:80%;margin:auto;background:#fff;border:#f2f2f2 5px solid;border-radius:50%;-webkit-box-shadow:10px 15px 5px rgba(0,0,0,0.25);box-shadow:10px 15px 5px rgba(0,0,0,0.25);position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.pro-list-name{font-family:"Roboto Bold Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:30px;color:#333;max-width:320px;margin:-10px auto 0;line-height:1.2;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}@media (max-width: 640px){.pro-list-name{font-size:24px}}.pro-list-item:hover .pro-list-pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.pro-list-item:hover .pro-list-pic::before{-webkit-box-shadow:10px 15px 5px rgba(243,174,0,0.5);box-shadow:10px 15px 5px rgba(243,174,0,0.5);border-color:#f3ae00}.pro-list-item:hover .pro-list-name{color:#c00}.pro-show{background:url(../images/pro-show-bg.jpg) no-repeat;background-size:cover;padding-bottom:30px}.breadcrumbs{padding-top:20px}@media (max-width: 960px){.breadcrumbs{padding-top:0}}.breadcrumbs ul{text-align:right}.breadcrumbs ul li{display:inline-block;font-size:16px}.breadcrumbs ul li a{color:#595959;display:inline-block}.breadcrumbs ul li:not(:last-child):after{content:">";margin:0 5px}h1.title{color:#c00;font-size:36px;font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif;border-bottom:#aaa 3px solid;margin-bottom:20px}@media (max-width: 767px){h1.title{font-size:24px;line-height:1.2;padding-left:40px;padding-bottom:10px}}h1.title::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f5fd";margin-left:10px;margin-right:10px}@media (max-width: 767px){h1.title::before{margin-left:-34px}}.pro-show-item{background-color:rgba(255,255,255,0.7);padding:30px;margin-bottom:30px}.pro-show-item::after{content:"";display:table;clear:both}@media (max-width: 640px){.pro-show-item{padding:15px}}.pro-show-pic{width:42%;float:left;text-align:center}@media (max-width: 768px){.pro-show-pic{float:none;width:100%;max-width:500px;margin:0 auto 30px}}.mfp-close{font-size:72px}.pro-show-img{max-width:500px;position:relative;margin:auto;border:#ccc 3px solid;overflow:hidden;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.pro-show-img img{-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.pro-show-img>a{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.pro-show-img>a>i{position:absolute;top:50%;left:50%;color:#fff;font-size:100px;-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.pro-show-img .pro-show-zoom{font-size:30px;position:absolute;bottom:10px;right:10px;color:gray}.pro-show-img:hover{border-color:#f3ae00}.pro-show-img:hover>img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pro-show-img:hover>a{background-color:rgba(0,0,0,0.5)}.pro-show-img:hover>a>i{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.pro-show-info{width:55%;float:right;padding-top:30px;padding-right:30px}@media (max-width: 768px){.pro-show-info{float:none;width:100%;max-width:500px;margin:0 auto 30px;padding:0}}.pro-show-info ul{padding-left:30px}@media (max-width: 640px){.pro-show-info ul{padding-left:10px}}.pro-show-info li{margin-bottom:15px;position:relative;padding-left:20px}.pro-show-info li::before{content:"";background:url(../images/dot.png) no-repeat;width:11px;height:11px;position:absolute;top:15px;left:0px}.pro-show-info li h3{font-size:24px;color:#c00}.pro-show-info li p{font-size:20px}.pro-show-info ul.no-dot li h3{color:#000}.pro-show-info ul.special{font-size:20px}.pro-show-info ul.special li{margin-bottom:8px}.pro-show-info ul.special li::before{top:10px}h2.pro-name{color:#312368;font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif;text-transform:uppercase;font-size:30px;margin-bottom:30px;padding-left:40px}@media (max-width: 1024px){h2.pro-name{line-height:1}}@media (max-width: 640px){h2.pro-name{font-size:24px;margin-bottom:15px}}h2.pro-name img{margin-right:10px;margin-left:-40px}.quality-main{padding:30px}@media (max-width: 640px){.quality-main{padding:15px 10px}}@media (max-width: 480px){.quality-main{padding:0 10px 30px}}.quality-text h2{font-size:30px;font-weight:bold;color:#312368}@media (max-width: 640px){.quality-text h2{font-size:24px}}.quality-text p{line-height:2}@media (max-width: 960px){.quality-text p{line-height:1.6}}.quality-text .aside{text-align:center;margin:30px auto}.quality-text .aside h3{font-family:"Roboto Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;display:inline-block;padding:5px 60px;font-size:30px;background-color:#f3ae00;color:#fff;border-radius:60px}@media (max-width: 640px){.quality-text .aside h3{font-size:24px}}.quality-list{margin-top:30px;margin-bottom:30px}.quality-list::after{content:"";display:table;clear:both}.quality-list .quality-item{width:30%;margin:0 1.6% 20px;float:left;text-align:center;background-color:#0d9bb7}@media (max-width: 960px){.quality-list .quality-item{width:45%;margin:0 2.5% 20px}}@media (max-width: 640px){.quality-list .quality-item{float:none;width:100%;margin:0 auto 20px}}.quality-list .quality-figcaption{font-size:20px;padding:10px 0;color:#fff}.quality-area{margin-bottom:30px}.quality-area h3{font-size:24px;font-weight:bold;border-bottom:1px solid;margin-bottom:20px;color:#312368}.quality-area h3::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0c8";margin-right:10px}.quality-area ul::after{content:"";display:table;clear:both}.quality-area li{float:left;width:calc(20% - 40px);text-align:center;margin:20px}.quality-area li:nth-child(5n+1){clear:both}@media (max-width: 1280px){.quality-area li{width:calc(20% - 20px);margin:20px 10px}}@media (max-width: 960px){.quality-area li{width:calc(50% - 20px)}.quality-area li:nth-child(5n+1){clear:initial}.quality-area li:nth-child(2n+1){clear:both}}@media (max-width: 375px){.quality-area li{float:none;width:100%;margin:20px auto}}.quality-area li a{display:block;border:1px solid #ccc;margin-bottom:10px;padding:3px;overflow:hidden}.quality-area li img{-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.quality-area li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.video-area{margin-top:50px}.video-area .section::after{content:"";display:table;clear:both}.video-item{float:left;width:46%;margin:0 2%}.video-item:nth-child(2n+1){clear:both}.video-item .video{margin-top:0}.video{max-width:640px;margin:30px auto}.video-container{cursor:pointer;position:relative;padding-bottom:57%;height:0;overflow:hidden;outline:none}.video-container iframe,.video-container object,.video-container embed,.video-container video{position:absolute;top:0;left:0;width:100% !important;height:100% !important;outline:none}.video-caption{font-size:22px;font-family:"Roboto Condensed", "微軟正黑體", "Microsoft JhengHei", sans-serif;margin-top:6px}.video-caption::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f144";margin-right:6px}.video-item .video:hover .video-caption{color:#d12326}@media (max-width: 640px){.video-item{float:none;width:100%;margin:0 auto 30px}}.play{cursor:pointer}.play .button{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:transparent}.play .button img{width:70px;-webkit-filter:grayscale(1);filter:grayscale(1)}.play .hide{display:none}.play .vis{display:block}.play:hover .button img{-webkit-filter:grayscale(0);filter:grayscale(0)}.news-main{padding-top:30px;padding-bottom:30px}@media (max-width: 480px){.news-main{padding-top:0}}.exh-item{margin:0 auto;padding:30px;margin-bottom:20px;border:2px solid #f2f2f2;-webkit-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease}@media (max-width: 640px){.exh-item{padding:10px}}.exh-item:nth-child(even){background-color:#f2f2f2}.exh-item:hover{border:2px solid #f3ae00;-webkit-box-shadow:0 0 20px #ffedc0 inset;box-shadow:0 0 20px #ffedc0 inset}.exh-item .exh-images{margin-bottom:10px}.exh-item .exh-title h3{font-size:24px;font-weight:bold;color:#c0020f}@media (max-width: 960px){.exh-item .exh-title h3{line-height:1.2}}.contact-main{padding:30px 0}.contact-main::after{content:"";display:table;clear:both}@media (max-width: 480px){.contact-main{padding:0 10px 30px}}.contact-info,.cont-form{float:left;width:50%;padding:0 30px}@media (max-width: 960px){.contact-info,.cont-form{float:none;width:100%}}@media (max-width: 640px){.contact-info,.cont-form{padding:0}}@media (max-width: 960px){.contact-info{margin:0 auto 50px}}.contact-info .com-name{font-size:24px;font-weight:bold;margin-bottom:10px;color:#312368}@media (max-width: 960px){.contact-info .com-name{line-height:1.2}}.contact-map{margin-top:30px}.google-maps{position:relative;padding-bottom:25%;height:0;overflow:hidden}@media (max-width: 640px){.google-maps{padding-top:35%}}.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}.cont-form>p{text-align:right;margin-bottom:20px}.form-group{margin-bottom:5px;font-size:18px}.form-group::after{content:"";display:table;clear:both}@media (max-width: 640px){.form-group{margin-bottom:20px}}.form-label{width:175px;float:left}.form-label .red{display:inline-block;width:15px}@media (max-width: 640px){.form-label{float:none;width:100%;margin-bottom:5px;display:inline-block}}.form-control{width:calc(100% - 180px);border-radius:5px;border:1px solid #ccc;padding:5px}@media (max-width: 640px){.form-control{width:calc(100% - 10px);margin-left:10px}}.form-check{width:calc(100% - 180px);margin-left:180px}@media (max-width: 640px){.form-check{width:calc(100% - 10px);margin-left:10px}}.form-check input[type="checkbox"]{width:20px;height:20px;vertical-align:middle;margin-right:5px}.form-check .form-label{width:inherit;float:inherit}.form-code input{max-width:150px;float:left}.form-code .codeimg{height:30px}@media (max-width: 640px){.form-code .codeimg{margin-top:10px;margin-left:10px}}.form-btn{padding:30px 0 30px 175px}@media (max-width: 640px){.form-btn{padding:30px 0}}.form-btn input{width:49%;display:inline-block;border:none;background-color:#f3ae00;color:#fff;font-size:20px;padding:10px 0;cursor:pointer;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.form-btn input:last-child{background-color:gray}.form-btn input:hover{background-color:#312368}.sitemap-main{padding:30px}@media (max-width: 480px){.sitemap-main{padding:0 10px 30px}}.sitemap-main li{border-bottom:gray 1px dashed}.sitemap-main a{display:block;padding:12px 30px;font-weight:bold}@media (max-width: 480px){.sitemap-main a{padding:12px 15px}}.sitemap-main a::before{margin-right:10px}.sitemap-main a:hover{background-color:#f3ae00;color:#fff}.sitemap-main ul ul{background-color:#f2f2f2}.sitemap-main ul ul li:first-child{border-top:gray 1px dashed}.sitemap-main ul ul li:last-child{border-bottom:none}.sitemap-main ul ul a{padding-left:60px;font-weight:normal}@media (max-width: 480px){.sitemap-main ul ul a{padding-left:30px}}.sitemap-main ul ul a::before{content:"-"}.privacy-main{padding:30px 30px 50px}@media (max-width: 640px){.privacy-main{padding:15px 15px 30px}}@media (max-width: 480px){.privacy-main{padding:0 10px 30px}}.privacy-main h2{font-size:30px;font-family:"Roboto Bold","微軟正黑體","Microsoft JhengHei",sans-serif;color:#c0020f}@media (max-width: 960px){.privacy-main h2{line-height:1.2}}@media (max-width: 640px){.privacy-main h2{font-size:24px}}.privacy-main h3{font-size:24px;font-family:"Roboto Bold Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;border-left:5px solid #312368;line-height:1;padding-left:10px;margin:30px 0 10px}.privacy-main h4{font-family:"Roboto Bold Condensed","微軟正黑體","Microsoft JhengHei",sans-serif}.privacy-main h4::before{content:"-";margin-right:10px;margin-left:-16px}.privacy-main p{margin-bottom:20px}.privacy-main hr{margin:40px auto}.privacy-main ul li{padding-left:30px;margin-bottom:12px}.privacy-main ul.li-line li::before{content:"-";margin-right:10px;margin-left:-16px}