/*-------共通--------*/img { max-width: 100%; height: auto;}a,a:hover,a:active,a:focus,a:visited { transition: .5s ease; text-decoration: none;}.row { margin-right: 0px; margin-left: 0px;}/* 反白顏色設定*/::selection { background: var(--MainColor); color: #fff;}::-moz-selection { background: var(--MainColor); color: #fff;}/*容器設定*/#RWDfullscreen01 .container,.footer_block .container { width: 80%;}.RWDnews005 .container { width: 100% !important; padding: 0 !important;}/*全背景*/ .main { overflow: hidden; color: #888;}.main.cd-main-content { position: relative;}.index .main.cd-main-content { top: 85px;}/*拿掉的物件*/#RWDfullscreen01 .section-line,.RWDright_cont002 .item-first .text-box a,.RWDright_cont002 .item-first .text-box .underline,.RWDleft_cont002 .item-second .text-box .underline,.RWDleft_cont002 .item-second .text-box .subtitle { display: none;}/*文字*/body,html { font-family: var(--FontFamilyTw); font-weight: 400; letter-spacing: 1px; line-height: 2; font-size: var(--FontSizeBasic);}/*基本設定*/:root { /*color*/ --MainColor: #111; --SubColor: #333; --NaviColor: #666; --WhiteColor: #fff; /*--BgGrayColor: #efefef;*/ --BgGrayColor: #f5f5f5; /*文字color*/ /*線條*/ --BorderColor: #acacac; /*按鈕*/ /*字體*/ --FontFamilyTw: "Noto Sans TC", sans-serif; --FontFamilyEn: "Roboto", sans-serif; /*字級*/ /*螢幕2560px-600px 大小54px-28px*/ --FontSizeMain: clamp(1.75rem, 1.2526rem + 1.3265vw, 3.375rem); /*螢幕2560px-600px 大小20px-17px */ --FontSizeSub: clamp(1.0625rem, 1.0051rem + 0.1531vw, 1.25rem); /*螢幕2560px-600px 大小110px-30px */ --FontSizeEn: clamp(2.25rem, 0.8342rem + 3.7755vw, 6.875rem); /*螢幕2560px-600px 大小24px-18px */ --FontSizeCardMain: clamp(1.25rem, 1.1735rem + 0.2041vw, 1.5rem); /*螢幕2560px-390px 大小20px-18px */ --FontSizeCardSub: clamp(1.125rem, 1.1025rem + 0.0922vw, 1.25rem); /*--FontSizeContent: clamp(15px, 1vw, 16px);*/ --FontSizeBasic: 16px; /*間距*/ /*螢幕2560px-390px 大小130px-60px */ --SectionPadding: clamp(3.75rem, 2.4107rem + 3.5714vw, 8.125rem); /*螢幕2560px-600px 大小80px-40px */ --SubjectPadding: clamp(2.5rem, 1.7347rem + 2.0408vw, 5rem); /*螢幕2560px-600px 大小80px-40px 大小60px-25px*/ --CardPadding: clamp(2.5rem, 1.7347rem + 2.0408vw, 5rem) clamp(1.5625rem, 0.8929rem + 1.7857vw, 3.75rem); /*螢幕2560px-600px 大小100px-50px */ --FooterPadding: clamp(3.125rem, 2.1684rem + 2.551vw, 6.25rem); /*位置*/ --TransformCenter: translateX(-50%) translateY(-50%); --TransformXCenter: translateX(-50%); --TransformYCenter: translateY(-50%); /*陰影*/ --BoxShadow: 1px 1px 24px 2px rgb(0 0 0 / 7%);}/* 動態效果fadeIn&hover*/ .RWDproduct002_v2 .bounceIn,.RWDproduct002_v3 .bounceIn,.RWDproduct002_v4 .bounceIn { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}.RWDService002 .flipInY { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}.RWDmenu_plus02 .cart-block:hover:after,.RWDmenu_plus02 .member-block:hover:after,.RWDmenu_plus02 .querycar-block:hover:after { display: none}.RWDleft_cont002 .item-second:hover .pic img,.RWDright_cont002 .item-first:hover .pic img { transform: scale(1)}/*defaultfix*/ .RWDleft_cont002 .item-second .text-box,.RWDleft_cont002 .item-second { background: transparent; color: #333}.RWDleft_cont002 .item-second .pic { width: 100%; float: none}.RWDleft_cont002 .item-second>a { float: right; width: 50%}.RWDright_cont002 .item-first { background: transparent}.RWDright_cont002 .item-first .text-box { color: #333; padding: 0; letter-spacing: 1px; line-height: 2}.RWDright_cont002 .item-first .pic { float: none; width: 100%}.RWDright_cont002 .item-first>a { pointer-events: none; width: 50%; float: left;}.RWDright_cont002 .item-first .text-box .underline { display: none;}/*網頁警告*/ .RWDalert_fancybox.bottom { z-index: 99999 !important; width: 500px; padding: 30px 50px 20px !important; box-shadow: 1px 0 2px rgb(51 51 102 / 20%) !important; background: #ffffffeb !important; color: #000 !important; left: auto !important; right: 0 !important; line-height: 1.8 !important; border-radius: 30px 0 0;}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active { padding: 5px 20px; border-color: var(--MainColor); background: var(--MainColor) !important; border-radius: 10px;}.RWDalert_fancybox.bottom .editor a { color: var(--SubColor); text-decoration: underline;}.RWDalert_fancybox .btn { font-size: 16px;}/*search*/ .RWDmenu_plus04 #search-box.full { height: 100vh;}.RWDmenu_plus04 .features .search-btn { padding: 25px 12px}.RWDmenu_plus04 #search-box.full .form-control { font-size: 20px;}.RWDmenu_plus04 #search-box.full .ibtn { font-size: 20px;}.RWDmenu_plus04 #search-box.full .search-in { max-width: 900px}.RWDmenu_plus04 .member-block button.login.is-on,.RWDmenu_plus04 .member-block a.signin,#div_forget_content #forget_table_btn,.RWDmenu_plus04 .member-block a.login.is-on { border-radius: 10px !important;}.RWDmenu_plus04 .member-block a.login.is-on,.RWDmenu_plus04 .member-block button.login.is-on,#div_forget_content #forget_table_btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn { background-color: var(--MainColor);}/*-------共通-間距--------*/ .index_section { padding: var(--SectionPadding) 0; position: relative;}/*-------共通-title--------*/ .section-subject { margin-bottom: var(--SubjectPadding); position: relative;}.section-subject .en-title,.product_block .en-title { font-family: var(--FontFamilyEn); font-size: clamp(2.5rem, 0.9274rem + 6.4516vw, 11.25rem); text-transform: uppercase; line-height: 0.9; -webkit-text-stroke: 1px #ffffff96; color: transparent; font-weight: 600; letter-spacing: 0; display: none;}.section-subject .main-title { font-size: var(--FontSizeMain); font-weight: 700; letter-spacing: 2px; margin: 0; line-height: 1.4; color: var(--MainColor); position: relative; z-index: 2;}.section-subject .sub-title { font-size: var(--FontSizeSub); letter-spacing: 1px; line-height: 1.5; font-weight: 500; margin: 5px 0 0; padding: 0; color: var(--MainColor); position: relative; z-index: 2;}.service_block .section-subject { text-align: center; margin-bottom: calc(var(--SubjectPadding) + 30px);}/*en*/ .service_block .section-subject .en-title { position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; top: 2.05vw;}/*-------共通-按鈕--------*/ .RWDbtn01 .btn-box li { padding: 0; width: fit-content;}.RWDbtn01 .btn-box { margin: 0;}.service_block .RWDbtn01,.product_block .RWDbtn01,.RWDleft_cont002 .item-second .text-box a { margin-top: 80px;}.RWDleft_cont002 .item-second .text-box a { margin-left: 0; letter-spacing: 1px; font-weight: 400;}.service_block .RWDbtn01 .btn,.product_block .RWDbtn01 .btn,.RWDleft_cont002 .item-second .text-box a { display: block; font-size: 16px; min-width: 250px; padding: 15px 30px; border: 1px solid var(--BorderColor); background: transparent; color: var(--SubColor); line-height: 1.5; text-align: left; border-radius: 10px; position: relative; overflow: hidden; z-index: 1;}.service_block .RWDbtn01 .btn:before,.product_block .RWDbtn01 .btn:before,.RWDleft_cont002 .item-second .text-box a::before { content: ""; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: .5s; z-index: -1;}.service_block .RWDbtn01 .btn:after,.product_block .RWDbtn01 .btn:after,.RWDleft_cont002 .item-second .text-box a::after { position: absolute; content: "\f30f"; font-family: "Ionicons"; font-size: 22px; line-height: .8; right: 35px; color: var(--NaviColor); font-weight: 300; top: 50%; transform: translateY(-50%); transition: .4s;}/*hover*/ .service_block .RWDbtn01 .btn:hover,.product_block .RWDbtn01 .btn:hover,.RWDleft_cont002 .item-second .text-box a:hover { color: #fff; border-color: var(--MainColor);}.service_block .RWDbtn01 .btn:hover:after,.product_block .RWDbtn01 .btn:hover:after,.RWDleft_cont002 .item-second .text-box a:hover::after { color: #fff; right: 25px; transition: .4s;}.service_block .RWDbtn01 .btn:hover:before,.product_block .RWDbtn01 .btn:hover:before,.RWDleft_cont002 .item-second .text-box a:hover::before { width: 100%; transition: .4s; right: auto; left: 0; background: var(--MainColor);}/*-------header--------*/ .RWDmenu_plus04 .header { padding: 0 3%; transition: all .5s ease-out;}.RWDmenu_plus04 .header.is-up { box-shadow: 0 10px 20px rgb(66 67 68 / 5%); transition: .5s ease;}.RWDmenu_plus04 .container { width: 100% !important; max-width: none;}.RWDmenu_plus04 .logo { z-index: 30; width: 250px; transition: all .5s ease-out; margin: 21px 0;}.RWDmenu_plus04 .site-nav .menu { text-align: right; display: flex; align-items: center; justify-content: flex-end;}.RWDmenu_plus04 .site-nav .menu::after { content: ''; width: 1px; height: 30px; background: #acacac; display: inline-block; margin: 0 20px 0 35px;}.RWDmenu_plus04 .site-nav .menu>li>a { font-size: 16px; color: var(--SubColor); font-weight: 400; padding: 30px 20px;}.RWDmenu_plus04 .lang-select:hover .lang-select-label,.RWDmenu_plus04 .site-nav .menu>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>a:hover { background: transparent; color: var(--MainColor);}.RWDmenu_plus04 .site-nav .menu>li>a:before { content: ""; position: absolute; width: 0; height: 2px; background: var(--main_color); bottom: 0; right: 0; transition: all .5s ease;}.RWDmenu_plus04 .site-nav .menu>li>a:hover:before { width: 100%; transition: all .5s ease; right: auto; left: 0}.RWDmenu_plus04 .site-nav .menu li { text-align: center}.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:after { position: absolute; right: 5px; border-color: var(--NaviColor);}.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a { font-weight: 400; text-decoration: none}.RWDmenu_plus04 .site-nav .menu ul li>a { padding: 15px 10px; transition: all .1s ease-out; font-weight: 400; line-height: 1.4;}.RWDmenu_plus04 .site-nav .menu>li>ul { padding: 0;}.RWDmenu_plus04 .site-nav .menu ul li>a:hover { color: var(--WhiteColor); transition: all .1s ease-out; background: var(--MainColor);}.RWDmenu_plus04 .lang-select-label:hover:after,.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: var(--MainColor);}.RWDmenu_plus04 .site-nav .menu>li>a:before { content: ''; position: absolute; width: 0; height: 1px; background: var(--SubColor); right: 0; bottom: 10px; transition: .35s ease-out;}.RWDmenu_plus04 .site-nav .menu>li>a:hover:before { width: 100%; right: auto; left: 0; transition: .35s ease-out;}.RWDmenu_plus04 .features { width: 370px;}.RWDmenu_plus04 .features .share-group.main_share { padding: 0; margin: 20px 0 20px 20px;}.RWDmenu_plus04 .features .share-group a,.RWDmenu_plus04 .features i,.fa.ic_lang-select { font-size: 14px;}.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a { font-weight: 400}.RWDmenu_plus04 .features .share-group a { color: var(--WhiteColor); padding: 10px 20px; background: #44b91e; border-radius: 10px; position: relative; min-width: 200px; text-align: center;}.RWDmenu_plus04 .features .share-group a span { font-size: 16px;}.RWDmenu_plus04 .features .share-group span:before { content: "\e90a"; font-family: iicon !important; position: relative; display: inline-block; font-size: 18px; margin-right: 9px; top: 1px;}/*.RWDmenu_plus04 .features .share-group a:hover { background: #40a631;}*/ .RWDmenu_plus04 .features .share-group a:after { content: ""; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: .5s; z-index: 1; background: #ffffff40;}.RWDmenu_plus04 .features .share-group a:hover:after { width: 100%; transition: .4s; right: auto; left: 0; background: #ffffff40;}.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn,.RWDmenu_plus04 .features i,.RWDmenu_plus04 .lang-select { color: #555;}.RWDmenu_plus04 .features .search-btn i img { width: 19px;}.RWDmenu_plus04 .features .search-btn,.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn { padding: 30px 10px;}.RWDmenu_plus04 .cart-btn .ii-bag2,.RWDmenu_plus04 .member-btn .ii-people2 { vertical-align: middle;}.RWDmenu_plus04 .features .cart-btn .cart-nu { position: relative; top: 2px; left: -7px;}/*-------banner--------*/ .index .RWDbanner_plus01 .slick-list { padding: 0 50px;}.index .RWDbanner_plus01 .slick-caption .container { width: 90% !important;}.index .RWDbanner_plus01 .slick-caption { top: auto; bottom: 12%;}.index .RWDbanner_plus01 .slick-caption .txt1 { /*螢幕2560px-1200px 大小90px-48px */ font-size: clamp(3rem, 0.6838rem + 3.0882vw, 5.625rem); font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; font-family: var(--FontFamilyEn); color: var(--MainColor); text-transform: uppercase;}.index .RWDbanner_plus01 .slick-caption .txt2 { /*螢幕2560px-1200px 大小44px-24px */ font-size: clamp(1.625rem, 0.6324rem + 1.3235vw, 2.75rem); font-weight: 700; letter-spacing: 1px; line-height: 1.5; margin: 30px 0 0; color: var(--MainColor); width: fit-content; padding: 13px 0; border: solid var(--SubColor); border-width: 1px 0;}.index .RWDbanner_plus01 .slick-caption .txt3 { position: absolute; font-size: 21px; font-weight: 400; letter-spacing: 1px; line-height: 1.3; margin: 0; color: var(--MainColor); bottom: calc(30px + 13px* 2 + 3.08vw); left: calc(17.5vw + 30px);}.index .RWDbanner_plus01 .slick-caption .txt1>span>span,.index .RWDbanner_plus01 .slick-caption .txt3>span>span { display: block;}.index .RWDbanner_plus01 .slick-caption .txt2>span>span { margin-left: 20px;}.index .RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { right: 10px;}/*輪播點*/ .RWDbanner_plus01.style-dotnav.dot .slick-dots button { background: transparent; border: 1px solid var(--SubColor); width: 10px; height: 10px;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: var(--MainColor); border-color: var(--MainColor);}/*-------關於--------*/ .about_block>.container { width: 90% !important; padding: 0 15px 0 0 !important; margin: 0 auto 0 0;}.RWDleft_cont002 .item-second { display: grid; grid-template-columns: 53% 47%; flex-direction: row; color: var(--SubColor);}.RWDleft_cont002>.container { width: 100% !important; padding: 0 !important;}.RWDleft_cont002>.container::before,.RWDleft_cont002>.container::after { display: none;}.RWDleft_cont002 .item-second>a { width: 100%; float: none;}.RWDleft_cont002 .item-second .pic { width: 100%; float: none; height: 100%;}.RWDleft_cont002 .item-second .pic img { width: 100%; height: 100%; object-fit: cover;}.RWDleft_cont002 .item-second .text-box { width: 100%; padding: 0 0 0 8vw;}.about_block .section-subject .en-title { position: absolute; left: 3rem; z-index: 1; top: 0;}.about_block .section-subject .sub-title { /*螢幕2560px-600px 大小28px-20px*/ font-size: clamp(1.25rem, 1.0969rem + 0.4082vw, 1.75rem);}.about_block .section-subject { margin-bottom: 2rem;}.RWDleft_cont002 .item-second .text-box .text { line-height: inherit; letter-spacing: 1px; width: 100%; font-size: var(--FontSizeBasic); margin: 0; /*padding: var(--SectionPadding) 0 clamp(2.5rem, 1.7347rem + 2.0408vw, 5rem);*/ position: relative;}/*.RWDleft_cont002 .item-second .text-box .text:before { position: absolute; content: ''; width: 65vw; height: 100%; background: #f7f7f7; z-index: -1; top: 0; left: calc(-10vw - 15px);}*/ .about_intro p.about_txt { margin: 0; line-height: 1.5;}ul.about_fea { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 5rem; line-height: 1.5; margin-top: 4.5rem; padding: 6.5rem 5rem; background: var(--WhiteColor); border-left: 3px solid var(--MainColor); box-shadow: 7px 6px 20px rgba(0, 0, 0, .1);}/*li.fea_item { padding: 2.5rem 2.5rem; border: 1px solid #ccc; margin-top: -1px; margin-left: -1px; background: #fff;}*//*li.fea_item:nth-child(odd) { padding-right: 2.5rem; border-right: 1px dotted var(--BorderColor);}li.fea_item:nth-child(even) { padding-left: 2.5rem;}*/li.fea_item:nth-child(1),li.fea_item:nth-child(2) { padding-bottom: 2.3rem; border-bottom: 1px dotted var(--BorderColor); margin-bottom: 2.3rem;}ul.about_fea .fea_title { font-size: calc(var(--FontSizeBasic) * 1.14); font-weight: 700; color: var(--MainColor); margin-bottom: 2px;}ul.about_fea .fea_title b { font-size: calc(var(--FontSizeBasic) * 1.5); font-style: italic; letter-spacing: .1px; line-height: 1; margin-right: 5px; font-weight: 700;}ul.about_fea .fea_title i { position: relative; top: 3px; margin-right: 5px; font-size: 20px;}ul.about_fea p { margin: 0; color: var(--NaviColor);}li.fea_item.fea_FSC { display: grid; grid-template-columns: auto 55px; grid-gap: 0 15px;}/*-------服務項目--------*/ .service_block { background: var(--BgGrayColor);}.RWDproduct004 { margin-top: -30px;}.RWDproduct004,.RWDproduct004 #portfolio { overflow: visible;}.RWDproduct004 section { border-bottom: 0;}.RWDproduct004 #portfolio.portfolio-nogutter .col-md-3.col-sm-3 { padding: 30px 20px !important; overflow: visible;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box { padding: 20px !important; background: var(--WhiteColor); display: flex; flex-direction: column-reverse; box-shadow: 7px 6px 20px rgba(0, 0, 0, .1); transition: .5s ease; overflow: visible;}.RWDproduct004 #portfolio.portfolio-nogutter .item-box:hover { box-shadow: 11px 18px 40px rgba(0, 0, 0, .4); transition: .5s ease; /*margin-top: -10px !important;*/}.RWDproduct004 #portfolio div.col-md-3 h3 { font-size: var(--FontSizeCardMain); color: var(--MainColor); line-height: 1.5;}.RWDproduct004 .list-inline { text-transform: uppercase; font-size: 18px; color: var(--NaviColor); font-family: var(--FontFamilyEn); line-height: 1.5; margin-top: 5px; letter-spacing: 0.5px;}.RWDproduct004 .item-box-desc { margin-bottom: 10px; overflow: hidden; padding: 30px 70px 20px 20px; text-align: left !important; position: relative;}.RWDproduct004 .item-box-desc:before { content: '+'; position: absolute; font-size: 25px; line-height: 1; width: 50px; height: 50px; top: 35px; right: 10px; background: #e9e9e9; border-radius: 99em; padding: 11px 18px; color: #fff; transition: .4s ease;}.RWDproduct004 .item-box:hover .item-box-desc:before { transform: rotate(180deg); background: var(--MainColor); transition: .4s ease;}/*-------產品--------*/ .RWDnews005 .owl-carousel .owl-item .img-hover p.text-left { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0; line-height: 1.5; color: var(--NaviColor); padding: 0 20px;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 30px;}.RWDnews005 .owl-carousel .owl-item .img-hover { padding-bottom: 0; /*overflow: hidden;*/}.RWDnews005 .owl-theme .owl-controls .owl-buttons div { color: #727272;}.RWDnews005 .controlls-over .owl-controls .owl-prev,.RWDnews005 .controlls-over .owl-controls .owl-next { top: -80px; margin-top: 0; transform: translate(0px, -100%); border-radius: 50% !important; display: flex; align-items: center; width: 80px !important; height: 80px !important; justify-content: center; font-size: 28px !important; box-shadow: 7px 6px 20px rgba(0, 0, 0, .1); background: var(--WhiteColor) !important; z-index: 2;}.RWDnews005 .controlls-over .owl-controls .owl-next { right: 30px;}.RWDnews005 .controlls-over .owl-controls .owl-prev { left: auto; right: calc(30px + 80px + 30px);}.RWDnews005 .owl-carousel { overflow: visible;}.RWDnews005 .owl-carousel .owl-wrapper-outer { overflow: hidden;}/*.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page span { background: #0003;}.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #4791e1 !important;}*/ .RWDnews005 .owl-carousel { margin-bottom: 0;}.RWDnews005 h4,.news005_h4 { margin: 25px 0 15px !important; font-size: var(--FontSizeCardMain); letter-spacing: 1px; padding: 0 20px;}.RWDnews005 h4 a,.news005_h4 a { color: var(--MainColor);}.RWDnews005 .controlls-over .owl-pagination { display: none;}.RWDnews005 .owl-carousel img { padding: 20px; border: 1px solid #d8d8d8; background: var(--WhiteColor); transition: .4s ease;}.RWDnews005 .owl-carousel .owl-item:hover img { box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(88, 88, 90, 0.25) 0px 20px 20px -20px, rgba(0, 0, 0, 0.3) 0px 5px 5px -5px; transition: .4s ease;}.news005_h4 h8 { font-size: var(--FontSizeBasic); color: var(--NaviColor);}.news005_h4 h8::before { position: relative; content: ''; display: inline-block; width: 1px; height: 24px; background: #b6b6b6; margin: 0 17px; top: 4px;}.RWDnews005 .controlls-over .owl-controls .owl-next i::before { content: '\f3d3'; font-family: "Ionicons";}.RWDnews005 .controlls-over .owl-controls .owl-prev i::before { content: '\f3d2'; font-family: "Ionicons";}.RWDnews005 .margin-top-20 { margin-top: 30px !important;}.product_block .product_deco { position: absolute; left: -17%; top: 42%; transform: rotate(90deg) translateY(-50%); /*display: none;*/}.product_block .en-title { -webkit-text-stroke: 1px #e0e0e0;}/*-------客製--------*/ .custom_block { /*width: 95%;*/ padding: 0 80px; margin: 0 auto; position: relative;}.RWDparallax_new .picbgbox { /*height: 1000px !important;*/ height: 74vh !important;}.RWDparallax_new .container { width: 40% !important; margin: 0 0 0 auto; padding: 8.4vw 0;}.custom_info { position: absolute; left: 12%; z-index: 2; top: 16%;}.custom_info p { margin: 0; font-size: var(--FontSizeSub); color: var(--SubColor); line-height: 1.8;}.custom_info p span { display: block;}.custom_block .section-subject { margin-bottom: 1.5rem;}.custom_btn { margin-top: 60px;}.custom_btn a { display: block; font-size: 18px; max-width: 300px; padding: 15px 30px; background: var(--MainColor); color: var(--WhiteColor); line-height: 1.5; text-align: center; border-radius: 10px; position: relative; overflow: hidden; z-index: 1; border: 1px solid transparent;}.custom_btn a i { position: relative; margin-right: 10px; font-size: 20px;}/*.custom_btn a:hover { background: var(--WhiteColor); color: var(--MainColor); border-color: #727272;}*/ .custom_btn a:after { content: ""; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: .5s; z-index: 1; background: #ffffff40;}.custom_btn a:hover:after { width: 100%; transition: .4s; right: auto; left: 0; background: #ffffff40;} /*footer start*/ .footer_block { padding: var(--FooterPadding) 0; color: var(--WhiteColor); background: var(--MainColor); position: relative;}.footer_block .container::before, .footer_block .container::after {display: none;}.footer_block .container { display: grid; grid-template-columns: 75% 25%; height: 100%;}.ft_left .RWDedictor008 { display: grid; grid-template-columns: 250px auto; grid-gap: 0 4vw; height: 100%; align-items: center;}.ft_company { height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ft_logo {width: 250px;}.ft_logo h2 { font-size: 24px; margin: 15px 0 0; font-weight: 500;}/*公司資訊*/ul.ft_info { list-style: none; padding: 0; margin: 0; padding-left: 4vw; border-left: 1px solid #efe2c736;}ul.ft_info, ul.ft_info li a { color: #ffffffad;}ul.ft_info li {margin: 3px 0;}ul.ft_info li b { font-weight: 500; width: 70px; margin-right: 15px; display: inline-block; color: var(--WhiteColor);}ul.ft_info li a:hover { color: var(--WhiteColor);}.ft_right .RWDedictor { display: flex; flex-direction: column; height: 100%;}.ft_social {margin-bottom: 30px;}.ft_social a { display: block; font-size: 18px; text-align: center; background: #44b91e; padding: 13px 20px; border-radius: 10px; color: var(--WhiteColor); position: relative;}.ft_social a i { font-size: 20px; margin-right: 10px; position: relative; top: 3px;}.ft_social a:after { content: ""; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: .5s; z-index: 1; background: #ffffff40;}.ft_social a:hover:after { width: 100%; transition: .4s; right: auto; left: 0; background: #ffffff40;}/*.ft_social a:hover { background: #40a631;}*/ .ft_keyword { font-size: 12.5px; font-weight: 300; color: #ffffff61; line-height: 1.3;}/*copyright*/ .ft_bottom { grid-column: 1 / 3; padding-top: 15px; margin-top: 3rem; border-top: 1px solid #efe2c736; display: flex;}.ft_copyright { font-size: 12.5px; font-weight: 300; color: #ffffff61; display: flex; flex-wrap: wrap; margin: 0 0 0 auto;}.ft_copyright .RWDedictor, .ft_copyright .RWDssl01 { padding-right: 10px;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover { color: #ffffff61;}/*選單*/ .ft_privacy { font-size: 14px; line-height: 1;}.ft_privacy .RWDedictor { display: flex;}.ft_privacy a { color: var(--WhiteColor); border-right: 1px solid #ffffff70; padding-right: 15px; margin-right: 15px;}.ft_privacy a:nth-child(2) { border-right: 0; padding-right: 0; margin-right: 0;}.ft_privacy a:hover { color: var(--NaviColor);}/*行動呼籲*/ .fixed_btn {position: fixed; bottom: 0; left: 0; z-index: 222; width: 100%; display: none;} /*footer end*/ /*內頁 start*/ :root { --intxt_color: #666; --inmaintxt_color: #333; --btn-txt-color: #fff; --btn-txt-hover-color: #fff; --btn-main-color: #333; --btn-main-hover-color: #444; --btn-sub-color: #333; --btn-sub-hover-color: #444; --btn-border-radius: 10px; /* 圓角數值更改處 方形改0；圓形改99em */}/* 240605 main修正 */ .main { margin: 0 !important;}/*a連結*/a { text-decoration: none;}.page_wrapper_bg section.call_to_action a,.page_wrapper_bg section.call_to_action a:hover,.page_wrapper_bg section.call_to_action a:focus,.page_wrapper_bg section.call_to_action .btn,.page_wrapper_bg section.call_to_action .btn:hover,.layoutlist_3 .dbtn_v2,.layoutlist_3 .dbtn_v2:hover { text-decoration: none; transition: .5s;}.row { margin-right: 0px; margin-left: 0px;}.boxname { margin: 0 10px;}/*230531範本預設按鈕改色導圓角統一5px*/ ._bd_btn._bd_btn-primary:hover { color: #fff; background-color: var(--btn-main-hover-color); border-color: var(--btn-main-hover-color)}._bd_btn._bd_btn-primary { background: var(--btn-main-color); border-radius: 5px !important}._bd_btn._bd_btn-default { background: 0 0; border: 1px solid var(--btn-sub-color); color: var(--btn-sub-color); border-radius: 5px !important}._bd_btn._bd_btn-default:hover { color: #fff; background-color: var(--btn-sub-hover-color); border-color: var(--btn-sub-hover-color)}._bd_row a { color: #333}/*221226最小字級修正*/ .login_box_body .control-label,#btn_forget_form,#btn_reverify_form,.link-style,.member_join,.btn-primary,#forget_table .th,#join_form,.m2018 .products-nav>ul>li a,.RWDquiry,.RWDshopping,.RWDproduct_page .control-box .control-label,.RWDproduct_page .products-info .download .control-label,.RWDproduct_page .products-info .pd-info .control-label,.RWDproduct_page .products-info .txt .title,#mobile-fixed input,#mobile-fixed select,#mobile-fixed select.form-control:not([size]):not([multiple]),#plusbuy_mobile-fixed input,#plusbuy_mobile-fixed select,#plusbuy_mobile-fixed select:not([size]):not([multiple]),.RWDproduct_page input,.RWDproduct_page select,.RWDproduct_page select.form-control:not([size]):not([multiple]),.RWDproduct_page .btn,.RWDproduct_page .ibtn,.hgroup .breadcrumb,.shopping-item-box .item-btn,#join_form select,#join_form select.form-control:not([size]):not([multiple]),.RWDshopping select,.RWDshopping select.form-control:not([size]):not([multiple]),.bonus-box .form-group .btn,.voucher-box .form-group .btn,.form-control,.layoutlist_8 .listdate .yearmonth,select,textarea,.video_item_summary,.download .search-go,.layoutlist_2 .listdate .yearmonth,.layoutlist_2 .list_subject .subsubject,.layoutlist_4 .listdate .yearmonth,.layoutlist_5 .list_subject a,.rwdlayoutlist_9 .summary,.rwdlayoutlist_9 .cdate,.RWDsearch01 .search-nav-btn,.count_info,.layoutlist_5 .item .summary,.list-btn_mobile,.list-btn,.buybtn,.layoutlist_3 .dbtn_v2,#mobile-fixed .btn,#plusbuy_mobile-fixed .btn,#mobile-fixed .stock,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,.sum-box .total .td:last-child small,.delivery-editor ul,.goadd-box,.info-editor ul,.plus-fixed .name a,.plus-list .name a,.shopping-item .name,.shopping-step .name,.RWDshopping,.RWDshopping .btn,.bonus-box .form-group .btn,.delivery-editor,.goadd-box .goadd,.info-editor,.login-box a,.login-box a:hover,.plus-list .addcart,.plus-list .price-box,.shopping-item .tag,.shopping-title .freight,.shops-box .shops,.voucher-box .btn.vouchers,.voucher-box .form-group .btn,.login_box_footer a.shopping_view,.shopping_viewlogin__member,.RWDproduct_page .download_container .btn,.RWDsearch_page .list-img .name,.RWDmenu_plus04 .cart-block .name,.RWDmenu_plus04 .querycar-block .name,.RWDmenu_plus04 .cart-block .spe-box,.RWDmenu_plus04 .querycar-block .spe-box,.RWDtimeline02 .timeline2_list .block .text,.shopping_viewlogin__intro { font-size: var(--FontSizeDesc) !important; letter-spacing: 0 !important; line-height: 1.5;}.layoutlist_4 .buybtn { padding: 10px 0;}.list-btn { padding: 10px 0; margin: 20px 0 0;}.layoutlist_5 .product_list_item .subject { margin: 10px 0 0;}.layoutlist_5 .item .buybtn { width: 100%; padding: 5px 0;}input#top_search_searchkey { font-size: 20px !important; letter-spacing: 1px !important;}.cd-search.full .ibtn,.RWDmenu_plus04 #search-box.full .ibtn { font-size: 20px;}.RWDmenu_plus04 .member-block .form-area .group { flex-wrap: nowrap;}.login_box_footer a.member_join { display: flex; justify-content: center; align-items: center;}input#search_box_text { font-size: 20px !important;}/*購物流程圈圈改色*/@keyframes num-bg { 0% { background: #666; -webkit-transform: scale(.5); transform: scale(.5) } 100% { background: #666; -webkit-transform: scale(1); transform: scale(1) }}/*main*/ .page_wrapper_bg section.call_to_action { padding: var(--SectionPadding) 0; min-height: 35vw;}.page_wrapper_bg section.call_to_action>.container { padding: 0 15px; width: 80%; max-width: 1700px}.page_wrapper_bg .article-text .container { width: 100%;}.hgroup .container { width: 100%; margin: 0 0 5rem;}/*搜尋*/ .RWDsearch_page .search-list { margin-bottom: 40px !important;}.RWDsearch_page .list-img .name { height: auto;}/*文字統一設定*/ .page_wrapper_bg .hgroup h1 { line-height: 1.3;}.page_wrapper_bg .article-text h2 { font-size: 1.3rem; line-height: 1; letter-spacing: 2px;}.page_wrapper_bg .article-text h3 { letter-spacing: 2px; line-height: 1.5; margin-bottom: 10px; font-weight: bold; font-size: var(--FontSizeH3);}.page_wrapper_bg .article-text h4 { font-size: 1.1rem; line-height: 1.7; letter-spacing: 2px; margin: 15px 0 15px; font-weight: bold;}.page_wrapper_bg .article-text,.page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav,.RWDslider01 .slick-dots button { font-size: var(--FontSizeDesc); line-height: 1.8; letter-spacing: 1px; color: var(--NaviColor); font-weight: 400; font-family: var(--FontFamilyTw);}#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page { font-family: var(--FontFamilyTw);}.bd_row h1,.bd_row h2,.bd_row h3,.bd_row h4,.bd_row h5,.bd_row h6 { font-family: var(--FontFamilyTw);}._bd_row label,._bd_row li,._bd_row p,._bd_row td { font-size: var(--FontSizeDesc); line-height: 1.8; font-weight: 400;}._bd_row li { margin-bottom: 10px;}._bd_row ol { padding-left: 22px;}._bd_row ul { padding-left: 18px;}/*-------按鈕--------*/#panelCms .btn.btn-primary { float: none; border-radius: 5px !important;}/*重新填寫*/ .refill_btn { display: none;}/*回上一頁按鈕*/ .btn { font-size: 16px;}#article .btn.btn_back a,#album .btn.btn_back a { padding: 15px 30px; display: block;}.btn.btn_back { margin-right: 0; float: right; background: transparent !important; padding: 0; box-shadow: none; margin-top: 3rem;}.productcontent .btn.btn_back { margin-top: 0;}.ebtn a,.btn.btn_back a { background: transparent; transition: var(--TransitionEase); border-radius: var(--btn-border-radius); display: block; font-size: 16px; min-width: 230px; padding: 15px 30px; border: 1px solid var(--BorderColor); background: transparent; color: var(--SubColor); line-height: 1.5; text-align: left; position: relative; overflow: hidden; z-index: 1;}.btn.btn_back a::after { position: absolute; content: "\f30f"; font-family: "Ionicons"; font-size: 22px; line-height: .8; right: 35px; color: var(--NaviColor); font-weight: 300; top: 50%; transform: translateY(-50%); transition: var(--TransitionEase);}.ebtn a:hover,.btn.btn_back a:hover { border: 1px solid var(--btn-main-hover-color); color: var(--btn-txt-hover-color) !important; background: var(--btn-main-hover-color);}.ebtn a:hover::before,.btn.btn_back a:hover:before { width: 100%; transition: var(--TransitionEase); right: auto; left: 0; background: var(--MainColor);}.ebtn a::before,.btn.btn_back a:before { content: ""; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: var(--TransitionEase); z-index: -1;}.btn.btn_back a:hover:after { color: #fff; right: 25px; transition: var(--TransitionEase);}/*確定送出*/ .ebtn { padding: 0; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float: right; margin-right: 0;}/* .ebtn a { display: block; text-align: center; min-width: 180px; line-height: 1.5; padding: 6px 30px !important; margin-top: 20px; color: var(--btn-txt-color) !important; background: var(--btn-main-color); border: 1px solid var(--btn-main-color); transition: all .2s ease; border-radius: 0} *//* .ebtn a:hover { background: var(--btn-sub-hover-color); color: var(--btn-txt-hover-color) !important; border-color: var(--btn-sub-hover-color); transition: all .2s ease;} */ .ebtn { margin: auto; float: unset; display: flex;}.ebtn a { margin: 3rem auto 0; width: fit-content; text-align: center;}.new-form .new-width .currectsend_btn a { color: var(--btn-main-color) !important; background: 0 0}.new-form .new-width .currectsend_btn a:hover { color: var(--btn-txt-hover-color) !important; background: var(--btn-main-hover-color)}/*購物車按鈕*/ .RWDshopping .btn.bg1 { background: transparent; color: var(--btn-txt-color); border: 1px solid var(--btn-txt-color); border-radius: var(--btn-border-radius);}.RWDshopping .btn.bg1:hover { border-radius: 0; transition: all 0.3s ease; border: 1px solid var(--btn-main-color); color: var(--btn-txt-hover-color) !important; background: var(--btn-main-color);}.layoutlist_4 .showY br { display: none;}.RWDshopping .btn.normal { max-width: initial;}.page_wrapper_bg.lang_en .voucher-box .form-group .btn { width: auto;}.RWDshopping .btn.bg2 { border-radius: 0 !important; transition: all 0.3s ease; border: 1px solid var(--btn-txt-color) !important; color: var(--btn-txt-color) !important; background: var(--btn-txt-color) !important;}.RWDshopping .btn.bg2:hover { background: var(--btn-main-hover-color) !important; color: var(--btn-txt-hover-color) !important; border: 1px solid var(--btn-main-hover-color) !important;}.RWDshopping .btn.bg2 i { transition: none;}.RWDshopping .btn.bg3 { background: transparent; color: var(--btn-txt-color); border: 1px solid var(--btn-txt-color); border-radius: 0;}.RWDshopping .btn.bg3:hover { border-radius: 0; transition: all 0.3s ease; border: 1px solid var(--btn-main-hover-color); color: var(--btn-txt-hover-color) !important; background: var(--btn-main-hover-color);}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal { max-width: initial;}/*購物車v3按鈕*/ .RWDshopping_v3 .cartform-submit,.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn,.RWDshopping_v3 .order-infobox .btn-row .links,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn,.payhint-modal .btn-row .gray33radius-btn { background: var(--btn-main-color)}.RWDshopping_v3 .cart-fill .cart-list .info-pane .gray82empty-btn:hover,.RWDshopping_v3 .cartform-submit:hover,.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn:hover,.RWDshopping_v3 .order-infobox .btn-row .links:hover,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn:hover,.payhint-modal .btn-row .gray33radius-btn:hover { background: var(--btn-main-hover-color)}.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn { color: var(--btn-main-color); border-color: var(--btn-main-color); background: 0 0}.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn:hover { background: var(--btn-sub-hover-color); color: #fff}/*會員按鈕*/#join_form .btn { padding: 6px 12px; border-radius: 0;}#join_form .btn-link:hover { text-decoration: none;}.memberlist .col-sm-9.col-md-9 .btn.btn-primary a,.memberlist .col-sm-9.col-md-9 .btn.btn-primary a:hover { color: var(--btn-txt-color) !important;}#btn_member_login { float: none; background: var(--btn-main-color); color: #fff; border: 1px solid var(--btn-main-color); padding: 6px 12px;}#btn_member_login:hover { background: var(--btn-main-hover-color); color: #fff !important; border: 1px solid var(--btn-main-hover-color);}#div_forget_content #forget_table_btn { background: var(--btn-main-color); transition: .5s; color: var(--btn-txt-color); border-radius: var(--btn-border-radius) !important;}#btn_member_login:hover,#div_forget_content #forget_table_btn:hover { background-color: var(--btn-main-hover-color); transition: .5s; color: var(--btn-txt-color); border-radius: var(--btn-border-radius);}/* 會員生日欄位長度修正 */#join_form input#memberColumns_00003 { min-width: 130px;}#join_form .btn-primary { min-width: 180px; float: none; background: var(--btn-main-color); color: #fff; border: 1px solid var(--btn-main-color);}#join_form .btn-primary:hover,.shopping_viewlogin__submit:hover { background: var(--btn-main-hover-color) !important; color: var(--btn-txt-hover-color) !important; border: 1px solid var(--btn-main-hover-color);}.webbtn { background: var(--btn-main-color)}.webbtn:hover { background: var(--btn-main-hover-color); color: var(--btn-txt-hover-color);}.btn-primary,.shopping_viewlogin__submit { color: var(--btn-txt-color); background-color: var(--btn-main-color); border: 1px solid var(--btn-main-color); border-radius: var(--btn-border-radius) !important; float: right; margin-right: 0px; font-size: var(--FontSizeDesc); box-shadow: none;}.btn-primary a { color: var(--btn-txt-color); font-size: var(--FontSizeDesc);}.btn.btn-primary:focus a,.btn.btn-primary:hover a,.btn.btn-primary:active a { color: var(--btn-txt-color) !important;}.btn-primary:hover { transition: all 0.3s ease; color: var(--btn-txt-hover-color); background-color: var(--btn-main-color); border-color: var(--btn-main-color);}.btn-primary:active:hover,.btn-primary:active:focus { background-color: var(--btn-sub-color); border: 1px solid var(--btn-sub-color);}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary { color: var(--btn-txt-hover-color) !important; background-color: var(--btn-main-color); border-color: var(--btn-main-color); outline: none;}.shopping_viewlogin__member a:hover { color: #333;}/*詢問車按鈕*/ .RWDmenu_plus04 .cart-block .bottom-box .pay-btn,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover { transition: .5s;}/*忘記密碼 ＆重發認證信*/#div_forget_area * { border-radius: 0 !important;}/*註冊*/ .join_form_btns { text-align: right;}/*文章列表*/ .RWDslider01 .products-list .products-item .box { display: flex; align-items: center;}.RWDslider01.pic-right .products-list .products-item .box { flex-direction: row-reverse;}.pagecontent .RWDslider01,.pagecontent .RWDeditor01 { margin-top: 60px !important;}/*文章列表-2*/#article .layoutlist_2 .list_subject a { font-size: 16px !important; font-weight: bold; margin: 0px 0px 20px !important; display: block; line-height: 1.5 !important;}.subsubject { font-size: 14px; font-weight: 400; line-height: 1.5;}.layoutlist_2 .listdate .yearmonth,.layoutlist_4 .listdate .yearmonth { padding-bottom: 0;}.layoutlist_2 .item { width: 100%;}.pagecontent .article_model[data-seq="0"] { margin-top: 0 !important;}/*文章列表-3*/ .layoutlist_3.fn_article3 .list_subject a { font-size: 16px !important; font-weight: bold; margin: 0px 0px 20px !important; display: block; line-height: 2 !important;}.layoutlist_3.fn_article3 .list_subject .summary a { font-size: 14px !important; font-weight: 400; line-height: 2 !important;}/*文章列表-4*/#article .layoutlist_4 .item { display: flex; align-items: stretch; border-bottom: 1px solid #eee;}#article .layoutlist_4 .list_subject a { font-size: 17px !important; font-weight: 700; margin: 0 0 10px !important; display: block; line-height: 1.5 !important}#article .layoutlist_4 .list_subject .summary a { font-size: 16px !important; font-weight: 400; line-height: 1.5 !important}#article .layoutlist_4 .listdate { padding: 0 10px; width: 90px; border-left: 1px solid #eee}#article .layoutlist_4 .listdate .day { font-size: 25px}#article .layoutlist_4 .listdate .yearmonth { letter-spacing: 1px; padding: 0; font-size: 12px !important;}#article .layoutlist_4 .item .list_img { padding-left: 0}#article .layoutlist_4 .list_subject { width: calc(100% - 25% - 90px)}#article .layoutlist_4 .xrow.list { height: auto;}/*文章列表-7*/#article .layoutlist_7 .subject,.article7 .layoutlist_7 .subject a { margin-top: 32px !important; margin-bottom: 16px !important;}#article .layoutlist_7 .cdate,.article7 .layoutlist_7 .cdate a { font-size: 12px;}#article .layoutlist_7 .summary,.article7 .layoutlist_7 .summary a { font-size: 16px !important; font-weight: 300; line-height: 1.5 !important;}.layoutlist_7 .subject,.layoutlist_7 .subject a { font-size: 1.1rem !important; font-weight: 500;}.layoutlist_7>.row:before,.layoutlist_7>.row:after { display: none;}.layoutlist_7 .litem { margin: 0 0 3rem !important; padding: 0 20px;}#article .layoutlist_7 .row,#article .cate_list.row { display: grid; gap: max(2vw, 30px); grid-template-columns: repeat(3, 1fr);}#article .cate_list.row .col-sm-6.col-md-4 { margin: 0 0 2rem; width: 100%;}.article8 .layoutlist_7 .litem { width: 100%;}/*文章列表-8*/ .layoutlist_8 .list_subject { padding: 0 3vw;}.layoutlist_8 .item .listdate,.layoutlist_8 .list_img { padding: 0;}.layoutlist_8 .article_subject { font-weight: 500; font-size: 1.3rem; line-height: 1.5; display: block}.layoutlist_8 .list_subject .summary { margin: 10px 0;}.layoutlist_8 .list_subject .summary a { font-size: 16px; font-weight: 400; line-height: 1.5; color: #000}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li ul,.RWDproduct_page .tab-box .tab-container>ul>li ol { padding-left: 22px;}.RWDproduct_page .tab-box .tab-menu li.active a { color: #121212; border: transparent; background: transparent; font-weight: 500; letter-spacing: 1px; font-size: 17px}.RWDproduct_page .tab-box .tab-container { border: 1px solid #eee}.RWDproduct_page .tab-box .tab-menu li:last-child a:after { opacity: 0}.RWDproduct_page .tab-box .tab-menu a:after { content: ""; background: #ccc; position: absolute; width: 1px; height: 15px; right: 0; top: 50%; transform: translateY(-50%)}.RWDproduct_page .tab-box .tab-container>ul>li ol>li:last-child { margin: 0}.RWDproduct_page .tab-box .tab-container>ul>li ol>li { margin: 0 0 15px}#mobile-fixed,.RWDproduct_page { color: #444}.RWDproduct_page .tab-box .tab-container>ul>li { padding: 50px; line-height: 2; font-size: 15px}.RWDproduct_page .tab-box .tab-menu li.active a:before { display: none}.RWDproduct_page .tab,.RWDproduct_page .tab:last-child { display: flex}.RWDproduct_page .tab-box .tab-menu a { margin: 0 5px 0 0; padding: 15px 30px; height: auto; font-size: 17px; background: transparent; border: 0; position: relative}.productcontent .tabs nav ul { margin: 0 !important;}/*文章頁籤*/ .tabs { margin: 5rem 0 0;}.tabs nav a { padding: 15px 20px !important; height: auto !important}.tabs nav ul li:first-child { border: 0; box-shadow: none;}.tabs nav li:last-child:before { opacity: 0}.tabs nav li.tab-current a::before,.tabs nav li.tab-current a::after,.tabs nav li.tab-current:after { display: none}.tabs nav ul li { border: 0}.tabs nav a { border-radius: 0; font-weight: 400; letter-spacing: 1px; background: transparent !important; border: 0 !important; font-size: 16px !important}.tabs nav ul li:before { content: ""; background: #ccc; width: 1px; height: 15px; position: absolute; right: 0; top: 50%; transform: translateY(-50%)}.tabs nav li.tab-current:before { width: 1px; right: 0; background: #ccc; bottom: auto; top: 50%; transform: translateY(-50%); height: 15px}.tabs .content { border: 1px solid #eee; padding: 50px !important; font-weight: 400; line-height: 1.8; font-size: 15px; letter-spacing: 1px; margin: -10px 0 0; background: #fff}.tabs nav li.tab-current a { background: transparent; color: #000 !important; border: 0; font-weight: 500 !important}.tabs nav ul { margin: 0 0 10px !important}.tabs nav li.tab-current { border: transparent; box-shadow: none; border-bottom: none; z-index: 100;}/* 時間軸 */ .RWDtimeline01 li.event .point { z-index: 1;}/*相簿列表*/ .layoutlist_2 .album_item { height: auto !important;}/*相簿上下方說明*/#album .page_desc { margin: 50px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 { margin: 50px 0 0;}/*修正相簿a連結顏色*/ .photo_view .flex-direction-nav a { color: transparent !important;}.album_item a:hover { color: #313131;}/*相簿-1*/#album .layoutlist_1 .album_item_subject { padding: 20px 0px; font-size: 1.1rem;}#album .page_content2 .dis .dis_li .text { font-size: 16px; line-height: 1.8; letter-spacing: 0; color: #000; font-weight: 400; margin: 0 0 30px}/*相簿-2*/#album .layoutlist_2 .album_item_subject { padding: 20px 0px; font-size: 1.1rem;}/*相簿共同彈跳視窗*/ .photo_num { position: relative; text-align: right; margin: 10px 0 0px;}/*Q&A*/ .rwd .faq_question { font-size: 16px; letter-spacing: 2px;}.rwd .faq_answer { font-size: 15px; letter-spacing: 2px; line-height: 1.8;}/*影片*/ .video_item_subject { font-size: var(--FontSizeDesc); letter-spacing: 0; font-weight: 500; color: #000}.video_item a.videolink:hover { color: #000;}/*檔案下載*/ .download .search_input { background: transparent;}.no-touch .layoutlist_5 .dbtn_v2:hover { background: #333; border-color: #333; color: #fff;}.layoutlist_5 .dbtn_v2 { display: inline-block; margin: 15px 0 0; padding: 6px 0.8em; font-size: 14px; line-height: 1.2; color: #333; border: 1px solid #b7b7b7; border-radius: 2px; background: #fff; text-decoration: none; cursor: pointer;}.layoutlist_5 .download_subject { line-height: 1.4;}.layoutlist_5 .summary { margin: 8px 0 0; font-size: 13px; line-height: 1.4; color: #818181;}.dd-selected { font-size: 15px; letter-spacing: 0;}.download_container .btn { font-size: 16px; background: var(--btn-main-color); color: #fff; border-radius: 0; padding: 6px 3rem}.download_container .btn:hover { background: var(--btn-main-hover-color)}.file_area label.dd-option-text { margin: 0; font-weight: 400; display: block;}#file_dlist a.dd-option { padding: 12px;}.downlaod5_item_btn:hover { background: var(--btn-sub-color); border-color: var(--btn-sub-color); color: #fff;}.downlaod5_item_btn { color: var(--btn-main-color); border-color: var(--btn-main-color);}/*檔案下載a連結修正*/ .page_wrapper_bg .dd-select a:hover { color: #313131;}.download .search-go { line-height: 2.4; transition: .5s; font-weight: 400; font-size: 14px !important;}.download .search-go:hover { background: #000; color: #fff; transition: .5s;}/*產品A*/ .page_content1 #productbx_bg { background: #efefef; -moz-opacity: 1; opacity: 1;}.page_content1 .dd-selected { letter-spacing: 1px; padding: 0 40px 0 10px;}.product_desc_content { color: #333; letter-spacing: 1px; line-height: 30px;}.page_content1 #prod_price { margin-top: 0;}#prod_price .money { font-size: 20px; font-weight: bold;}#member_org_price,div#prod_fixprice,.pagecontent.menu5 .page_content1 #prod_price,.pagecontent.menu8 .page_content1 #prod_price { margin: 0;}._shopping_info>div { display: flex; align-items: flex-end; letter-spacing: 0;}div#prod_price { margin-left: 15px !important;}.productcontent .page_content1 .info { text-align: center; margin: 30px 0 0;}.productcontent .page_content1 .product_desc_subject { text-align: center;}.page_content1 ._shopping_info>div { justify-content: center;}.page_content1 .spec-scroll .items ul li:hover { border: 1px solid #333;}#product>div.page_content1>div.product_top.row>div.info.col-sm-12.col-md-12.col-xs-12>div:nth-child(4),#product>div.page_content1>div.product_top.row>div:nth-child(3) { display: flex; justify-content: center; margin: 0 0 10px; flex-wrap: wrap;}#product>div.page_content1>div.product_top.row>div:nth-child(3) { gap: 0 10px; margin: 30px 0 0;}.page_content1 #prod_name,.page_content1 #prod_name .product_name { font-size: 25px; font-weight: 700; letter-spacing: 0; line-height: 1.5; margin: 0}/*產品A按鈕*/#btn_shopping { border-radius: 0; font-size: 14px; background: var(--btn-main-color)}#btn_shopping:hover { background: var(--btn-main-hover-color)}.fbtn { border-radius: 0; font-size: 14px; background: var(--btn-main-color); background: transparent; color: var(--btn-main-color); border: 1px solid var(--btn-main-color); transition: .5s;}.fbtn:hover { background: var(--btn-sub-hover-color); color: #fff; transition: .5s;}#btn_querycar { border-radius: 0; font-size: 14px; background: var(--btn-sub-color); background: transparent; color: var(--btn-main-color); border: 1px solid var(--btn-main-color); transition: .5s;}#btn_querycar:hover { background: var(--btn-sub-hover-color); color: #fff; transition: .5s;}/*產品下拉樣式*/label.dd-option-text { font-size: 14px !important; line-height: 1 !important; margin: 0 !important; font-weight: 400;}.dd-option { padding: 5px 10px;}/*產品B*/#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop,#mobile-fixed .btn-shop .btn.shop { background: var(--btn-main-color); color: var(--btn-txt-color); border-radius: var(--btn-border-radius);}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add,#mobile-fixed .btn-shop .btn.add { background: var(--btn-sub-color); color: var(--btn-txt-color); border-radius: var(--btn-border-radius);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover { background-color: var(--btn-main-hover-color); color: var(--btn-txt-color); border-radius: var(--btn-border-radius);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover { background-color: var(--btn-sub-hover-color); color: var(--btn-txt-color); border-radius: var(--btn-border-radius);}#mobile-fixed .style-radio .form-radio,.RWDproduct_page .style-radio .form-radio { border: 1px solid rgb(214, 214, 214);}#mobile-fixed .style-radio .form-radio.checked,.RWDproduct_page .style-radio .form-radio.checked { border-color: #000;}.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor { color: #555; font-size: var(--FontSizeDesc); letter-spacing: 1px;}/*產品列表樣式*/ .layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item { margin: 0 0 40px;}.layoutlist_2 .subject { margin-top: 10px;}.layoutlist_2 .item .img { transition: var(--TransitionEase); border: 1px solid transparent;}.layoutlist_2 .item:hover .img { box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(88, 88, 90, 0.25) 0px 20px 20px -20px, rgba(0, 0, 0, 0.3) 0px 5px 5px -5px; transition: var(--TransitionEase); border-color: #ddd;}.layoutlist_2 .item,.product_list_item div.img:nth-child(1) { overflow: visible !important;}.layoutlist_4 .pricearea { text-align: left; display: flex; align-items: center; letter-spacing: 0}.layoutlist_4 .fixprice { font-size: 16px; text-decoration: line-through; margin: 0 5px 0 0;}.layoutlist_4 .sellprice { color: #f10404; font-weight: bold;}.layoutlist_4 .subject { height: auto !important; line-height: 1.5; min-height: auto; font-weight: 500;}#product .item .subject { height: auto !important;}.productlist .layoutlist_4 .col-sm-4.col-md-4 { margin: 0 0 30px;}.productlist .layoutlist_4 .product_list_item { padding-bottom: 0; border: 0; height: auto !important;}.layoutlist_5 .product_list_item .list-btn_mobile,.layoutlist_5 .product_list_item .list-btn,.layoutlist_5 .product_list_item .buybtn { background-color: var(--btn-main-color);}.layoutlist_5 .product_list_item .list-btn_mobile:hover,.layoutlist_5 .product_list_item .list-btn:hover,.layoutlist_5 .product_list_item .buybtn:hover { background-color: var(--btn-main-hover-color);}.layoutlist_4 .buybtn { background: var(--btn-main-color); transition: .5s; color: var(--btn-txt-color); border-radius: var(--btn-border-radius);}.layoutlist_4 .buybtn:hover { background: var(--btn-sub-hover-color); transition: .5s;}/*修正產品、文章預設列表排版*/ .productlist .layoutlist_2,.productlist .layoutlist_4,.productlist .layoutlist_5,.albumlist .layoutlist_2,.albumlist .layoutlist_4,.articlelist .layoutlist_2,.articlelist .layoutlist_4 { display: flex; flex-wrap: wrap; align-items: flex-start;}.sortbar { float: none !important; margin-bottom: 20px !important; text-align: left !important; width: 100%; flex-wrap: wrap;}.sortbar a:hover { color: #515151;}.amount_div.choice_num_type_b { display: grid; grid-template-columns: 45px 1fr}.layoutlist_4 .choice_num_type_b .quantity .minus,.layoutlist_4 .choice_num_type_b .quantity .plus { height: 30px; width: 30px}.layoutlist_4 .choice_num_type_b .quantity input.qty { width: calc(100% - 64px); height: 30px}.layoutlist_4 .buybtn { border-radius: 0; line-height: 44px; padding: 0; font-size: var(--FontSizeDesc) !important; margin: 1rem 0 0; width: 100%}.layoutlist_4 .pricearea { flex-direction: row-reverse; gap: 0 10px; flex-wrap: wrap; justify-content: flex-end; align-items: center;}.layoutlist_4 .showY input,.layoutlist_4 .showY select,.layoutlist_4 .showY textarea { font-family: var(--FontFamily); color: #121212}/*產品售價顏色*/li#O_sellPrice,span.payprice,.pricearea .price { color: var(--btn-main-color) !important; font-weight: bold;}.pricearea .price.delline { color: #333 !important;}.pricearea .price.fixprice { color: #777 !important;}/* 內頁資訊調整 */ .RWDproduct_page .products-info .name { font-size: calc(var(--FontSizeMain)*0.7); font-weight: 700; color: var(--MainColor); line-height: 1.3;}.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor { font-size: var(--FontSizeDesc); line-height: 1.3; font-weight: 400; color: #333; letter-spacing: 0;}.pricearea .price.fixprice,li#O_fixPrice,li#O_fixPrice b,li#O_fixPrice span { text-decoration: line-through; color: #999; font-size: var(--FontSizeDesc) !important}.pricearea .price,li#O_sellPrice,li#O_sellPrice b,span.payprice { color: #ff1201 !important; font-size: 1.2rem !important; font-weight: 400}.RWDproduct_page .list-inline { display: flex; align-items: center}.RWDproduct_page .products-info .pd-info .control-label { font-size: var(--FontSizeDesc) !important}.RWDproduct_page .form-group { display: grid; grid-template-columns: max-content auto; align-items: center; gap: 0 10px}.RWDproduct_page .products-info .txt .editor { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2rem 0; line-height: 1.6}.RWDproduct_page .products-info .price-box li.delline:after { display: none;}.RWDproduct_page .products-info .txt .title { display: none;}/* 相關產品 */ .RWDproduct_page .related-box .item a { max-width: inherit;}/*購物清單*/ .RWDshopping .btn.normal { border-radius: 0;}/*會員註冊*/#join_form .btn-primary { border-radius: 0;}#join_form { background: white;}/*會員頁a連結修正*/ .member .css-table .tr a { color: #313131;}/*留言板*/ .customized_columns .css-table .th.textarea { width: 10%;}/*詢問車*/ .RWDquiry .shopping_form .control-box img { margin-left: 10px;}.RWDquiry .btn.normal { border-radius: 0; font-size: 15px; letter-spacing: 1.5px; transition: .5s ease; color: var(--btn-main-color); border-color: var(--btn-main-color)}.RWDquiry .btn.normal:hover { transition: .5s ease; background: var(--btn-sub-hover-color); color: #fff; border-color: var(--btn-sub-hover-color); font-weight: 500}.RWDquiry .btn.bg2,.btn.normal.bg3 { background: var(--btn-main-color); color: #fff; border-color: var(--btn-main-color)}/*電子表單*/ .eformsDesc { margin: 0; border: 0;}.eformscontent .layoutlist_1 { width: 800px; margin: 0 auto;}.form-horizontal .form-group { margin-left: 0; margin-right: 0; margin-bottom: 30px;}.form-horizontal .control-label { font-weight: 400; width: 100px; padding: 0 10px; color: var(--MainColor);}.customized_columns ._input,.customized_columns select { border: 0; border-bottom: 1px solid #ddd; background-color: transparent; box-shadow: unset; border-radius: 0;}textarea.form-control { min-height: 130px;}.systemmsg { text-align: center;}.eformscontent .col-sm-12.col-md-11 { width: calc(100% - 100px); padding: 0;}.eformscontent .col-sm-12.col-md-5 { width: calc(100% - 100px); padding: 0;}.eformscontent .col-sm-6.address-col-1,.eformscontent .col-sm-6.address-col-2 { width: 50%; padding: 0; float: left;}.eformscontent .col-sm-12.col-md-11 .col-sm-12 { width: 100%; padding: 0;}.customized_columns>.row .col-sm-12.col-md-11 { width: 100%;}/*電子表單送出a連結修正*/ .eformscontent .col-sm-12.col-md-12 .ebtn a:hover { color: #fff !important; background: var(--btn-main-color);}.eformscontent .col-sm-12.col-md-12 .ebtn a { background: transparent; color: var(--btn-main-color) !important;}/*左側選單*/ .m2018 .products-nav>ul>li { padding: 0; margin: 0;}.m2018 .products-nav a { padding: 15px 10px !important; font-weight: 400; font-size: 16px;}.m2018 .products-nav ul>li>.toggle-submenu { height: 53px;}/*隱私權*/ .privacy_block,.privacy_block p { line-height: 2; letter-spacing: 0; color: var(--MainColor);}.privacy_block a { color: var(--MainColor); transition: 0.4s}.privacy_block a:hover { color: var(--MainColor); transition: 0.4s; text-decoration: none}.privacy_block h5 { font-size: 1.1rem; font-weight: bold; margin: 50px 0 10px; color: var(--MainColor);}.privacy_block h6 { font-size: 16px;}.privacy_block ul { padding-left: 24px;}/*購物說明文字*/ .shopping_txt { line-height: 2; letter-spacing: 1px; color: var(--MainColor)}.shopping_txt a { color: var(--MainColor); transition: 0.4s}.shopping_txt a:hover { color: var(--MainColor); transition: 0.4s; text-decoration: none}.shopping_txt .item_row { margin-bottom: 50px}.shopping_txt h2 { font-size: 24px !important; font-weight: bold; margin: 0; color: #b90000; text-decoration: underline; line-height: 1.5 !important}.shopping_txt h3 { font-size: 20px !important; font-weight: bold; margin: 0 0 10px; color: var(--MainColor); line-height: 1.5 !important}.shopping_txt ul { padding-left: 24px;}/*前往付款、前往選取物流按鈕明顯*/a.info-box__gopay,.delivery-editor a { background: var(--MainColor); padding: 5px 20px; color: #fff !important; border-color: var(--MainColor);}/*隱私權購物說明最大寬度限制*/ .privacy_block,.shopping_txt { max-width: 1200px; margin: auto;}/*hashtag a連結修正*/ .hashtag_block .hashtagLink { color: #fff !important;}/* 人才招募表單標題修正 */ .customized_columns .fillform { font-size: 1.5rem; margin: 3rem; text-align: center;}/* 問與答 */ .faq_q_icon { background: 0 0; position: relative}.faq_q_icon:before { content: "Q"; position: absolute; top: -8px; font-size: 1.2rem; left: 0; color: #1f2a3d; font-family: var(--font-style-02)}.faq_item { max-width: 1200px; margin: auto}.faq_answer tr td:first-child { display: none}/* top鍵 */ .scrollTop002 { bottom: 100px;}/* 頁碼 */ .page ul { display: flex; justify-content: center}.page .page_active { background: #121212}.page .page_active,.page ul li a,.page ul li a:hover { width: 35px; height: 35px; font-size: var(--FontSizeDesc); line-height: 35px;}.page ul li a:hover { background: #eee}/* 內頁小標題 */ .layoutlist_7 .subject,.layoutlist_7 .subject a,.layoutlist_8 .article_subject,.layoutlist_8 .article_subject a,#article .layoutlist_7 .subject,.article7 .layoutlist_7 .subject a,.RWDtimeline02 .model-title,.RWDtimeline01 .model-title,#product .item .subject,#product .item .subject a { font-size: var(--FontSizeCardMain) !important; font-weight: 500; color: var(--MainColor) !important; line-height: 1.5;}/* 內頁敘述 */ .layoutlist_8 .list_subject .summary a,.layoutlist_8 .list_subject .summary,.layoutlist_7 .summary,.layoutlist_7 .summary a { font-size: var(--FontSizeDesc); line-height: 1.6; font-weight: 400; color: #333; letter-spacing: .5px;}.RWDtimeline01 li.event .point .title { font-size: var(--FontSizeH3); color: var(--MainColor);}.btn-shop { display: flex; gap: 1rem;}.btn-shop button{ margin: 1.5rem 0;}.RWDproduct_page .btn-other .ibtn:hover,.RWDproduct_page .products-nav ul li>ul>li:hover>a,.RWDproduct_page .tab-box .tab-menu a:hover { color: var(--MainColor); transition: var(--TransitionEase);}.RWDproduct_page .btn-other .ibtn { color: var(--intxt_color);}.RWDproduct_page .products-info .qtybox,.RWDproduct_page .products-info .select-box { width: 100%;}.join_form-title{ font-weight: 500; font-size: var(--FontSizeCardMain); color: var(--MainColor);}.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn{ border-radius: var(--btn-border-radius);}.RWDmenu_plus04 .cart-block .pic, .RWDmenu_plus04 .querycar-block .pic{ background: transparent;}.RWDshopping_v3 .voucher-block .voucher-row .gray82radius-btn{ transition: var(--TransitionEase);}@media (min-width: 1024px) {.blue-link:hover, .blue-link:focus, .member_join_strong:hover, #btn_reverify_form:hover, #btn_forget_form:hover, .form-checkbox:hover, .form-group .form-radio:hover, .member_login a:hover { color: #a6a6a6; transition: var(--TransitionEase); }} /*內頁 end*/ /*客製內頁 start*/ .article8 #article .cate_list.row,:root { --TransitionEase: .3s ease; --InnerPadding: clamp(4.6875rem, 1.3321rem + 5.4175vw, 10rem); --InnerHrMargin: clamp(1.875rem, 0.4167rem + 2.2786vw, 4.0625rem); --InnerMargin: 3vw; /* 螢幕2560px-1200px 大小20px-18px */ --FontSizeH3: clamp(1.125rem, 1.0147rem + 0.1471vw, 1.25rem); /* 螢幕2560px-767px 大小18px-16px */ --FontSizeH4: clamp(1rem, 0.9465rem + 0.1115vw, 1.125rem); /* 螢幕2560px-767px 大小16px-15px */ --FontSizeH5: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem); --FontSizeDesc: var(--FontSizeBasic);}/* 共用設定 */ .section-spacing { padding: var(--SectionPadding) 0;}.section-spacing-top { padding-top: var(--SectionPadding);}.section-spacing-bottom { padding-bottom: var(--SectionPadding);}.section-title-bottom { margin-bottom: 5rem !important;}.RWDeditor01 img,.RWDslider01 .pic img,.image img { width: 100%;}.articlerelated-box .title,.page_wrapper_bg .article-text h3.section-title { font-size: var(--FontSizeH3) !important; color: var(--InnerMainColor); margin-top: 0;}.text-center { text-align: center;}.page_wrapper_bg .RWDeditor01 ol,.page_wrapper_bg .RWDeditor01 ul { margin-top: 0; margin-bottom: 0;}.text-white { color: #fff !important;}.w-auto { width: auto; margin: auto;}.w-90 { width: 90%; margin: auto;}.w-80 { width: 80%; margin: auto;}.w-60 { width: 60%; margin: auto;}.w-40 { width: 40%; margin: auto;}.d-grid { display: grid;}.gap-5 { gap: 5rem;}.gap-4 { gap: 4rem;}.gap-3 { gap: 3rem;}.gap-2 { gap: 2rem;}.row-gap-5 { row-gap: 5rem;}.row-gap-4 { row-gap: 4rem;}.row-gap-3 { row-gap: 3rem;}.row-gap-2 { row-gap: 2rem;}.column-gap-5 { column-gap: 5rem;}.column-gap-4 { column-gap: 4rem;}.column-gap-3 { column-gap: 3rem;}.column-gap-2 { column-gap: 2rem;}.inner-hr { padding-top: 2.3rem; border-top: 1px dotted var(--BorderColor); margin-top: 2.3rem;margin-bottom: 0;}.parallax img { object-fit: cover; width: 100%; height: 110%; object-position: center; position: relative; top: -50px;}.parallax { overflow: hidden; width: 100%; height: 60vh;}.parallax-2-1 { overflow: hidden; aspect-ratio: 2 / 1; width: 100%; height: auto;}/* 滿版區塊 */ .page_wrapper_bg .article-text .container,.pagecontent.menu5,.pagecontent.menu8,.page_wrapper_bg section.call_to_action>.container { padding: 0 !important;}:is(.article8, .article1, .article2, .article9) .page_wrapper_bg section.call_to_action>.container { max-width: unset; width: 100%;}:is(.article8, .article9) .page_wrapper_bg section.call_to_action { padding-bottom: 0;}:is(.pagecontent .single-photo, .pagecontent .RWDslider01, .pagecontent .RWDeditor01) { margin-top: 0px !important; overflow: hidden;}:is(.article1, .article9) .page_wrapper_bg .article-text .container { margin-bottom: -10px !important;}img.cover { width: 100%;}/* 寬度回來 */ .article8 .layoutlist_7 { width: 100%; margin-top: var(--SectionPadding); margin-bottom: -10px; min-height: 35vw;}.article8 .layoutlist_7,.article8 #article .cate_list.row { padding: var(--SectionPadding) 15%;}.page_wrapper_bg section.call_to_action>.container { max-width: unset; width: 80%;}:is(.article3.articlelist) .page_wrapper_bg .article-text .container { max-width: 1600px; width: 90%; margin: auto;}/* breadcrumb */ .page_wrapper_bg section.hgroup .container { position: absolute; top: calc(0px - 5vw - var(--SectionPadding)); transform: translateY(-100%); left: 0; border: 0; margin: 0; padding: 0;}.page_wrapper_bg .hgroup .breadcrumb { float: unset !important; right: unset; background-color: transparent; border: 0; padding: 0px; text-align: left; position: unset; width: 100%}.page_wrapper_bg .page_subject { display: flex; justify-content: flex-start; padding: 0; flex-direction: column; align-items: flex-start;}.page_wrapper_bg .hgroup h1.pageTitle { font-size: var(--FontSizeMain); font-weight: 700; letter-spacing: 2px; margin: 0; line-height: 1.4; color: var(--MainColor); position: relative; z-index: 2;}.breadcrumb>li+li:before,.page_wrapper_bg .hgroup .breadcrumb a { color: #333; font-size: 13px;}/*沒有頁面標題 */:is(.article8:not(.is-layer1)) .page_wrapper_bg .hgroup h1 { display: none;}/* :is(.article8,.article2) .page_wrapper_bg section.hgroup .container { top: -5%; padding: 20px 0 0;} */ .article8.is-item-list .page_wrapper_bg section.hgroup .container ,:is(.eforms1, .article9) .page_wrapper_bg .hgroup { display: none;}:is(.article8, .article1, .article2) .page_wrapper_bg section.hgroup .container { left: 10%; width: 80%;}.article8 .page_wrapper_bg section.hgroup .container { top: -5vw;}.article8.is-layer1 .page_wrapper_bg section.hgroup .container { top: calc(-5vw - var(--SectionPadding));}.article4 .page_wrapper_bg section.hgroup .container { position: relative; top: 0; transform: unset; left: 0; } .article4 .page_wrapper_bg .page_subject{ align-items: center; margin-bottom: 2rem; } .article4 .page_wrapper_bg .hgroup .breadcrumb{ display: none; }/* inner-banner */ .article8 .page_wrapper_bg section.call_to_action { padding: 0;}.article8.is-layer1 .page_wrapper_bg section.call_to_action{ margin-top: var(--SectionPadding);}.inner-banner { padding: 0 50px; margin-top: 90px;}.inner-banner .RWDbanner_plus01 .slick-caption .txt1 { font-size: clamp(3rem, 0.6838rem + 3.0882vw, 5.625rem); font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; font-family: var(--FontFamilyEn); color: var(--MainColor); text-transform: uppercase;}.inner-banner .container { width: fit-content; margin-left: calc(5% + 15px);}.inner-banner .RWDbanner_plus01 .slick-caption { top: auto; bottom: 12%;}:is(.article2) .inner-banner .RWDbanner_plus01 .banner-slider .slick-item .pic{ -webkit-mask:linear-gradient(215deg, #000 50%, #00000029 88%); mask: linear-gradient(215deg, #000 50%, #00000029 88%);}/* knowledge-page */ .knowledge-banner { display: grid; grid-template-columns: 1fr; gap: 0px 0px; grid-auto-flow: row; align-items: end; width: calc(100% - 90px); margin-inline: auto; margin-top: 90px;}.knowledge-banner img{ aspect-ratio: 32/9; object-fit: cover;}.knowledge-banner .image,.knowledge-banner .text { grid-area: 1 / 1 / 2 / 2;}.knowledge-banner .text { z-index: 1; max-width: 610px; display: grid; grid-template-columns: max-content 1fr; gap: 0 2rem; left: calc(10% - 45px); position: relative; bottom: calc( var(--SectionPadding));}.knowledge-banner .text .title { font-size: var(--FontSizeMain); font-weight: 700; letter-spacing: 2px; margin: 0; line-height: 1; color: var(--MainColor); position: relative;}.knowledge-banner .text .sub-title { font-size: var(--FontSizeH3); font-weight: 400; letter-spacing: 1px; margin: 0; color: var(--MainColor); line-height: 1.5;}.knowledge-banner .desc { grid-column: 1/3;}.knowledge-banner .desc p { font-size: var(--FontSizeDesc); font-weight: 400; letter-spacing: 1px; line-height: 1.5; margin: 30px 0 15px; color: var(--MainColor); width: fit-content; padding: 30px 0; border-block: 1px solid var(--SubColor);}.article8.is-layer1 .page_wrapper_bg section.call_to_action,.article8 .layoutlist_7 { background: var(--BgGrayColor);}.article8.is-item-list .inner-banner{ display: none;}.article8 #article .layoutlist_7 .subject { position: relative; width: fit-content; z-index: 2; margin-top: 32px !important; margin-bottom: 32px !important;}.article8 .layoutlist_7 .subject::before { content: ''; width: calc(100% + 30px + 30px); height: calc(100% + 10px); position: absolute; background: #ffd500; left: -30px; top: -5px; z-index: -1;}.article8 .layoutlist_7 .litem { padding: 30px; background: var(--WhiteColor); box-shadow: 7px 6px 20px rgba(0, 0, 0, .1); transition: var(--TransitionEase); pointer-events: none; cursor: none;}.article8 .layoutlist_7 .litem img { object-fit: cover; width: 100%; height: 100%;}.article8 #article .cate_list.row::before,.article8 #article .cate_list.row::after,.article8 .layoutlist_7 .cdate,.article8 .layoutlist_7 .cdate a { display: none;}.article8 #article .cate_list.row .col-sm-6.col-md-4 { padding: 0; margin: 0;}.article8 #article .cate_list.row .col-sm-6.col-md-4 img { padding: 20px; background: #fff;}.article8 #article .cate_list .subject a { font-size: var(--FontSizeCardMain) !important; font-weight: 500; color: var(--MainColor) !important; line-height: 1.5;}.knowledge-item .sub-title { font-size: var(--FontSizeH3); color: var(--MainColor); font-weight: 500; margin-bottom: 24px; display: block; padding-left: 30px; position: relative;}.knowledge-item .sub-title i { position: absolute; top: 50%; transform: var(--TransformYCenter); left: 0px;}.knowledge-item .knowledge-list { list-style: decimal; padding-left: 28px; display: grid; gap: 12px;}.knowledge-item .knowledge-list b { display: block; color: var(--MainColor); font-weight: 500;}/* about-page */ .article1 .page_wrapper_bg section.call_to_action { padding-bottom: 0;}.about-page.para-01,.about-page.para-02 { display: grid; grid-template-columns: 1fr 1.3fr; align-items: center;}.about-page.para-01 .main-title { display: grid; grid-template-columns: clamp(5.625rem, 3.4191rem + 2.9412vw, 8.125rem) auto; gap: 0 3rem; grid-auto-flow: row; grid-template-areas: "number main-title-01" "number main-title-02";}.about-page .number { grid-area: number;font-size: clamp(5.625rem, 3.4191rem + 2.9412vw, 8.125rem); line-height: 1; position: absolute; top: -10px; transform: skewX(-7deg);}.about-page .main-title-01 { grid-area: main-title-01;}.about-page .main-title-02 { grid-area: main-title-02;}.certificate-page .main-title,.about-page .main-title h2 { margin: 0; font-size: calc(var(--FontSizeMain)*0.9); font-weight: 700; letter-spacing: 2px; line-height: 1.2; color: var(--MainColor); position: relative; z-index: 2;}.about-page.para-01>.text { margin-right: 20%; margin-left: 15%; margin-bottom: var(--SectionPadding);}.certificate-page .section-subject,.about-page .section-subject { margin-bottom: calc(var(--SubjectPadding)*0.6);}.about-page .para-03 { padding: 3rem; background: var(--WhiteColor); border-left: 3px solid var(--MainColor); box-shadow: 7px 6px 20px rgba(0, 0, 0, .1); display: grid; grid-template-columns: 8vw auto; gap: 3rem; margin-top: calc(var(--SectionPadding)/2); align-items: center;}.about-page .para-03 .image img { object-position: right;}.about-btn { color: var(--WhiteColor); padding: 12px 40px; background: #44b91e; border-radius: 10px; position: relative; min-width: 200px; text-align: center; font-size: var(--FontSizeH4); margin-top: 2.5rem; display: block; width: fit-content;}.about-btn i { font-size: var(--FontSizeH4); margin-right: 12px; position: relative; top: 1px;}.about-btn:after { content: ""; width: 0; height: 100%; position: absolute; right: 0; top: 0; transition: var(--TransitionEase); z-index: 1; background: #ffffff40;}.about-btn:hover:after { width: 100%; transition: var(--TransitionEase); right: auto; left: 0; background: #ffffff40;}.about-btn:hover { color: #fff; transition: var(--TransitionEase);}.about-page .para-03 .image,.about-page .para-03 .image img,.about-page.para-01>.image img,.about-page.para-01>.image { height: 100%; object-fit: cover; width: 100%;}.about-page.para-02 { width: 90%; background: var(--BgGrayColor); margin: var(--SectionPadding) auto; position: relative; overflow: hidden;}.about-page.para-02>.text { margin: auto; position: relative; padding: max(3vw,2rem) max(8vw,2rem);}.about-page.para-02>.text p{ margin-bottom: 0;}/* .about-page.para-02::before { content: ''; background: url(archive/image/customization/deco.webp) no-repeat; background-size: contain; position: absolute; left: -5%; bottom: 0%; width: 13vw; aspect-ratio: 150 / 97; opacity: 0.1;} */ .certivfcate-page.para-03,.about-page.para-03 { background: var(--BgGrayColor);}.certificate-page.para-03 .text,.about-page.para-03 .text { padding: var(--SectionPadding); display: grid; gap: 0px; grid-auto-flow: row; max-width: 1400px; width: 85%; margin: auto;}.certificate-page.para-03 .certificate,.about-page.para-03 .certificate { margin-top: calc(var(--SectionPadding)/2); margin-inline: auto; padding: 30px; background: var(--WhiteColor); box-shadow: 7px 6px 20px rgba(0, 0, 0, .1); display: grid; align-items: center; justify-content: center; text-align: left; gap: 2vw; grid-template-columns: 12vw auto;}.about-page.para-03 .certificate .sub-title { color: var(--MainColor); font-weight: 500;}/* 最新消息 */:is(.article3, .product1) .webdesc { text-align: center; font-size: var(--FontSizeCardMain); background: var(--WhiteColor); position: relative; padding: 3rem; border: 1px solid #ddd; border-bottom: 0; color: var(--MainColor); font-weight: 500;}.eforms1 .eformsDesc::before,:is(.article3, .product1) .webdesc::before { content: ''; width: 100px; height: 4px; position: absolute; top: -2px; left: 50%; transform: var(--TransformXCenter); background: var(--MainColor);}:is(.article3) .layoutlist_8 { border: 1px solid #ddd; padding: 3vw;}:is(.article3) .layoutlist_8 .item { padding: 0 0 3vw; border-bottom: 1px solid #ddd; margin-bottom: 3vw; display: flex; align-items: center;}:is(.article3) .layoutlist_8 .item:last-of-type { border-bottom: 0; padding: 0; margin-bottom: 0;}:is(.article3) .layoutlist_8 .item .listdate { text-align: center;}/* 聯絡我們 */ .eforms1 .eformsDesc { text-align: center; font-size: var(--FontSizeCardMain); color: var(--MainColor); font-weight: 500;}.eformscontent .layoutlist_1 { border: 1px solid #ddd; padding: 3vw; max-width: 90%;}/* 商品總覽 */ .product1 .webdesc { margin-bottom: 3vw; border-bottom: 1px solid #ddd;}.product1.productcontent .inner-banner { display: none;}.product1.productcontent .page_wrapper_bg section.hgroup .container { position: relative; top: 0; transform: unset; margin-bottom: 2rem;}.product1.productcontent .page_wrapper_bg section.call_to_action { padding: calc(5vw + var(--SectionPadding)) 0;}.RWDproduct_page .products-info .subname { font-size: var(--FontSizeH3);}/*sidebar 固定側選單*/ .collapsing_header .main { overflow: inherit;}.main section .container .article-text>.container>.xrow { height: 100%; position: relative; display: inline-block; width: 100%;}.main section .container .article-text>.container .xrow #sidebar { position: sticky; top: 120px; left: 0;}/* 基本sidebar */ .page_wrapper_bg .m2018 .products-nav .nav-title { font-size: 20px; padding: 10px 20px; margin-bottom: 15px; font-weight: bolder; color: #fff; background: var(--MainColor);}#sidebar .products-nav { font-family: var(--FontFamilyTW)}.page_wrapper_bg .m2018 .products-nav { background: #fff; border: 1px solid #efefef;}.page_wrapper_bg .m2018 .products-nav li:not(.has-child)>a:hover { color: var(--MainColor); transition: 0.4s;}.page_wrapper_bg .m2018 .products-nav li>a { padding: 15px 0 5px !important;}.page_wrapper_bg #sidebar .sidemenu2__ul--child li { padding-left: 25px;}.page_wrapper_bg .m2018 .products-nav>ul>li>a { padding: 0px 10px !important; transition: 0.4s; font-size: 18px !important; letter-spacing: 2px !important; font-weight: 500 !important; color: var(--SubColor);}.page_wrapper_bg .m2018 .products-nav>ul>li { padding: 15px 20px; margin: 0px; border-bottom: 1px solid #f0f0f0;}.page_wrapper_bg .m2018 .products-nav>ul>li:last-child a { padding-bottom: 5px;}.page_wrapper_bg .m2018 .products-nav>ul>li:last-child { border-bottom: 0px solid #b8b8b8;}.page_wrapper_bg .m2018 .products-nav ul .is-open>a,.page_wrapper_bg .m2018 .products-nav ul .active>a,.m2018 .products-nav ul li>ul>li:hover>a,.m2018 .search-box .ibtn:hover { color: var(--MainColor); font-weight: 500;}.page_wrapper_bg .m2018 .products-nav .sidemenu2__ul>li.active:not(.iscate)>a::before { content: ""; background: var(--MainColor); width: 8px; height: 8px; display: inline-block; margin-right: 10px; border-radius: 50%; margin-bottom: 3px;}.m2018 .products-nav .toggle-submenu::after { right: 15px;}.layoutlist_2 .item,.layoutlist_4 .item { border-bottom: 0;}.product1.productcontent .RWDbanner_plus01 .slick-item .pic img,.product1.productcontent .RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img { height: 20vh !important; object-fit: cover;}.RWDproduct_page .pic-box { width: 60%; padding-right: 5vw;}.RWDproduct_page .products-info { width: 40%;}.pdt-list { padding-left: 20px; display: grid; gap: 8px;}.pdt-image { display: grid; gap: 2rem 1.5rem; margin-top: 2vw;}.pdt-image-1 { grid-template-columns: repeat(3, 1fr);}.pdt-image-2 { grid-template-columns: repeat(2, 1fr);}.pdt-item h3 { margin-top: 10px; margin-bottom: 0;}/* equipment-page */ .equipment-page.para-01 .main-title { font-size: calc(var(--FontSizeMain)*0.9);}.equipment-page.para-01 { background: var(--BgGrayColor); width: 85%; margin: auto; padding: var(--SectionPadding);}.equipment-page.para-01 .item-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem 2rem;}.page_wrapper_bg .equipment-page h3 { color: var(--MainColor); font-weight: 500;}.page_wrapper_bg .equipment-page .item-box h3 { display: flex; margin-top: 10px;}.equipment-page.para-01 .material-symbols-outlined { position: relative; top: 5px; margin-right: 8px;}.equipment-page.para-02 { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 0px 0px; grid-auto-flow: row;}.equipment-page.para-02 .text,.equipment-page.para-02 .image { grid-area: 1 / 1 / 2 / 2;}.equipment-page.para-02 .text { background: #0000008c; z-index: 1; place-content: center; display: grid; position: relative; padding: 2rem;}.equipment-page.para-02 .text::after,.equipment-page.para-02 .text::before { content: ''; width: 1px; height: calc(50% - 6rem); position: absolute; left: 50%; transform: var(--TransformXCenter); background: #ccc;}.equipment-page.para-02 .text::before { top: 0;}.equipment-page.para-02 .text::after { bottom: 0;}.equipment-page.para-02 .sub-title,.equipment-page.para-02 .main-title { color: #fff;}.equipment-page.para-02 .section-subject { margin-bottom: 0;}.equipment-page.para-03 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem; margin: auto; margin-top: var(--SectionPadding); width: 85%;}.equipment-page.para-03 .video-item iframe { aspect-ratio: 16/9;}/* certificate */ .certificate-page.para-01 .sub-title { margin-top: 16px;}.certificate-page.para-01 { display: grid; grid-template-columns: 1fr 1fr; align-items: center;}.certificate-page .para-03 { grid-template-columns: 120px auto; background: var(--WhiteColor); border: 1px solid #005b4f; box-shadow: 7px 6px 20px rgba(0, 0, 0, .1); display: grid; margin-top: calc(var(--SectionPadding) / 2); align-items: center; border-radius: 10px; overflow: hidden;}.certificate-page .para-03 .text { padding: 2rem 2rem 2rem 3rem;}.certificate-page .para-03 p { color: var(--MainColor); font-size: var(--FontSizeH4); margin-bottom: 0;}.certificate-page.para-01>.text { margin-right: 15%; margin-left: 20%;}.certificate-page.para-02 { display: grid; grid-template-columns: 1fr 1.25fr;}.certificate-page.para-02 .image { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 0px 0px; grid-auto-flow: row; height: 100%;}.certificate-page.para-02 .image .parallax { height: 100%;}/*.certificate-page.para-02 .image::before { content: ''; width: 85%; right: 0; top: 0; height: 100%; background: linear-gradient(37deg, #0ba360 0%, #3cba92 100%); position: absolute; z-index: 1; opacity: 0.8;}*/ .certificate-page.para-02 .image .main-title { color: #fff; z-index: 2; width: 100%; height: fit-content; padding: 3rem 0 0 55%; position: sticky; top: 90px; margin-bottom: var(--SectionPadding);}.certificate-page.para-02 .image .main-title,.certificate-page.para-02 .image .parallax { grid-area: 1 / 1 / 2 / 2;}.certificate-page.para-02 .image .parallax { aspect-ratio: 1137/861;}.certificate-box { display: grid; padding: 0 15% 0 var(--SectionPadding); grid-template-rows: repeat(5, max-content);}.certificate-box .item { border-top: 1px solid #cbcbcb; display: grid; grid-template-columns: max-content auto; align-items: start; gap: 2rem; padding: 3rem 0;}.certificate-box .item:first-of-type { border-top: 0;}.certificate-box .item .desc { height: 100%; display: flex; flex-direction: column; justify-content: center;}.certificate-box .item .number span { font-size: 35px; border: 1px solid #005b4f; border-radius: 50%; padding: 1rem; aspect-ratio: 1 / 1; display: flex; line-height: 1; width: 80px; height: 80px; align-items: center; justify-content: center; color: #005b4f; font-weight: 600;}.certificate-box .item .item-title { color: #005b4f; font-weight: 600; font-size: var(--FontSizeCardMain); margin-bottom: 4px;}.certificate-box .item ul { padding-left: 20px; display: grid; gap: 4px 4rem; grid-template-columns: max-content max-content;}.certificate-page.para-03 { background: var(--BgGrayColor); margin-top: var(--SectionPadding);}.certificate-page.para-03 .sub-title { color: #005b4f;}.certificate-page.para-03 p { font-size: var(--FontSizeH4);}.certificate-page.para-03 .certificate img { margin-bottom: 1.5vw;}.article9 .RWDeditor01[data-seq="1"] { overflow: visible !important;}.article8 #article .layoutlist_7 .subject { margin-top: 24px !important; margin-bottom: 24px !important;}.member .page_wrapper_bg section.call_to_action{ padding: 0;}.download_container,.pagecontent .tab_row,.pagecontent .article_model .row{ width: 80%; margin: auto;}.pagecontent .tab_row{ padding: var(--SectionPadding) 0;}.pagecontent .download_container{ padding-bottom: var(--SectionPadding) ;}.RWDhistory002 .history-block .pic{ background-color: transparent;}/* 404 */ .search_block { padding: 15vw 5vw 10vw; text-align: center; min-height: 65vh;}.search2_submit:hover { background: var(--bg-color);} /*客製內頁 end*/ /*小螢幕 start*/ @media (max-width: 2400px) { /*main*/ .about_block>.container { width: 93% !important; }}@media (max-width: 2200px) { /*about*/ ul.about_fea { grid-gap: 0 4rem; } .RWDleft_cont002 .item-second { grid-template-columns: 48% 52%; } .about-page.para-01>.text { margin-right: 15%; margin-left: 10%; } .certificate-page.para-01>.text { margin-right: 10%; margin-left: 15%; } .certificate-page.para-02 { grid-template-columns: 1fr 1.2fr; }}@media (max-width: 2000px) { /*main*/ #RWDfullscreen01 .container, .footer_block .container { width: 85%; } /*banner*/ .index .RWDbanner_plus01 .slick-caption .txt3 { font-size: 20px; bottom: calc(30px + 13px* 2 + 3.28vw); left: calc(18.1vw + 30px); } /*about*/ ul.about_fea { grid-template-columns: auto; padding: 4.5rem; } li.fea_item:nth-child(1), li.fea_item:nth-child(2), li.fea_item:nth-child(3) { padding-bottom: 2rem; border-bottom: 1px dotted var(--BorderColor); margin-bottom: 2rem; } .RWDleft_cont002 .item-second { grid-template-columns: 45% 55%; } /*產品*/ .RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next { top: -70px; width: 70px !important; height: 70px !important; font-size: 26px !important; } .RWDnews005 .controlls-over .owl-controls .owl-prev { right: calc(30px + 70px + 30px); } .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 20px; } /*客製*/ .RWDparallax_new .picbgbox { height: 70vh !important; } /*服務*/ .RWDproduct004 .item-box-desc:before { font-size: 22px; width: 40px; height: 40px; top: 35px; top: 40px; padding: 7px 14px; } .certificate-box .item { padding: 2rem 0; } .certificate-page.para-02 .image .main-title { padding: 2rem 0 0 55%; } .certificate-page.para-03 .certificate, .about-page.para-03 .certificate { grid-template-columns: 250px auto; } :is(.article3, .product1) .webdesc { padding: 2rem; } .article8 #article .cate_list.row, .article8 .layoutlist_7 { padding: var(--SectionPadding) 10%; } .about-page .para-03 { padding: 2.5rem; grid-template-columns: 12vw auto; }}@media (max-width: 1920px) { .page_wrapper_bg section.call_to_action { min-height: 700px; }}@media (max-width: 1800px) { /*main*/ #RWDfullscreen01 .container, .footer_block .container { width: 85%; } /*客製*/ .RWDparallax_new .picbgbox { height: 40vw !important; } :is(.article8, .article1, .article2) .page_wrapper_bg section.hgroup .container { left: 7%; }.knowledge-banner .text{ left: calc(7% - 45px);} .page_wrapper_bg section.call_to_action>.container { width: 86%; } .certificate-page .para-03 { grid-template-columns: 100px auto; } .certificate-page .para-03 .text { padding: 1rem 2rem; } .certificate-box .item ul { grid-template-columns: 1fr; } .certificate-box { padding: 0 10% 0 8%; } .certificate-page.para-02 .image .main-title { padding: 2rem 0 0 50%; } .knowledge-banner .text { max-width: 550px; } .about-page.para-02>.text { padding: max(3vw, 2rem);}}@media (max-width: 1700px) { /*header*/ .RWDmenu_plus04 .features .share-group a { min-width: 180px; } .RWDmenu_plus04 .features { width: 350px; } .RWDmenu_plus04 .site-nav .menu>li>a { padding: 30px 15px; } .RWDmenu_plus04 .logo { width: 230px; margin: 24px 0; } /*about*/ li.fea_item:nth-child(1), li.fea_item:nth-child(2), li.fea_item:nth-child(3) { padding-bottom: 1.7rem; margin-bottom: 1.7rem; } /*服務*/ .RWDproduct004 #portfolio.portfolio-nogutter .item-box { padding: 15px !important; } .RWDproduct004 .item-box-desc { padding: 20px 60px 20px 15px; } .RWDproduct004 .item-box-desc:before { top: 28px; } /*產品*/ .RWDnews005 .owl-carousel img { padding: 15px; } /*footer*/ .ft_logo { width: 230px; } .ft_logo h2 { font-size: 22px; } ul.ft_info { padding-left: 3vw; } .ft_left .RWDedictor008 { grid-gap: 0 3vw; grid-template-columns: 230px auto; } .pdt-image-1 { grid-template-columns: repeat(3, 1fr); } .knowledge-banner .desc p { margin: 20px 0 10px; padding: 20px 0; }}@media (max-width: 1600px) { /*main*/ #RWDfullscreen01 .container, .footer_block .container { width: 90%; } /*共通title*/ .service_block .section-subject { margin-bottom: calc(var(--SubjectPadding) + 20px); } /*header*/ .RWDmenu_plus04 .site-nav .menu::after { margin: 0 10px 0 25px; } .RWDmenu_plus04 .logo { width: 220px; margin: 25px 0; } /*about*/ ul.about_fea { margin-top: 3.5rem; } /*服務*/ .RWDproduct004 #portfolio.portfolio-nogutter .col-md-3.col-sm-3 { padding: 20px 15px !important; } /*客製*/ .custom_info { left: 10%; top: 15%; } .custom_block { padding: 0 50px; } .about-page.para-01, .about-page.para-02 { grid-template-columns: 1fr 1.5fr; } .about-page.para-01>.text { margin-right: 10%; } .equipment-page.para-01 .item-box { gap: 2rem; } .equipment-page.para-01 { width: 90%; } .certificate-page.para-01>.text { margin-right: 10%; margin-left: 10%; } .certificate-page .para-03 { grid-template-columns: 85px auto; } .certificate-box .item .number span { font-size: 30px; width: 70px; height: 70px; } .equipment-page.para-03, .page_wrapper_bg section.call_to_action>.container { width: 90%; } .page_wrapper_bg section.hgroup .container { left: 50px; } .product1 .page_wrapper_bg section.hgroup .container{ left: 25px !important; } .knowledge-banner .text { left: calc(100px - 45px); } .knowledge-banner, :is(.article8, .article1, .article2) .page_wrapper_bg section.hgroup .container { left: 100px; } .knowledge-banner{ overflow: hidden; } .article8 #article .cate_list.row, .article8 .layoutlist_7 { padding: var(--SectionPadding) 7.5%; } .page_wrapper_bg section.hgroup .container { top: calc(0px - 3vw - var(--SectionPadding)); } .article8 .page_wrapper_bg section.hgroup .container { top: -3vw; } .article8.is-layer1 .page_wrapper_bg section.hgroup .container { top: calc(-3vw - var(--SectionPadding)); } .about-page.para-01 .main-title { gap: 0 2rem; } .knowledge-banner .text { max-width: 520px; bottom: calc(-3vw + var(--SectionPadding)); } }@media (max-width: 1500px) { :root { --FontSizeBasic: 15px; } /*header-漢堡提早*/ .RWDmenu_plus04 .logo { margin-top: 0; float: none; } .RWDmenu_plus04 .site-nav .menu { display: none; } .RWDmenu_plus04 #mobile-menu, .RWDmenu_plus04 .ml-stack-nav-toggle, .RWDmenu_plus04 .toggle-menu, .RWDmenu_plus04 .toggle-mmenu-cover { display: block; } .ml-stack-nav-toggle i { display: none; } .RWDmenu_plus04 .features { width: fit-content; } .RWDmenu_plus04 .features:after { content: ""; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background-color: #bab0a4; } .RWDmenu_plus04 #mobile-menu .menu>li>a { color: #333; } .RWDmenu_plus04 #mobile-menu .menu>li>ul { background: var(--BgGrayColor); } .RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: transparent; } .RWDmenu_plus04 #mobile-menu .menu>li.active { background: var(--MainColor); } .RWDmenu_plus04 #mobile-menu .menu a { font-size: 15px; } .RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after, .RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after { color: #ffffffbd; } .RWDmenu_plus04 .features { float: right; position: relative; } .RWDmenu_plus04 .features .share-group.main_share { padding-right: 30px; margin: 20px 0 20px 10px; } a.ml-stack-nav-toggle { margin-top: 20px; } /*共通按鈕*/ .service_block .RWDbtn01, .product_block .RWDbtn01, .RWDleft_cont002 .item-second .text-box a { margin-top: 70px; } .service_block .RWDbtn01 .btn, .product_block .RWDbtn01 .btn, .RWDleft_cont002 .item-second .text-box a { font-size: 15px; } .service_block .RWDbtn01 .btn:after, .product_block .RWDbtn01 .btn:after, .RWDleft_cont002 .item-second .text-box a::after { font-size: 20px; top: 53%; } /*banner*/ .index .RWDbanner_plus01 .slick-caption .txt3 { font-size: 18px; } /*about*/ ul.about_fea { padding: 3.5rem 3rem; } li.fea_item:nth-child(1), li.fea_item:nth-child(2), li.fea_item:nth-child(3) { padding-bottom: 1.5rem; margin-bottom: 1.5rem; } /*服務*/ .RWDproduct004 .list-inline { font-size: 16px; } /*產品*/ .news005_h4 h8::before { margin: 0 15px; } .RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next { top: -60px; width: 60px !important; height: 60px !important; font-size: 24px !important; } .RWDnews005 .controlls-over .owl-controls .owl-prev { right: calc(30px + 60px + 30px); } .RWDnews005 .margin-top-20 { margin-top: 20px !important; } /*客製*/ .custom_btn a { font-size: 17px; } /*footer*/ .ft_social a { font-size: 17px; } .layoutlist_4 .pricearea span { margin: 0 } .layoutlist_4 .pricearea { flex-direction: column-reverse; align-items: flex-start }}@media (max-width: 1400px) { /*main*/ #RWDfullscreen01 .container, .footer_block .container { width: 95%; } /*banner*/ .index .RWDbanner_plus01 .slick-caption .txt2 { margin: 20px 0 0; padding: 10px 0; } .index .RWDbanner_plus01 .slick-caption .txt3 { position: relative; bottom: auto; left: auto; margin-top: 20px; } .index .RWDbanner_plus01 .slick-caption .txt3>span>span { display: inline-block; margin-left: 20px; } .certificate-box { padding: 0 7% 0 8%; } .page_wrapper_bg .m2018 .products-nav>ul>li>a { font-size: 17px !important; letter-spacing: 1px !important; } .page_wrapper_bg .m2018 .products-nav .nav-title { font-size: 19px; } .knowledge-banner .text { max-width: 470px; gap: 0 1.5rem; } .article8 .layoutlist_7 .litem { padding: 20px; } .article8 .layoutlist_7 .subject::before { left: -20px; width: calc(100% + 20px + 20px); } .article8 #article .layoutlist_7 .subject { margin-top: 24px !important; margin-bottom: 16px !important; } .knowledge-banner, .inner-banner{ margin-top: 86px; }}/*寬度修正*/@media (max-width: 1400px) { .page_wrapper_bg section.call_to_action>.container { width: 90%; } #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 { padding-right: 40px; }/* 404 */ .search_block { padding: 30vw 5vw 15vw; }}@media (max-width: 1300px) { /*about*/ ul.about_fea { padding: 4rem 3.5rem; } /*服務*/ .RWDproduct004 .item-box-desc:before { display: none; } .RWDproduct004 .item-box-desc { text-align: center !important; padding: 20px 0; margin-bottom: 0; } .productlist .layoutlist_4 .col-sm-3.col-md-3 { width: calc(100%/3); float: left; } .about-page .para-03 { padding: 2rem; gap: 2rem; } .certificate-box .item .number span { font-size: 25px; height: 60px; width: 60px; } .certificate-box .item { gap: 1.5rem; } .knowledge-banner .text { max-width: 420px; grid-template-columns: 1fr; } .knowledge-banner .desc { grid-column: unset; } .knowledge-banner .text .sub-title br { display: none; } .knowledge-banner .text .sub-title { margin-top: 8px; }.knowledge-banner img, .inner-banner .RWDbanner_plus01 .slick-item .pic img, .inner-banner .RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img { object-fit: cover; height: 28vw !important; }}@media (max-width: 1280px) { .equipment-page.para-01 { width: 100%; } .certificate-page.para-01 { grid-template-columns: 1fr; gap: calc(var(--SectionPadding) / 1.5); width: 75%; margin: auto; } .certificate-page .section-subject { text-align: center; } .certificate-page.para-01>.text { margin-right: 0; margin-left: 0; } .certificate-page .para-03 { max-width: 600px; margin-inline: auto; } .certificate-page.para-02 { grid-template-columns: 1fr 2fr; } .certificate-page.para-02 .image .main-title { padding: 2rem 5% 0 35%; } .certificate-page.para-02 .image::before { width: 100%; } :is(.article3, .product1) .webdesc { padding: 1.5rem; } .article8 #article .cate_list.row, .article8 .layoutlist_7 { padding: var(--SectionPadding) 5%; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { /*banner*/ .index .RWDbanner_plus01 .slick-caption { bottom: 14%;}/*about*/ .about_block>.container { width: 85% !important; padding: 0 15px !important; margin: 0 auto;}.RWDleft_cont002 .item-second { display: flex; flex-direction: column-reverse; grid-gap: 0;}ul.about_fea { grid-template-columns: 1fr 1fr;}li.fea_item:nth-child(1),li.fea_item:nth-child(2) { padding-bottom: 2rem; margin-bottom: 2rem;}li.fea_item:nth-child(3) { padding-bottom: 0; border-bottom: 0; margin-bottom: 0;}.RWDleft_cont002 .item-second .pic,.RWDleft_cont002 .item-second .pic img { height: 40vw;}.RWDleft_cont002 .item-second .pic { margin-top: 60px;}.RWDleft_cont002 .item-second .text-box { margin-top: 0; padding: 0;}ul.about_fea { margin-top: 3rem; padding: 5rem 6rem; grid-gap: 0 5rem;}ul.about_fea .fea_title { margin-bottom: 5px;}li.fea_item.fea_FSC { grid-template-columns: auto 50px;}/*客製*/ .custom_block { padding: 0;}.RWDparallax_new .picbgbox { height: 44vw !important;}.custom_info { left: 7%; top: 14%;}.custom_btn a { font-size: 16px; max-width: 230px;}/*footer*/ .ft_logo { width: 210px;}.ft_logo h2 { font-size: 19.5px;}.ft_left .RWDedictor008 { grid-template-columns: 205px auto;}.ft_social a { font-size: 16px; padding: 10px 20px;}/* 匯入內頁版面寬度80%*//*main*/#sidebar input,#sidebar select,#sidebar select.form-control:not([size]):not([multiple]) { font-size: 1rem; height: 45px; color: #000; letter-spacing: 0;}/*文章列表-H*/ .rwdlayoutlist_9 .litem { width: calc(100%/3 - 1px);}.about-page.para-01,.about-page.para-02 { grid-template-columns: 1fr;}.about-page.para-01>.image { grid-row: 2/2; aspect-ratio: 2 / 0.7;}.about-page.para-01 .main-title { width: fit-content; margin: auto;}.about-page .para-03 { max-width: 750px; margin-inline: auto;}.about-page.para-02>.text { text-align: center; padding: var(--SectionPadding) max(3vw, 2rem);}.shopping .page_wrapper_bg section.call_to_action>.container { width: auto;}.about-page .para-03 { max-width: unset;}.about-page .para-03 { grid-template-columns: 170px auto;}.certificate-page.para-03 .text,.about-page.para-03 .text { max-width: unset; width: 90%;}.certificate-page.para-02 .image .main-title { padding: 0; margin: auto; text-align: center;}.certificate-page.para-02 { grid-template-columns: 1fr; grid-template-rows: 160px auto;}.certificate-page.para-02 .image { position: sticky; top: 80px;}.certificate-page.para-02 .image .parallax { aspect-ratio: unset;}.certificate-page.para-02 .image .main-title { position: unset; top: unset;}.parallax img { height: calc(100% + 100px);}.certificate-page.para-02 .image .main-title br { display: none;}.certificate-box { padding: var(--SectionPadding) 0; width: 75%; margin: auto;}.certificate-box .item:first-of-type { padding-top: 0;}.certificate-page.para-03 { margin-top: 0;}.layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item { margin: 0 0 25px;}.page_wrapper_bg .article-text .container .col-md-9,.main section .container .article-text>.container .xrow #sidebar { width: 100%;}#sidebar.layoutmenu1,#sidebar.layoutmenu3,#sidebar.layoutmenu6 { padding-right: 0;}.main section .container .article-text>.container .xrow #sidebar { margin-bottom: 2rem; z-index: 2; top: 85px;}:is(.article3, .product1) .webdesc { padding: 0; border: 0; margin-bottom: 3rem;}:is(.article3, .product1) .webdesc::before { display: none;}.product1 .page_wrapper_bg section.hgroup .container { left: 50px !important;}.RWDproduct_page .products-info .name { font-size: calc(var(--FontSizeMain)*0.9);}.product1.productcontent .page_wrapper_bg section.hgroup .container { left: 0 !important;}:is(.article3.articlelist) .page_wrapper_bg .article-text .container { width: 100%;}:is(.article3) .layoutlist_8 { padding: 3rem;}.article8.articlelist:not(.is-layer1) .RWDbanner_plus01 .slick-item .pic img,.article8.articlelist:not(.is-layer1) .RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img { width: 120%; height: 32vw !important; max-width: unset;}.certificate-box .item ul { grid-template-columns: max-content max-content;}.knowledge-banner img { left: 0px; width: 120%; max-width: unset;}.tabs,.download_container,.pagecontent .tab_row,.pagecontent .article_model .row { width: 90% !important; margin: auto !important;}.tab { padding: 15px;}.tabs{ padding: var(--SectionPadding) 0;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) {/*about*/ul.about_fea {padding: 5rem 5rem;}/*footer*/ .footer_block .container {grid-template-columns: 1fr 1fr; align-items: flex-end; grid-gap: 0 4rem;}.ft_bottom {flex-direction: column; padding-top: 18px; margin-top: 3rem;}.ft_left .RWDedictor008 {grid-gap: 0; grid-template-columns: auto;}ul.ft_info {padding-left: 0; margin-top: 3.5rem; padding-top: 3rem; border-left: 0; position: relative;}ul.ft_info::before { position: absolute; width: calc(95vw - 30px); top: 0; left: calc(2.5vw - 27px); background: #efe2c736; content: ''; height: 1px; }ul.ft_info li:last-child {margin-bottom: 0;}.ft_social { margin-bottom: 36px;}.ft_keyword {margin-bottom: 6px;}.ft_copyright {margin: 7px 0 0; line-height: 1.5;}} /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { /*header*/ .RWDmenu_plus04 .features { margin-right: 0; padding-right: 0;}/*banner*/ .index .RWDbanner_plus01 .slick-list { padding: 0 30px;}.index .RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { right: 0;}/* 匯入內頁版面寬度80%*//*main*//*產品內頁-01*/ .page_content1 #prod_price { margin-top: 18px;}/*相簿內容樣式-03*/ .photo .content_box { width: calc(100% / 4) !important;}/*文章列表-04*/#article .layoutlist_4 .item { flex-direction: column}#article .layoutlist_4 .item .list_img,#article .layoutlist_4 .list_subject,#article .layoutlist_4 .listdate { width: 100%}#article .layoutlist_4 .item .list_img { padding: 0; margin: 0 0 10px}#article .layoutlist_4 .list_subject { padding: 0; margin: 0 0 10px}#article .layoutlist_4 .listdate { border: 0; display: flex; align-items: center; padding: 0;}#article .layoutlist_4 .listdate .day:before { content: "/"; margin-right: 5px}#article .layoutlist_4 .listdate .day { font-size: 12px; color: #afafaf; position: relative; margin-left: 5px}/*文章列表-G*/ .layoutlist_8 .list_subject { padding: 0 2rem;}/*文章列表-H*/ .rwdlayoutlist_9 .litem { width: calc(100%/3 - 1px);}/*電子表單*/ .form-group label { padding-left: 0 !important; padding-right: 0 !important;}#join_form .form-checkbox,#join_form .form-radio { padding: 0 0 0 28px !important;}.certificate-page.para-01 { width: 80%;}.certificate-page.para-03 .text,.about-page.para-03 .text { padding: var(--SectionPadding) 0;}.equipment-page.para-01 .item-box { grid-template-columns: repeat(2, 1fr);}.article8 #article .layoutlist_7 .row { grid-template-columns: repeat(2, 1fr);}.eformscontent .layoutlist_1 { padding: 3rem;}.inner-banner { padding: 0 30px;}.certificate-box { width: 80%;}.knowledge-banner,:is(.article8, .article1, .article2) .page_wrapper_bg section.hgroup .container { left: 60px;}.product1 .page_wrapper_bg section.hgroup .container { left: 10px !important;}.RWDtimeline02 .timeline2_list .block .text-in { max-height: 70px;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { /*main*/#RWDfullscreen01 .container,.footer_block .container { width: 100%; padding: 0 50px;}.about_block>.container { width: 100% !important; padding: 0 50px !important;}/*header*/ .RWDmenu_plus04 .logo { width: 200px;}/*共通按鈕*/ .service_block .RWDbtn01,.product_block .RWDbtn01,.RWDleft_cont002 .item-second .text-box a { margin-top: 50px;}/*banner*/ .index .RWDbanner_plus01 .slick-caption .container { width: 100% !important;}.index .RWDbanner_plus01 .slick-caption { bottom: auto; top: 25%;}.index .RWDbanner_plus01 .slick-caption.txt-left { text-align: center;}.index .RWDbanner_plus01 .slick-caption .txt2 { position: relative; font-size: 28px; margin: 30px auto 0;}.index .RWDbanner_plus01 .slick-caption .txt1 { font-size: 54px;}.index .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 15px;}/*about*/ul.about_fea { grid-template-columns: auto;}li.fea_item:nth-child(3) { padding-bottom: 2rem; border-bottom: 1px dotted var(--BorderColor); margin-bottom: 2rem;}ul.about_fea { margin: 3rem 1.5rem 1.5rem 0;}.RWDleft_cont002 .item-second .pic { margin-top: 50px;}/*產品*/ .RWDproduct004 #portfolio.portfolio-nogutter .col-md-3.col-sm-3 { width: calc(50% - 1px);}.RWDnews005 .controlls-over .owl-controls .owl-prev,.RWDnews005 .controlls-over .owl-controls .owl-next { top: -50px;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 15px;}.RWDnews005 .controlls-over .owl-controls .owl-next { right: 15px;}.RWDnews005 .controlls-over .owl-controls .owl-prev { right: calc(30px + 60px + 15px);}/*客製*/ .custom_info { position: relative; left: auto; top: auto; padding: 50px 50px var(--SectionPadding);}.custom_info .RWDedictor { position: relative;}.custom_btn { margin-top: 0; position: absolute; right: 0; bottom: 0;}.custom_btn a { padding: 15px 40px;}.RWDparallax_new .picbgbox { height: 54vw !important; background-position: 90% center !important;}/*footer*/ .footer_block .container { grid-template-columns: auto;}.ft_bottom { grid-column: auto; margin-top: 2.5rem;}ul.ft_info { padding-top: 0; margin-top: 3rem;}ul.ft_info::before { display: none;}.ft_social { margin-bottom: 24px;}.ft_right { padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid #efe2c736;}/* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container { margin: 0 0 50px;}.hgroup .page_subject { text-align: center;}.page_wrapper_bg .hgroup h1 { margin: 0 0 20px;}.hgroup .breadcrumb { text-align: center; float: none !important; position: static; padding: 0; border: 0;}/*編輯器 圖文*/ .RWDeditor01 .col-md-6 { padding-left: 0px; padding-right: 0px; margin-bottom: 20px;}.RWDeditor01 .col-md-6 img { width: 100%;}/*文章列表樣式*/ .RWDslider01 .products-list .products-item .box { align-items: flex-start;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate { padding-right: 0;}/*文章列表樣式-07*//*文章列表樣式-08*/ .rwdlayoutlist_9 .litem { width: calc(100% / 2 - 1px);}.litem__text { width: 85%;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 { width: calc(100% / 2 - 1px);}.productcontent .page_wrapper_bg .page_subject { margin-bottom: 0;}/*產品列表樣式 B*/#product .layoutlist_3.row { display: flex; flex-wrap: wrap;}#product .layoutlist_3.row>.col-md-12 { width: calc(100% / 3 - 1px);}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 { width: calc(100% / 3 - 1px);}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 { width: calc(100%/3 - 1px);}/*相簿列表樣式*//*相簿列表樣式-02*/ .layoutlist_2 .album_item { width: calc(100% / 3 - 1px); padding: 0 15px;}/*相簿內容樣式-03*/ .photo .content_box { width: calc(100% / 3) !important;}/*相簿內容樣式-04*/ .album-list { display: flex; flex-wrap: wrap;}.album-list .item { width: calc(100% / 3);}/*檔案下載樣式-02*/ .download .list_table .container::after { clear: none;}.download .list_table .container .row::after { clear: none;}.download .list_table .container .row div:last-child { clear: none !important;}.download .oneline { border-bottom: none; clear: none;}/*電子表單*/ .eformscontent .layoutlist_1 { width: 100%;}.eformscontent .form-horizontal .control-label { padding: 0 !important; width: 100%}.eformscontent .form-horizontal .form-group .col-sm-12.col-md-11 { width: 100%; padding: 0 !important}.eformscontent .col-sm-12.col-md-11,.eformscontent .col-sm-12.col-md-5 { width: 100%;}.eformscontent .form-horizontal .col-sm-12.col-md-5 { padding: 0 !important;}/*影片列表*/ .layoutlist_2 .video_item { width: calc(100% / 3 - 1px);}/*產品內頁-02*/#sidebar { padding: 0 !important; margin: 0 0 30px;}/*購物車按鈕pad*/#mobile-fixed .btn-box .normal { background: transparent; color: #444; border: 1px solid #444; border-radius: 0;}#mobile-fixed .btn-box .bg2 { border-radius: 0; transition: all 0.3s ease; border: 1px solid #000; color: #fff; background: #000;}.RWDshopping #mobile-fixed .btn.normal { color: #444;}/*檔案下載*/ .download .search-container { margin-left: 20px; margin-top: 0;}.page_wrapper_bg .page_subject { align-items: center;}.page_wrapper_bg .hgroup .breadcrumb { text-align: center;}.about-page.para-01>.text { margin: auto auto var(--SectionPadding); width: 90%;}:is(.article2) .inner-banner .RWDbanner_plus01 .banner-slider .slick-item .pic,.inner-banner .RWDbanner_plus01 .banner-slider .slick-item .pic { mask: unset;}:is(.article9, .article8, .eforms1) .inner-banner .RWDbanner_plus01 .banner-slider .slick-item .pic { mask: unset;}.page_wrapper_bg section.hgroup .container { left: 0;}.inner-banner .RWDbanner_plus01 .slick-item .pic img,.inner-banner .RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img { object-fit: cover; height: 200px !important;}:is(.article8, .article1, .article2) .page_wrapper_bg section.hgroup .container { left: 5%; width: 90%; position: relative; top: 0; transform: unset;}.certificate-page.para-01 .main-title,.page_wrapper_bg .page_subject { margin-bottom: 2rem; border-bottom: 1px solid #ddd; padding-bottom: 2rem;}:is(.product1.productlist, .product1.productcontent, .article8, .article3) .page_wrapper_bg .page_subject { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}:is(.product1.productlist, .article3) .page_wrapper_bg .page_subject { margin-bottom: 2rem;}.parallax { height: 50vw;}.equipment-page.para-03 { grid-template-columns: 1fr;}.certificate-page.para-01 { width: 90%;}.certificate-box { padding: var(--SectionPadding) 0; width: 90%; margin-inline: auto;}.certificate-page.para-03 .certificate { grid-template-columns: 1fr;}.certificate-page.para-03 .certificate img { max-width: 300px; margin-inline: auto;}.certificate-page.para-03 .certificate { padding: 3rem;}.equipment-page.para-01 { padding: 0 5% var(--SectionPadding); background: linear-gradient(360deg, var(--BgGrayColor), transparent);}.knowledge-banner { position: relative; width: calc(100% - 60px); background: #ffd500; padding: 50px 5vw; margin-inline: auto; left: 0;}.knowledge-banner .image{ display: none;}.article8.is-item-list .inner-banner { display: none;}.knowledge-banner .text { max-width: unset; left: 0; top: unset; bottom: unset;}.knowledge-banner .text .sub-title,.knowledge-banner .text .title { text-align: center;}:is(.article8, ) .page_wrapper_bg section.hgroup .container { position: absolute; top: calc(300px + 84px - 40px); z-index: 72; transform: var(--TransformXCenter); left: 50%;}.article8.is-layer1 .page_wrapper_bg section.hgroup .container { top: -30px; transform: translateY(-100%) var(--TransformXCenter); left: 50%;}.article8 .layoutlist_7{ margin-top: 0;}.article8.is-layer1 .page_wrapper_bg section.call_to_action { margin-top: 0;}.article8 .collapsing_header .main { background: var(--BgGrayColor);}#article .cate_list.row { grid-template-columns: repeat(2, 1fr);}.productcontent .btn.btn_back { float: unset;}.productcontent .btn.btn_back a { width: fit-content; margin: auto;}.article1 .page_wrapper_bg section.call_to_action { padding-bottom: 0; padding-top: 0px; margin-top: var(--SectionPadding);}.certificate-page.para-02 { grid-template-rows: 120px auto;}.certificate-box .item ul { grid-template-columns: 1fr;}.page_wrapper_bg section.hgroup .container { top: 0; transform: unset; position: relative;}:is(.article3) .layoutlist_8 { padding: 0; border: 0;}.RWDproduct_page .products-info .txt .editor { padding: 2rem;}.product1 .page_wrapper_bg section.hgroup .container{ left: 0px !important;}/*241113修*/ .ft_social a { width: fit-content; min-width: 230px;}.RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {top: 45%; width: 50px !important; height: 50px !important; font-size: 22px !important;}.RWDnews005 .controlls-over .owl-controls .owl-prev {right: auto; left: -10px;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -10px;}.RWDnews005 h4, .news005_h4, .RWDnews005 .owl-carousel .owl-item .img-hover p.text-left {padding: 0;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { /* 匯入內頁版面寬度80%*/ /*文章列表樣式-04*/ #article .layoutlist_4 .fixrow { padding-left: 0; padding-right: 0; } /*圖文輪播*/ .RWDslider01 .products-list .box { display: flex; flex-direction: column; } .RWDslider01 .products-list .products-item .box { flex-direction: column; justify-content: flex-start; } .RWDslider01.pic-right .products-list .products-item .box { flex-direction: column; } .RWDslider01 .pic-list, .RWDslider01 .text { width: 100%; padding: 0 !important; } .RWDslider01 .control-box { right: 0; position: relative; width: 100%; text-align: center; } .RWDslider01 .pic-list, .RWDslider01 .text, .RWDslider01 .pic img { width: 100%; } .RWDslider01 .pic-list { padding-right: 0; } .RWDslider01.pic-right .pic-list { padding-left: 0; } .pagecontent .RWDslider01, .article1 .pagecontent .RWDeditor01 { margin-top: 30px; } .about-page.para-03 .certificate { grid-template-columns: 1fr; width: 100%; text-align: center; gap: 0; } .about-page.para-03 .certificate img { max-width: 250px; margin-inline: auto; } #product .layoutlist_2 .col-sm-6 { width: calc(100% / 2 - 1px); } .RWDproduct_page .products-info, .RWDproduct_page .pic-box { width: 100%; padding-right: 0; } .RWDproduct_page .products-info { margin-top: 2rem; } .product1.productcontent .page_wrapper_bg section.call_to_action { padding: calc(8vw + var(--SectionPadding)) 0 var(--SectionPadding); } .pdt-list { gap: 8px 4rem; grid-template-columns: 1fr 1fr; } .RWDproduct_page .products-info .name-box { text-align: center; } .RWDproduct_page .list-inline { justify-content: center; } .pdt-image-1 { grid-template-columns: repeat(2, 1fr); } .about-page .para-03 { grid-template-columns: 20vw auto; } } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /*about*/ul.about_fea { padding: 4rem 4rem;}/*客製*/ .custom_info p { max-width: calc(100% - 280px);}.custom_info p span { display: contents;}/* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container { margin-left: 0; margin-right: 0;}/*按鈕*/ .btn.btn_back,.ebtn,.block_body .page_content2 .btn,.block_body .page_content1 .btn,.page_content2 .btn,.page_content1 .btn { width: auto !important;}.block_body .page_content2 .btn,.block_body .page_content1 .btn,.page_content2 .btn,.page_content1 .btn { margin-top: 30px !important;}/*文章列表樣式-03*/#article .layoutlist_3 .listdate .yearmonth { padding-bottom: 0px;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate { padding-right: 0;}#article .layoutlist_4 .listdate .yearmonth { letter-spacing: 1px;}#article .layoutlist_4 .listdate .yearmonth { padding-bottom: 15px;}#article .layoutlist_4 .list_subject .summary { margin: 10px 0px 0;}#article .layoutlist_4 .list_subject a { margin: 0px !important;}/*產品檔案下載按鈕*/ .productcontent .page_content1 .download_container .btn { float: none; margin: 60px auto 0 !important; display: block; max-width: 250px; padding: 5px;}/*相簿列表樣式-01*/#album .layoutlist_1 .row .album_item { width: calc(100% / 3 - 1px) !important;}.layoutlist_2 .album_item { padding: 0 10px;}/*檔案下載樣式-02*/ .layoutlist_3 .dbtn_v2 { width: 100%; text-align: center;}/*電子表單*/ .form-horizontal .control-label { width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-11 { width: 100%;} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { /*服務*/ .RWDproduct004 #portfolio.portfolio-nogutter .col-md-3.col-sm-3 { float: left;}/*客製*/ .custom_btn { margin-top: 50px; position: relative; right: auto; bottom: auto;}.custom_info p { max-width: none;}/* 匯入內頁版面寬度80%*//*文章列表樣式-02*/#article .layoutlist_2 { display: flex; flex-wrap: wrap;}#article .layoutlist_2 .item { width: calc(100% / 2 - 41px); margin: 0 20px;}#article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate { padding-left: 0px; padding-right: 0;}#article .layoutlist_2 .listdate .yearmonth { color: #afafaf !important; font-size: 12px !important; letter-spacing: 2px !important;}#article .layoutlist_2 .listdate .yearmonth::after { content: "/"; position: relative; display: inline-block;}#article .layoutlist_2 .listdate .yearmonth,.layoutlist_2 .listdate .day { display: inline-block;}#article .layoutlist_2 .listdate .day { color: #afafaf !important; font-size: 12px !important; letter-spacing: 2px !important; margin-left: -3px;}/*文章列表樣式-03*/#article .layoutlist_3 { display: flex; flex-wrap: wrap;}#article .layoutlist_3 .item { width: calc(100% / 2 - 21px); margin: 0 10px;}#article .layoutlist_3 .listdate .day { color: #afafaf; font-size: 12px; letter-spacing: 2px;}#article .layoutlist_3 .listdate .day::before { content: " / ";}/*文章列表樣式-04*/#article .layoutlist_4>.fixrow>.xrow { display: flex; flex-wrap: wrap;}#article .layoutlist_4>.fixrow>.xrow>.col-sm-6.col-md-6 { width: calc(100% / 2 - 21px); margin: 0 10px;}/*文章列表樣式-06*/ .rwdlayoutlist_6 .subject_title { display: flex; align-items: center;}.rwdlayoutlist_6 .list_no { width: 16.66666667%;}.rwdlayoutlist_6 .list_subject { width: 66.66666667%;}.rwdlayoutlist_6 .list_date { width: 16.66666667%;}.rwdlayoutlist_6 .list_item { display: flex; justify-content: flex-start; align-items: center;}.rwdlayoutlist_6 .list_item .column.no { width: 16.66666667%;}.rwdlayoutlist_6 .list_item .column.subject { width: 66.66666667%;}.rwdlayoutlist_6 .list_item .column.date { width: 16.66666667%;}/*文章列表樣式-07*/#article .layoutlist_7 .row { flex-wrap: wrap;}.layoutlist_7 .row:before,.layoutlist_7 .row:after { display: none;}/*文章列表樣式-08*/ .layoutlist_8.rwd { display: flex; flex-wrap: wrap;}.layoutlist_8.rwd .item { border-bottom: 0; width: calc(100% / 2);}.layoutlist_8.rwd .list_img+.list_subject { margin-top: 15px;}.layoutlist_8 .list_subject { padding-left: 15px;}.layoutlist_8.rwd .listdate .yearmonth { font-size: 12px !important; color: #afafaf; letter-spacing: .5px}.layoutlist_8.rwd .listdate .day { color: #afafaf; font-size: 12px; letter-spacing: .5px}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem { width: calc(100% / 2 - 1px);}/*左右圖文輪播PAD*/@media screen and (min-width: 415px) and (max-width: 767px) { .RWDslider01 .products-list .box, .RWDslider01.pic-right .products-list .box { flex-direction: column } .RWDslider01 .text { width: 100% } .RWDslider01.pic-right .pic-list { padding: 0; } .RWDslider01 .products-list .box, .RWDslider01.pic-right .products-list .box { flex-direction: column; width: 90%; margin: auto; padding: 0 !important } .RWDslider01 .pic-list { width: 100%; padding: 0; margin: auto; float: none !important } .RWDslider01.pic-right .control-box { left: 50%; transform: translateX(-50%); text-align: center; right: auto } .RWDslider01 .control-box { right: auto; left: 50%; transform: translateX(-50%) }}/*文章列表頁籤*/ .tab_content { margin-top: 20px}/*文章頁籤修正*/ .tab { padding: 20px 0;}.tab.open .tab_title { margin: 0 0 20px;}/*產品頁籤*/ .RWDproduct_page .faq-item .faq-question { padding: 15px 0}.RWDproduct_page .faq-item .faq-question:before { display: flex; justify-content: center; align-items: center}.RWDproduct_page .faq-item .editor { padding: 20px}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 { width: calc(100% / 2 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row>.col-md-12 { width: calc(100% / 2 - 1px);}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 { width: calc(100% / 2 - 1px);}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 { width: calc(100%/2); float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 { width: calc(100%/2 - 1px);}#product .layoutlist_5.layoutlist { display: flex; flex-wrap: wrap;}#product .layoutlist_5.layoutlist .col-sm-4 { width: calc(100% / 2 - 1px);}/*產品我的最愛按鈕調整*/ .RWDproduct_page .btn-other { margin: 10px 0}.RWDproduct_page .btn-other li { width: 100%; display: block; text-align: left; padding: 0}.RWDproduct_page .btn-other li .ii { display: inline-block}.RWDproduct_page .btn-other li button { text-align: left}/*相簿列表樣式-01*/#album .layoutlist_1 .row.masonry { display: flex; flex-wrap: wrap;}#album .layoutlist_1 .row.masonry .album_item { width: calc(100% / 2 - 1px) !important; padding: 0 10px;}/*相簿列表樣式-02*/#album .layoutlist_2 { display: flex; flex-wrap: wrap;}#album .layoutlist_2 .album_item { width: calc(100% / 2 - 1px);}/*相簿內容樣式-01*/ .albumcontent section.call_to_action .container .article-text .container .row { display: flex; flex-wrap: wrap;}.row .album_d_item { width: calc(100% / 2 - 1px);}/*相簿內容樣式-03*/ .photo .content_box { width: calc(100% / 2) !important;}/*相簿內容樣式-04*/#article .layoutlist_4 .item { display: initial;}.album-list .item { width: calc(100% / 2);}#article .layoutlist_4 .listdate .yearmonth { color: #afafaf !important; font-size: 12px !important; letter-spacing: 2px !important; padding: 0;}#article .layoutlist_4 .listdate .yearmonth,.layoutlist_4 .listdate .day { display: inline-block;}#article .layoutlist_4 .listdate .day { color: #afafaf !important; font-size: 12px !important; letter-spacing: 2px !important;}#article .layoutlist_4 .listdate .day::before { content: " / ";}/*相簿內容箭頭*/ .photo_view .flex-direction-nav .flex-disabled { opacity: 10 !important;}/*檔案下載樣式-01*/ .download .list_table td.list_subject { text-align: center;}.download .list_table th.split { display: none}.download .list_table td { line-height: 1.5; padding: 10px}.download .list_table th.list_downloadbtn,.download .list_table th.list_no,.download .list_table td.list_no { min-width: 100px}.download .list_table th.list_date { width: calc(100% - 200px)}.download .list_table td.split { display: none;}/*檔案下載樣式-02*/ .download .item table tr { display: flex; flex-direction: column;}.download .oneline { display: flex; flex-wrap: wrap;}.download .list_table td { width: 100%; padding-top: 15px;}.download .list_table td:nth-child(2) { display: none;}.download .oneline .col-md-4.col-sm-6 { width: calc(100% / 3);}.layoutlist_5 .downlaod_item { width: calc(100%/2);}.download5 .search-container { margin: 10px 0 0;}/*影片列表*/#video .layoutlist_2 { display: flex; flex-wrap: wrap;}#video .layoutlist_2 .video_item { width: calc(100% / 2 - 1px);}/*購物車呼籲置底*/#mobile-fixed .fixed-bottom .price-box { text-align: center;}#mobile-fixed .btn-box.step1 li,#mobile-fixed .btn-box.step2 li { padding: 0 1px;}#mobile-fixed .btn-box .normal { text-align: center; padding: 10px 0; font-size: 15px !important;}#mobile-fixed .btn-box ul { display: flex;}.layoutlist_8.rwd .item { flex-direction: column; padding: 0 10px; margin-bottom: 2rem;}.layoutlist_8 .list_subject { padding: 0;}.layoutlist_8.rwd .listdate { margin: 0;}:is(.article3) .layoutlist_8 .item .listdate,.layoutlist_8 .item .listdate { text-align: left; width: 100%;}.inner-banner .RWDbanner_plus01 .slick-item .pic img,.inner-banner .RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img { height: 150px !important;}.about-page.para-02 { width: 100%;}.inner-banner { margin-top: 83px;}.article8 #article .layoutlist_7 .row { grid-template-columns: 1fr; gap: 2rem;}.RWDshopping_v3 .cart-wrapper { width: 95%;} } /*767px end*/ /*700px start*/ @media (max-width: 700px) { /*header*/ .RWDmenu_plus04 .features .share-group.main_share { display: none; } /*footer*/ .footer_block { padding: var(--FooterPadding) 0 calc(var(--FooterPadding) + 48px); } /*行動呼籲*/ .fixed_btn { display: block; width: 100%; } .fixed_btn .RWDbtn01.paneleffect_page.animated { opacity: 1; } .fixed_btn .RWDbtn01.paneleffect_page { opacity: 1; margin-top: 0; } .fixed_btn .RWDbtn01.fadeInUp { animation-name: auto; } .fixed_btn .RWDbtn01 .btn-box { margin: 0; } .fixed_btn .RWDbtn01 .btn-box li { padding: 0; width: 100%; } .fixed_btn .RWDbtn01 .btn { border-radius: 0; color: var(--WhiteColor); font-size: 16px; padding: 10px; background: #44b91e !important; } .fixed_btn .RWDbtn01 li a:before { content: "\e90a"; position: relative; font-family: iicon !important; font-size: 18px; display: inline-block; margin-right: 6px; color: #fff; top: 2px; } .about-page .para-03 { grid-template-columns: 1fr; } .about-page .para-03 .image img { aspect-ratio: 2 / 1.5; } .about-btn { margin-inline: auto; } .about-page.para-02>.text { padding: var(--SectionPadding) 2rem; } .certificate-page.para-03 .text, .about-page.para-03 .text { width: 100%; padding: var(--SectionPadding) 2rem; } .equipment-page.para-01 .item-box { grid-template-columns: 1fr; } } /*700px end*/ /*600px start*/ @media (max-width: 600px) { /*cookie*/ .RWDalert_fancybox.bottom { width: 100%; padding: 25px 20px !important; border-radius: 0;}/*header*/ .RWDmenu_plus04 .header { padding: 0 15px;}.RWDmenu_plus04 .logo { width: 180px;}/*main*/#RWDfullscreen01 .container,.footer_block .container { padding: 0 30px;}/*共通按鈕*/ .service_block .RWDbtn01 .btn,.product_block .RWDbtn01 .btn,.RWDleft_cont002 .item-second .text-box a { min-width: auto; width: 100%;}.RWDbtn01 .btn-box li { width: 100%;}/*共通title*/ .section-subject .main-title { font-size: 28px; letter-spacing: 1px;}/*banner*/ .index .RWDbanner_plus01 .slick-list { padding: 0;}.index .RWDbanner_plus01 .slick-caption { top: 30%;}.index .RWDbanner_plus01 .slick-caption .txt1 { font-size: 42px;}.index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 22px; margin: 20px auto 0;}.index .RWDbanner_plus01 .slick-caption .txt2>span>span,.index .RWDbanner_plus01 .slick-caption .txt3>span>span { margin-left: 10px;}.index .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 10px; font-size: 15px;}/*about*/ul.about_fea { padding: 35px 0 0; margin: 35px 0 0; box-shadow: none; border-left: 0; border-top: 1px solid var(--MainColor);}.about_block>.container { padding: 0 30px !important;}.RWDleft_cont002 .item-second .pic { margin-top: 35px;}li.fea_item:nth-child(1),li.fea_item:nth-child(2),li.fea_item:nth-child(3) { padding-bottom: 1.5rem; margin-bottom: 1.5rem;}.RWDleft_cont002 .item-second .pic,.RWDleft_cont002 .item-second .pic img { height: 50vw;}li.fea_item.fea_FSC { align-items: flex-end;}/*服務*/ .service_block .section-subject { margin-bottom: var(--SubjectPadding);}.RWDproduct004 { margin-top: 0;}.RWDproduct004 #portfolio.portfolio-nogutter .col-md-3.col-sm-3 { width: 100%; padding: 0 !important; margin-bottom: 30px !important;}.RWDproduct004 #portfolio.portfolio-nogutter .col-md-3.col-sm-3:last-child { margin: 0 !important;}.RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 21px;}/*產品*/ .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 10px;}.RWDnews005 .controlls-over .owl-controls .owl-prev { right: calc(30px + 60px);}/*客製*/ .custom_info { padding: 35px 30px var(--SectionPadding);}.custom_btn { margin-top: 30px;}.custom_btn a { max-width: none; width: 100%;}.RWDparallax_new .picbgbox { height: 62vw !important;}/*footer*/ .ft_social a { font-size: 15px;}/* 匯入內頁版面寬度80%*//*標題*/ .hgroup { padding-left: 15px; padding-right: 15px;}.hgroup h1 { margin-bottom: 50px; line-height: 1.8;}.hgroup .container { margin: 0 0 40px;}/*按鈕*/ .btn.btn_back,.ebtn,.block_body .page_content2 .btn,.block_body .page_content1 .btn,.page_content2 .btn,.page_content1 .btn,.btn-primary { width: 100% !important;}/*container*/ .page_wrapper_bg .pagecontent { padding: 0px !important;}.page_wrapper_bg .article-text .container { padding: 0;}section.hgroup { padding: 0;}/*fixrow*/ .fixrow { padding-left: 0px !important; padding-right: 0px !important;}/*文章列表最上層樣式調整*/#article .cate_list.row .col-sm-6.col-md-4 { margin: 0 0 30px;}/*文章列表樣式-02*/#article .layoutlist_2 .item { width: 100%; margin: 10px 0;}/*文章列表樣式-03*/#article .layoutlist_3 .item { width: 100%; margin: 10px 0;}/*文章列表樣式-04*/#article .layoutlist_4>.fixrow>.xrow>.col-sm-6.col-md-6 { width: 100%; margin: 10px 0;}/*文章列表樣式-06*/ .rwdlayoutlist_6 ul { margin: 0;}.rwdlayoutlist_6 li { margin: 0; border-bottom: #dfdfdf solid 1px; padding: 10px 0 10px;}.rwdlayoutlist_6 .subject_title { display: none;}.rwdlayoutlist_6 .list_item { text-align: center; flex-direction: column}.rwdlayoutlist_6 .list_item .column.no,.rwdlayoutlist_6 .list_item .column.subject,.rwdlayoutlist_6 .list_item .column.date { width: 100%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem { width: 100%; margin-bottom: 0 !important;}/*文章列表樣式-08*/ .layoutlist_8.rwd .item { border-bottom: 0; width: 100%; padding: 0; margin-bottom: 3rem;}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem { width: 100%;}/*左右圖文輪播PH*/ .RWDslider01 .pic-list { width: 100%;}/*時間軸樣式*/ .RWDtimeline01 .line_dot,.RWDtimeline01 .line_dot2 { left: 4px;}.RWDtimeline01 li.event:before { left: 27px;}.RWDtimeline01 li.event .point { width: calc(100% - 90px); left: 90px;}.RWDtimeline01 li.event .point .date { font-size: 14px; letter-spacing: 1px}/*文章檔案下載*/ .file_area { margin: 0 0 10px;}#file_dlist,.page_wrapper_bg .dd-select,.file_area { width: 100% !important;}.download_container .btn { width: 100%;}/*電子表單*/ .new-form { margin-top: 0;}.webdesc { margin: 0 0 30px;}/*相簿上下方說明*/#album .page_desc { margin: 30px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 { margin: 30px 0 0;}.photo_discription .text { font-size: 16px !important; line-height: 1.5 !important; margin: 30px 0; color: #333 !important; letter-spacing: 2px; font-weight: 400}/*相簿列表樣式-01*/ .layoutlist_1 .album_item { width: 100% !important;}#album .layoutlist_1 .row.masonry .album_item { width: calc(100% / 1 - 1px) !important;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item { margin: 10px 0px 20px !important; width: 100%;}#album .layoutlist_2 .album_item { width: 100%; padding: 0;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 { width: 100%; padding: 0;}#btn_shopping { width: 100%; margin: 0;}/*產品列表樣式 B*/#product .layoutlist_3.row>.col-md-12 { width: 100%;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 { width: 100%;}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 { width: calc(100%/1); float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-4 { width: 100%;}#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 { width: 100%;}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li { padding: 30px;}/*產品檔案下載*/ .productcontent .page_content1 .download_container .btn { max-width: 100% !important;}/*相簿內容樣式-01*/ .row .album_d_item { width: 100%;}/*相簿內容樣式-03*/ .photo .content_box { width: 100% !important;}/*相簿內容樣式-04*/ .album-list .item { width: 100%;}/*檔案下載樣式-02*/ .download .oneline .col-md-4.col-sm-6 { width: 100%; margin-bottom: 20px;}/*影片列表*/#video .layoutlist_2 .video_item { width: 100%; margin: 0 0 40px;}/*產品內頁-01*/#member_org_price,#prod_fixprice { margin-top: 25px;}.page_content1 #prod_price { margin-top: 5px;}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal { width: 100%; margin: 5px 0;}.shopping-step li span.name { font-size: 13px !important;}#mobile-fixed .btn-box { width: 180px;}#mobile-fixed .fixed-in { width: calc(100% - 180px); letter-spacing: 0;}/*詢問車按鈕*/ .RWDquiry .btn.normal { width: 100%; margin: 5px 0;}/* google驗證碼、top高度調整 */ .grecaptcha-badge { bottom: 75px !important;}.scrollTop002 { right: 0; bottom: 160px;}.certificate-box,.certificate-page.para-01,.page_wrapper_bg section.call_to_action>.container { width: calc(100% - 60px);}.inner-banner .RWDbanner_plus01 .slick-item .pic img,.inner-banner .RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img { height: 120px !important;}.about-page .number { transform: skewX(-7deg); margin: 0; font-size: calc(var(--FontSizeMain)*0.9); font-weight: 700; position: relative; top: unset; left: -1px;}.about-page.para-01 .main-title { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; align-items: center;}.parallax { height: 300px;}.certificate-page.para-03 .main-title br,.certificate-page.para-01 .sub-title br { display: none;}.certificate-page.para-03 .certificate { padding: 2rem;}.certificate-page .main-title,.about-page .main-title h2 { line-height: 1.4;}:is(.article3, .product1) .webdesc { margin-bottom: 2rem;}.pdt-list { gap: 8px 4rem; grid-template-columns: 1fr;}.productcontent .btn.btn_back a { width: 100%;}:is(.article8, ) .page_wrapper_bg section.hgroup .container { top: calc(360px + 84px - 40px);}.article8 #article .cate_list.row,.article8 .layoutlist_7 { padding: var(--SectionPadding) 30px;}.eformscontent .layoutlist_1 { padding: 0; border: 0;}.eforms1 .eformsDesc::before,.eforms1 .eformsDesc br { display: none;}.ebtn a { width: 100%; margin: 2rem auto 0;}.parallax img { height: calc(100% + 100px); top: -50px;}.inner-banner { padding: 0;}.knowledge-banner { padding: 50px 30px;}.equipment-page.para-03,.page_wrapper_bg section.call_to_action>.container,.about-page.para-01>.text,:is(.article8, .article1, .article2) .page_wrapper_bg section.hgroup .container { width: calc(100% - 60px);}.knowledge-banner { width: 100%;}:is(.article8, .article1, .article2) .page_wrapper_bg section.hgroup .container { left: 30px;}.certificate-page.para-03 .text,.about-page.para-03 .text,.about-page.para-02>.text { padding: var(--SectionPadding) 30px;}.equipment-page.para-01 { padding: 0 30px var(--SectionPadding);}.equipment-page.para-03 { gap: 2rem;}.certificate-page.para-03 .certificate img { max-width: 250px;}#article .cate_list.row { grid-template-columns: 1fr;}.article8 #article .cate_list.row .col-sm-6.col-md-4 img { padding: 10px;}.about-btn { padding: 12px; width: 100%;}.download_container .btn { padding: 12px 3rem} } /*600px end*/ /*500px start*/ @media (max-width: 500px) {/*產品*/ .product_block .section-subject {text-align: center;}.RWDnews005 .controlls-over .owl-controls .owl-prev, .RWDnews005 .controlls-over .owl-controls .owl-next {top: 45%; width: 50px !important; height: 50px !important; font-size: 22px !important;}.RWDnews005 .controlls-over .owl-controls .owl-prev {right: auto; left: -10px;}.RWDnews005 .controlls-over .owl-controls .owl-next {right: -10px;}.RWDnews005 h4, .news005_h4, .RWDnews005 .owl-carousel .owl-item .img-hover p.text-left {padding: 0;}} /*500px end*/ /*480px start*/ @media (max-width: 480px) { /*header*/ .RWDmenu_plus04 .logo { width: 150px;}a.ml-stack-nav-toggle { margin-top: 8px; margin-left: 15px;}.RWDmenu_plus04 .features .search-btn,.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn { padding: 30px 8px;}/*banner*//*.index .RWDbanner_plus01 .slick-caption .txt1 {font-size: 36px;}*/ .index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 20px; width: 100%;}/*產品*/ .RWDnews005 .controlls-over .owl-controls .owl-prev,.RWDnews005 .controlls-over .owl-controls .owl-next { top: 40%;}/*footer*/ul.ft_info { line-height: 1.5;}ul.ft_info li { margin: 0 0 18px;}ul.ft_info li:last-child { margin: 0;}ul.ft_info li b { display: block;}/* 匯入內頁版面寬度80%*//*文章高度調整*/ .pagecontent .article_model[data-seq="0"] { margin-top: 0 !important;}/*檔案下載*/ .layoutlist_5 .downlaod_item { width: calc(100%);}.download5 .search-container { margin: 10px 0 0 !important;}/*圖文輪播*/ .RWDslider01 .text { padding-bottom: 40px;}.certificate-page .para-03 { grid-template-columns: 1fr;}.certificate-page .para-03 img { width: 50%; display: block; margin: auto; padding: 10px;}.certificate-page .para-03 .image { background: #005b4e;}.about-btn { letter-spacing: 0;}.about-btn i { margin-right: 7px;}.about-page .para-03 { padding: 1.5rem;}@media (max-width: 414px) { /*文章左右圖文輪播PH*/ .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list { margin: 0; }}.certificate-page .main-title,.about-page .main-title h2 { letter-spacing: 1px;}/*241113修*/ .ft_social a { width: 100%; min-width: auto;}.RWDnews005 .controlls-over .owl-controls .owl-prev,.RWDnews005 .controlls-over .owl-controls .owl-next { top: 45%;}.about-page.para-03 .certificate .sub-title br{ display: none;}.eforms1 .eformsDesc,.certificate-page.para-03 p,.about-page.para-02>.text p { text-align: left;} } /*480px end*/ /*414px start*/ @media (max-width: 414px) {/*banner*/ .RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right {width: inherit;}.index .RWDbanner_plus01 .slick-caption {top: 28%;}}@media (max-width: 400px) {/*banner*/ .RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right {width: inherit;}.index .RWDbanner_plus01 .slick-caption {top: 28%;}/*.index .RWDbanner_plus01 .slick-caption .txt2>span>span, .index .RWDbanner_plus01 .slick-caption .txt3>span>span {display: block; margin-left: 0;}*/} /*414px end*/ /*380px start*/ @media (max-width: 380px){ /*header*/ .RWDmenu_plus04 .logo { width: 130px;}.RWDmenu_plus04 .cart-btn .ii-bag2,.RWDmenu_plus04 .member-btn .ii-people2 { font-size: 16px;}.RWDmenu_plus04 .features .cart-btn .cart-nu { font-size: 12px;}.RWDmenu_plus04 .features .search-btn i img { width: 16px;}.RWDmenu_plus04 .features .search-btn,.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn { padding: 30px 7px;}/* 匯入內頁版面寬度80%*//*跟隨購物車寬度修正*/#mobile-fixed .btn-box { width: 170px; padding-left: 10px;}#mobile-fixed .fixed-in { width: calc(100% - 170px);}.RWDproduct_page .faq-item .editor { padding: 20px;}.about-page .main-title h2{ letter-spacing: 1px;}.about-page .main-title h2{ font-size: 20px; letter-spacing: 0;} } /*380px end*/ /*350px start*/ @media (max-width: 350px){/*header*/ .RWDmenu_plus04 .logo {width: 120px;}.RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn {padding: 30px 5px;}/*banner*/ .index .RWDbanner_plus01 .slick-caption .txt1 {font-size: 38px;}.index .RWDbanner_plus01 .slick-caption .txt2 {font-size: 18px;}.index .RWDbanner_plus01 .slick-caption .txt3 {font-size: 14px;}} /*350px end*/