@charset "UTF-8";

@import url(help/reset.css);@import url(font-awesome-4.7.0/font-awesome.min.css);@import url(help/rwdgrid.css);@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,700|Roboto:400,700&display=swap");@import url(textEditor.css);@import url(contentbuilder.css);[class*='col-'],.b-box,.wrap,.mainArea,header .wrap,.menu a,.controlBox,.controlBox .main,.hideBox,.bannerText,.contactArea .leftBox,.contactArea .rightBox,.contactFormList li,.contactFormList input[type="text"],.contactFormList textarea,.contactFormList select,.companyList .item,.sideContactInfo,.sideContactInfo>a::before,.sideContactInfo>a::after,.bread,.classBox>ul a,.sideMenu>ul>li>a,.m_classLink .main,.m_classLink>ul,.tab a,.side_share a,.moreBtn,.slick-dots button,.arrowPrev,.arrowNext,.cardList>li,.hImgScale .Img{box-sizing:border-box}a,header .wrap,.m_logo,.controlBox,.controlBox .main,.controlBox .main span,.controlBox .main::before,.controlBox .main::after,.bannerText h2,.bannerText em,.contactFormList input[type="text"],.contactFormList textarea,.contactFormSubmitBtn,.classBox,.tab a::after,.lineBtn::before,.slick-dots button::before,.hImgScale .Img img{transition:all .5s ease-out}.bannerBox .current .bannerText svg,.bannerBox .current .bannerText h2,.bannerBox .current .bannerText em,.bannerBox .current .bannerText p{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1}body{background-color:#fff;font-family:"Noto Sans TC",sans-serif;font-size:15px;color:#202020}body>svg{display:none}a{color:#202020;cursor:pointer}@media (min-width: 1181px){a:hover{color:#0080cc}}[class*='col-']{float:left}div.titan{display:none}.col-1{width:100%}.col-2{width:50%}.col-3{width:33.33%}.col-4{width:25%}.col-5{width:20%}a.btn_color1{color:#fff;background-color:#0080cc}a.btn_color1:hover{background-color:#006099}a.btn_color2{color:#fff;background-color:#0080cc}a.btn_color2:hover{background-color:#00a0ff}input[type="text"],textarea{-webkit-appearance:none}.outerWrap{position:relative;overflow:hidden;padding-top:70px}@media (max-width: 1180px){.outerWrap{padding-top:60px}}@media (min-width: 1271px){.outerWrap:not(.noBanner) .pageTitleBox{top:-30px;margin-bottom:0}}.outerWrap:not(.noBanner) .bannerText{padding-bottom:50px}@media (min-width: 1271px){.outerWrap:not(.noBanner) .pageBg{padding-top:0}.outerWrap:not(.noBanner) .pageBg::before{content:'';position:absolute;top:-50px;left:0;right:0;z-index:1;width:100%;max-width:1270px;height:50px;margin:auto;background-color:#fff;pointer-events:none}}.wrap{width:1150px;margin-left:auto;margin-right:auto}@media (max-width: 1180px){.wrap{width:100%;padding-left:20px;padding-right:20px}}.mainArea{padding-top:50px;padding-bottom:110px}@media (max-width: 1180px){.mainArea{padding-top:20px;padding-bottom:50px}}.pageBg{position:relative;background:url("../images/pageBg.png") 50% 0/100% auto no-repeat}.moduleBox{position:fixed;left:50%;top:48%;z-index:1005;opacity:0;visibility:hidden;pointer-events:none;transition-property:top, opacity, visibility;transition-duration:.5s;transition-timing-function:ease-in-out}.moduleBox.show{top:50%;opacity:1;visibility:visible;pointer-events:auto}.moduleMask{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1003;background-color:rgba(0,0,0,0.7);opacity:0;visibility:hidden;pointer-events:none;transition:all .5s ease-in-out}.moduleMask.show{opacity:1;visibility:visible;pointer-events:auto}#closeOrder,#closeCart,#closePrice,#closeInquiry{position:absolute;top:8px;right:10px;font-size:18px}header{position:fixed;top:0;left:0;z-index:90;width:100%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}@media (max-width: 1024px){header{display:none}}header .wrap{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;max-width:1480px;margin-left:auto;margin-right:auto}@media (max-width: 1520px){header .wrap{padding-left:20px;padding-right:20px}}.logo{padding-top:18px;padding-bottom:18px}.logo svg{width:139px;height:34px;color:#0080cc;fill:#727171}.socialList{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.socialList a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;font-size:20px;color:#737371}@media (min-width: 1181px){.socialList a:hover{color:#0080cc}}.menuBox{position:absolute;top:0;left:0;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;pointer-events:none}.menu{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu>li>a{position:relative;padding:24px 20px;letter-spacing:1.5px;pointer-events:auto}.menu>li>a.current,.menu>li>a:hover{color:#0080cc}.menu a{display:block}.m_menu{position:fixed;top:0;left:0;z-index:90;display:block;width:100%}@media (min-width: 1025px){.m_menu{display:none}}.m_menu.active{height:100%}.m_menu.active .m_logo{visibility:hidden;pointer-events:none;opacity:0}.m_menu.active .controlBox{background-color:transparent;box-shadow:none}.m_menu.active .controlBox .main::before,.m_menu.active .controlBox .main::after{top:50%}.m_menu.active .controlBox .main::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.m_menu.active .controlBox .main::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.m_menu.active .controlBox .main span{opacity:0}.m_menu.active .hideBox{display:-webkit-flex;display:-ms-flexbox;display:flex}.m_logo{line-height:0}.m_logo svg{width:139px;height:34px;color:#0080cc;fill:#727171}.controlBox{position:relative;z-index:2;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:60px;padding-left:60px;padding-right:60px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}.controlBox .main{position:absolute;top:0;right:0;width:60px;height:60px;border:none}.controlBox .main span,.controlBox .main::before,.controlBox .main::after{content:'';position:absolute;left:50%;z-index:1;width:26px;height:2px;margin-left:-13px;margin-top:-.5px;background-color:#0080cc}.controlBox .main span{top:50%}.controlBox .main::before{top:calc(50% - 7px)}.controlBox .main::after{top:calc(50% + 7px)}.hideBox{position:absolute;top:0;left:0;z-index:1;display:none;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100vh;padding-top:10vh;padding-bottom:6vh;-webkit-overflow-scrolling:touch;overflow:auto;background:#cde8f8 url("../images/mMenuBg.png") 100% 100%/100% auto no-repeat}.hideBox .logo{padding-top:0;padding-bottom:0;margin-bottom:5vh}.mMenu{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:5vh}.mMenu li+li{margin-top:1.5vh}.mMenu a{position:relative;display:block;padding:8px 20px;font-size:16px;letter-spacing:1px;text-indent:-1px;color:#646464}.mMenu a.current::before{content:'';position:absolute;bottom:0;left:0;right:0;z-index:1;width:calc(100% - 40px);height:2px;margin:auto;background-color:#0080cc}.mSocialList{display:-webkit-flex;display:-ms-flexbox;display:flex}.mSocialList li+li{margin-left:20px}.mSocialList a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;font-size:20px;color:#fff;background-color:#0080cc;border-radius:50%}.bannerArea{position:relative}.bannerBox img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bannerBox .current .bannerText svg{transition-delay:.5s}.bannerBox .current .bannerText h2{transition-delay:.8s}.bannerBox .current .bannerText em{transition-delay:1.3s}.bannerBox .current .bannerText p{transition-delay:1.5s}.bannerBox .current .bannerText p::before{width:75px;transition-delay:2s}@media (max-width: 400px){.bannerBox>.bannerText{display:none}}.bannerText{position:absolute;top:0;left:0;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding-left:20px;padding-right:20px;color:#fff;text-align:center}.bannerText h2{margin-top:5px;font-size:23px;letter-spacing:3px;text-indent:-3px}.bannerText h2::before,.bannerText h2::after{content:'';display:inline-block;vertical-align:middle;width:10px;height:1px;background-color:#fff}.bannerText h2::before{margin-right:10px}.bannerText h2::after{margin-left:10px}.bannerText em{font:700 40px "Roboto","Noto Sans TC",sans-serif}#banner .slick-slide{position:relative}#banner .slick-slide>div{line-height:0}#banner .prevArrow,#banner .nextArrow{position:absolute;top:50%;z-index:1;margin-top:-27px}#banner .prevArrow::before,#banner .nextArrow::before{border-color:rgba(255,255,255,0.3)}#banner .prevArrow::after,#banner .nextArrow::after{color:#fff}#banner .prevArrow{left:5%}#banner .nextArrow{right:5%}#banner .nextArrow .circle{stroke:#fff}.copyrightBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-top:25px;padding-bottom:25px;padding-left:10px;padding-right:10px;font-size:13px;color:#000;letter-spacing:.5px;background-color:#fff}@media (max-width: 640px){.copyrightBox{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:15px;padding-bottom:10px;text-align:center;font-size:12px}}@media (min-width: 641px){.design{margin-left:5px}}@media (max-width: 640px){.design{margin-top:5px}}.design a{color:#000}@media (min-width: 1181px){.design a:hover{color:#0080cc}}.contactArea{padding-top:90px;padding-bottom:90px;color:#fff;background:url("../images/contactBg.jpg") 50%/cover no-repeat}@media (max-width: 768px){.contactArea{padding-top:50px;padding-bottom:50px}}.contactArea .wrap{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 768px){.contactArea .wrap{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media (min-width: 769px){.contactArea .leftBox,.contactArea .rightBox{width:50%}}@media (max-width: 768px){.contactArea .leftBox,.contactArea .rightBox{width:100%;margin-left:auto;margin-right:auto}}@media (min-width: 1181px){.contactArea .leftBox{padding-right:30px}}@media (min-width: 769px) and (max-width: 1180px){.contactArea .leftBox{padding-right:10px}}@media (min-width: 1181px){.contactArea .rightBox{padding-left:30px}}@media (min-width: 769px) and (max-width: 1180px){.contactArea .rightBox{padding-left:10px}}@media (max-width: 768px){.contactArea .rightBox{padding-top:50px}}.contactArea h2{margin-bottom:15px;font-size:20px;letter-spacing:3px}@media (max-width: 768px){.contactArea h2{text-align:center;text-indent:-3px}}.contactArea p{margin-bottom:20px;font-size:14px;line-height:1.8;letter-spacing:.5px;color:rgba(255,255,255,0.8)}.contactArea .jobBtnBox{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:30px}@media (max-width: 380px){.contactArea .jobBtnBox{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.contactArea .jobBtnBox a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);max-width:200px;height:40px;color:#fff;background-color:rgba(255,255,255,0.4)}@media (min-width: 1181px){.contactArea .jobBtnBox a:hover{color:#202020;background-color:#fff}}@media (max-width: 380px){.contactArea .jobBtnBox a{width:100%}}@media (min-width: 381px){.contactArea .jobBtnBox a+a{margin-left:10px}}@media (max-width: 380px){.contactArea .jobBtnBox a+a{margin-top:10px}}.contactFormList{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 641px){.contactFormList{margin-left:-6px;margin-right:-6px}}.contactFormList li{width:100%;margin-bottom:20px}@media (min-width: 641px){.contactFormList li{padding-left:6px;padding-right:6px}}@media (min-width: 641px){.contactFormList li:nth-child(-n+4){width:50%}}.contactFormList li:last-child .contactItemBox{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.contactFormList li.focus input[type="text"],.contactFormList li.focus textarea{background-color:rgba(255,255,255,0.4)}.contactFormList .contactItemBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.4)}@media (max-width: 400px){.contactFormList .contactItemBox{position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.contactFormList label{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;letter-spacing:1px}@media (min-width: 401px){.contactFormList label{margin-right:25px}}@media (max-width: 400px){.contactFormList label{margin-bottom:5px}}.contactFormList input[type="text"],.contactFormList textarea{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:5px 5px 5px 15px;color:#fff;border:none;outline:none;background-color:transparent;font-family:"Noto Sans TC",sans-serif}.contactFormList input[type="text"].error,.contactFormList textarea.error{outline:1px solid #0080cc}@media (min-width: 401px){.contactFormList input[type="text"] ~ label{margin-right:5px}}@media (max-width: 400px){.contactFormList input[type="text"] ~ label{position:absolute;top:0;right:60px;z-index:1}}.contactFormList input[type="text"] ~ label:last-child{margin-right:0}@media (max-width: 400px){.contactFormList input[type="text"] ~ label:last-child{right:0}}.contactFormList textarea{height:197px;margin-top:10px}@media (max-width: 768px){.contactFormList textarea{height:80px}}.contactFormList select{width:100%;padding:5px 5px 5px 15px;border:none;font-family:"Noto Sans TC",sans-serif;color:#fff;background-color:rgba(255,255,255,0.4)}.contactFormList option{color:#202020}.contactFormSubmitBtn{display:block;width:200px;height:40px;margin-top:45px;color:#fff;letter-spacing:1px;border:none;outline:none;background-color:rgba(255,255,255,0.4);font-family:"Noto Sans TC",sans-serif;cursor:pointer}@media (min-width: 1181px){.contactFormSubmitBtn:hover{color:#202020;background-color:#fff}}@media (max-width: 768px){.contactFormSubmitBtn{margin-top:20px;margin-left:auto;margin-right:auto}}.companyList{margin-top:50px;border-top:1px solid rgba(255,255,255,0.4)}.companyList.slick-vertical .slick-slide{height:175px;border:none !important}.companyList .item{padding-top:25px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.4)}.companyList h3{margin-bottom:10px;font-size:16px}.companyDataList{font-size:14px;letter-spacing:.5px}.companyDataList li+li{margin-top:5px}.companyDataList .tel,.companyDataList .fax{display:inline-block}.companyDataList .tel+.fax{margin-left:10px}.thankInfo{margin-bottom:50px}.thankInfo>h2{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:25px;font-size:16px;letter-spacing:1px}.thankInfo>h2 svg{width:18px;height:18px;margin-right:10px}.sideContactInfo li{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:10px}.sideContactInfo>a{position:relative;display:inline-block;padding-top:7px;padding-bottom:7px;color:#0080cc;font-size:13px;text-transform:uppercase;background:linear-gradient(to right, currentColor 0, currentColor 100%) left 0 bottom 5px/100% 1px no-repeat}.sideContactInfo>a::before,.sideContactInfo>a::after{content:'';position:absolute;z-index:1;width:11px;height:8px;border:1px solid currentColor;border-radius:1px}.sideContactInfo>a::before{top:11px;right:-21px}.sideContactInfo>a::after{top:15px;right:-25px}.sideContactInfo .iconBox{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:25px;margin-right:10px}.sideContactInfo .iconBox::after{content:'';width:1px;height:10px;background-color:#a1a1a1}.sideContactInfo .contactTel svg{width:14px;height:14px}.sideContactInfo .contactFax svg{width:13px;height:13px}.sideContactInfo .contactMail svg{width:15px;height:10px}.titleArea{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-bottom:40px;color:#0080cc}@media (max-width: 1180px){.titleArea{margin-bottom:30px}}@media (max-width: 640px){.titleArea{padding-top:30px}}.titleArea .titleBox{margin-bottom:0}.titleBox,.pageTitleBox{position:relative;z-index:1;margin-bottom:35px}@media (max-width: 1180px){.titleBox,.pageTitleBox{margin-bottom:20px}}.titleBox h1[lang="en"],.titleBox h2[lang="en"],.titleBox em,.pageTitleBox h1[lang="en"],.pageTitleBox h2[lang="en"],.pageTitleBox em{display:block;font-weight:700;font-family:"Roboto","Noto Sans TC",sans-serif;color:#434343}.titleBox h1:not([lang="en"]),.titleBox h2:not([lang="en"]),.pageTitleBox h1:not([lang="en"]),.pageTitleBox h2:not([lang="en"]){font-weight:400;font-size:23px;letter-spacing:2px;color:#000}@media (max-width: 480px){.titleBox h1:not([lang="en"]),.titleBox h2:not([lang="en"]),.pageTitleBox h1:not([lang="en"]),.pageTitleBox h2:not([lang="en"]){font-size:18px}}.titleBox{text-align:center}@media (min-width: 401px){.titleBox.mobileShow{display:none}}.titleBox h1[lang="en"],.titleBox h2[lang="en"],.titleBox em{font-size:40px}@media (min-width: 401px) and (max-width: 1180px){.titleBox h1[lang="en"],.titleBox h2[lang="en"],.titleBox em{font-size:30px}}@media (max-width: 400px){.titleBox h1[lang="en"],.titleBox h2[lang="en"],.titleBox em{font-size:24px}}@media (min-width: 481px){.titleBox h1[lang="en"],.titleBox h2[lang="en"],.titleBox em{margin-bottom:10px}}.titleBox h1:not([lang="en"])::before,.titleBox h1:not([lang="en"])::after,.titleBox h2:not([lang="en"])::before,.titleBox h2:not([lang="en"])::after{content:'';display:inline-block;vertical-align:middle;width:10px;height:1px;background-color:#434343}.titleBox h1:not([lang="en"])::before,.titleBox h2:not([lang="en"])::before{margin-right:10px}.titleBox h1:not([lang="en"])::after,.titleBox h2:not([lang="en"])::after{margin-left:10px}.pageTitleBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}@media (min-width: 1181px){.pageTitleBox{max-width:1150px}}@media (max-width: 1180px){.pageTitleBox{padding-left:20px;padding-right:20px}}@media (max-width: 480px){.pageTitleBox{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.pageTitleBox h1:not([lang="en"]),.pageTitleBox h2:not([lang="en"]){-webkit-order:1;-ms-flex-order:1;order:1}@media (min-width: 481px){.pageTitleBox h1:not([lang="en"]),.pageTitleBox h2:not([lang="en"]){margin-left:10px}.pageTitleBox h1:not([lang="en"])::after,.pageTitleBox h2:not([lang="en"])::after{content:'';-webkit-order:2;-ms-flex-order:2;order:2;display:inline-block;vertical-align:middle;width:10px;height:1px;margin-left:10px;background-color:#434343}}.pageTitleBox h1[lang="en"],.pageTitleBox h2[lang="en"],.pageTitleBox em{-webkit-order:0;-ms-flex-order:0;order:0;padding-top:3px;font-size:23px}.bread{text-align:right;margin-bottom:125px}@media (max-width: 1750px){.bread{padding-left:20px}}@media (max-width: 1180px){.bread{display:none}}.bread a,.bread span{display:inline-block;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.bread a+a::before,.bread a+span::before,.bread span+a::before,.bread span+span::before{content:'>';display:inline-block;margin-left:4px;margin-right:4px}.bread a:last-child,.bread a:last-child::before,.bread span:last-child,.bread span:last-child::before{color:#0080cc}@media (min-width: 1181px){.bread a:hover{color:#0080cc}}.contentBox{clear:both}.articleTitle{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e6e6e6;font-size:25px;font-weight:400;color:#111}@media (max-width: 480px){.articleTitle{margin-bottom:10px;padding-bottom:10px;font-size:22px}}.subTitle{position:relative;margin-bottom:5px;padding-left:13px}.subTitle::before{content:'';position:absolute;top:50%;left:0;z-index:1;width:3px;height:18px;margin-top:-9px;background-color:currentColor}table.breakpoint>tbody>tr>td.expand{cursor:pointer;background:url("../images/plus.png") no-repeat 5px center;padding-left:40px}.classBox{position:relative;z-index:1;padding:20px 0}@media (max-width: 1023px){.classBox>ul{display:none}}.classBox>ul li{display:inline-block;margin-bottom:10px;margin-right:15px}.classBox>ul a{position:relative;display:block;min-width:180px;padding:10px;font-size:13px;color:#000;background-color:#f0f0f0;letter-spacing:2px;text-align:center}.classBox>ul a.current,.classBox>ul a:hover{color:#fff;background-color:#0080cc}@media (max-width: 1023px){.sideMenu>ul{display:none}}.sideMenu>ul>li+li{margin-top:10px;padding-top:10px;border-top:1px solid #e6e6e6}.sideMenu>ul>li>a{display:block;font-size:18px;letter-spacing:1px;color:#636363}.sideMenu>ul>li>a.current{padding-left:10px;color:#0080cc;border-left:3px solid #0080cc}@media (min-width: 1181px){.sideMenu>ul>li>a:hover{padding-left:10px;border-left:3px solid #0080cc}}.m_classLink{position:relative;z-index:1}@media (min-width: 1023px){.m_classLink{display:none}}.m_classLink .main{position:relative;display:block;font-size:16px;padding:10px 30px 10px 10px;color:#fff;letter-spacing:1px;cursor:pointer;background-color:#0080cc}.m_classLink .main::before{content:'\f107';position:absolute;right:15px;top:50%;z-index:1;margin-top:-6px;line-height:1;font-size:15px;color:#fff;font-family:FontAwesome}.m_classLink>ul{position:absolute;left:0;top:calc(100% - 1px);z-index:1;display:none;width:100%;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.m_classLink>ul>li+li{border-top:1px solid #f2f2f2}.m_classLink>ul>li.current>a{color:#0080cc}.m_classLink>ul a{position:relative;z-index:1;display:block;padding:14px 20px;color:#000;font-size:14px;background-color:#fff}.m_classLink .hasSubmenu{position:relative;padding-right:40px}.m_classLink .hasSubmenu::after{content:'\f107';position:absolute;top:50%;right:20px;z-index:1;line-height:1;margin-top:-7px;font-family:FontAwesome}.m_classLink .hasSubmenu.open::after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.m_classLink .submenuList{display:none;padding-left:15px;padding-bottom:10px;background-color:#efefef}.m_classLink .submenuList a{padding:10px 20px;background-color:#efefef}.m_classLink .submenuList a.current{color:#0080cc}.sectionTitle{margin-bottom:15px;font-size:16px;font-weight:400}.sectionTitle::after{content:'';display:block;width:20px;height:1px;margin-top:10px;background-color:#0080cc}.tab{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-top:50px;margin-bottom:50px;border-bottom:1px solid #e6e6e6}@media (max-width: 1180px){.tab{margin-top:30px;margin-bottom:30px}}.tab a{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:48px;padding-left:30px;padding-right:30px;color:#666}@media (min-width: 1181px){.tab a:hover{color:#111}}@media (max-width: 1180px){.tab a{padding-left:10px;padding-right:10px}}.tab a.current{color:#111}.tab a.current::after{height:2px}.tab a+a::before{content:'';position:absolute;top:50%;left:-1px;z-index:1;width:1px;height:16px;margin-top:-8px;background-color:#e6e6e6}.tab a::after{content:'';position:absolute;left:0;bottom:-1px;z-index:1;width:100%;height:0;pointer-events:none;background-color:#0080cc}.tabContent{margin-bottom:70px}.tabContent>li{display:none}.side_album{margin-bottom:30px}@media (min-width: 1024px){.side_album{margin-top:30px;margin-right:-10px}}@media (max-width: 1023px){.side_album{margin-top:10px}}.side_album li{float:left;max-width:100px;width:33.33%;padding:0 10px 10px 0}.side_album a{display:block;box-shadow:2px 2px 5px #c3c3c3}.side_album a img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (min-width: 1024px){.side_contactInfo{margin-top:50px}}@media (max-width: 1023px){.side_contactInfo{margin-top:20px}}.side_contactInfo li{margin-bottom:10px}.side_contactInfo a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.side_contactInfo i{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:35px;height:35px;line-height:35px;margin-right:10px;border-radius:50%;text-align:center;color:#fff;background-color:#0080cc}.side_contactInfo b{width:calc(100% - 45px);font-weight:400;letter-spacing:1px;word-break:break-all}.shareBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px;margin-bottom:30px}.shareBox p{margin-right:20px;line-height:40px;text-transform:uppercase;font-weight:700;font-family:"微軟正黑體","Noto Sans TC",sans-serif}.shareBox a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;font-size:20px;color:#fff;border-radius:50%}.shareBox a svg{fill:#fff}.shareBox a+a{margin-left:10px}.shareBox .fb{background-color:#3b5998}@media (min-width: 1181px){.shareBox .fb:hover{background-color:#2d4373}}.shareBox .line{background-color:#00c300}@media (min-width: 1181px){.shareBox .line:hover{background-color:#009000}}.shareBox .line svg{width:20px;height:22px}.side_share{clear:both;display:none;margin-top:30px}.side_share a{display:block;width:100%;margin-top:5px;padding:15px 10px;border-radius:4px;font-weight:bold;font-size:13px;line-height:1;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);text-align:center}.side_share i{padding-right:5px;font-size:18px}.side_share .line{box-shadow:0 0 0 1px #22a00b;border-top:1px solid #e1ffa9;background:#a7e732;background:linear-gradient(135deg, #a7e732 0%, #1fb50e 35%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7e732', endColorstr='#1fb50e', GradientType=1)}.side_share .fb{box-shadow:0 0 0 1px #235c9b;border-top:1px solid #8DCFF5;background:#5da0ea;background:linear-gradient(to bottom, #5da0ea 0%, #3d8ce6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5da0ea', endColorstr='#3d8ce6', GradientType=0)}.newsClass{display:inline-block;padding:5px 20px;font-size:12px;font-weight:300;color:#0080cc;background-color:#d7effb}.newsClass+.dateBox{margin-left:15px}.dateBox{font-size:14px;letter-spacing:1px}@media (max-width: 640px){.dateBox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}@media (min-width: 641px){.dateBox .activity{margin-left:20px}}@media (max-width: 640px){.dateBox .activity{width:100%}}.btnBox{margin-top:30px}.btnBox.center .moreBtn{margin-left:auto;margin-right:auto}@media (max-width: 1180px){.btnBox{margin-top:20px}.btnBox .moreBtn{margin-left:auto;margin-right:auto}}.moreBtn{position:relative;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:180px;height:45px;color:#fff;font-size:14px;font-family:"Roboto","Noto Sans TC",sans-serif;text-transform:uppercase;letter-spacing:1px;text-indent:-1px;background-color:#0080cc}.moreBtn.current{color:#fff;background-color:#006099}@media (min-width: 1181px){.moreBtn:hover{color:#fff;background-color:#006099}}.lineBtn{position:relative;display:block;padding-top:11px;padding-bottom:11px;padding-left:40px;color:#535353;font-size:12px;letter-spacing:.5px;text-transform:uppercase}@media (min-width: 1181px){.lineBtn:hover::before{background-position-x:0}}@media (max-width: 1180px){.lineBtn{padding-left:20px}.lineBtn::before{background-position-x:0}}.lineBtn::before{content:'';position:absolute;top:50%;left:0;z-index:1;width:30px;height:1px;background:linear-gradient(to right, #0080cc 50%, #d4d4d4 0) 100% 0/200% 1px no-repeat}@media (max-width: 1180px){.lineBtn::before{width:14px}}.slick-dots{margin-top:30px;text-align:center}.slick-dots .slick-active button::before{background-color:#000 !important}.slick-dots li{display:inline-block}@media (min-width: 1181px){.slick-dots li:hover button::before{background-color:#0080cc}}.slick-dots button{position:relative;width:30px;height:30px;padding:0;border:none;outline:none;color:transparent;background-color:transparent;cursor:pointer}.slick-dots button::before{content:'';position:absolute;top:50%;left:50%;z-index:1;width:6px;height:6px;margin-top:-3px;margin-left:-3px;border-radius:50%;background-color:#e5e5e5}.parallaxImg,.parallaxText{position:absolute;z-index:-1}.parallaxImg img{object-fit:cover}.parallaxText{line-height:1}@media (min-width: 1181px){.hImgScale:hover .Img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.hImgScale .Img{overflow:hidden}.hImgScale .Img img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.arrowPrev,.arrowNext{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:40px;cursor:pointer;border:none;outline:none;background-color:transparent}.arrowPrev svg,.arrowNext svg{width:68px;height:5px;color:#0080cc}.cardList{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}@media (min-width: 481px){.cardList{margin-left:-20px;margin-right:-20px}}.cardList>li{padding-bottom:40px}@media (min-width: 961px){.cardList>li{width:calc(100% / 3)}}@media (min-width: 481px) and (max-width: 960px){.cardList>li{width:50%}}@media (min-width: 481px){.cardList>li{padding-left:20px;padding-right:20px}}@media (max-width: 480px){.cardList>li{width:100%}}.cardList .item{max-width:400px;margin-left:auto;margin-right:auto}.cardList .Img img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cardList .Txt{padding-top:5px}.cardList .Txt>p{height:50px;font-size:13px;line-height:1.8}.cardList h3 a{display:block;padding-top:5px;padding-bottom:5px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1181px){.hImgScale:hover .Img img{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}}.hImgScale .Img{position:relative;overflow:hidden}.newIcon{position:absolute;top:-17px;left:0;z-index:1;padding:6px 30px;font-size:16px;color:#fff;letter-spacing:3px}.newIcon_green{background:#71c7ac}.newIcon_brown{background:#ed842e}.newIcon_pink{background:#f48daf}.newIcon_blue{background:#719dc7}.newIcon_navy{background:#3f4c6b}.newIcon_orange{background:#ecaf75}.newIcon_gold{background:#eab92d}@media (max-width: 480px){.col-2,.col-3,.col-4,.col-5{float:none;width:100%}}
