:root { --TransitionEase: .3s ease; --MainColor: #2db147; --SubColor: #333; --NaviColor: #333; --NaviHoverColor: #24963a; --NaviUpColor: #333; --TextMainColor: #333; --TextSubColor: #4d4d4d; --TextGreyColor: #777; --BorderPx1: 1px solid #d6d2bb; --BtnHoverColor: #24963a; --MainHoverColor: #ffd76c; --SubHoverColor: #DF0029; /* 螢幕2560px-390px 大小60px-33px */ --FontSizeMain: clamp(2.0625rem, 1.7592rem + 1.2442vw, 3.75rem); /* 螢幕2560px-390px 大小24px-20px */ --FontSizeSub: clamp(1.125rem, 1.0715rem + 0.1115vw, 1.25rem); /* 螢幕2560px-390px 大小22px-17px */ --FontSizeH3: clamp(1.0625rem, 1.0063rem + 0.2304vw, 1.375rem); /* 螢幕2560px-390px 大小18px-16px */ --FontSizeH4: clamp(1rem, 0.9775rem + 0.0922vw, 1.125rem); /* 螢幕2560px-390px 大小16px-15px */ --FontSizeDesc: clamp(0.9375rem, 0.9263rem + 0.0461vw, 1rem); /* 螢幕2560px-390px 大小30px-22px */ --FontSizeEn: clamp(1.375rem, 1.2851rem + 0.3687vw, 1.875rem); /* 螢幕2560px-1024px 大小17px-15px */ --FontSizeNavi: clamp(0.9375rem, 0.8542rem + 0.1302vw, 1.0625rem); --FontFamilyTitle: cwTeXYen, 'Quicksand', sans-serif !important; --FontFamily: Noto Sans TC, sans-serif !important; --NaviHeight: 100px; /* 螢幕2560px-1200px 大小160px-70px */ --SectionPadding: clamp(4.375rem, -0.5882rem + 6.6176vw, 10rem); /* 螢幕2560px-650px 50px-25px */ --borderRadius: clamp(1.5625rem, 1.0308rem + 1.3089vw, 3.125rem); --TransformCenter: translateX(-50%) translateY(-50%); --TransformXCenter: translateX(-50%); --TransformYCenter: translateY(-50%);}img { max-width: 100%; height: auto;}button,button:hover,a:is(:hover, :active, :focus, :visited) { transition: var(--TransitionEase); text-decoration: none;}:is(h1, h2, h3, h4, h5, h6, p) { padding: 0; margin: 0;}.row { margin-right: 0px; margin-left: 0px;}body.wrapper_bg { font-family: var(--FontFamily) !important; letter-spacing: 1px; line-height: 1.5; font-size: 15px; color: var(--TextMainColor); background: #fbf9eb;}.cd-main-content { overflow: visible;}/*容器設定*/#RWDfullscreen01 .container { width: 100%; z-index: 1; position: relative;}.RWDmenu_plus04 .container { width: 100% !important; max-width: unset; padding: 0;}.container-fuild { width: 100%; z-index: 1; position: relative;}.container-95 { width: 95%; margin: auto; z-index: 1; position: relative;}.container-80 { width: 80%; margin: auto; z-index: 1; position: relative;}.container-70 { width: 80%; margin: auto; z-index: 1; position: relative; padding-right: 5vw; padding-left: 5vw;}.container-75 { width: 80%; margin: auto; z-index: 1; position: relative; padding-right: 2.5vw; padding-left: 2.5vw;}.container-65 { width: 80%; margin: auto; z-index: 1; position: relative; padding-right: 7.5vw; padding-left: 7.5vw;}.container-60 { width: 80%; margin: auto; z-index: 1; position: relative; padding-right: 10vw; padding-left: 10vw;}/* 共用設定 */ .section-spacing { padding-top: var(--SectionPadding); padding-bottom: var(--SectionPadding);}.section-spacing-top { padding-top: var(--SectionPadding);}.section-spacing-bottom { padding-bottom: var(--SectionPadding);}body.wrapper_bg .RWDbase>div:last-of-type,body.wrapper_bg .clear,body.wrapper_bg .RWDedictor008>div:last-of-type,body.wrapper_bg .RWDedictor>div:last-of-type { display: none;}.edit_mask { display: block !important;}/* 反白顏色設定*/::selection { background: #555; color: #fff;}::-moz-selection { background: #555; color: #fff;}.section-title { position: relative; margin-bottom: clamp(1rem, 1.5rem + 1.5625vw, 2.5rem); font-family: var(--FontFamilyTitle);}.RWDnews005 .main-title,.main-title { letter-spacing: 2px; font-weight: 600; margin-top: 0rem; margin-bottom: 0px; font-size: var(--FontSizeMain); color: #333; line-height: 1.2; font-family: var(--FontFamilyTitle);}.sub-title { letter-spacing: 1px; font-weight: 300; font-size: var(--FontSizeSub); line-height: 1.3;}.en-title { font-size: var(--FontSizeEn); font-weight: bold; letter-spacing: 0px; color: var(--MainColor); line-height: 2;}p,.description { font-size: var(--FontSizeDesc); letter-spacing: 1px; color: var(--TextSubColor); line-height: 1.7; font-weight: 400; font-family: var(--FontFamily) !important;}.section-title.center { text-align: center;}.RWDnews005 h4,.news005_h4,.index h3 { font-size: var(--FontSizeH3); font-weight: 500; letter-spacing: 1px; color: #333;}.anchor-block { padding-top: calc(var(--NaviHeight)*0.9); margin-top: calc(0px - calc(var(--NaviHeight)*0.9));}/* btn */ .ebtn a,.index-btn,.RWDbtn01 .btn { border: none; padding: 10px; width: 220px; border-radius: 50px; font-size: 17px; letter-spacing: 2px; margin: 3rem auto 0; transition: var(--TransitionEase); display: flex; align-items: center; justify-content: center;}.ebtn a { color: #fff; background: var(--SubColor);}/*搜尋*/ .RWDmenu_plus04 #search-box.full .form-control { font-size: 30px;}.RWDmenu_plus04 #search-box.full .ibtn { font-size: 25px;}/* navi */ .collapsing_header .main { top: 0 !important; background-color: transparent;}.RWDmenu_plus04 .header { padding: 0 calc(3% + var(--NaviHeight)) 0 var(--NaviHeight); background: transparent; transition: var(--TransitionEase);}.RWDmenu_plus04 .header,.RWDmenu_plus04 .logo { height: var(--NaviHeight);}.RWDmenu_plus04 .header::before { content: ''; width: 100%; height: 0%; background: #fff; opacity: 0; transition: var(--TransitionEase); position: absolute;}.RWDmenu_plus04 .logo { position: relative; display: flex; align-items: center; width: fit-content; transition: var(--TransitionEase);}.RWDmenu_plus04 .logo img { width: 100%; aspect-ratio: 5 / 1; height: calc(var(--NaviHeight) - 30px); max-width: 220px;}.RWDmenu_plus04 .header.is-up::before { height: 100%; opacity: 1; transition: var(--TransitionEase); left: 0;}.RWDmenu_plus04 .site-nav .menu>li>a { font-size: var(--FontSizeNavi); text-align: center; color: var(--NaviColor); letter-spacing: 1px; font-weight: 500;}.RWDmenu_plus04 .features { width: fit-content;}.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn,.RWDmenu_plus04 .features .share-group a,.RWDmenu_plus04 .features i,.RWDmenu_plus04 .lang-select { color: var(--NaviColor);}.RWDmenu_plus04 .header.is-up .features .cart-btn,.RWDmenu_plus04 .header.is-up .features .querycar-btn,.RWDmenu_plus04 .header.is-up .features .share-group a,.RWDmenu_plus04 .header.is-up .features i,.RWDmenu_plus04 .header.is-up .lang-select,.RWDmenu_plus04 .header.is-up .site-nav .menu>li>a { color: var(--NaviUpColor); transition: var(--TransitionEase);}.RWDmenu_plus04 .lang-select { color: var(--MainColor);}.RWDmenu_plus04 .glyphicon-search { position: relative; top: 3px;}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .features .share-group span,.RWDmenu_plus04 .site-nav .menu ul li a { font-size: var(--FontSizeNavi); text-align: center; color: #333;}.RWDmenu_plus04 .site-nav .menu ul li>a { padding-right: 10px;}.RWDmenu_plus04 .site-nav .menu>li>ul { width: 200px; margin-left: -100px;}.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .search-btn { padding: 25px 15px;}.cart-btn img { width: 20px;}.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: var(--MainColor);}.RWDmenu_plus04 .cart-block h3,.RWDmenu_plus04 .querycar-block h3 { font-size: 18px; font-weight: 500;}.RWDmenu_plus04 .cart-block .bottom-box .total,.RWDmenu_plus04 .querycar-block .bottom-box .total { font-size: var(--FontSizeNavi);}.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn { font-size: var(--FontSizeNavi); background: var(--MainColor); transition: var(--TransitionEase); color: var(--NaviColor);}.RWDmenu_plus04 .cart-block .bottom-box .pay-btn { background: var(--MainColor); transition: var(--TransitionEase); font-size: var(--FontSizeNavi);}.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.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 { border-color: var(--NaviColor);}.RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .header.is-up .lang-select-label:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:after { border-color: var(--NaviUpColor);}.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 { text-decoration: unset; font-weight: 400; color: var(--NaviHoverColor);}.RWDmenu_plus04 .site-nav .menu>li.active>a { background: transparent; color: var(--NaviHoverColor);}#div_forget_content #forget_table_btn,.RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block button.login,.RWDmenu_plus04 .member-block a.login.is-on,.RWDmenu_plus04 .member-block button.login.is-on { background-color: var(--MainColor); color: #fff; transition: var(--TransitionEase);}.member-block h3 { text-align: left; font-weight: bold; padding-bottom: 1rem;}.RWDmenu_plus04 #mobile-menu .menu>li.active,.RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: var(--MainColor);}.RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after,.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after,.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a { color: var(--NaviColor);}.RWDbanner_plus01.style-dotnav.control-right .control-box { right: 1rem;}.lang-select-options a { font-size: var(--FontSizeNavi);}/* fix-btn */ .fix-btn-box { position: fixed; right: 0; z-index: 203; top: 0px; transition: var(--TransitionEase); font-family: var(--FontFamilyTitle);}.fix-btn-box.is-up { top: 0px; transition: var(--TransitionEase);}.fix-btn { background: var(--MainColor); display: flex; flex-direction: column; color: #fff; font-weight: 600; font-size: var(--FontSizeNavi); aspect-ratio: 1 / 1; width: var(--NaviHeight); align-items: center; justify-content: center; gap: 5px;}/* banner_block */ .banner-block { position: relative;}/* .banner-block::before { content: ''; width: 30vw; aspect-ratio: 15 / 4; background: url(archive/image/customization/deco-02.webp) no-repeat; background-size: contain; position: absolute; left: 0; bottom: 10px; z-index: 2;} *//* .banner-block::after { content: ''; width: 27vw; aspect-ratio: 3 / 1; background: url(archive/image/customization/deco-01.webp) no-repeat; background-size: contain; position: absolute; right: 0; bottom: 0px; z-index: 2; filter: drop-shadow(26px -6px 36px black);} *//* banner_內容 */ .banner-block .RWDbanner_plus01 .logo { width: 50vw; margin-bottom: 0; position: absolute; left: -7vw; bottom: 0;}.banner-block .RWDbanner_plus01 .logo img { margin-bottom: 0;}.banner-block .RWDbanner_plus01 .slick-caption { top: 0; text-align: center;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 { /* 螢幕2560px-1024px 大小100px-60px */ font-size: clamp(3.75rem, 2.0833rem + 2.6042vw, 6.25rem); font-weight: bolder; color: #000; border-bottom: var(--BorderPx1); width: fit-content; margin: auto; padding-bottom: 1vw; margin-bottom: 1vw; line-height: 1.3;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 { /* 螢幕2560px-1024px 大小43px-25px */ font-size: clamp(1.5625rem, 0.8125rem + 1.1719vw, 2.6875rem);}.banner-block .RWDbanner_plus01 .slick-caption .green { color: var(--MainColor);}#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { padding: 12vh 0 0; /* height: calc(100vh - var(--NaviHeight)) ; */ height: 100vh;}/* .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(100vh - var(--NaviHeight)) !important; height: calc(100vh - var(--NaviHeight)) !important; margin-top: var(--NaviHeight);} */ .banner-block .RWDbanner_plus01 .banner-slider.bg .pic-box { /* width: calc(100% - var(--NaviHeight) - var(--NaviHeight)); */ width: 100%; margin: auto;}/* .banner-block .RWDbanner_plus01 .banner-slider.bg .pic-box::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; border-style: solid; border-image-source: url(archive/image/customization/about-image-frame.webp); border-image-slice: 30 fill; border-image-repeat: repeat; image-rendering: crisp-edges; width: 100%; border-width: 2.0rem;} *//* 點點 */ .banner-block .RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { right: 0.5%;}.RWDbanner_plus01.style-dotnav .control-box .control { padding-bottom: 2rem;}.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots button { background: #333 !important; opacity: .3;}.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { opacity: 1;}/* scroll */ .banner-block .RWDbanner_plus01 .page-scroll { margin-left: -20px; left: 50%; bottom: -20px; transform: var(--TransformXCenter);}.banner-block .RWDbanner_plus01 .page-scroll a { color: transparent;}.banner-block .RWDbanner_plus01 .page-scroll.style01 a span,.banner-block .RWDbanner_plus01 .page-scroll.style02 a span { border-color: #000;}/* news-block */ .news-block { position: relative;}.news-box { background: rgb(255 255 255 / 75%); border-radius: 30px; padding: 4vw; position: relative; border: 1px solid #e7e5d0; box-shadow: 0px 6px 0px 0px rgb(231 229 208);}.news-box::before { content: ''; width: 14vw; aspect-ratio: 24 / 11; background: url(archive/image/customization/news-deco-01.webp) no-repeat; background-size: contain; position: absolute; left: 20%; top: 0px; transform: translateY(-100%);display:none;}.news-box::after { content: ''; width: 14vw; aspect-ratio: 120 / 47; background: url(archive/image/customization/news-deco-02.webp) no-repeat; background-size: contain; position: absolute; right: 20%; top: 0px; transform: translateY(-100%);}.news-block .RWDnews005 .container { width: 100% !important;}.brand-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div,.news-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div { border-radius: 50%; transition: var(--TransitionEase); color: #2db147; opacity: 1; width: 86px !important; height: 86px !important; background: #fff; display: flex; align-items: center; justify-content: center; border: 5px solid #2db147; box-shadow: 3px 3px 11px 0px #cac8bb;}.brand-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div .fa,.news-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div .fa { top: -2px; position: relative;}.brand-block .RWDnews005 .owl-carousel,.news-block .RWDnews005 .owl-carousel { overflow: visible; margin-bottom: 0;}.brand-block .RWDnews005 .owl-carousel .owl-wrapper-outer,.news-block .RWDnews005 .owl-carousel .owl-wrapper-outer { overflow: hidden;}.news-block .RWDnews005 .controlls-over .owl-controls .owl-next { right: -4vw; transform: translateY(-50%) translateX(50%);}.news-block .RWDnews005 .controlls-over .owl-controls .owl-prev { left: -4vw; transform: translateY(-50%) translateX(-50%);}.news-block .RWDnews005 .controlls-over .owl-controls .owl-next,.news-block .RWDnews005 .controlls-over .owl-controls .owl-prev { top: 50%;}.news-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 30px;}.news-block .RWDnews005 ul>li>i { display: none;}.news-block .RWDnews005 .owl-carousel .owl-item div { text-align: left;}.news-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item p,.news-block .RWDnews005 .owl-carousel .owl-item div a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 57px; transition: var(--TransitionEase);}.news-block .list-inline>li { margin-top: 1rem; font-size: 14px; color: #999;}.news-block .list-inline { margin-bottom: 0;}/* pdt-block */ .pdt-block { background: rgb(255 255 255 / 75%); position: relative;}.pdt-block .RWDproduct002_v3 { padding: 0;}html.no-touch .RWDproduct002_v3 .btn.btn-rj:hover { background-color: transparent; color: #333;}.pdt-block .RWDproduct002_v3 .popup-portfolio { margin: auto; margin-top: 2vw;}.pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item { padding: 0; transition: var(--TransitionEase); width: calc(100% / 4 - 31px); background: #fff; margin: 30px 15px; overflow: hidden; border-radius: 20px; border: 1px solid #e7e5d0; box-shadow: 0px 6px 0px 0px rgb(231 229 208);}.pdt-block .RWDproduct002_v3 .portfolio-item>.inner-content { overflow: hidden; border-radius: 20px;}.pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item img { aspect-ratio: 1/1;}.pdt-block .RWDproduct002_v3 .portfolio-item>.inner-content { background: #fff;}.pdt-block .RWDproduct002_v3 .portfolio-item>.inner-content>img { width: 80%; transition: var(--TransitionEase); margin: auto;}.pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item:hover img { transform: scale(1.05); transition: var(--TransitionEase);}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom .btn_add2car { background: var(--BtnHoverColor); border: 0;}.pdt-block .RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 { color: var(--TextMainColor);}.pdt-block .RWDproduct002_v3 .filter-portfolio ul { background: transparent; display: flex; margin-bottom: 0; justify-content: center; gap: 15px;}.pdt-block .RWDproduct002_v3 .active .btn.btn-rj { color: var(--MainColor); font-weight: 600; background: transparent; position: relative;}.pdt-block .RWDproduct002_v3 .btn.btn-rj::before { content: ''; width: 8px; height: 8px; background: #333; position: absolute; left: 40px; top: 50%; transform: rotate(45deg) translateY(-50%); transform-origin: center; transition: var(--TransitionEase);}.pdt-block .RWDproduct002_v3 .active .btn.btn-rj::before { background: var(--MainColor);}.pdt-block .RWDproduct002_v3 .btn.btn-rj { font-size: var(--FontSizeH3); letter-spacing: 1px; line-height: 1.5; padding: 6px 50px 6px 70px; font-weight: 400; width: 100%; background: transparent; color: #333; position: relative;}.pdt-block .RWDproduct002_v3 .filter-portfolio ul>li { margin: 0; border-radius: 50px; background: white; border: 3px solid #3d8b40;}.pdt-block .RWDproduct002_v3 .showbottom a { text-align: left;}.pdt-block .portfolio-bottom__h4 { font-size: var(--FontSizeH3); font-weight: 500; margin-top: 0px; color: var(--TextMainColor);}.pdt-block .portfolio-bottom { padding: 2rem; padding-top: 0;}.pdt-block .portfolio-bottom__p { font-size: 15px; color: var(--TextGreyColor); min-height: 105px; margin-top: 1rem;}.pdt-block .portfolio-bottom__p>br:nth-of-type(1) { display: none;}.pdt-block .portfolio-bottom__p b { margin: 0; background: #196828; position: absolute; left: 0; top: 0; color: #fff; padding: 10px 10px 25px 10px; font-size: 16px; line-height: 1.5; border-radius: 20px 0 0 0; text-align: center; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; font-weight: 500; clip-path: polygon(100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);}.pdt-block .portfolio-bottom,.pdt-block .portfolio-bottom-summary,.pdt-block .RWDproduct002_v3 .showbottom a,.pdt-block .portfolio-bottom__p { position: initial !important;}.pdt-block .RWDproduct002_v3 .price { text-align: left; margin-top: 2rem; margin-bottom: 1rem; display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: flex-end;}.pdt-block li.selprice { font-size: clamp(1.25rem, 1.1667rem + 0.1302vw, 1.375rem); color: #db1809; font-weight: 500; padding-right: 10px;}.pdt-block .RWDproduct002_v3 .price .delline { text-decoration: line-through; color: #999; font-size: clamp(0.875rem, 0.8333rem + 0.0651vw, 0.9375rem);}.pdt-block .RWDproduct002_v3 input.form-control,.RWDproduct002_v3 select.form-control,.RWDproduct002_v3 select.form-control:not([size]):not([multiple]) { height: clamp(2.1875rem, 1.8542rem + 0.5208vw, 2.6875rem); font-size: clamp(0.9375rem, 0.8542rem + 0.1302vw, 1.0625rem);}.RWDproduct002_v3 .select_col:before { right: 15px; top: 1px; line-height: calc(-2px + clamp(2.1875rem, 1.8542rem + 0.5208vw, 2.6875rem));}.RWDproduct002_v3 input.form-control,.RWDproduct002_v3 select.form-control,.RWDproduct002_v3 select.form-control:not([size]):not([multiple]) { padding: 0 20px;}.pdt-block .RWDproduct002_v3 .btn-box .shop { border-radius: 5px; padding: 1px; margin-top: 9px; border: 0; background: var(--MainHoverColor); color: #000; font-size: clamp(0.9375rem, 0.8542rem + 0.1302vw, 1.0625rem); letter-spacing: 1px; line-height: calc(-2px + clamp(2.1875rem, 1.8542rem + 0.5208vw, 2.6875rem));}/* 讓tab黏住 */div#RWDfullscreen01 { overflow: visible !important;}.pdt-block .RWDproduct002_v3 .section-inner .RWDproduct002_v3_catalogue { position: sticky; top: var(--NaviHeight); z-index: 3; padding: 0; background: #fefdfa;}.pdt-block .RWDproduct002_v3 .section-inner .RWDproduct002_v3_catalogue .col-md-12 { padding: 15px 10px;}.pdt-bg { margin-top: -10vw; opacity: 0.75;}.pdt-bg .RWDparallax_new,.pdt-bg .RWDparallax_new .picbgbox { height: 25vw !important;}.pdt-bg .RWDparallax_new .picbgbox { -webkit-mask: linear-gradient(0deg, #000 50%, transparent); mask: linear-gradient(0deg, #000 50%, transparent);}.pdt-block .RWDproduct002_v3 .btn-box .btn { background: var(--TextMainColor); color: #fff; padding: 0; font-size: 18px; line-height: 50px; max-width: 250px; width: 100%; border-radius: 20px; margin-top: 4vw; border: 5px solid #fff; box-shadow: 0px 2px 2px 1px #3333335c;}/* bounceIn 修正成 fadeIn*/@-webkit-keyframes bounceIn { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes bounceIn { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.bounceIn { -webkit-animation-name: fadeInUp !important; animation-name: fadeInUp !important;}.wave-block { position: absolute; bottom: -10px; width: 100%; overflow: hidden;}.wave { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23fbf9eb'/%3E%3C/svg%3E"); width: 200%; height: calc(var(--SectionPadding)*0.5); animation: wave 30s -3s linear infinite; transform: translate3d(0, 0, 0); animation-direction: alternate;}@keyframes wave { 0% { transform: translateX(0); } 50% { transform: translateX(-25%); } 100% { transform: translateX(-50%); }}/* video-block */ .video-block { position: relative;}.video-block::before { content: ''; width: 16vw; background: url(archive/image/customization/video-deco-03.webp) no-repeat; background-size: contain; position: absolute; left: 0; top: 4vw; aspect-ratio: 60 / 47; z-index: 1;}.video-block::after { content: ''; width: 17vw; aspect-ratio: 100 / 43; background: url(archive/image/customization/video-deco-02.webp) no-repeat; background-size: contain; position: absolute; right: 0; top: 3vw;}.video-block .figcaption_bottom .h2_line,.video-block .section-line { display: none;}.video-block { position: relative; overflow: hidden;}.video-block .figcaption_bottom h2 { font-weight: 500; letter-spacing: 1px; margin-top: 25px; margin-bottom: 8px; color: var(--TextMainColor); font-size: var(--FontSizeH3); line-height: 1.5;}.video-block .figcaption_bottom p { color: var(--TextGreyColor); font-size: var(--FontSizeDesc);}.video-block .RWDvideo002 figure.effect-sarah { background: transparent;}.video-block .RWDvideo002 figure.effect-sarah:hover img,.RWDvideo002 figure.effect-sarah:hover .iframe { opacity: unset; transform: scale(1.05);}.video-block .RWDvideo002 figure.effect-sarah img,.RWDvideo002 figure.effect-sarah .iframe { width: 100%;}.video-block .RWDvideo002 figure.effect-sarah img,.RWDvideo002 figure.effect-sarah .iframe { transform: unset;}.video-block .RWDvideo002 figure.effect-sarah { border-radius: 20px; overflow: hidden;}.video-block .RWDvideo002 .videoitem { margin: 0; padding: 40px; border-radius: 45px; overflow: hidden; background: #fff; width: 100%; box-shadow: 0px 6px 0px 0px rgb(231 229 208); border: 1px solid #e7e5d0; transition: var(--TransitionEase);}.video-block .RWDvideo002 .row::before,.video-block .RWDvideo002 .row::after { display: none;}.video-block .RWDvideo002 .row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem 3rem;}/* about-block */ .about-block { background: rgb(255 255 255 / 75%);}.about-image { border-radius: 20px; overflow: hidden; position: relative;}.about-image img { object-fit: cover; height: 100%; aspect-ratio: 4 / 2.5;}/* .about-image::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; border-style: solid; border-image-source: url(archive/image/customization/about-image-frame.webp); border-image-slice: 40 fill; border-image-repeat: repeat; image-rendering: crisp-edges; width: 100%; border-width: 2.0rem;} */ .about-box { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5vw 5vw; grid-auto-flow: row; grid-template-areas: "section-title about-image" "about-text about-image"; grid-template-rows: auto 1fr;}.about-box .section-title { grid-area: section-title; margin-bottom: 0; padding-bottom: 1.5vw; border-bottom: 3px dashed var(--MainColor);}.about-box .section-title .text-image { grid-area: text-image; display: none;}.about-box .about-text { grid-area: about-text;}.about-box .about-image { grid-area: about-image;}.about-btn a { background: var(--MainHoverColor); color: #333; padding: 0; font-size: 18px; font-weight: bold; line-height: 60px; width: 300px; border-radius: 20px; border: 5px solid #fff; box-shadow: 0px 2px 2px 1px #3333335c; display: block; text-align: center;}.about-text .description { grid-area: description; display: flex; flex-direction: column; gap: 1.5rem;}.about-text .description p { font-size: calc(var(--FontSizeDesc)*1.1); letter-spacing: 2px;}.about-bg .RWDparallax_new .picbgbox { -webkit-mask: linear-gradient(0deg, #000 50%, transparent 80%); mask: linear-gradient(0deg, #000 50%, transparent 80%);}.about-bg .RWDparallax_new,.about-bg .RWDparallax_new .picbgbox { height: 25vw !important;}.about-bg { margin-top: -8vw; opacity: 0.65;}/* brand-block */ .brand-block { position: relative;}.section-image,.brand-block .owl-buttons,.brand-block .RWDnews005 .section-line { display: none;}.brand-box { position: relative; background: #fefdfa; border-radius: 30px; padding: 2vw; display: flex; align-items: center; width: 100%; box-shadow: 0px 6px 0px 0px rgb(231 229 208); border: 1px solid #e7e5d0;}.brand-box .RWDnews005 { width: 100%;}.brand-box .RWDnews005 .owl-carousel.owl-padding-10 { margin-bottom: 0;}.brand-box .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 20px;}.brand-block .wave-block { bottom: unset; top: 0; transform: translateY(-70%); display: none;}.brand-box .RWDnews005 .controlls-over .owl-pagination { padding-top: 1rem;}@media(min-width:1199px) { .ebtn a:hover { color: #fff; background: var(--NaviHoverColor); } .index-btn:hover img { transform: scale(1.3) rotate(360deg); transition: var(--TransitionEase); } .index-btn.sub-color-blue:hover, .index-btn.outline:hover, .RWDbtn01 .btn:hover { background: var(--NaviHoverColor); transition: var(--TransitionEase); color: #fff; } .index-btn.outline:hover { border: 1px solid var(--NaviHoverColor); } .RWDmenu_plus04 .header.is-up .features .cart-btn:hover, .RWDmenu_plus04 .header.is-up .features .querycar-btn:hover, .RWDmenu_plus04 .header.is-up .features .share-group a:hover, .RWDmenu_plus04 .header.is-up .features i:hover, .RWDmenu_plus04 .header.is-up .lang-select:hover, .RWDmenu_plus04 .header.is-up .site-nav .menu>li>a:hover, .RWDmenu_plus04 .features .cart-btn:hover, .RWDmenu_plus04 .features .cart-btn:hover i, .RWDmenu_plus04 .features .querycar-btn:hover, .RWDmenu_plus04 .features .share-group a:hover, .RWDmenu_plus04 .features i:hover { color: var(--NaviHoverColor); } .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after { border-color: var(--NaviHoverColor); } .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover { font-size: var(--FontSizeNavi); background: var(--NaviHoverColor); transition: var(--TransitionEase); color: #fff; } .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover { background: var(--NaviHoverColor); transition: var(--TransitionEase); font-size: var(--FontSizeNavi); } .RWDmenu_plus04 .lang-select-label:hover::after, .RWDmenu_plus04 .header .site-nav .menu li.has-child>a:hover:after, .RWDmenu_plus04 .header .site-nav .menu li.active>a:after, .RWDmenu_plus04 .header .site-nav .menu li.has-child:hover>a:after { border-color: var(--NaviHoverColor); } .lang-select-label:hover i, .RWDmenu_plus04 .features .lang-select:hover .lang-select-label i, .RWDmenu_plus04 .lang-select:hover .lang-select-label { color: var(--NaviHoverColor); } .RWDmenu_plus04 .site-nav .manu-item:hover>a, .RWDmenu_plus04 .site-nav .menu ul li a:hover { text-decoration: unset; font-weight: 400; color: var(--NaviHoverColor); } .RWDmenu_plus04 .lang-select:hover .lang-select-label, .RWDmenu_plus04 .site-nav .menu>li>a:hover { background: transparent; color: var(--NaviHoverColor); } #div_forget_content #forget_table_btn:hover, .RWDmenu_plus04 .member-block a.login:hover, .RWDmenu_plus04 .member-block a.signin:hover, .RWDmenu_plus04 .member-block button.login:hover, .RWDmenu_plus04 .member-block button.signin:hover, .RWDmenu_plus04 .member-block a.login.is-on:hover, .RWDmenu_plus04 .member-block button.login.is-on:hover { background-color: var(--NaviHoverColor); color: #fff; transition: var(--TransitionEase); } .RWDmenu_plus04 .member-block .other a:hover { color: var(--NaviHoverColor); transition: var(--TransitionEase); } .lang-select-options a:hover, .lang-select-options a:hover * { font-weight: 400; color: var(--NaviHoverColor); } html.no-touch .pdt-block .RWDproduct002_v3 .btn.btn-rj:hover { background: transparent; color: var(--TextMainColor); } html.no-touch .pdt-block .RWDproduct002_v3 .btn.btn-rj:hover::before { transform: scale(1.2) rotate(45deg) translateY(-50%); background: var(--MainColor); transform-origin: center; transition: var(--TransitionEase); } .news-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div:hover { background: var(--MainColor); color: #fff; } .news-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover .RWDnews005 h4 a, .news-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover .news005_h4 a { color: var(--MainColor); transition: var(--TransitionEase); } .footer-block a:hover, .footer-menu a:hover { color: var(--MainColor); transform: var(--TransitionEase); } .RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover { background-color: transparent; } .RWDsocial002 ul.socialNetwork li:hover { transition: var(--TransitionEase); } .pdt-block .RWDproduct002_v3 .btn-box .btn:hover, .fix-btn-box a:hover { background: var(--BtnHoverColor); color: #fff; } .pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item:hover, .video-block .RWDvideo002 .videoitem:hover { box-shadow: 0px 6px 0px 0px rgb(45 177 71); transition: var(--TransitionEase); }}/* 20240606 */ .pdt-bg { opacity: 1;}.about-bg { margin-top: 0vw; opacity: 1;}/* banner */ .banner-block .RWDbanner_plus01 .logo { width: 53vw; left: 0;}.news-box::before { background: url(archive/image/customization/20240606_news-deco02.webp) no-repeat; background-size: contain;}.news-box::after { background: url(archive/image/customization/20240606_news-deco_right04.webp) no-repeat; background-size: contain;} /*footer start*/ /* footer_block */ .footer-block,.footer-block a { color: var(--TextMainColor);}.footer-block{ margin-top: 3vw;}.footer-box { background: #eeebd3; border-radius: 15px; padding-right: 5vw; padding-left: 5vw; width: 80%; margin: auto;}.footer-top { margin-bottom: 4rem; padding-bottom: 4rem; border-bottom: var(--BorderPx1);}.footer-top .RWDbase { flex-direction: column; justify-content: space-between; display: grid; grid-template-columns: 1fr ; gap: 2.5rem 5vw; grid-template-areas: "footer-logo " "footer-info ";}.footer-logo { grid-area: footer-logo;}.footer-info { grid-area: footer-info;}.footer-logo { max-width: 250px;}.footer-info .footer-list { list-style: none; padding-left: 0px; gap: 10px 3vw; display: grid; grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); font-size: 16px; margin-bottom: 0;}.footer-info .footer-list span:first-of-type { font-weight: bold; margin-right: 10px; display: inline-block;}.footer-menu .menu-list { list-style: none; padding-left: 0px; display: flex; gap: 5px 15px; margin-bottom: 0; flex-wrap: wrap;}.footer-map iframe { height: 100%;}/* footer-bottom */ .footer-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 5vw; grid-auto-flow: row; align-items: end; grid-template-areas: "footer-sns keyword" "footer-menu copyrights";}.footer-bottom .footer-sns { grid-area: footer-sns;}.footer-bottom .footer-menu { grid-area: footer-menu;}.footer-bottom .keyword { grid-area: keyword;}.footer-bottom .copyrights { grid-area: copyrights; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-end; gap: 5px;} .footer-slogan { grid-area: footer-slogan; font-size: var(--FontSizeEn); color: #0d3915a8; font-weight: bold; font-family: var(--FontFamilyTitle); text-align: center; margin-top: 3rem;}.footer-bottom .keyword { grid-area: keyword;}.footer-bottom .keyword br{ display: none;}.footer-bottom .keyword,.copyrights,.copyrights a,.copyrights:hover,.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #535353c4 !important; font-size: 12px !important; font-weight: 300; text-align: right; letter-spacing: 0px;}.RWDssl01 { display: flex;}/* footer-bg */ .footer-bg { margin-top: -8vw; z-index: 1; position: relative;}.footer-bg .RWDparallax_new,.footer-bg .RWDparallax_new .picbgbox { height: 20vw !important;}/* sns_block */ .RWDsocial002 { display: flex; align-items: center; gap: 20px;}.RWDsocial002 h3 { font-size: var(--FontSizeDesc); font-weight: bold;}.RWDsocial002 .pull-right { float: unset !important;}.RWDsocial002 ul.socialNetwork { padding: 0; display: flex; flex-direction: row; margin-bottom: 0;}.RWDsocial002 ul.socialNetwork img { width: 22px; position: relative; top: -3px;}.RWDsocial002 .iconRounded { border: 1px solid #88888875; background-color: transparent; width: 35px; height: 35px; transition: 0.3s ease-in-out; margin-right: 0; padding-top: 0; font-size: 20px; border-radius: 50%; line-height: 35px;}.RWDsocial002 ul.socialNetwork li { margin-bottom: 0; line-height: 0; display: flex; align-items: center; transition: 0.3s ease-in-out;}/* cookie */ .RWDalert_fancybox.bottom .editor a { text-decoration: underline; color: var(--SubColor);}.RWDalert_fancybox.bottom .editor a:hover { color: var(--MainColor);}.RWDalert_fancybox.bottom .editor{ margin-bottom: 0;}.RWDalert_fancybox.bottom { z-index: 99999 !important; width: 100%; padding:20px !important; box-shadow: 0 20px 40px rgb(51 51 102 / 60%) !important; background: rgba(255, 255, 255, 90%) !important; color: #000 !important; left: 50% !important; right: unset !important; line-height: 1.8 !important; border-radius: 0; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 1rem;}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active { padding: 5px 20px; border-color: var(--SubColor); background: var(--SubColor) !important; margin-top: 0; transition: var(--TransitionEase); border-radius: 50px;}.RWDalert_fancybox .btn:hover { border-color: var(--MainColor); background: var(--MainColor) !important; transition: var(--TransitionEase);}/* go top */ .scrollTop002 { bottom: 13vw; right: 20px; width: 40px; transition: var(--TransitionEase);}.scrollTop002 .ii:hover { opacity: 1 !important; transition: var(--TransitionEase);}.scrollTop002 .ii { font-size: 40px; background: #dfdabe; color: #333; opacity: .7 !important; border-radius: 50px; transition: var(--TransitionEase);}/*loading*/ .fl img { width: 230px; animation-name: loading-an; animation-duration: 2.5s; opacity: 0; transition: transform ease;}@-webkit-keyframes loading-an { 0% { opacity: 0; transform: translateX(200%) } 70% { opacity: 1; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(0%); }}/* 20240712 */ .page_wrapper_bg .footer-block { margin-top: 0;} /*footer end*/ /*內頁 start*/ /* 匯入內頁版面寬度80%*//* 匯入內頁版面寬度80%*//* 240605 main修正 */ .page_wrapper_bg .main {margin: 0 !important;}.page_wrapper_bg .collapsing_header .main {overflow: visible;}/*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;}:root { --intxt_color: #4d4d4d; --inmaintxt_color: #333; --btn-txt-color: #fff; --btn-txt-hover-color: #fff; --btn-main-color: #333; --btn-main-hover-color: #2db147; --btn-sub-color: #333; --btn-sub-hover-color: #2db147; --btn-border-radius: 99em; --FontFamilyTw: Noto Sans TC, sans-serif; /* 圓角數值更改處 方形改0；圓形改99em */}/*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: 80px 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 4rem; /*border-bottom: 1px solid rgb(231 229 208);*/ border-bottom: 2px dashed var(--MainColor);}/*搜尋*/ .RWDsearch_page .search-list { margin-bottom: 40px !important;}.RWDsearch_page .list-img .name {height: auto;}/*文字統一設定*/ .page_wrapper_bg .hgroup h1 { letter-spacing: 2px; font-weight: 600; margin-top: 0rem; margin-bottom: 0px; font-size: var(--FontSizeMain); color: #333; line-height: 1.2; font-family: var(--FontFamilyTitle); text-align: center;}.page_wrapper_bg .article-text h2 {font-size:var(--FontSizeSub);line-height: 1.3;letter-spacing:1px; color: #333;font-weight: 600;}.page_wrapper_bg .article-text h3 {letter-spacing: 1px;line-height: 1.3;margin-bottom: 20px; font-weight: 600; font-size: var(--FontSizeH3) !important; color: #333;}.page_wrapper_bg .article-text h4 {font-size: var(--FontSizeH3);line-height: 1.3;letter-spacing: 1px;margin: 0 0 20px;font-weight: 600; color: #333;}.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(--TextSubColor); 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;letter-spacing: 1px;color: var(--TextSubColor); font-weight: 400;font-family: var(--FontFamilyTw);}._bd_row li{margin-bottom: 10px;}._bd_row ol{padding-left: 22px;}._bd_row ul{padding-left: 18px;}/*麵包屑*/ .hgroup .breadcrumb {font-size:13px; background-color: transparent; border: none; text-align: center; float: none !important; position: relative; bottom: 0; padding: 0; margin: 0 0 20px;}.hgroup .breadcrumb a {color: #535353c4;}.hgroup .breadcrumb a:hover {color: var(--MainColor);}/*列表說明文字*/ .eformsDesc { margin: 0 0 50px !important; padding: 0 0 40px; border-bottom: 1px solid rgb(231 229 208) !important;}.eforms1 .eformsDesc { text-align: center;}.eformsDesc .contact_point_txt { font-size: 22px; color: #24963a; margin-bottom: 2rem; font-weight: 500;}.eforms1 .eformsDesc span { display: block;}/*-------按鈕--------*/#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: 12px 15px;display:block;}.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none;margin-top:60px;}.btn.btn_back a { min-width:220px;padding: 12px 15px;background: transparent;color:var(--btn-main-color); transition: all 0.2s ease;border: 1px solid #ccc9a5;line-height: 1.5;border-radius: var(--btn-border-radius); font-size: var(--FontSizeDesc);}.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);}/*確定送出*/ .page_wrapper_bg .ebtn {padding: 0;background: transparent;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;float: right;margin-right: 0;}.page_wrapper_bg .ebtn a{display:block;text-align:center;min-width:220px;line-height:1.5;padding:12px 15px!important;margin-top:20px;color:var(--btn-main-color)!important;background:transparent;border:1px solid #ccc9a5;transition:all .2s ease;border-radius:var(--btn-border-radius); font-size: var(--FontSizeDesc);}.page_wrapper_bg .ebtn a:hover {background: var(--btn-main-hover-color); color: var(--btn-txt-hover-color) !important; border-color: var(--btn-main-hover-color); transition: all .2s ease;}.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: #444;color: #fff;border: 1px solid #444;padding: 6px 12px;}#btn_member_login:hover {background: #000;color:#fff !important;border: 1px solid #000;}#div_forget_content #forget_table_btn{background:var(--MainColor);transition:.5s;color: var(--btn-txt-hover-color);border-radius: var(--btn-border-radius) !important;}#btn_member_login:hover,#div_forget_content #forget_table_btn:hover{background-color:#24963a;transition:.5s;color: var(--btn-txt-hover-color);border-radius: var(--btn-border-radius);}.join_form-title { font-weight: 500; color: #333;}/* 會員生日欄位長度修正 */#join_form input#memberColumns_00003 {min-width: 130px;}#join_form .btn-primary {min-width:180px;float: none; background: var(--MainColor);color: #fff;border: 1px solid var(--MainColor);}#join_form .btn-primary:hover,.shopping_viewlogin__submit:hover {background: #24963a !important;color:var(--btn-txt-hover-color) !important;border: 1px solid #24963a;}.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: 1rem;box-shadow:none;}.btn-primary a {color: var(--btn-txt-color);font-size: 1rem;}.btn-primary {padding: 8px 25px;}.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-hover-color);border-color: var(--btn-main-hover-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-hover-color);border-color: var(--btn-main-hover-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: 15px !important;;margin-bottom: 10px !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: var(--FontSizeH3) !important;font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 71px;}.layoutlist_7> .row:before, .layoutlist_7>.row:after {display: none;}.layoutlist_7 .litem {margin: 0 0 3rem !important;padding: 0 20px;}.layoutlist_7 .litem .img {border-radius: 20px; overflow: hidden;} #article .layoutlist_7 .row,#article .cate_list.row {display: flex;flex-wrap: wrap;}#article .cate_list.row .col-sm-6.col-md-4 {margin: 0 0 2rem;}/*文章列表-8*/ .layoutlist_8 .list_subject {padding: 0 4rem;}.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}/*文章列表-H*/ .rwdlayoutlist_9 .cdate {display: none;}.rwdlayoutlist_9 .litem { padding: 0 15px; margin: 0 0 50px;}/*.rwdlayoutlist_9 .subject { -webkit-line-clamp: 2;}*/ .rwdlayoutlist_9 .litem .litem__imgs { border-radius: 20px; overflow: hidden; border: 1px solid #e7e5d0;} .rwdlayoutlist_9 .litem:hover .subject, .rwdlayoutlist_9 .litem:hover .subject a { color: var(--MainColor) !important;}/*產品頁籤*/ .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 5px}#mobile-fixed,.RWDproduct_page{color:#444}.RWDproduct_page .tab-box .tab-container>ul>li{padding:70px;line-height:2;font-size:var(--FontSizeDesc);}.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 #e7e5d0 !important;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;}.RWDtimeline01 .line_dot2 span {background: linear-gradient(to bottom,rgba(251,249,235,0) 0,rgba(251,249,235,1) 2%,rgba(251,249,235,1) 100%); background: -webkit-linear-gradient(to bottom,rgba(251,249,235,0) 0,rgba(251,249,235,1) 2%,rgba(251,249,235,1) 100%);}/*相簿列表*/ .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:1rem;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-sub-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(--MainColor);color: #fff;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: #fff;border-radius: var(--btn-border-radius);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {background-color: #24963a;color: #fff;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: #fff;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: 1rem;letter-spacing: 1px;}/*產品列表樣式*/ .layoutlist_4 .product_list_item, .layoutlist_2 .product_list_item {margin: 0 0 50px;}.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-hover-color);border-radius: var(--btn-border-radius);}.layoutlist_4 .buybtn:hover{background:var(--btn-sub-hover-color);transition: .5s;}.productlist .layoutlist_4 .col-md-4 { padding: 0 20px;}.layoutlist_4 .product_list_item .img { border-radius: 20px; overflow: hidden; border: 1px solid #e7e5d0;}.layoutlist_4 .product_list_item .img img { transition: 0.5s ease;}.layoutlist_4 .product_list_item:hover .img img { transform: scale(1.05); transition: 0.5s ease;}#product .layoutlist_4 .product_list_item:hover .subject a { color: var(--MainColor) !important;}.layoutlist_4 .cate_div {display: none !important;}/*修正產品、文章預設列表排版*/ .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: 40px !important;text-align: left !important; width: 100%;flex-wrap: wrap;}.sortbar a:hover {color: var(--MainColor) !important;}.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{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 .pic-box { width: calc(100% - 400px);}.RWDproduct_page .products-info { width: 400px;}.RWDproduct_page .products-info .name{font-size:2rem;font-weight:700;color:var(--TextMainColor);line-height:1.3}.RWDproduct_page .products-info .subname {font-size: var(--FontSizeH4);}.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .txt .editor{font-size:1rem;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:.9rem!important}.pricearea .price,li#O_sellPrice,li#O_sellPrice b,span.payprice{color:#e50014!important;font-size:1.3rem!important;font-weight:500;}.RWDproduct_page .list-inline{display:flex;align-items:center}.RWDproduct_page .products-info .pd-info .control-label{font-size:.9rem!important}.RWDproduct_page .form-group{display:grid;grid-template-columns:110px calc(100% - 120px);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 .products-info .select-box, .RWDproduct_page .products-info .qtybox {width: 100%;}.RWDproduct_page .tab-box .tab-container { border: 1px solid #e7e5d0; background: #fff;}#mobile-fixed, .RWDproduct_page { color: var(--TextSubColor);}.RWDproduct_page .products-editor img { width: 100%;}/* 相關產品 */ .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: 20px 0;border: 0;}/*.eformscontent .layoutlist_1 {width: 800px; margin: 0 auto;}*/ .form-horizontal .form-group {margin-left: 0; margin-right: 0;}.form-horizontal .control-label {font-weight: 500;width: 100px;padding: 0 10px;}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(50% - 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-hover-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: 20px 30px !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(--main-clolor)}.privacy_block a {color: var(--main-clolor);transition: 0.4s}.privacy_block a:hover {color: var(--main-clolor);transition: 0.4s;text-decoration: none}.privacy_block h5 {font-size: 1.1rem;font-weight: bold;margin: 50px 0 10px;color: var(--main-clolor);}.privacy_block h6 {font-size: 16px;}.privacy_block ul {padding-left: 24px;}/*購物說明文字*/ .shopping_txt {line-height: 2;letter-spacing: 1px;color: var(--main-clolor)}.shopping_txt a {color: var(--main-clolor);transition: 0.4s}.shopping_txt a:hover {color: var(--main-clolor);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(--main-clolor);line-height:1.5 !important}.shopping_txt ul {padding-left: 24px;}/*前往付款、前往選取物流按鈕明顯*/a.info-box__gopay,.delivery-editor a {background: var(--main-clolor);padding: 5px 20px;color: #fff !important;border-color: var(--main-clolor);}/*隱私權購物說明最大寬度限制*//*.privacy_block,.shopping_txt {max-width: 1200px; margin: auto;}*/ .article6 .page_wrapper_bg section.call_to_action>.container, .article7 .page_wrapper_bg section.call_to_action>.container { max-width: 1200px;}/*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}.rwd .faq_question { font-size: 20px; font-weight: 500; padding: 20px 0; color: var(--TextMainColor); transition: all 0.3s ease; padding: 30px 0;}.rwd .faq_question:hover { color: var(--MainColor);}.faq_question .faq_q_icon { background: transparent; position: relative; margin: 0px 40px 0 0;}.faq_q_icon:before { content: "Q"; top: 0; position: absolute; background: #196828; color: #fff; padding: 7px 16px; margin-left: -10px; margin-top: -11px; border-radius: 99em;}.faq_answer .faq_a_icon { background: transparent;}.rwd .faq_answer { font-size: 16px; padding: 0 30px 36px 60px; color: var(--TextSubColor); border-radius: 15px 15px 0 0;}.faq_item { border-bottom: 1px solid #e7e5d0;}.faq_split { display: none;}.rwd .faq_answer img { max-width: 50%;}/* top鍵 */ .scrollTop002 {bottom: 100px;}/* 頁碼 */ .page ul{display:flex;justify-content:center}.page .page_active{background:#333;}.page .page_active,.page ul li a,.page ul li a:hover{width:35px;height:35px;font-size:1rem;line-height: 35px;}.page ul li a:hover{background:#eee}/* 內頁小標題 */ .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,.rwdlayoutlist_9 .subject { font-size: var(--FontSizeH3) !important; font-weight: 600; color: var(--TextSubColor) !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: var(--TextSubColor); letter-spacing: .5px;}#product .item .subject a { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 72px;}/*次選單C*/#sidebar .products-nav { background: rgb(255 255 255 / 75%); border-radius: 20px; overflow: hidden; font-family: var(--FontFamilyTw); border: 1px solid #e7e5d0; box-shadow: 0px 6px 0px 0px rgb(231 229 208);}.m2018 .products-nav .nav-title { font-weight: 700; color: #fff; background: #196828; padding: 15px 25px; font-size: var(--FontSizeH3); margin-bottom: 10px;}.m2018 .products-nav ul>li a { font-weight: 400; transition: all 0.3s ease; color: var(--TextMainColor); font-size: 18px !important;}.m2018 .products-nav li.active>a, .m2018 .products-nav li:hover>a { font-weight: 500; color: var(--MainColor); transition: all 0.3s ease;}.m2018 .products-nav ul li>ul>li>a { font-weight: 400; color: var(--TextMainColor); transition: all 0.3s ease;}.m2018 .products-nav ul li>ul>li.active>a, .m2018 .products-nav ul li>ul>li.is-open>a, .m2018 .products-nav>ul>li.active>a { color: var(--MainColor) !important; font-weight: 700 !important; transition: all 0.3s ease;}.m2018 .products-nav>ul>li { border-bottom: 1px solid #e7e5d0;}#sidebar .m2018 .products-nav>ul>li>a::before, #sidebar .m2018 .products-nav>ul>li>a::before { content: ''; background: #333; display: inline-block; position: relative; left: 0; width: 8px; height: 8px; margin: 0px 15px 0 0; transform: rotate(45deg) translateY(-50%); transform-origin: center; transition: .5s ease;}#sidebar .m2018 .products-nav ul li.active.notcate::before, #sidebar .m2018 .products-nav>ul>li.active>a::before, #sidebar .m2018 .products-nav>ul>li:hover>a::before { background: var(--MainColor); transition: .5s ease;}/*頁面白底*/ .eforms1 .layoutlist_1, .faq1 .layoutlist_2 { background: rgb(255 255 255 / 75%); border-radius: 30px; padding: 4vw; position: relative; border: 1px solid #e7e5d0; box-shadow: 0px 6px 0px 0px rgb(231 229 208);}#join_form { margin: 0 auto;}ul.list-inline.related-slider.slick-initialized.slick-slider { display: block;} /*內頁 end*/ /*內頁客製 start*/ /*關於*/ .ab-in-box { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 5vw; align-items: center;}.ab-in-img { border-radius: 20px; overflow: hidden;}.ab-in-img img { object-fit: cover; width: 100%; height: 100%; aspect-ratio: 4 / 2.5;}/*最新消息*/ .news-in-box { display: grid; grid-template-columns: 3fr 2fr; grid-gap: 3vw; margin-bottom: 4rem; padding-bottom: 4rem; border-bottom: 1px solid rgb(231 229 208);}.news-in-video iframe { /*height: 20vw;*/ height: 512px;}/*聯絡*/ .new-form .formdesc .contactUs-content { padding-right: 3vw;}.contactUs-content .logo { width: 250px; margin-bottom: 30px;}.contactUs-content ul.info { list-style: none; padding: 0; margin: 0; line-height: 1.5; display: flex; flex-direction: column; grid-gap: 13px 0;}.contactUs-content ul.info,.contactUs-content ul.info li a { color: var(--TextMainColor);}.contactUs-content ul.info li { display: grid; grid-template-columns: 130px auto; grid-gap: 0 10px;}.contactUs-content ul.info li a:hover { color: var(--MainColor);}.contactUs-content ul.info li span { font-weight: bold; /*margin-right: 10px; display: inline-block;*/}/*小知識*/ .know-box.know-main { margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgb(231 229 208);}.know-box h5.content-title { font-weight: 500; letter-spacing: 1px; margin-bottom: 10px; color: var(--TextMainColor); font-size: var(--FontSizeH3); line-height: 1.5;}.know-box h5.content-title i { margin-right: 8px;}.content-list { margin: 15px 0;}.content-list h6.list-title { display: inline-block; font-size: var(--FontSizeH4); color: #333; background: rgb(222 220 200); padding: 10px 20px; border-radius: 99em; margin: 0 0 5px;}.content-list ul { padding-left: 22px;}.content-btn { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; margin-top: 15px;}.content-btn .pro-link { display: flex; flex-direction: column; align-items: center; padding: 40px; border-radius: 45px; overflow: hidden; background: #fff; box-shadow: 0px 6px 0px 0px rgb(231 229 208); border: 1px solid #e7e5d0; text-align: center; font-size: 18px;}.content-btn .pro-link a { color: var(--TextMainColor); line-height: 1.5; display: inline-block; max-width: 250px; margin: 20px auto 0;}.content-btn .pro-link:hover a { color: var(--MainColor);}.content-btn .pro-link a i { margin-left: 5px; font-size: 20px;}.content-btn .pro-link img { width: 150px; transition: .5s ease;}.content-btn .pro-link:hover img { transform: scale(1.05); transition: .5s ease;}/*.know-link a, .content-btn a { color: var(--TextSubColor); border-bottom: 1px solid #959595; display: inline-block;}.know-link a:hover, .content-btn a:hover { color: var(--MainColor); border-bottom: 1px solid var(--MainColor);}*/ .know-link a i { font-size: 17px; margin-left: 5px;}b.know-point { font-size: 18px;}.know-link { margin: 20px 0 0;}/*產品頁面*/ul.pro-intro-fea { padding-left: 22px; margin: 0; display: flex; flex-direction: column; grid-gap: 8px;}ul.pro-intro-fea li b { display: block; line-height: 1.5;}ul.pro-tab-spec { list-style: disc; padding-left: 22px; margin: 0; display: flex; flex-direction: column; grid-gap: 15px 0; line-height: 1.5;}ul.pro-tab-spec li { display: grid; grid-template-columns: 150px auto;}ul.pro-tab-spec li span { font-weight: 500;}ul.pro-tab-spec li span:before { content: ''; position: relative; display: inline-block; width: 7px; height: 7px; border-radius: 99em; background: #333; margin-right: 7px; top: -2px;}.pro-tab-notice ol,.pro-tab-warning ol { padding-left: 22px;}.pro-tab-notice,.pro-tab-warning { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #e7e5d0;}.pro-tab-notice:last-child,.pro-tab-warning:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}.pro-tab-notice:last-child,.pro-tab-warning:last-child { margin-bottom: 0;}.pro-tab-notice .notice-title,.pro-tab-warning .warning-title { font-weight: 600; color: var(--TextMainColor); margin-left: -10px;}/*品牌*/ .article1.id11 { scroll-behavior: smooth; scroll-padding-top: 150px;}.article1.id11 .page_wrapper_bg section.call_to_action>.container { max-width: 1500px;}.brand-in-box { position: relative; background: #fefdfa; border-radius: 30px; padding: 3.5vw 4vw; display: grid; grid-template-columns: 300px auto; grid-gap: 0 3rem; align-items: center; width: 100%; box-shadow: 0px 6px 0px 0px rgb(231 229 208); border: 1px solid #e7e5d0;}.brand-menu ul { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px 3rem;}.brand-menu ul li { margin: 0; border-radius: 50px; background: white; border: 3px solid #3d8b40; transition: .5s ease;}.brand-menu ul li a { display: block; font-size: var(--FontSizeH4); letter-spacing: 1px; line-height: 1.5; padding: 10px 20px; text-align: center; font-weight: 500; width: 100%; background: transparent; color: #333; position: relative;}.brand-menu ul li:hover { background: var(--MainColor); border-color: var(--MainColor); transition: .5s ease;}.brand-menu ul li:hover a { color: #fff;}.brand-in-box .brand-link { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0 10rem;}.brand-in-box .brand-link a { color: var(--TextSubColor); border-bottom: 1px solid #959595; display: inline-block; width: fit-content; min-width: 200px; position: relative;}.brand-in-box .brand-link a:hover { color: var(--MainColor); border-bottom: 1px solid var(--MainColor);}.brand-in-box .brand-link a:after { content: "\f30f"; position: absolute; font-family: "Ionicons"; font-size: 16px; color: var(--TextSubColor); right: 2px; top: 1px; transition: .3s ease;}.brand-in-box .brand-link a:hover:after { color: var(--MainColor); right: 0; transition: .3s ease;}.brand-in-box .brand-txt p { text-align: justify;}.brand-name { margin-left: -13px !important;}.eforms1 .col-sm-12.col-md-12 .ebtn { width: 100%; float: none;}.RWDsearch_page .list-data>ul>li:nth-child(odd) { background: #fff;}/* 20240723 */ .productlist .layoutlist_4 .hashtag_block { margin-top: 16px; margin-bottom: 0;}.productlist .layoutlist_4 .col-md-4 { display: flex; flex-direction: column-reverse; margin-bottom: 50px;}.productlist .layoutlist_4 .product_list_item { margin: 0;}.hashtag_block .hashtagLink { border-radius: 50px; background: var(--MainHoverColor); font-size: 15px; color: var(--NaviUpColor) !important; padding: 2px 15px; white-space: unset;}.hashtag_block .hashtagLink:hover { background: var(--BtnHoverColor); color: #fff !important; opacity: 1;}.RWDproduct_page .hasgtag .hashtag_block { width: 400px; margin-left: auto; padding-right: 0;}.hashtag_block { margin-bottom: 10px;}.RWDsearch_page .search-name { color: var(--TextMainColor);}.RWDsearch_page a { color: var(--TextMainColor);}.RWDsearch_page .search-list a:hover,.RWDsearch_page .list-tab li a:hover,.RWDsearch_page a:hover { color: var(--BtnHoverColor);}.RWDsearch_page .list-tab li .qty { background: var(--BtnHoverColor);}.RWDsearch_page .list-title .qty { font-size: 15px; line-height: 26px; height: 28px; min-width: 28px; background: var(--BtnHoverColor); border: 1px solid var(--BtnHoverColor); color: #fff;}.RWDsearch_page .list-img .name { height: auto; text-align: left;}.RWDsearch_page .search-name,.RWDsearch_page .list-title { font-size: var(--FontSizeH4); font-weight: 600;}.RWDsearch_page .list-title,.RWDsearch_page .search-list a { color: var(--TextMainColor);}.RWDsearch_page .list-img .pic{ background: #fff;}.RWDsearch_page .list-img>ul>li{ width: calc(100% / 4);}.RWDsearch_page .list-tab{ position: relative;}/*241206 緊急預定*/ .RWDproduct_page .tab-box .tab-container .tab-con ul,.RWDproduct_page .tab-box .tab-container .tab-con ul li{list-style: disc !important;} /*內頁客製 end*/ /*小螢幕 start*/ @media (max-width: 2048px) { :root { --NaviHeight: 80px; } .container-60 { padding-right: 5vw; padding-left: 5vw; } .footer-box, .container-80 { width: 85%; } .container-75, .container-70 { padding-right: 0; padding-left: 0; } .banner-block .RWDbanner_plus01 .logo { width: 54vw; left: -7vw; bottom: -2vw; }}@media (max-width: 2150px) { /*內頁*/ .news-in-video iframe { height: 24.2vw; }}@media (max-width: 1800px) { .news-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 20px; } .video-block .RWDvideo002 .row { gap: 3rem 2rem; } .container-75, .container-70 { width: 85%; } .footer-box, .container-80 { width: 90%; } .container-60 { padding-right: 0; padding-left: 0; } .pdt-block .portfolio-bottom__p { font-size: 14px; } .video-block .RWDvideo002 .videoitem { border-radius: 40px; padding: 30px; } .footer-bottom { grid-template-columns: 1fr 1.5fr; } .footer-box { padding-right: 8vw; padding-left: 8vw; } .news-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div { width: 80px !important; height: 80px !important; }}@media (max-width: 1680px) { .news-box::before { width: 20vw; left: 15%; } .news-box::after { width: 17vw; right: 15%; } .footer-box { padding-right: 5vw; padding-left: 5vw; } .footer-top { margin-bottom: 3rem; padding-bottom: 3rem; } .scrollTop002 .ii { font-size: 35px; } #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { padding: 15vh 0 0; } .footer-logo { max-width: 220px; } .pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item { width: calc(100% / 3 - 31px); } /*內頁*/ .eforms1 .layoutlist_1, .faq1 .layoutlist_2 { padding: 70px; }}@media (max-width: 1600px) { /*內頁*/ .eforms1 .eformsDesc { text-align: left; } .eformsDesc .contact_point_txt span { display: contents; }}@media (max-width: 1536px) { :root { --NaviHeight: 75px; } .fix-btn { letter-spacing: 0; } .RWDmenu_plus04 .logo img { max-width: 200px; } .RWDmenu_plus04 .site-nav .menu>li>a { padding: 25px 10px; } .pdt-block .portfolio-bottom { padding: 2rem 1.5rem; padding-top: 0; }}@media (max-width: 1500px) { /*內頁*/ .news-in-video iframe { height: 26.8vw; } .brand-in-box { grid-template-columns: 250px auto; } .brand-menu ul { grid-gap: 10px 2rem; } #product .item .subject a { min-height: 58px; } .litem__text { width: 85%; padding: 25px; } .RWDproduct_page .products-info .name { font-size: 1.7rem; } .content-btn .pro-link img { width: 130px; } .content-btn .pro-link { font-size: 16px; }}@media (max-width: 1440px) { .news-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div { width: 70px !important; height: 70px !important; border: 3px solid #2db147; } .footer-bottom { grid-template-columns: 1fr; grid-template-areas: "footer-sns " "footer-menu " "keyword" "copyrights"; } .footer-bottom .keyword { text-align: left; margin-top: 20px; } .footer-bottom .copyrights { justify-content: flex-start; }}@media (max-width: 1400px) { /*內頁*/ .brand-menu ul { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 1366px) { .RWDmenu_plus04 .logo img { max-width: 170px; } .RWDmenu_plus04 .header { padding: 0 calc(1% + var(--NaviHeight)) 0 3% } .container-75, .container-70 { width: 90%; } .footer-box, .container-80 { width: 93%; } .pdt-block .RWDproduct002_v3 .btn.btn-rj { padding: 4px 35px 4px 50px; } .pdt-block .RWDproduct002_v3 .btn.btn-rj::before { width: 7px; height: 7px; left: 25px; } .pdt-block .RWDproduct002_v3 .filter-portfolio ul>li { border: 2px solid #3d8b40; } /*漢堡提早*/ .RWDmenu_plus04 .header-in { display: block; } .RWDmenu_plus04 .site-nav { display: none; } .RWDmenu_plus04 .ml-stack-nav-toggle { display: block; } .RWDmenu_plus04 #mobile-menu { display: block; } .RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: transparent; } .RWDmenu_plus04 #mobile-menu .menu>li.active { background-color: var(--MainColor); } .RWDmenu_plus04 #mobile-menu .menu li a { color: var(--NaviColor); } .RWDmenu_plus04 #mobile-menu .menu>li { border-bottom: 1px solid #f2ecf3; } .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a { letter-spacing: 2px; } .RWDmenu_plus04 #mobile-menu .menu>li:hover>a, .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a:hover { color: var(--SubColor); } .RWDmenu_plus04 #mobile-menu .menu>li.active:hover>a { color: #fff !important; } .RWDmenu_plus04 .features .lang-select, .RWDmenu_plus04 .features .language-block { display: none; } .RWDmenu_plus04 .features { float: right; width: fit-content; padding-right: 100px; } .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle { color: var(--NaviColor); } .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line { background: var(--NaviColor); } .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover, .RWDmenu_plus04 .ml-stack-nav-toggle:hover { color: var(--MainColor); } .RWDmenu_plus04 .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line { background: var(--MainColor); } .RWDmenu_plus04 .header { padding: 0 3%; } .fix-btn-box { right: 140px; } .RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after, .RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after, .RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a { color: #fff; } .banner-block { margin-top: 0; } .RWDbanner_plus01.style-dotnav.control-right .control-box { right: 0; } .RWDbanner_plus01.style-dotnav.dot .slick-dots button { width: 10px; height: 10px; line-height: 10px; } .banner-block .RWDbanner_plus01 .logo { width: 62vw; } .footer-info .footer-list { grid-template-columns: repeat(2, 1fr); } .footer-box { padding-right: 8vw; padding-left: 8vw; } /* 20240606 */ .footer-bg .RWDparallax_new, .footer-bg .RWDparallax_new .picbgbox { height: 18vw !important; }}/* 匯入內頁版面寬度80%*/@media (max-width: 1920px) { .page_wrapper_bg section.call_to_action { min-height: 700px; }}/*產品定售價掉落修正*/@media (max-width: 1500px) { .page_wrapper_bg section.call_to_action>.container { width: 90%; } .layoutlist_4 .pricearea span { margin: 0 } .layoutlist_4 .pricearea { flex-direction: column-reverse; align-items: flex-start } }/*寬度修正*/@media (max-width: 1400px) { #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 { padding-right: 40px; }}/*產品列表樣式D無側選單修正*/@media (max-width: 1300px) { .productlist .layoutlist_4 .col-sm-3.col-md-3 { width: calc(100%/3); float: left; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item { width: calc(100% / 2 - 31px);}.pdt-block .portfolio-bottom__p b { font-size: 15px; width: 70px; height: 80px;}.pdt-block .RWDproduct002_v3 { width: 95%; margin: auto;}.video-block .RWDvideo002 .videoitem { border-radius: 30px; padding: 20px;}.video-block .RWDvideo002 .row { gap: 30px 20px;}.video-block::before { width: 21vw;}.video-block::after { width: 24vw;}.about-text .description p { font-size: calc(var(--FontSizeDesc)* 1);}.container-60 { width: 85%;}.brand-box .RWDnews005 .controlls-over .owl-pagination { padding-top: 0rem;}.footer-logo { max-width: 200px;}/* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action { padding: 5rem 0;}.page_wrapper_bg section.call_to_action>.container { width: auto; padding: 0 30px;}#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);}/*內頁*/ .ab-in-box { align-items: flex-start;}#article .layoutlist_7 .litem { padding: 0 15px;}.brand-in-box { padding: 50px;}#product .item .subject a { min-height: 56px;}.litem__text { padding: 20px;}.eforms1 .layoutlist_1,.faq1 .layoutlist_2 { padding: 50px;}.RWDproduct_page .products-info .name { font-size: 1.5rem;}.eformsDesc .contact_point_txt { font-size: 20px;}.content-btn .pro-link { padding: 30px 20px;}.content-btn .pro-link img { width: 100px;}.content-btn .pro-link a i { position: relative; top: 2px;} } /*1199px end*/ /*1024px start*/ @media (max-width: 1024px) { .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item,#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { height: calc(100vh - 65px) !important;}.RWDmenu_plus04 .features:after,.banner-block::after { display: none;}.news-block .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0 15px;}.news-box::before { width: 28vw; left: 5%;}.news-box::after { width: 25vw; right: 5%;}.about-box { grid-template-columns: 1fr; grid-template-areas: "section-title" "about-text" "about-image"; padding: 0 3%; text-align: center;}.about-box .section-title { text-align: center;}.about-image img { aspect-ratio: 4 / 2;}.about-bg { margin-top: -5vw;}.footer-box { padding-right: 3rem; padding-left: 3rem;}/* 20240606 */ .banner-block .RWDbanner_plus01 .logo { width: 53vw; left: 0; bottom: 0;}/* 20240606 */ .footer-bg .RWDparallax_new,.footer-bg .RWDparallax_new .picbgbox { height: 17vw !important;}/* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action { padding: 60px 0;}/*產品內頁-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;} .RWDsearch_page .list-img>ul>li { width: calc(100% / 3); } } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .news-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div { width: 55px !important; height: 55px !important; border: 2px solid #2db147;}.pdt-block .RWDproduct002_v3 { width: 100%;}.pdt-block li.selprice { font-size: 18px;}.video-block .RWDvideo002 .row { grid-template-columns: repeat(2, 1fr);}.about-box { grid-template-columns: 1fr; grid-template-areas: "section-title" "about-text" "about-image"; gap: 2.5rem; padding: 0; text-align: left;}.about-box .section-title .main-title,.about-box .section-title .en-title { writing-mode: unset; width: 100%; text-align: center;}.about-box .section-title { display: flex; flex-direction: column; align-items: center; border-right: 0; padding-right: 0; padding-bottom: 2.5rem; border-bottom: 2px dashed var(--MainColor)}.footer-top .RWDbase { gap: 2rem;}.footer-slogan { margin-top: 2rem;}.RWDmenu_plus04 .header { padding: 0 25px;}.about-bg { margin-top: -3vw;}.scrollTop002 { bottom: 120px;}.RWDalert_fancybox.bottom { gap: 0; flex-direction: column;}.banner-block .RWDbanner_plus01 .logo { width: 73vw;}.pdt-block .portfolio-bottom__p { min-height: 95px;}/* 20240606 */ .banner-block .RWDbanner_plus01 .logo { width: 85vw;}.about-bg { margin-top: 5vw;}.footer-bg .RWDparallax_new,.footer-bg .RWDparallax_new .picbgbox { height: 20vw !important;}/* 匯入內頁版面寬度80%*//*麵包屑*/section.hgroup { margin: 0 0 20px;}.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%;}.pagecontent .RWDslider01,.pagecontent .RWDeditor01 { margin-top: 40px !important;}/*文章列表樣式*/ .RWDslider01 .products-list .products-item .box { align-items: flex-start;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate { padding-right: 0;}/*文章列表樣式-07*/#article .layoutlist_7 .litem { width: calc(100% / 3 - 1px); margin: 0 0 3rem !important;}/*文章列表樣式-08*/ .rwdlayoutlist_9 .litem { width: calc(100% / 2 - 1px);}.litem__text { width: 85%;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 { width: calc(100% / 3 - 1px);}/*產品列表樣式 B*/#product .layoutlist_3.row { display: flex; flex-wrap: wrap;}#product .layoutlist_3.row>.col-md-12 { width: calc(100% / 3 - 1px);}#product .item .subject { margin-top: 15px; margin-bottom: 10px;}/*產品列表樣式 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);}/*相簿列表樣式*/ .layoutlist_1 .row a,.row .album_d_item a { padding-bottom: 0;}/*相簿列表樣式-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;}.eformsDesc { margin: 50px 0 0;}/*影片列表*/ .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;}/*內頁*/ .ab-in-box { grid-template-columns: auto; grid-gap: 2rem 0;}.ab-in-img img { height: auto;}.hgroup .breadcrumb { font-size: 13px !important;}.news-in-box { grid-template-columns: auto; grid-gap: 30px 0; margin-bottom: 3rem; padding-bottom: 3rem;}.news-in-img { text-align: center;}.news-in-video iframe { height: 37.8vw;}.brand-in-box { grid-template-columns: auto; grid-gap: 30px;}.brand-logo { text-align: center;}.brand-menu ul { grid-template-columns: repeat(2, 1fr); grid-gap: 10px 1rem; margin: 0;}.productlist .layoutlist_4 .col-md-4 { padding: 0 15px;}.layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item,.rwdlayoutlist_9 .litem { margin: 0 0 40px;}.rwd .faq_question { font-size: 18px; line-height: 1.6; padding: 25px 0;}.faq_q_icon:before { padding: 7px 15px; font-size: 1.1rem;}.faq_question .faq_q_icon { margin: 0px 30px 0 0;}.rwd .faq_answer { padding: 0 30px 36px 50px;}.eformsDesc { margin: 0 0 30px !important; padding: 0 0 30px;}.formdesc { margin: 0 15px 30px !important; padding: 0 0 30px; border-bottom: 1px solid rgb(231 229 208) !important;}.new-form .formdesc .contactUs-content { padding-right: 0;}.contactUs-content .logo { width: 200px;}.know-box.know-main { margin-bottom: 2rem; padding-bottom: 2rem;}.RWDproduct_page .pic-box { width: calc(100% - 320px);}.RWDproduct_page .products-info { width: 320px;}.eformsDesc .contact_point_txt { font-size: 18px;}.content-btn .pro-link { font-size: 15px;}/* 20240723 */ .RWDproduct_page .hasgtag .hashtag_block { width: 320px;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { .pdt-block .RWDproduct002_v3 .filter-portfolio ul { overflow: scroll;}.pdt-block .RWDproduct002_v3 .filter-portfolio ul::before { content: ''; width: 100px; height: 100%; background: linear-gradient(274deg, #fefdfa 20%, transparent); position: absolute; right: 0; top: 0; z-index: 1;}.pdt-block .RWDproduct002_v3 .filter-portfolio ul>li:last-of-type { z-index: 2;}.pdt-block .RWDproduct002_v3 .price { margin-top: 1rem; margin-bottom: 1rem; flex-direction: column; align-items: flex-start; justify-content: flex-end;}/* 匯入內頁版面寬度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;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { .pdt-block .RWDproduct002_v3 .filter-portfolio ul { overflow: scroll; justify-content: flex-start;}.footer-info .footer-list { gap: 5px 3vw; grid-template-columns: 1fr; font-size: 15px;}/* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container {margin-left: 0;margin-right: 0;}/*.hgroup .page_subject {padding-bottom: 20px;}*//*按鈕*/ .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) { .RWDbanner_plus01.style-dotnav.control-left .plus-banner-container,.RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { position: relative; top: inherit; left: 0; right: 0}.RWDbanner_plus01.style-dotnav.control-left .control-box,.RWDbanner_plus01.style-dotnav.control-right .control-box { top: initial; position: absolute; bottom: 1.5%; width: 30px; height: 100vh !important}.RWDbanner_plus01.style-dotnav .control-box .items,.RWDbanner_plus01.style-dotnav .control-box .items li,.RWDbanner_plus01.style-dotnav .slick-arrow { display: inline-block; vertical-align: middle}.RWDbanner_plus01.style-dotnav .control-box .control { padding-bottom: 0;}.banner-block .RWDbanner_plus01 .logo { left: -11vw; width: 100vw;}.footer-bottom .copyrights { gap: 0; margin-top: 10px;}.footer-bottom .keyword { margin-top: 10px;}/* 20240606 */ .banner-block .RWDbanner_plus01 .logo { left: 0;}/* 20240606 */ .about-bg .RWDparallax_new,.about-bg .RWDparallax_new .picbgbox { height: 55vw !important;}.pdt-bg .RWDparallax_new,.pdt-bg .RWDparallax_new .picbgbox { height: 60vw !important;}.footer-bg .RWDparallax_new,.footer-bg .RWDparallax_new .picbgbox { height: 55vw !important;}/* 匯入內頁版面寬度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;}#article .layoutlist_7 .litem { width: 100%;}.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: 30px}/*產品列表樣式 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;}/*內頁*/ .news-in-video iframe { height: 34.8vw;}.brand-menu ul li a { padding: 10px 15px;}.rwd .faq_question tbody tr td:nth-child(2) { padding-right: 30px;}.tab_title { font-family: var(--FontFamilyTw) !important; font-weight: 400;}.layoutlist_7 .subject,.layoutlist_7 .subject a { min-height: auto;}#article .layoutlist_7 .litem { padding: 0 0 30px; margin: 0 0 30px !important; border-bottom: 1px solid #e7e5d0;}.RWDproduct_page .pic-box,.RWDproduct_page .products-info { width: 100%;}.RWDproduct_page .products-info .name-box { margin-top: 40px;}.RWDproduct_page .products-con { margin-bottom: 0;}.fix-btn-box { z-index: 21;}#mobile-fixed.hid-info { padding: 15px 0;}.RWDproduct_page .faq-list { margin-bottom: 30px;}.eforms1 .eformsDesc span { display: contents;}ul.pro-tab-spec li { grid-template-columns: auto;}.RWDproduct_page .faq-item .faq-answer { background: #fff;}ul.pro-tab-spec li span { margin-left: -13px;}.content-btn { grid-template-columns: repeat(2, 1fr); grid-gap: 15px 10px;}.RWDproduct_page .hasgtag .hashtag_block { width: 100%; text-align: center;}.RWDsearch_page .list-img>ul>li { width: calc(100% / 2);} } /*767px end*/ /*650px start*/ @media (max-width: 650px) { .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item, #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { height: calc(100vh - 70px - 50px) !important; } .RWDbanner_plus01 .device_pad, .RWDbanner_plus01 .img-pad, .RWDbanner_plus01 .setheight .pad { display: none; } .RWDbanner_plus01 .device_phone, .RWDbanner_plus01 .img-phone, .RWDbanner_plus01 .setheight .phone { display: block; } .pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item { margin: 1.5rem 10px; height: auto !important; width: calc(100% / 2 - 21px); } .pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item:before { display: none; } .pdt-block .portfolio-bottom__p b { font-size: 12px; width: 50px; height: 60px; letter-spacing: 0; padding: 12px 5px 20px 5px; } .fix-btn-box.is-up, .fix-btn-box { top: unset; right: 0; bottom: 0; width: 100%; } .fix-btn { width: 100%; aspect-ratio: unset; display: flex; flex-direction: row; height: 50px; gap: 15px; font-size: 22px; border-top: 1px solid #aff490; } .RWDmenu_plus04 .features { padding-right: 0; } .video-block::after, .video-block::before, .news-box::before, .news-box::after { display: none; } .video-block .RWDvideo002 .row { grid-template-columns: 1fr; } .container-75, .container-70, .footer-box, .container-80 { width: calc(100% - 30px); } .news-box { padding: 2rem 1rem; } .pdt-block .RWDproduct002_v3 .btn-box .btn { max-width: unset; } .about-bg .RWDparallax_new, .about-bg .RWDparallax_new .picbgbox, .pdt-bg .RWDparallax_new, .pdt-bg .RWDparallax_new .picbgbox { height: 250px !important; }#product .item .subject a, .pdt-block .portfolio-bottom__h4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 51px !important; } .pdt-bg { margin-top: -17vw; } .about-image img { aspect-ratio: 4 / 2.5; } .footer-block { padding-bottom: 50px; } .footer-box { padding: 3rem 2rem; } .footer-logo { max-width: 170px; } .footer-info .footer-list span { margin-right: 5px; min-width: 80px; } .news-box { border-radius: 20px; } .pdt-block .portfolio-bottom { padding: 1rem; padding-top: 0; }/* .portfolio-bottom-summary, .pdt-block .RWDproduct002_v3 .popup-portfolio .portfolio-item, .pdt-block .portfolio-bottom__p, .pdt-block .portfolio-bottom__h4 { height: auto !important; } */ .video-box .section-content, .RWDproduct002_v3_itemblock .col-md-12 { padding: 0; } .about-bg { margin-top: -10vw; } .footer-bg .RWDparallax_new, .footer-bg .RWDparallax_new .picbgbox { height: 120px !important; background-position-x: left; } /* 20240606 */ .about-bg .RWDparallax_new, .about-bg .RWDparallax_new .picbgbox, .pdt-bg .RWDparallax_new, .pdt-bg .RWDparallax_new .picbgbox { height: 340px !important; } .footer-bg .RWDparallax_new, .footer-bg .RWDparallax_new .picbgbox { height: 320px !important; background-position-x: center; } /*內頁*/ .page_wrapper_bg .RWDmenu_plus04 .header { background: #fff; } .page_wrapper_bg .main { margin-top: 75px !important; } .contactUs-content .logo { width: 170px; } } /*650px end*/ /*600px start*/ @media (max-width: 600px) { .brand-block .owl-buttons { display: block;}.brand-box .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0;}.brand-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div,.news-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div { width: 45px !important; height: 45px !important; border: 2px solid #2db147;}.brand-box { padding: 2rem;}.brand-block .RWDnews005 .controlls-over .owl-controls .owl-prev { left: -55px;}.brand-block .RWDnews005 .controlls-over .owl-controls .owl-next { right: -55px;}.brand-block .RWDnews005 .owl-carousel .owl-item div { position: relative; text-align: center; display: flex; align-items: center; justify-content: center;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 42px; padding-bottom: 0rem; margin-bottom: 0rem; border-bottom: 0;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: 18px; margin-top: 5px;}#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { padding: 13vh 0 0;}/* 匯入內頁版面寬度80%*//*標題*/ .hgroup { padding-left: 15px; padding-right: 15px;}.hgroup h1 { margin-bottom: 50px; line-height: 1.8;}.hgroup .container { margin: 0 0 40px;}.hgroup .breadcrumb { margin: 0 0 30px;}/*按鈕*/ .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;}.page_wrapper_bg .ebtn a { min-width: auto; width: 100% !important;}/*container*/ .page_wrapper_bg .pagecontent { padding: 0px !important;}.page_wrapper_bg section.call_to_action { padding: 50px 0;}.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%; padding: 0 0 40px; margin: 0 0 40px; border-bottom: 1px solid #eee;}/*文章列表樣式-08*/ .layoutlist_8.rwd .item { border-bottom: 1px solid #eee; width: 100%;}/*文章列表樣式-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%/2 - 12px); float: left;}.productlist .layoutlist_4{gap: 12px;}/*產品列表樣式 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;}/*內頁*/ .page_wrapper_bg .hgroup h1 { letter-spacing: 0; font-size: 28px;}.news-in-video iframe { height: 37.8vw;}.news-in-box { margin-bottom: 2rem; padding-bottom: 2rem;}.brand-in-box { padding: 40px 30px;}.brand-in-box .brand-link a { width: 100%;}.page_wrapper_bg .article-text h4 { margin: 0 0 10px;}#product .item .subject a { min-height: auto;}.rwdlayoutlist_9 .litem { padding: 0;}.productlist .layoutlist_4 .col-md-4{ padding: 0 ;}.sortbar { margin-top: 0; margin-bottom: 20px !important; font-size: 14px !important; line-height: 1.5;}.layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item,.rwdlayoutlist_9 .litem { margin: 0 0 30px;}.rwdlayoutlist_9 .subject { -webkit-line-clamp: inherit;}.faq_q_icon:before { display: none;}.rwd .faq_question tbody tr td:first-child { display: none;}.eforms1 .layoutlist_1,.faq1 .layoutlist_2 { padding: 40px 30px;}.rwd .faq_question tbody tr td:nth-child(2) { padding-right: 30px;}.rwd .faq_question { font-size: 16px; line-height: 1.5; padding: 20px 0;}.rwd .faq_answer img { max-width: 100%;}.rwd .faq_answer { padding: 0 0 36px 0;}.contactUs-content ul.info li { grid-template-columns: auto;}#article .layoutlist_7 .litem { padding: 0 0 30px; margin: 0 0 30px !important; border-bottom: 1px solid #e7e5d0;}.content-btn>div { display: grid; grid-template-columns: 20px auto;}b.know-point { font-size: 16px;}.brand-menu { position: sticky; top: 75px; z-index: 3; width: 100%;}.brand-menu ul { flex-wrap: nowrap; overflow-x: scroll; display: flex; justify-content: flex-start; grid-gap: 0 10px;}.brand-menu ul li { width: fit-content;}.brand-menu ul li a { white-space: nowrap;}.RWDproduct_page .products-info .name { font-size: 1.3rem;}.eformsDesc .contact_point_txt { font-size: 17px;}.content-btn { grid-template-columns: auto; grid-gap: 15px 10px;}.content-btn .pro-link a { max-width: 210px;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .banner-block .RWDbanner_plus01 .logo { left: 0vw; width: 115vw; bottom: -10vw;}.RWDmenu_plus04 .logo img { max-width: 140px;}.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .search-btn { padding: 25px 10px;}.banner-block .RWDbanner_plus01 .slick-caption { width: 100%;}.footer-box { padding: 2rem 1.5rem;}.footer-menu .menu-list { gap: 5px 12px;}.footer-info .footer-list li { display: flex;}.RWDbanner_plus01.style-dotnav .control-box .control { vertical-align: bottom; padding-bottom: 3rem;}.about-box .section-title .main-title { letter-spacing: 0;}.footer-info .footer-list li { display: flex; flex-direction: column;}.footer-info .footer-list { gap: 10px;}/* 20240606 */ .banner-block .RWDbanner_plus01 .logo { bottom: 0; width: 100%;}/* 匯入內頁版面寬度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;}/*內頁*/ .RWDproduct_page .list-inline { flex-direction: column; align-items: flex-start;}.RWDproduct_page .hasgtag .hashtag_block { text-align: left;}.hashtag_block .hashtagLink { font-size: 14px;}@media (max-width: 414px) { /*文章左右圖文輪播PH*/ .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list { margin: 0; }} } /*480px end*/ /*380px start*/ @media (max-width: 380px){ :root { --FontSizeMain: 30px;}.RWDmenu_plus04 .header { padding: 0 15px;}.RWDmenu_plus04 .logo img { max-width: 110px;}.container-75,.container-70,.footer-box,.container-80 { width: calc(100% - 40px);}.footer-bottom .copyrights { text-align: left;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 32px;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: 15px;}.about-bg .RWDparallax_new,.about-bg .RWDparallax_new .picbgbox,.pdt-bg .RWDparallax_new,.pdt-bg .RWDparallax_new .picbgbox { height: 300px !important;}.footer-bg .RWDparallax_new,.footer-bg .RWDparallax_new .picbgbox { height: 260px !important;}/* 匯入內頁版面寬度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;}/*內頁*/ .brand-in-box { padding: 35px 25px;}.verifyimg { margin-left: 3px;}.RWDsearch_page .list-img>ul>li { width: calc(100% / 1);} } /*380px end*/