body{overflow-x: visible;}@media screen and (max-width: 991px){body{overflow-x: hidden;}}body nav.ui.top.menu.desktop{top: 0; left: 0;}@media screen and (max-width: 1500px){.grid-center{width: 100%; max-width: none;}}@media screen and (max-width: 1200px){.section.main-slider{margin-top: 80px; margin-bottom: 80px;}}section.main-slider .page-subtitle{display: block; margin-bottom: 20px;}.slick-list .slick-slide img{width: auto; max-width: 100%;}.slick-list figure{margin: 0 20px 0 0;}.arrow-tl{padding-top: 50px;}.arrow-tl .slick-arrow{width: 40px; height: auto; aspect-ratio: 1/1; border: 2px solid #323233; color: #323233; position: absolute; top: 0 !important; -webkit-transform: none !important; transform: none !important;}.arrow-tl .slick-arrow::before{font-size: 2.5rem !important; opacity: 1; color: inherit !important;}.arrow-tl .slick-arrow:hover{background: #323233; color: #fff;}.arrow-tl .slick-prev{left: 0;}.arrow-tl .slick-next{left: 50px !important; right: initial !important;}.noright{margin-left: calc((100% - 1440px) / 2);}@media screen and (max-width: 1919px){.noright{margin-left: calc((100% - 1440px) / 2 + 8.33%);}}@media screen and (max-width: 1500px){.noright{margin-left: 8.33%;}}@media screen and (max-width: 1440px){.about-slider .about-card{width: 25vw;}}@media screen and (max-width: 991px){.about-slider .about-card{width: 45vw;}}@media screen and (max-width: 600px){.about-slider .about-card{width: 65vw;}}@media screen and (max-width: 480px){.about-slider .about-card{width: 85vw;}}.examination-slider .examination-card{border: 0.5px solid #d4d4d5; -webkit-box-shadow: 0 2px 4px 0 rgba(48, 49, 51, 0.1), 0 0 4px 0 rgba(48, 49, 51, 0.1); box-shadow: 0 2px 4px 0 rgba(48, 49, 51, 0.1), 0 0 4px 0 rgba(48, 49, 51, 0.1); width: 18.021vw; margin: 7px 11px;}@media screen and (max-width: 1440px){.examination-slider .examination-card{width: 25vw;}}@media screen and (max-width: 991px){.examination-slider .examination-card{width: 45vw;}}@media screen and (max-width: 600px){.examination-slider .examination-card{width: 65vw;}}@media screen and (max-width: 480px){.examination-slider .examination-card{width: 85vw;}}.examination-slider .examination-card img{width: 100%;}.examination-slider .examination-card article{position: relative; padding: 20px 16px 40px; overflow: hidden; min-height: 140px;}.examination-slider .examination-card article::before{content: ""; display: block; width: 50%; height: 2px; background-color: #e82d00; position: absolute; top: 0; left: 0; -webkit-transition: 0.5s cubic-bezier(0.17, 0.67, 0.77, 0.86); transition: 0.5s cubic-bezier(0.17, 0.67, 0.77, 0.86);}.examination-slider .examination-card article h4{color: #323233; font-size: 28px; margin-top: 10px; line-height: 1.25em; letter-spacing: 0.03em; text-transform: uppercase;}@media screen and (max-width: 1440px){.examination-slider .examination-card article h4{font-size: 24px;}}@media screen and (max-width: 991px){.examination-slider .examination-card article h4{font-size: 20px;}}.examination-slider .examination-card:hover article::before,.examination-slider .examination-card:focus article::before{content: ""; display: block; width: 100%; -webkit-transition: 0.5s cubic-bezier(0.17, 0.67, 0.77, 0.86); transition: 0.5s cubic-bezier(0.17, 0.67, 0.77, 0.86);}main.min-height{padding-bottom: 80px;}@media screen and (max-width: 599px){main.min-height{min-height: 0 !important; padding-bottom: 30px;}}@media screen and (max-width: 599px){.ui.grid+.grid{margin-top: 30px;}}footer .grid-center>.ui.grid .footer-slogan{width: 20% !important;}footer .grid-center>.ui.grid .footer-slogan span{font-size: 14px;}footer .grid-center>.ui.grid .footer-slogan img{display: inline-block; margin-top: 8px; aspect-ratio: 191/75; width: 150px !important; height: auto !important;}footer .grid-center>.ui.grid .footer-add{width: 55%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}footer .grid-center>.ui.grid .footer-add .footer-column{padding: 0 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}footer .grid-center>.ui.grid .footer-add .title{font-size: 14px;}footer .grid-center>.ui.grid .footer-add .name{font-size: 16px;}footer .grid-center>.ui.grid .footer-add .contact{font-size: 14px;}footer .grid-center>.ui.grid .footer-social{width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}footer .grid-center>.ui.grid .footer-social .footer-info{padding: 0 20px 0 0;}footer .grid-center>.ui.grid .footer-social .footer-info .sn-container{margin-top: 8px;}footer .grid-center>.ui.grid .footer-social .footer-info img{width: 150px; height: auto;}footer .grid-center>.ui.grid .footer-social .footer-info .copyright{line-height: 1.5; letter-spacing: 0;}footer .grid-center>.ui.grid .footer-social .footer-qrcode{font-size: 13px; line-height: 1.5;}footer .grid-center>.ui.grid .footer-social .footer-qrcode figure{margin: 0; text-align: center; display: inline-block;}footer .grid-center>.ui.grid .footer-social .footer-qrcode figure figcaption{margin-bottom: 8px;}footer .grid-center>.ui.grid .footer-social .footer-qrcode figure img{width: 100px; height: auto;}:lang(zh-TW) footer .grid-center>.ui.grid .footer-add,:lang(zh-CN) footer .grid-center>.ui.grid .footer-add{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}:lang(zh-TW) footer .grid-center>.ui.grid .footer-add>.footer-column,:lang(zh-CN) footer .grid-center>.ui.grid .footer-add>.footer-column{-webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto;}:lang(zh-TW) footer .grid-center>.ui.grid .footer-add>.footer-column:not(:nth-child(3)),:lang(zh-CN) footer .grid-center>.ui.grid .footer-add>.footer-column:not(:nth-child(3)){padding: 0 4rem;}@media screen and (max-width: 1439px){:lang(zh-TW) footer .grid-center>.ui.grid .footer-add>.footer-column:not(:nth-child(3)), :lang(zh-CN) footer .grid-center>.ui.grid .footer-add>.footer-column:not(:nth-child(3)){padding: 0 2rem;}}@media screen and (max-width: 991px){:lang(zh-TW) footer .grid-center>.ui.grid .footer-add>.footer-column:not(:nth-child(3)), :lang(zh-CN) footer .grid-center>.ui.grid .footer-add>.footer-column:not(:nth-child(3)){padding: 0 10px;}}@media screen and (max-width: 1439px) and (min-width: 1200px){:lang(zh-TW) footer .grid-center>.ui.grid .footer-add, :lang(zh-CN) footer .grid-center>.ui.grid .footer-add{width: 55%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -10px;}}@media screen and (max-width: 1199px) and (min-width: 768px){:lang(zh-TW) footer .grid-center>.ui.grid .footer-slogan, :lang(zh-CN) footer .grid-center>.ui.grid .footer-slogan{width: 30% !important;} :lang(zh-TW) footer .grid-center>.ui.grid .footer-add, :lang(zh-CN) footer .grid-center>.ui.grid .footer-add{width: 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;} :lang(zh-TW) footer .grid-center>.ui.grid .footer-add .footer-column, :lang(zh-CN) footer .grid-center>.ui.grid .footer-add .footer-column{padding: 0 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto;} :lang(zh-TW) footer .grid-center>.ui.grid .footer-social, :lang(zh-CN) footer .grid-center>.ui.grid .footer-social{width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}}@media screen and (max-width: 1439px) and (min-width: 768px){:lang(en) footer .grid-center>.ui.grid .footer-slogan, :lang(ja) footer .grid-center>.ui.grid .footer-slogan{width: 25% !important;} :lang(en) footer .grid-center>.ui.grid .footer-add, :lang(ja) footer .grid-center>.ui.grid .footer-add{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} :lang(en) footer .grid-center>.ui.grid .footer-social, :lang(ja) footer .grid-center>.ui.grid .footer-social{width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}}@media screen and (max-width: 767px){footer .grid-center>.ui.grid>.column{padding-left: 0 !important; padding-right: 0 !important;} footer .grid-center>.ui.grid .footer-slogan{width: 100% !important;} footer .grid-center>.ui.grid .footer-add{width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} footer .grid-center>.ui.grid .footer-add .footer-column{padding: 0 10px !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 20px;} footer .grid-center>.ui.grid .footer-social{width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap;} footer .grid-center>.ui.grid .footer-social .footer-qrcode{margin-top: 20px;}}.index-product-slider .grid-center{max-width: 1680px;}.index-product-slider .product-card>article{min-height: 0;}@media screen and (min-width: 451px){.index-product-slider .slick-slide a.product-card{margin: 0; padding-left: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .index-product-slider .slick-slide a.product-card figure{margin: 0;} .index-product-slider .slick-slide a.product-card figure img{width: 100%;} .index-product-slider .slick-slide a.product-card article{padding-right: 0;}}@media screen and (min-width: 601px){.index-product-slider .slick-slide a.product-card{padding-left: max(20px, 3.125vw);}}.slick-dots li:only-child{display: none;}.slick-dots li{aspect-ratio: 1/1; width: 13px; height: auto;}.slick-dots li button{background: #212121; border-radius: 50%; aspect-ratio: 1/1; width: 13px; height: auto;}.slick-dots li button::before{display: none;}.slick-dots li.slick-active button{background: #EC1C24;}.index-news-slider .slick-dots{display: none !important;}.mobile-munu .nav-box{padding-bottom: 100px !important;}/* 20221202 */.login-modal+section.section{padding-bottom: 80px; padding-top: 72px; background: #F0EEEC; min-height: calc(100vh - 381px);}@media (max-width: 599px){.login-modal+section.section{padding-top: 56px; min-height: 0 !important; padding-bottom: 30px;}}.right.nologin .menu-search input{width: 90px;}@media (max-width: 1200px){.right.nologin .menu-search input{width: 75px;}}@media (max-width: 991px){.menu-wrapper .mobile-menu-right.nologin .item.user{width: 60px;} .mobile-menu-right.nologin{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .mobile-menu-right.nologin .menu-search.mobile form{display: -webkit-box; display: -ms-flexbox; display: flex;} .mobile-menu-right.nologin .menu-search.mobile input{min-height: 40px; padding: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mobile-menu-right.nologin .menu-search.mobile input.active, .mobile-menu-right.nologin .menu-search.mobile input:hover, .mobile-menu-right.nologin .menu-search.mobile input:focus, .mobile-menu-right.nologin .menu-search.mobile input:active, .mobile-menu-right.nologin .menu-search.mobile input:active:focus{width: 60px;}}img{max-width: 100%; height: auto;}.computer.only.three .accordion .content.isactive a.active,.computer.only.three .accordion .content.isactive a:hover,.computer.only.three .accordion .content.isactive a:focus,.computer.only.three .accordion .content.isactive a:active,.computer.only.three .accordion .content.isactive a:active:focus{color: #e82d00;}html{scroll-behavior: smooth;}.gotop{aspect-ratio: 1/1; width: 48px; height: auto; border-radius: 50%; background: #e52704; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; left: 20px; bottom: 80px; cursor: pointer; scroll-padding-top: 72px;}@media (max-width: 991px){.gotop{display: none;}}.gotop a{color: #fff;}.subcategory{max-width: 1440px; margin: 0 auto; padding: 20px 0 40px;}.subcategory ul{list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -4px;}@media (max-width: 599px){.subcategory ul{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px;}}@media (max-width: 480px){.subcategory ul{padding: 0 20px; padding-left: 0; margin-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-left: 5px solid #e82d00;}}.subcategory ul li{margin: 0 20px 10px 0;}@media (max-width: 991px){.subcategory ul li{margin: 0 15px 10px 0;}}@media (max-width: 599px){.subcategory ul li{margin: 0 0 10px 0;}}@media (max-width: 480px){.subcategory ul li{margin: 10px 0;}}.subcategory ul li a{color: #323233; padding: 8px; border-radius: 40px; font-family: DM Sans, "Noto Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; font-size: 22px;}@media (max-width: 991px){.subcategory ul li a{font-size: 20px;}}@media (max-width: 599px){.subcategory ul li a{font-size: 17px;}}.subcategory ul li a:hover,.subcategory ul li a:focus,.subcategory ul li a:active,.subcategory ul li a:active:focus{color: #e82d00;}.subcategory ul li.active a{color: #e82d00; -webkit-text-decoration: underline red 5px; text-decoration: underline red 5px; text-underline-offset: 10px;}@media (max-width: 991px){.subcategory ul li.active a{-webkit-text-decoration: underline red 3px; text-decoration: underline red 3px; text-underline-offset: 5px;}}.about-top{margin-top: -120px; background: #fff;}@media (max-width: 599px){.about-top{margin-top: -80px;}}@media (max-width: 480px){.about-top{margin-top: -40px;}}.index_banner{background-color: #eee;}.index_banner .banner-desc .grid-center .banner-title{margin-top: max(10px, 2.604vw);}.banner-en .banner-text2{max-width: 50%; margin-top: 20px;}@media (max-width: 480px){.banner-title{top: 6%} .banner-en .banner-title{top: 8%;} .banner-en .banner-text2{max-width: 100%;}}.index-banner-content{width: 48%; margin-top: 7.5%;}@media (max-width: 480px){.index-banner-content{width: 100%; margin-top: 0;}}/* 首頁banner 2 */.banner2-title{font-size: 50px; font-size: clamp(18px, 4.3vw, 50px); font-weight: bold; line-height: 1.2; margin-top: 15px;}@media (max-width: 480px){.banner2-title-wrap{position: absolute; left: 1.25rem; top: 10%; width: 40%; text-align: left;} .banner2-title{margin-top: 5px;}}:lang(en) .banner2-title{font-size: clamp(18px, 4.3vw, 60px); line-height: 1.1;}:lang(ja) .banner2-title{font-size: clamp(18px, 4vw, 40px);}.banner2-title strong{color: #e82d00; display: block;}@media (max-width:991px){.banner2-title strong{display: inline;}}.banner2-logo{width: clamp(90px, 22vw, 280px);}@media (max-width:991px){.banner2-logo{width: clamp(90px, 18vw, 260px);}}.banner2-desc{font-size: 35px; font-size: clamp(16px, 2vw, 35px); font-weight: bold; color:#545454; margin-top: 20px; line-height: 1.3;}@media (max-width:991px){.banner2-desc{margin-top: 10px;}}@media (max-width:480px){.banner2-desc{margin-top: 0px;}}:lang(en) .banner2-desc{font-size: clamp(16px, 2.5vw, 40px);}.banner2-desc .desc1 strong{color: #e82d00;}.banner2-desc .banner-btn{font-weight: normal;}/* 首頁banner 2 end */.faq-item{padding: 20px; background: #eaeaea; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 1px 5px #bbb;}h2.faq-title{color: #e82d00;}.ui.grid.about-text>.row{background: #eee; padding: 0.5em 0rem; margin: 30px 1rem 10px; border-left: 10px solid #e82d00; color: #e82d00;}.about-text p{line-height: 1.8;}.section.main-slider.index-product-slider{margin-top: 60px; margin-bottom: 60px;}@media (max-width: 1281px){.section.main-slider.index-product-slider{margin-top: 50px; margin-bottom: 50px;}}/* 首頁關於我們 */.index-about-wrap{padding-left: 30px; margin-top: 50px; padding-right: 30px;}@media (max-width: 1281px){.index-about-wrap{margin-top: 0;}}@media (max-width: 480px){.index-about-wrap{padding-right: 1.5rem; padding-left: 1.5rem;}}@media (max-width: 991px){.section.main-slider.index-product-slider{margin-top: 50px; margin-bottom: 50px;}}.index-about-wrap .row{display: flex; margin-left: -30px; margin-right: -30px;}@media (max-width: 991px){.index-about-wrap .row{flex-wrap: wrap;}}@media (max-width: 481px){.index-about-wrap .row{margin-left: -1.5rem; margin-right: -1.5rem;}}.index-about-wrap .content{width: 50%; padding-right: 30px; padding-left: 30px;}@media (max-width: 991px){.index-about-wrap .content{width: 100%; padding-right: 30px; padding-left: 30px;}}@media (max-width: 480px){.index-about-wrap .content{padding-right: 1.5rem; padding-left: 1.5rem;}}.index-about-wrap .index-head-title{margin-top: 20px; margin-bottom: 30px; text-align: left; line-height: 1.3;}.index-about-wrap .index-head-title strong{display: block; color:#e82d00;}@media (max-width: 480px){.index-about-wrap .index-head-title strong{display: inline;}}.index-about-wrap .desc p{line-height: 1.6;}.index-about-wrap .desc .btn-more{margin-top: 10px; padding: 8px 20px; background-color: #7B7B7B; color:#fff; transition: all 0.3s ease-in-out; display: inline-block;}.index-about-wrap .desc .btn-more:hover{background-color: #e82d00; color:#fff;}.index-about-wrap .video{width: 50%; padding-left: 50px; padding-right: 30px;}@media (max-width: 991px){.index-about-wrap .video{width: 100%; padding-left: 30px; padding-right: 30px; margin-top: 30px;}}@media (max-width: 481px){.index-about-wrap .video{width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; margin-top: 30px;}}.video-container{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed{position: absolute; top: 0;left: 0; width: 100%; height: 100%;} @media (max-width:480px){main{padding-top: 35px !important;} :lang(en) main{padding-top: 35px !important;} } .list-news .grid .news-row{margin-bottom: 0; margin-right: 0; padding-right: 1rem;} .list-news .ui.grid>.row>[class*="one wide widescreen"].column.image-show{max-width: 250px !important; width: 35% !important; padding-left: 0;} .list-news .ui.grid>.row>[class*="nine wide widescreen"].column{width: 65% !important; margin-bottom: 0; align-items: center;} .list-news .grid .news-row .news-title{font-size: clamp(17px, 0.8vw , 20px);} .list-news .grid .news-row .news-title:hover{color:#e82d00;} .list-news .grid .news-row .news-title::before{content:none} @media (max-width: 599px){.list-news .grid .news-row:before{bottom: calc(50% - 8px) !important;} }