:root { --TransitionEase: .3s ease; --MainColor: #6ca6cd; --SubColor: #EEC900; --NaviColor: #333; --NaviHoverColor: #6ca6cd; --NaviUpColor: #333; --TextMainColor: #222; --TextSubColor: #555; --TextGreyColor: #555; --BorderPx1: 1px solid #2551772e; --BtnHoverColor: #4596cc; --MainHoverColor: #ffd76c; --SubHoverColor: #DF0029; /* 螢幕2560px-767px 大小46px-25px */ --FontSizeMain: clamp(1.5625rem, 1.001rem + 1.1712vw, 2.875rem); /* 螢幕2560px-767px 大小22px-18px */ --FontSizeSub: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem); /* 螢幕2560px-767px 大小24px-20px */ --FontSizeH3: clamp(1.25rem, 1.1431rem + 0.2231vw, 1.5rem); /* 螢幕2560px-767px 大小18px-16px */ --FontSizeH4: clamp(1rem, 0.9465rem + 0.1115vw, 1.125rem); /* 螢幕2560px-767px 大小16px-15px */ --FontSizeH5: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem); /* 螢幕2560px-767px 大小18px-15px */ --FontSizeDesc: clamp(0.9375rem, 0.9038rem + 0.1382vw, 1.125rem); /* 螢幕2560px-767px 大小24px-16px */ --FontSizeEn: clamp(1rem, 0.7861rem + 0.4462vw, 1.5rem); /* 螢幕2560px-1366px 大小17px-15px */ --FontSizeNavi: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem); --FontFamily: "Noto Sans TC", sans-serif; --FontFamilyEn: "Cormorant Garamond", serif; --FontFamilyTw: "Noto Sans TC", sans-serif; --NaviHeight: 80px; --StickyHeight: 180px; --FixBtnWidth: 7.5vw; --InnerPadding: clamp(4.6875rem, 1.3321rem + 5.4175vw, 10rem); --InnerHrMargin: clamp(1.875rem, 0.4167rem + 2.2786vw, 4.0625rem); /* 螢幕2560px-1200px 大小160px-60px */ --SectionPadding: clamp(3.75rem, -1.7647rem + 7.3529vw, 10rem); --SectionTitleBottom: 2.5rem; --SpacePX8: 8px; /* 螢幕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: #555; background-repeat: repeat;}.cd-main-content { overflow: hidden; background: url(archive/image/customization/bg-02.webp) repeat;}/*容器設定*/#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-90 { width: 90%; margin: auto; z-index: 1; position: relative;}.container-80 { width: 80%; margin: auto; z-index: 1; position: relative;}.container-85 { width: 85%; margin: auto; z-index: 1; position: relative;}.container-70 { width: 70%; margin: auto; z-index: 1; position: relative;}/* 共用設定 */ .section-spacing { padding: var(--SectionPadding) 0;}.section-spacing-top { padding-top: var(--SectionPadding);}.section-spacing-bottom { padding-bottom: var(--SectionPadding);}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;}.section-title-bottom { margin-bottom: var(--SectionTitleBottom) !important;}.white,.section-title.white .en-title,.section-title.white .sub-title,.description.white,.description.white p,.section-title.white .description,.section-title.white .main-title,.section-title.white { color: #fff;}.main-title { margin-top: 0rem; margin-bottom: 0; font-size: var(--FontSizeMain); color: var(--TextMainColor); font-weight: 700; letter-spacing: 4px; line-height: 1.3;}.main-title+.sub-title { margin-top: calc(var(--SpacePX8)*1);}.index h3.sub-title { letter-spacing: 1px; font-size: var(--FontSizeSub); line-height: 1.5; color: #272727; font-weight: 500;}.en-title { font-size: clamp(3.125rem, 1.4401rem + 6.9124vw, 12.5rem); font-weight: 300; letter-spacing: -1px; font-family: var(--FontFamilyEn) !important; line-height: 1; color: var(--MainColor);}p,.description { font-size: var(--FontSizeDesc); letter-spacing: 1px; color: var(--TextSubColor); line-height: 1.8; font-weight: 400; font-family: var(--FontFamily) !important;}.section-title.center { text-align: center;}.section-title.center .image { margin: 0 auto 15px;}.RWDnews005 h4,.news005_h4,.index h3 { font-size: var(--FontSizeH3); font-weight: 500; letter-spacing: 1px; color: #333;}.RWDnews005 h4,.news005_h4{ line-height: 1.3;}.flex-row { display: flex; flex-direction: row;}.flex-column { display: flex; flex-direction: column;}.anchor-block { padding-top: calc(var(--NaviHeight)*0.9); margin-top: calc(0px - calc(var(--NaviHeight)*0.9));}/* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; *//* btn */ .RWDbanner005_v2 .more-btn,.ebtn a,.index-btn a,.RWDbtn01 .btn { border: 1px solid #ccc; padding: 15px; width: 250px; border-radius: 50px; font-size: 18px; letter-spacing: 2px; margin: 3rem 0 0; transition: var(--TransitionEase); display: flex; align-items: center; justify-content: center; color: var(--TextMainColor);}.index-btn.main-color { color: #fff; background: var(--MainColor);}.ebtn a { color: #fff; background: var(--SubColor);}.index-btn.sub-color-blue { color: #fff; background: var(--SubColorBlue);}.index-btn img { transition: var(--TransitionEase); margin-left: 10px;}.index-btn.outline { border: 1px solid #fff; background: transparent; color: #fff;}/*搜尋*/ .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(--FixBtnWidth)) 0 3%; background: #fff; transition: var(--TransitionEase);}.RWDmenu_plus04 .logo { position: relative; display: flex; align-items: center; width: fit-content; transition: var(--TransitionEase); margin: 1rem 0;}.RWDmenu_plus04 .logo img { height: calc(var(--NaviHeight) - 10px); aspect-ratio: 5/3;}.RWDmenu_plus04 .header.is-up::before { height: 100%; opacity: 1; transition: var(--TransitionEase); left: 0;}.RWDmenu_plus04 .header.is-up .logo { transition: var(--TransitionEase);}.RWDmenu_plus04 .site-nav .menu>li>a { font-size: var(--FontSizeNavi); text-align: center; color: var(--NaviColor); letter-spacing: 3px; font-weight: 400;}.RWDmenu_plus04 .features { width: 70px}.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>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: var(--NaviColor); 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: #fff;}.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);}.fix-btn-box.is-up { transition: var(--TransitionEase);}.fix-btn img { width: 22px; height: 22px; margin-right: 5px; filter: brightness(0);}.fix-btn { color: #333; letter-spacing: 2px; font-size: var(--FontSizeNavi); height: calc(var(--NaviHeight) + 22px); align-items: center; justify-content: center; width: var(--FixBtnWidth); background: #EEC900; display: flex;}/* banner_block */ .banner-block { margin-top: 0; position: relative;}.banner-block::before { content: ''; margin: 0; line-height: 1; position: absolute; bottom: 0.5vw; left: 50%; z-index: 1; transform: var(--TransformXCenter); background: url(archive/image/customization/banner-deco.webp) no-repeat; width: 98%; height: auto; aspect-ratio: 512 / 29; opacity: 0.4; background-position: center; background-size: contain;}/* banner_內容 */ .banner-block .RWDbanner_plus01 .logo img { width: 30vw; margin-bottom: 0;}#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { width: 75%;}.banner-block .RWDbanner_plus01 .slick-caption { top: 52vh; color: #fff; position: relative;}.banner-block .RWDbanner_plus01 .slick-caption::before { content: ''; width: 50vw; aspect-ratio: 1 / 1; position: absolute; left: 50%; top: -8vh; background: linear-gradient(var(--SubColor) 5%, #fff0 65%); border-radius: 50%; transform: var(--TransformXCenter);}.banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: clamp(2.1875rem, 1.0846rem + 1.4706vw, 3.4375rem); font-weight: 700; line-height: 1.3; letter-spacing: 1px;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: clamp(1.25rem, 0.8088rem + 0.5882vw, 1.75rem); margin-top: 0.5vw; font-weight: 400; letter-spacing: 1px; line-height: 1.4;}.banner-block .RWDbanner_plus01 .slick-caption .txt3 { font-size: clamp(1.125rem, 1.0147rem + 0.1471vw, 1.25rem); font-weight: 300; margin-top: 6vh;}/* 點點 */ .banner-block .RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { right: 0.5%;}.banner-block .RWDbanner_plus01.style-dotnav .control-box .control { padding-bottom: 2rem;}.banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots button { background: #fff !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 { right: calc(50% - 100px); transform: var(--TransformXCenter); margin-left: 0; left: unset; bottom: 8vh;}.banner-block .RWDbanner_plus01 .page-scroll a { color: transparent; text-shadow: transparent;}/* about-block */ .about-block { position: relative; background: linear-gradient(45deg, #ffffffab, transparent);}.about-block::before { content: ''; width: 1px; height: 100%; left: 7.5%; top: 0; background: #2551772e; position: absolute;}.about-box { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3vw 0rem; grid-auto-flow: row; grid-template-areas: "en-title en-title" "about-text about-image"; padding: 0 7.5vw; position: relative;}.about-box .en-title { grid-area: en-title; position: relative; padding-bottom: 3vw;}.about-box .en-title:before { content: ''; width: calc(100% + 15vw); height: 1px; left: -7.5vw; bottom: 0rem; background: #2551772e; position: absolute;}.about-box .en-title::after { content: ''; width: 5vw; aspect-ratio: 5 / 3; position: absolute; background: url(archive/image/customization/logo-2.webp) no-repeat; right: 0; bottom: 4.3vw; background-size: contain;}.about-text { grid-area: about-text;}.about-image { grid-area: about-image;}.about-image img { height: 100%; object-fit: cover; object-position: bottom; width: 100%;}.index-btn .about-btn { color: #333; margin-top: 4vw;}.about-box .index-btn { width: fit-content;}.about-text .section-title { margin-bottom: 4vw;}/* news-block */ .series-block,.news-block { position: relative; padding-left: 7.5%;}.news-block::before { content: ''; width: 7.5%; height: 100%; background: var(--MainColor); position: absolute; left: 0; top: 0; border-right: var(--BorderPx1);}.news-block::after { content: ''; width: 40vw; aspect-ratio: 4 / 3; right: 0%; top: 0; background: url(archive/image/customization/about-deco.webp) no-repeat; background-size: contain; position: absolute; opacity: 0.5;}.RWDbanner005_v2.title-left .title_block { display: none;}.series-btn a,.RWDbanner005_v2 .more-btn { position: relative; margin: 3vw auto 0;}.RWDbanner005_v2 .add-cart:before,.RWDbanner005_v2 .more-btn__arrow { display: none;}.RWDbanner005_v2 .add-cart { height: 45px;}.RWDbanner005_v2 .img_wrap:hover .add-cart { background: var(--SubColor);}.RWDbanner005_v2 .add-cart .add-cart-span{ color: var(--TextMainColor);}.RWDbanner005_v2 .swiper-left .sub-link,.RWDbanner005_v2 .swiper-right .sub-link { display: none;}.news-title { margin-top: clamp(6.9124vw, 12.5rem + 3.125rem, 1.4401rem);}.news-title .sub-title { margin-bottom: 2vw;}.news-title .en-title { display: flex; flex-direction: column; line-height: 0.8; pointer-events: none; width: 100%; position: absolute; top: -1vw; transform: translateY(-50%);}.en-title-2 { margin-left: 260px;}.RWDbanner005_v2 .swiper-left,.RWDbanner005_v2 .swiper-right { margin-top: 7%; border: 0; min-height: unset;}.RWDbanner005_v2 .main-title,.RWDbanner005_v2 .swiper-left .main-title,.RWDbanner005_v2 .swiper-right .main-title { font-size: var(--FontSizeH3); line-height: 1.5; max-height: unset; color: var(--TextMainColor); margin-bottom: 0; letter-spacing: 2px;}.RWDbanner005_v2 .subtitle,.RWDbanner005_v2 .swiper-left .subtitle,.RWDbanner005_v2 .swiper-right .subtitle { font-size: var(--FontSizeDesc); letter-spacing: 1px; color: var(--TextSubColor); line-height: 1.8; font-weight: 400;}.RWDbanner005_v2 .subtitle { margin-bottom: 20px;}.RWDbanner005_v2 .sqare_shadow.swiper-prev,.RWDbanner005_v2 .sqare_shadow.swiper-next { top: calc(50% - 50px); transform: var(--TransformYCenter); box-shadow: 0px 5px 10px #33333329;}.RWDbanner005_v2 .sqare_shadow { width: 60px; height: 60px; border-radius: 50%; box-shadow: unset;}.RWDbanner005_v2 .sqare_shadow.swiper-next:after,.RWDbanner005_v2 .sqare_shadow.swiper-prev:after { width: 16px; height: 16px; opacity: 1;}/* series-block */ .series-block { background: #ffffff59; padding-right: 7.5%;}.series-block::before { content: ''; width: 7.5%; height: 100%; background: transparent; position: absolute; left: 0; top: 0; border-right: var(--BorderPx1);}.series-block::after { content: ''; width: 7.5%; height: 100%; background: transparent; position: absolute; right: 0; top: 0; border-left: var(--BorderPx1);}.series-title .en-title { margin-bottom: 1.5vw; display: block;}.RWDproduct004 section { border-bottom: 0;}.RWDproduct004 #portfolio .mix-grid { display: grid; grid-template-columns: repeat(3, 1fr);}.RWDproduct004 #portfolio.portfolio-nogutter .row>div,.RWDproduct004 #portfolio.portfolio-nogutter .item-box { width: 100%;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div { border: var(--BorderPx1); padding: 1.5rem !important; border-right: 0;}.RWDbanner005_v2 .swiper-center::before,.RWDnews005 .owl-carousel.owl-padding-10 .owl-item::before,.RWDproduct004 #portfolio.portfolio-nogutter .row>div::before { content: ''; width: 0%; height: 100%; position: absolute; background: #fff; top: 0; left: 0; transition: var(--TransitionEase);}.RWDbanner005_v2 .add-cart .add-cart-span { font-size: 17px;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div:last-of-type,.RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(4n) { border-right: var(--BorderPx1);}.RWDproduct004 #portfolio .mix-grid::before,.RWDproduct004 #portfolio .mix-grid::after { display: none;}.RWDproduct004 .item-box-desc { margin-bottom: 0; padding: 30px 0px 20px;}.RWDproduct004 #portfolio div.col-md-3 h2,.RWDproduct004 #portfolio div.col-md-3 h3 { font-size: var(--FontSizeH3); line-height: 1.3; margin-bottom: var(--SpacePX8); letter-spacing: 2px; font-weight: 700; color: var(--TextMainColor);}.RWDproduct004 .list-inline { font-size: var(--FontSizeDesc); line-height: 1.5;}/* project-block */ .project-block { background: url(archive/image/customization/bg.webp); position: relative;}.project-block::after { content: ''; width: 100%; height: 100%; background: #ffffff52; position: absolute; right: 0; top: 0;}.project-title .en-title { display: block;}.project-title .sub-title br { display: none;}.project-bg .RWDparallax_new .picbgbox,.project-bg .RWDparallax_new { height: 100%;}.project-box { padding: 3vw 6% calc(var(--SectionPadding) + 5%); border-top: 1px solid #ababab; background: #b9b6b630; margin-top: 2rem;}.RWDnews005 .owl-carousel.owl-padding-10 { margin-left: 0; margin-right: 0;}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0px 15px; position: relative;}.RWDnews005 .owl-carousel { margin-bottom: 0;}.RWDnews005 .owl-controls { margin-top: 1rem;}.project-box .owl-buttons { display: none;}#RWDfullscreen01 .project-box .container { padding: 0 !important;}.fl img{ width: 180px;} .index-btn a:hover, .footer-box .footer-btn a:hover, .RWDbanner005_v2 .more-btn:hover, .about-box .index-btn a:hover, .fix-btn:hover { background: var(--BtnHoverColor); border-color: var(--BtnHoverColor); color: #fff; }@media(min-width:1200px) { .ebtn a:hover { color: #fff; background: 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: var(--NaviColor); } .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: var(--NaviColor); 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); } .about-box .index-btn:hover a { color: #fff; }.RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover h4 a, .RWDproduct004 #portfolio.portfolio-nogutter .row>div:hover h3, .RWDbanner005_v2 .swiper-center:hover .main-title, .footer-block a:hover { color: var(--MainColor); transition: var(--TransitionEase); } /* .RWDbanner005_v2 .swiper-center:hover::before, .RWDnews005 .owl-carousel.owl-padding-10 .owl-item:hover::before, .RWDproduct004 #portfolio.portfolio-nogutter .row>div:hover::before { width: 100%; transition: var(--TransitionEase); } */ .fix-btn:hover img{ filter: unset;}}/*240607修*/:root {--NaviHoverColor: #EEC900;}.RWDmenu_plus04 .header { padding: 0 calc(3% + 270px) 0 3%;}.fix-btn { width: fit-content; padding: 0 30px;}.fix-btn img {width: 18px; height: 18px;}.RWDmenu_plus04 .logo {width: 270px;}.RWDmenu_plus04 .logo img {aspect-ratio: auto; object-fit: contain;}.banner-block .RWDbanner_plus01 .slick-caption::before {display: none;}.about-box .index-btn a:hover, .RWDbanner005_v2 .more-btn:hover, .index-btn a:hover { background: var(--NaviHoverColor); border-color: var(--NaviHoverColor);color: #333;}#RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { width: 100%; padding: 0 3%;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: clamp(1.25rem, 0.8088rem + 0.5882vw, 1.75rem); margin-top: 0; font-weight: 400; letter-spacing: 1px; line-height: 1.4;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: clamp(1.125rem, 1.0147rem + 0.1471vw, 1.25rem); font-weight: 300; margin-top: 15px;}.banner-block .RWDbanner_plus01 .slick-caption {top: calc(102px + 5%);} /*footer start*/ /* footer_block */ .keyarrow p,.copyrights,.copyrights a,.copyrights:hover,.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #ffffffa8 !important; font-size: 13px !important; font-weight: 300;}.footer-block,.footer-block a { color: #fff;}.footer-block { position: relative;}.footer-block .container-fuild { display: grid; grid-template-columns: 1fr; gap: 0px 0px; grid-auto-flow: row;}.footer-block .info-box { grid-area: 1 / 1 / 2 / 2; background: linear-gradient(180deg, #333 30%, #333333a1 100%); padding: 4rem var(--SectionPadding); margin-top: -5%; margin-bottom: 5%; display: grid; grid-template-columns: calc(320px + 5vw) 1fr; gap: 0px 2rem; grid-auto-flow: row; grid-template-areas: "footer-text footer-text" "footer-edm footer-sns";}.footer-text { grid-area: footer-text;}.footer-edm { grid-area: footer-edm;}.footer-sns { grid-area: footer-sns;}.footer-block .info-box .en-title { font-size: calc(var(--FontSizeMain)*1.5); color: #fff;}.footer-block .info-box .company { font-size: clamp(1.125rem, 1.1025rem + 0.0922vw, 1.25rem); letter-spacing: 2px;}.footer-btn>span { margin-bottom: 2rem;}.footer-box { display: grid; grid-template-columns: 1fr max-content; gap: 2.5vw 0px; grid-auto-flow: row; grid-template-areas: "logo footer-btn" "info footer-btn"; align-items: end;}.footer-box .footer-btn { grid-area: footer-btn; display: flex; flex-direction: column;}.footer-box .footer-btn a { padding: 1rem; border: 1px solid #5f5f5f; border-radius: 99em; width: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: var(--FontSizeH4);}.footer-box .footer-btn .name { gap: 10px; display: flex;}.footer-box .logo { grid-area: logo; display: flex; flex-direction: column; gap: var(--SpacePX8);}.footer-box .info { grid-area: info; list-style: none; display: grid; grid-template-columns: max-content max-content; grid-template-rows: 1fr 1fr; padding-left: 0; gap: 1rem 5vw; font-size: 17px; grid-auto-flow: column; margin-bottom: 0;}.footer-text { border-bottom: 1px solid #474747; padding-bottom: 2vw; margin-bottom: 4vw;}.footer-box .info b { font-weight: 400; margin-right: 10px; letter-spacing: 2px;}.footer-menu-block { grid-area: 2 / 1 / 3 / 2; background: var(--MainColor); padding: 2.5rem 2rem 1.5rem;}.footer-menu { display: grid; grid-template-columns: 100px auto; gap: 5vw; justify-content: space-between;}.footer-menu .logo img { opacity: 0.9;}.menu-list { list-style: none; display: grid; grid-auto-flow: column; gap: 1rem; align-items: center; margin-bottom: 0; padding-left: 0;}.menu-list a { color: #fff;}.footer-bg { grid-area: 1 / 1 / 3 / 2; z-index: -1;}.footer-bg .RWDparallax_new,.footer-bg .RWDparallax_new .picbgbox { height: 100% !important;}.footer-bg #m_RWDfullscreen01_106_1 .overlay{ background-color: transparent;}.RWDssl01 { display: flex;}.copyrights { display: flex; gap: 1rem; border-top: 1px solid #ffffff4f; margin-top: 2rem; padding-top: 2rem; flex-wrap: wrap;}/* sns-block */ .sns-block { display: flex; align-items: center; gap: 1rem; margin-top: 4rem;}.sns-block a { text-align: center; width: 250px; padding: 10px; border-radius: 50px; line-height: 35px; font-size: 17px; display: flex; align-items: center; justify-content: center;}.sns-block a i { margin-right: 10px;}/* sns_block */ .RWDsocial002 .pull-right { float: unset !important;}.RWDsocial002 ul.socialNetwork { padding: 0; display: flex; flex-direction: row; margin-bottom: 0; gap: 10px;}.RWDsocial002 ul.socialNetwork img { width: 22px; position: relative; top: -3px;}.RWDsocial002 .iconRounded { border: 0; color: #fff; background-color: transparent; width: 40px; height: 40px; transition: 0.3s ease-in-out; margin-right: 0; padding-top: 0; font-size: 20px; border-radius: 50%; line-height: 40px;}.RWDsocial002 ul.socialNetwork li { margin-bottom: 0; line-height: 0; display: flex; align-items: center; transition: 0.3s ease-in-out; border: 1px solid #595959; border-radius: 50%;}/* cookie */ .RWDalert_fancybox.bottom .editor a { text-decoration: underline; color: var(--SubColor);}.RWDalert_fancybox.bottom .editor a:hover { color: var(--MainColor);}.RWDalert_fancybox.bottom { z-index: 99999 !important; width: 500px; padding: 30px 75px 25px !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%);}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active { padding: 5px 20px; border-color: var(--SubColor); background: var(--SubColor) !important; border-radius: 0; margin-top: 1rem; transition: var(--TransitionEase);color:#333;}.RWDalert_fancybox .btn:hover { border-color: var(--MainColor); background: var(--MainColor) !important; transition: var(--TransitionEase)}/* go top */ .scrollTop002 { bottom: 1rem; right: 27px; width: 34px; transition: var(--TransitionEase);}.scrollTop002 .ii:hover { opacity: 1 !important; transition: var(--TransitionEase);}.scrollTop002 .ii { font-size: 35px; background: #eaeaea; color: #333; opacity: .7 !important; border-radius: 0; transition: var(--TransitionEase);}/* top鍵 */ .scrollTop002 { bottom: 100px;}/*電子報*/ .web_edm { background-color: transparent; border: 1px solid #5f5f5f; border-radius: 50px; overflow: hidden;}.web_edm .email input { border: medium none; line-height: 40px; height: 40px; padding: 0px 15px; width: 250px; margin: 0 5px; color: #888; background-color: transparent; letter-spacing: 1px; font-weight: 600;}.web_edm .btn_container { float: right;}.web_edm .btn { display: inline-block; padding: 0px 10px; font-size: 14px; float: left; text-align: center; background: transparent; color: #fff; border: 0; line-height: 40px; height: 40px; font-weight: 400; letter-spacing: 2px; border-radius: 0;}#btn_reject_emailm_RWDfullscreen01_110_3 { color: #737373; border-left: 1px #595959 solid;}#btn_order_emailm_RWDfullscreen01_110_3 { border-left: 1px #595959 solid;}@media(min-width:1199px) { #btn_reject_emailm_RWDfullscreen01_110_3:hover { color: #fff !important; } .web_edm .btn .btn:hover { color: #fff !important; border-color: transparent; text-shadow: none; background: transparent; } .web_edm .btn:hover { color: #fff; background: var(--BtnHoverColor); } .RWDsocial002 ul.socialNetwork li:hover { background: #fff; } .menu-list a:hover { color: var(--TextGreyColor); transition: var(--TransitionEase); }} /*footer end*/ /*內頁 start*/ /* 匯入內頁版面寬度80%*//* 匯入內頁版面寬度80%*//* 240605 main修正 */ .main {margin: 0 !important;}/*a連結*/a{text-decoration: none;}.page_wrapper_bg section.call_to_action a, .page_wrapper_bg section.call_to_action a:hover, .page_wrapper_bg section.call_to_action a:focus,.page_wrapper_bg section.call_to_action .btn, .page_wrapper_bg section.call_to_action .btn:hover,.layoutlist_3 .dbtn_v2,.layoutlist_3 .dbtn_v2:hover {text-decoration: none;transition: .5s;}.row{margin-right:0px;margin-left:0px;}.boxname {margin: 0 10px;}:root { --intxt_color: #666; --inmaintxt_color: #333; --btn-txt-color: #333; --btn-txt-hover-color: #333; --btn-main-color: #333; --btn-main-hover-color: #EEC900; --btn-sub-color: #333; --btn-sub-hover-color: #EEC900; --btn-border-radius: 99em; /* 圓角數值更改處 方形改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: 1rem !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: 6vw 0 12vw; 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 2.5vw;}/*搜尋*/ .RWDsearch_page .search-list { margin-bottom: 40px !important;}.RWDsearch_page .list-img .name {height: auto;}/*文字統一設定*/ .page_wrapper_bg .hgroup h1 {line-height: 1.3;}.page_wrapper_bg .article-text h2 {font-size:1.3rem;line-height: 1;letter-spacing:2px;}.page_wrapper_bg .article-text h3 {letter-spacing: 2px;line-height: 1.5;margin-bottom: 10px; font-weight: bold; font-size: 1.2rem !important;}.page_wrapper_bg .article-text h4 {font-size: 1.1rem;line-height: 1.7;letter-spacing: 2px;margin: 15px 0 15px;font-weight: bold;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav,.RWDslider01 .slick-dots button {font-size:1rem;line-height: 1.8;letter-spacing: 1px;color: #333; 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:1rem;line-height: 1.8; font-weight: 400;}._bd_row li{margin-bottom: 10px;}._bd_row ol{padding-left: 22px;}._bd_row ul{padding-left: 18px;}/*-------按鈕--------*/#panelCms .btn.btn-primary { float: none;border-radius: 5px !important;}/*重新填寫*/ .refill_btn {display: none;}/*回上一頁按鈕*/ .btn {font-size: 16px;}#article .btn.btn_back a, #album .btn.btn_back a {padding: 15px 30px;display:block;}.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none;margin-top:60px;}.btn.btn_back a { min-width:180px;padding: 15px 30px;background: transparent;color:#333; transition: all 0.2s ease;border: 1px solid #ccc;line-height: 1;border-radius: var(--btn-border-radius);}.btn.btn_back a:hover {border: 1px solid var(--btn-main-hover-color);color: var(--btn-txt-hover-color) !important;background: var(--btn-main-hover-color);}/*確定送出*/ .ebtn {padding: 0;background: transparent;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;float: right;margin-right: 0;}.ebtn a{display:block;text-align:center;min-width:180px;line-height:1.5;padding:15px 30px!important;margin-top:20px;color:var(--btn-txt-color)!important;background:transparent;border:1px solid #ccc;transition:all .2s ease;border-radius:0}.ebtn a:hover {background: var(--btn-sub-hover-color); color: var(--btn-txt-hover-color) !important; border-color: var(--btn-sub-hover-color); transition: all .2s ease;}.new-form .new-width .currectsend_btn a{color:var(--btn-main-color)!important;background:0 0;border-radius: var(--btn-border-radius);}.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(--btn-main-color);transition:.5s;color: var(--btn-txt-color);border-radius: var(--btn-border-radius) !important;}#btn_member_login:hover,#div_forget_content #forget_table_btn:hover{background-color:var(--btn-main-hover-color);transition:.5s;color: var(--btn-txt-color);border-radius: var(--btn-border-radius);}/* 會員生日欄位長度修正 */#join_form input#memberColumns_00003 {min-width: 130px;}#join_form .btn-primary {min-width:180px;float: none; background: var(--btn-main-color);color: #fff;border: 1px solid var(--btn-main-color);}#join_form .btn-primary:hover,.shopping_viewlogin__submit:hover {background: var(--btn-main-hover-color) !important;color:var(--btn-txt-hover-color) !important;border: 1px solid var(--btn-main-hover-color);}.webbtn {background: var(--btn-main-color)}.webbtn:hover {background: var(--btn-main-hover-color);color: var(--btn-txt-hover-color);}.btn-primary,.shopping_viewlogin__submit { color: var(--btn-txt-color);background-color:var(--btn-main-color);border: 1px solid var(--btn-main-color); border-radius: var(--btn-border-radius) !important; float: right; margin-right: 0px;font-size: 1rem;box-shadow:none;}.btn-primary a {color: var(--btn-txt-color);font-size: 1rem;}.btn.btn-primary:focus a, .btn.btn-primary:hover a, .btn.btn-primary:active a{color:var(--btn-txt-color) !important;}.btn-primary:hover{transition: all 0.3s ease; color:var(--btn-txt-hover-color); background-color: var(--btn-main-color);border-color: var(--btn-main-color);} .btn-primary:active:hover, .btn-primary:active:focus{background-color: var(--btn-sub-color);border: 1px solid var(--btn-sub-color);}.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color: var(--btn-txt-hover-color)!important;background-color: var(--btn-main-color);border-color: var(--btn-main-color);outline: none;}.shopping_viewlogin__member a:hover {color: #333;}/*詢問車按鈕*/ .RWDmenu_plus04 .cart-block .bottom-box .pay-btn, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {transition: .5s;}/*忘記密碼 ＆重發認證信*/#div_forget_area *{border-radius: 0 !important;}/*註冊*/ .join_form_btns{ text-align: right;}/*文章列表*/ .RWDslider01 .products-list .products-item .box {display: flex;align-items: center;}.RWDslider01.pic-right .products-list .products-item .box {flex-direction: row-reverse;}.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {margin-top: 60px !important;}/*文章列表-2*/#article .layoutlist_2 .list_subject a {font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:1.5 !important;}.subsubject {font-size: 14px;font-weight: 400;line-height: 1.5 ;}.layoutlist_2 .listdate .yearmonth, .layoutlist_4 .listdate .yearmonth{ padding-bottom: 0;}.layoutlist_2 .item {width: 100%;}.pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}/*文章列表-3*/ .layoutlist_3.fn_article3 .list_subject a{font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:2 !important;}.layoutlist_3.fn_article3 .list_subject .summary a{font-size: 14px !important;font-weight: 400;line-height: 2 !important;}/*文章列表-4*/#article .layoutlist_4 .item {display: flex;align-items: stretch;border-bottom: 1px solid #eee;}#article .layoutlist_4 .list_subject a{font-size:17px!important;font-weight:700;margin:0 0 10px!important;display:block;line-height:1.5!important}#article .layoutlist_4 .list_subject .summary a{font-size:16px!important;font-weight:400;line-height:1.5!important}#article .layoutlist_4 .listdate{padding:0 10px;width:90px;border-left:1px solid #eee}#article .layoutlist_4 .listdate .day{font-size:25px}#article .layoutlist_4 .listdate .yearmonth{letter-spacing:1px;padding:0;font-size: 12px !important;}#article .layoutlist_4 .item .list_img{padding-left:0}#article .layoutlist_4 .list_subject{width:calc(100% - 25% - 90px)}#article .layoutlist_4 .xrow.list {height: auto;}/*文章列表-7*/#article .layoutlist_7 .subject, .article7 .layoutlist_7 .subject a{margin-top: 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: 1.1rem !important;font-weight: 500;}.layoutlist_7> .row:before, .layoutlist_7>.row:after {display: none;}.layoutlist_7 .litem {margin: 0 0 3rem !important;padding: 0 20px;}#article .layoutlist_7 .row,#article .cate_list.row {display: 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:var(--FontSizeDesc);font-weight:400;line-height:1.5;color:#000}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li ul, .RWDproduct_page .tab-box .tab-container>ul>li ol { padding-left: 22px;}.RWDproduct_page .tab-box .tab-menu li.active a{color:#121212;border:transparent;background:transparent;font-weight:500;letter-spacing:1px;font-size:17px}.RWDproduct_page .tab-box .tab-container{border:1px solid #eee}.RWDproduct_page .tab-box .tab-menu li:last-child a:after{opacity:0}.RWDproduct_page .tab-box .tab-menu a:after{content:"";background:#ccc;position:absolute;width:1px;height:15px;right:0;top:50%;transform:translateY(-50%)}.RWDproduct_page .tab-box .tab-container>ul>li ol>li:last-child{margin:0}.RWDproduct_page .tab-box .tab-container>ul>li ol>li{margin:0 0 15px}#mobile-fixed,.RWDproduct_page{color:#444}.RWDproduct_page .tab-box .tab-container>ul>li{padding:50px;line-height:2;font-size:15px}.RWDproduct_page .tab-box .tab-menu li.active a:before{display:none}.RWDproduct_page .tab,.RWDproduct_page .tab:last-child{display:flex}.RWDproduct_page .tab-box .tab-menu a{margin:0 5px 0 0;padding:15px 30px;height:auto;font-size:17px;background:transparent;border:0;position:relative}.productcontent .tabs nav ul {margin: 0 !important;}/*文章頁籤*/ .tabs { margin: 5rem 0 0;}.tabs nav a{padding:15px 20px!important;height:auto!important}.tabs nav ul li:first-child{border:0;box-shadow: none;}.tabs nav li:last-child:before{opacity:0}.tabs nav li.tab-current a::before,.tabs nav li.tab-current a::after,.tabs nav li.tab-current:after{display:none}.tabs nav ul li{border:0}.tabs nav a{border-radius:0;font-weight:400;letter-spacing:1px;background:transparent!important;border:0!important;font-size:16px!important}.tabs nav ul li:before{content:"";background:#ccc;width:1px;height:15px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tabs nav li.tab-current:before{width:1px;right:0;background:#ccc;bottom:auto;top:50%;transform:translateY(-50%);height:15px}.tabs .content{border:1px solid #eee;padding:50px!important;font-weight:400;line-height:1.8;font-size:15px;letter-spacing:1px;margin:-10px 0 0;background:#fff}.tabs nav li.tab-current a{background:transparent;color:#000!important;border:0;font-weight:500!important}.tabs nav ul{margin:0 0 10px!important}.tabs nav li.tab-current {border: transparent;box-shadow: none;border-bottom: none;z-index: 100;}/* 時間軸 */ .RWDtimeline01 li.event .point {z-index: 1;}/*相簿列表*/ .layoutlist_2 .album_item {height: auto !important;}/*相簿上下方說明*/#album .page_desc {margin: 50px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 50px 0 0;}/*修正相簿a連結顏色*/ .photo_view .flex-direction-nav a {color: transparent !important;}.album_item a:hover {color: #313131;}/*相簿-1*/#album .layoutlist_1 .album_item_subject {padding: 20px 0px;font-size: 1.1rem;}#album .page_content2 .dis .dis_li .text{font-size:16px;line-height:1.8;letter-spacing:0;color:#000;font-weight:400;margin:0 0 30px}/*相簿-2*/#album .layoutlist_2 .album_item_subject{padding: 20px 0px;font-size: 1.1rem;}/*相簿共同彈跳視窗*/ .photo_num {position: relative;text-align: right;margin: 10px 0 0px;}/*Q&A*/ .rwd .faq_question{font-size: 16px;letter-spacing: 2px;}.rwd .faq_answer{font-size: 15px;letter-spacing: 2px;line-height: 1.8;}/*影片*/ .video_item_subject{font-size: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(--btn-main-color);color: var(--btn-txt-color);border-radius: var(--btn-border-radius);}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {background: var(--btn-sub-color);color: var(--btn-txt-color);border-radius: var(--btn-border-radius);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {background-color: var(--btn-main-hover-color);color: var(--btn-txt-color);border-radius: var(--btn-border-radius);}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover {background-color: var(--btn-sub-hover-color);color: var(--btn-txt-color);border-radius: var(--btn-border-radius);}#mobile-fixed .style-radio .form-radio, .RWDproduct_page .style-radio .form-radio {border: 1px solid rgb(214, 214, 214);}#mobile-fixed .style-radio .form-radio.checked, .RWDproduct_page .style-radio .form-radio.checked {border-color: #000;}.RWDproduct_page .products-info .nu, .RWDproduct_page .products-info .stock, .RWDproduct_page .products-info .subname, .RWDproduct_page .products-info .txt .editor {color: #555;font-size: 1rem;letter-spacing: 1px;}/*產品列表樣式*/ .layoutlist_4 .product_list_item, .layoutlist_2 .product_list_item {margin: 0 0 40px;}.layoutlist_4 .pricearea{text-align:left;display:flex;align-items:center;letter-spacing:0}.layoutlist_4 .fixprice{ font-size: 16px;text-decoration: line-through;margin:0 5px 0 0;}.layoutlist_4 .sellprice{color:#f10404;font-weight:bold;}.layoutlist_4 .subject {height: auto !important;line-height: 1.5;min-height: auto;font-weight: 500;}#product .item .subject {height: auto !important;}.productlist .layoutlist_4 .col-sm-4.col-md-4 {margin: 0 0 30px;}.productlist .layoutlist_4 .product_list_item {padding-bottom: 0;border: 0;height: auto !important;}.layoutlist_5 .product_list_item .list-btn_mobile, .layoutlist_5 .product_list_item .list-btn,.layoutlist_5 .product_list_item .buybtn {background-color: var(--btn-main-color);}.layoutlist_5 .product_list_item .list-btn_mobile:hover,.layoutlist_5 .product_list_item .list-btn:hover,.layoutlist_5 .product_list_item .buybtn:hover {background-color: var(--btn-main-hover-color);}.layoutlist_4 .buybtn {background: var(--btn-main-color);transition: .5s;color: var(--btn-txt-color);border-radius: var(--btn-border-radius);}.layoutlist_4 .buybtn:hover{background:var(--btn-sub-hover-color);transition: .5s;}/*修正產品、文章預設列表排版*/ .productlist .layoutlist_2, .productlist .layoutlist_4, .productlist .layoutlist_5, .albumlist .layoutlist_2, .albumlist .layoutlist_4, .articlelist .layoutlist_2, .articlelist .layoutlist_4 {display: flex; flex-wrap: wrap;align-items: flex-start;}.sortbar {float: none !important;margin-bottom: 20px !important;text-align: left !important; width: 100%;flex-wrap: wrap;}.sortbar a:hover {color: #515151;}.amount_div.choice_num_type_b{display:grid;grid-template-columns:45px 1fr}.layoutlist_4 .choice_num_type_b .quantity .minus,.layoutlist_4 .choice_num_type_b .quantity .plus{height:30px;width:30px}.layoutlist_4 .choice_num_type_b .quantity input.qty{width:calc(100% - 64px);height:30px}.layoutlist_4 .buybtn{border-radius:0;line-height:44px;padding:0;font-size:.9rem!important;margin:1rem 0 0;width:100%}.layoutlist_4 .pricearea{flex-direction:row-reverse;gap:0 10px;flex-wrap:wrap;justify-content:flex-end;align-items: center;}.layoutlist_4 .showY input,.layoutlist_4 .showY select,.layoutlist_4 .showY textarea{font-family:var(--FontFamily);color:#121212}/*產品售價顏色*/li#O_sellPrice,span.payprice,.pricearea .price {color: var(--btn-main-color) !important;font-weight: bold;}.pricearea .price.delline {color: #333 !important;}.pricearea .price.fixprice {color: #777 !important;}/* 內頁資訊調整 */ .RWDproduct_page .products-info .name{font-size:2rem;font-weight:700;color:#121212;line-height:1.3}.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor{font-size: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:#121212!important;font-size:1.2rem!important;font-weight:400}.RWDproduct_page .list-inline{display:flex;align-items:center}.RWDproduct_page .products-info .pd-info .control-label{font-size:.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 .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; border-radius: var(--btn-border-radius);}/*左側選單*/ .m2018 .products-nav>ul>li {padding: 0; margin: 0;}.m2018 .products-nav a {padding: 15px 10px !important;font-weight: 400;font-size: 16px;}.m2018 .products-nav ul>li>.toggle-submenu {height: 53px;}/*隱私權*/ .privacy_block, .privacy_block p {line-height: 2;letter-spacing: 0;color: var(--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;}/*hashtag a連結修正*/ .hashtag_block .hashtagLink {color: #fff !important;}/* 人才招募表單標題修正 */ .customized_columns .fillform {font-size: 1.5rem; margin: 3rem;text-align: center;}/* 問與答 */ .faq_q_icon{background:0 0;position:relative}.faq_q_icon:before{content:"Q";position:absolute;top:-8px;font-size:1.2rem;left:0;color:#1f2a3d;font-family:var(--font-style-02)}.faq_item{max-width:1200px;margin:auto}.faq_answer tr td:first-child{display:none}/* top鍵 */ .scrollTop002 {bottom: 100px;}/* 頁碼 */ .page ul{display:flex;justify-content:center}.page .page_active{background:#121212}.page .page_active,.page ul li a,.page ul li a:hover{width:35px;height:35px;font-size: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 { font-size: var(--FontSizeH3) !important; line-height: 1.5; max-height: unset; color: var(--TextMainColor) !important; margin-bottom: 0; letter-spacing: 2px; font-weight: 600;}/* 內頁敘述 */ .layoutlist_8 .list_subject .summary a,.layoutlist_8 .list_subject .summary,.layoutlist_7 .summary, .layoutlist_7 .summary a { font-size: var(--FontSizeDesc); line-height: 1.6; font-weight: 400; color: #333; letter-spacing: .5px;}/*-----------------------*//*標題+麵包屑 置中*/ .pageTitle{text-align: center;color: #333;font-size: 2.7rem;line-height: 1.3;font-weight: 700;letter-spacing: 2px;}.hgroup .breadcrumb {background: transparent;border: none;position: relative;float: none!important;bottom: 0;text-align: center;padding: 0;}.hgroup .container{border-bottom: none;}.hgroup a:hover{color: var(--btn-sub-hover-color) !important;}.page_subject {padding: 0px;}.webdesc {font-size:1rem;margin-bottom: 25px;; text-transform: uppercase;color:var(--btn-sub-color);}/*線條設計*/ .page_wrapper_bg .collapsing_header .main::before { content: ''; width: 7.5%; height: 100%; background: transparent; position: absolute; left: 0; top: 0; border-right: var(--BorderPx1);}.page_wrapper_bg .collapsing_header .main::after { content: ''; width: 7.5%; height: 100%; background: transparent; position: absolute; right: 0; top: 0; border-left: var(--BorderPx1);}/*上方編輯器內容*/ .pageTitle { margin-top: 0rem; margin-bottom: 0; font-size: var(--FontSizeMain); color: var(--TextMainColor); font-weight: 700; letter-spacing: 4px; line-height: 1.3;}.webdesc{text-align: center;margin-top: -3vw;}.page_wrapper_bg .sub-title { margin-top: calc(var(--SpacePX8)* 1); margin-bottom: var(--SectionTitleBottom) !important;}/*勝築建設簡介*/ .page_wrapper_bg .about-block { padding-bottom: 15vw;}.page_wrapper_bg .about-box .en-title:before{}.page_wrapper_bg .section-title-bottom{letter-spacing: 1px; font-size: var(--FontSizeSub); line-height: 1.5; color: #272727; font-weight: 500;}.page_wrapper_bg .about-text{margin-right: 40px;}.page_wrapper_bg .about-block::before { content: ''; width: 7.5%; height: 100%; background: var(--MainColor); position: absolute; left: 0; top: 0; border-right: var(--BorderPx1);}.page_wrapper_bg .about-block::after { content: ''; width: 40vw; aspect-ratio: 4 / 3; right: 0%; top: 0; background: url(archive/image/customization/about-deco.webp) no-repeat; background-size: contain; position: absolute; opacity: 0.5;}/*最新消息*/ .layoutlist_8 .item { border: var(--BorderPx1);margin-bottom: 25px;}.pagecontent.menu5, .pagecontent.menu8 { margin-top: 50px;}.layoutlist_8 .listdate .day { color: #afafaf; font-size: 55px;}.RWDtimeline01 .line_dot2 span{background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(239 239 239) 2%, rgb(234 234 234) 100%);}.RWDtimeline01 li.event:before{background: #efefef;}/*禾耘系列建案*/ .RWDslider01 .text { padding: 40px; background: #fff; border-left: 8px solid var(--MainColor);}.SERIES_t00{ padding: 40px; background: #fff; border-left: 8px solid var(--MainColor);width: 50%; margin: 0 auto;}.pagecontent .single-photo img{width: 100% !important;}/*建案實績*/ .photo_view .flexslider { background: transparent !important; border: 4px solid transparent !important;}#album .layoutlist_2 .album_item_subject{font-size: var(--FontSizeH3); font-weight: 500; letter-spacing: 1px; color: #333;}.layoutlist_2 .album_item { background: #b9b6b630; border-top: 1px solid #ababab; padding-top: 25px;}/*公司徵才*/ .recruitment.layoutlist_1 { padding-top: 0px;}.recruitment .listDesc{text-align: center;margin: 0 0 5vw;margin-top: -3vw;}.recruitment .list_table th.list_no, .recruitment .list_table th.list_position, .recruitment .list_table th.list_experience, .recruitment .list_table th.list_educational, .recruitment .list_table th.list_date{border-bottom: 3px solid #000;font-size: 20px;line-height: 3;}.recruitment .list_table A { color: var(--TextMainColor); font-size: 18px;}.position{font-size: var(--FontSizeH3); line-height: 1.5; max-height: unset; color: var(--TextMainColor); margin-bottom: 0; letter-spacing: 2px;}/*購屋預約*/ .eformscontent .layoutlist_1 { width: 100%; max-width: 950px; margin: 0px auto;}.new-form{background: #fff; padding: 50px; margin-top: 0px;}.customized_columns ._input, .customized_columns select { border: 1px solid #a3a3a3; background-color: transparent; border-radius: 18px;}.eformsDesc { margin: 0px; border: 0; letter-spacing: 1px; font-size: var(--FontSizeSub); line-height: 1.5; color: #272727 !important; font-weight: 500; text-align: center; margin-top: -3vw;}.formdesc{color: #272727 !important;}.formdesc a{color: #272727 !important;}.formdesc a:hover, .formdesc a:active{color: #EEC900 !important;}/*搜尋*/ .RWDsearch_page .search-name, .pagecontent .RWDsearch_page ul{ color: var(--TextSubColor);} /*內頁 end*/ /*小螢幕 start*/ @media (max-width: 2048px) {}@media (max-width: 1920px) { .container-85 { width: 90%; } .container-70 { width: 75%; } .about-block::before { left: 5%; } .series-block::before, .news-block::before { width: 5%; } .project-block::before, .series-block::after { width: 5%; } .about-box { padding: 0 5vw; } .about-box .en-title:before { width: calc(100% + 15vw); left: -5vw; } .series-block, .news-block { padding-left: 5%; } .series-block { padding-right: 5%; } .project-box { padding: 3vw 5% calc(var(--SectionPadding) + 3%); }.page_wrapper_bg .collapsing_header .main::before { width: 5%;}.page_wrapper_bg .collapsing_header .main::after { width: 5%;}.page_wrapper_bg .about-block::before{ width: 5%;}}@media (max-width: 1800px) { :root { --FixBtnWidth: 150px } .banner-block .RWDbanner_plus01 .slick-caption { top: 60vh; } .banner-block .RWDbanner_plus01 .page-scroll { bottom: 6vh; } .container-70 { width: 80%; }/*240607修*/ .banner-block .RWDbanner_plus01 .slick-caption {top: calc(102px + 5%);}}@media (max-width: 1680px) { :root { --NaviHeight: 70px; } .footer-box .footer-btn a { width: 320px; } .banner-block .RWDbanner_plus01 .slick-caption::before { width: 65vw; top: -10vh; } .banner-block .RWDbanner_plus01 .slick-caption { top: 55vh; } .banner-block .RWDbanner_plus01 .page-scroll { bottom: 4vh; } .about-box { grid-template-columns: 1fr 1.3fr; } .footer-box { gap: 3rem 0px; }/*240607修*/ .RWDmenu_plus04 .logo {width: 240px;}.fix-btn {padding: 0 25px;}.RWDmenu_plus04 .header {padding: 0 calc(2% + 250px) 0 3%;}.banner-block .RWDbanner_plus01 .slick-caption {top: calc(92px + 4%);}.footer-box .info {grid-template-rows: 1fr 1fr 1fr;}}@media (max-width: 1536px) { .series-block::before, .series-block::after { display: none; } .about-box .en-title::after { width: 7vw; } .RWDmenu_plus04 .features { width: 50px;}.RWDmenu_plus04 .site-nav .menu>li>a { padding: 25px 10px; letter-spacing: 1px;}.rwdlayoutlist_9 .subject{ font-size: 20px;}}/*@media screen and (max-width: 1512px) and (max-height: 991px) { .banner-block .RWDbanner_plus01 .slick-caption { top: 58vh; }}*/@media (max-width: 1440px) { :root { --SectionTitleBottom: 2.5rem; } .banner-block .RWDbanner_plus01 .page-scroll.style01 a span, .banner-block .RWDbanner_plus01 .page-scroll.style02 a span { width: 20px; height: 20px; margin-left: -10px; } .series-block { padding-right: 0; padding-left: 0; } .project-box { padding: 3vw 3% calc(var(--SectionPadding) + 3%); } .news-title .sub-title { margin-bottom: 3vw; }}@media (max-width: 1366px) { :root { --NaviHeight: 60px; } .container-70 { width: 90%; } .RWDbanner005_v2 .more-btn, .ebtn a, .index-btn a, .RWDbtn01 .btn { padding: 12px; width: 220px; } .footer-box .info { gap: 0.5rem 7vw; } .footer-block .info-box { grid-template-columns: calc(320px + 7vw) 1fr; } .RWDbanner005_v2 .sqare_shadow { width: 50px; height: 50px; } .RWDbanner005_v2 .sqare_shadow.swiper-next:after, .RWDbanner005_v2 .sqare_shadow.swiper-prev:after { width: 14px; height: 14px; } .footer-text { padding-bottom: 3rem; margin-bottom: 4rem; } .footer-menu { grid-template-columns: 80px auto; } .en-title-2 { margin-left: 230px; } .banner-block .RWDbanner_plus01 .slick-caption { top: 50vh; } .fl img { width: 150px; }/*240607修*/ .RWDmenu_plus04 .logo {width: 220px;}.banner-block .RWDbanner_plus01 .slick-caption {top: calc(92px + 4%);} }@media (max-width: 1280px) { .scrollTop002 { bottom: 175px; } .RWDproduct004 .item-box-desc { padding: 20px 0px 10px; }}/*@media (max-height: 1000px) { .banner-block .RWDbanner_plus01 .slick-caption { top: 50vh; } .banner-block .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 8vh; }}*//* 匯入內頁版面寬度80%*/@media (max-width: 1920px) {.page_wrapper_bg section.call_to_action {min-height: 700px;}}/*產品定售價掉落修正*/@media (max-width: 1500px) {.layoutlist_4 .pricearea span{margin:0}.layoutlist_4 .pricearea{flex-direction:column-reverse;align-items:flex-start}}/*寬度修正*/@media (max-width: 1400px) {.page_wrapper_bg section.call_to_action>.container {width: 90%;}#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;}.page_wrapper_bg .collapsing_header .main::after, .page_wrapper_bg .collapsing_header .main::before{ display: none; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .RWDmenu_plus04 .features { width: 47px}.banner-block .RWDbanner_plus01 .page-scroll.style01 a span,.banner-block .RWDbanner_plus01 .page-scroll.style02 a span { width: 16px; height: 16px; margin-left: -8px;}.about-box { padding: 0 0 0 5vw;}.en-title-2 { margin-left: 220px;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div { padding: 1rem !important;}.RWDbanner005_v2 .main-title,.RWDbanner005_v2 .swiper-left .main-title,.RWDbanner005_v2 .swiper-right .main-title { letter-spacing: 1px;}.RWDbanner005_v2 .swiper-center { width: calc(50% - 40px); margin-left: 20px; margin-right: 20px;}.RWDbanner005_v2 .sqare_shadow.swiper-prev { left: -25px;}.RWDbanner005_v2 .sqare_shadow.swiper-next { right: -25px;} /*漢堡提早*/ .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 { 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;}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover,.RWDmenu_plus04 .ml-stack-nav-toggle:hover{ color: var(--SubColor);}.RWDmenu_plus04 .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line{ background: var(--SubColor);}.RWDmenu_plus04 .header { padding: 0 3%;}.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;}.RWDmenu_plus04 .features { margin-right: calc(var(--FixBtnWidth) + 5%);}.fix-btn-box { right: calc(5% + 103px);}.fix-btn { height: calc(var(--NaviHeight) + 14px);}.RWDmenu_plus04 .logo { margin: 10px 0;}.RWDmenu_plus04 #mobile-menu .menu li a{ color: var(--TextMainColor);}/*240607修*/ .banner-block .RWDbanner_plus01 .slick-caption.txt-left {text-align: center;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 22px;}.banner-block .RWDbanner_plus01 .slick-caption {top: 64vh;}.footer-box .info {gap: 0.5rem 5vw;}/* 匯入內頁版面寬度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);}.litem__text{ width: 92%;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) {/*240607修*/ .footer-box { grid-template-columns: 1fr; gap: 0px; grid-auto-flow: row; grid-template-areas: "logo" "info" "footer-btn";}.footer-box .footer-btn { margin-top: 1rem;}.footer-block .info-box { grid-template-columns: 1fr max-content;}.footer-box .logo { text-align: center; border-bottom: 1px solid #474747; padding-bottom: 3rem; margin-bottom: 3rem;}.footer-box .info { gap: 0.5rem 4rem; width: fit-content; margin: auto;}.footer-box .footer-btn { margin: 4rem auto 0;}.footer-box .footer-btn a { width: 370px; background: #ffffff17;}.footer-menu-block { padding: 2.5rem 0rem 1.5rem;}} /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(100vh - 64px - calc(var(--NaviHeight) + 10px)) !important; height: calc(100vh - 64px - calc(var(--NaviHeight) + 10px)) !important;}.banner-block { margin-top: calc(var(--NaviHeight) + 10px);}.RWDmenu_plus04 .features:after { display: none;}.footer-menu { grid-template-columns: 70px auto;}.banner-block .RWDbanner_plus01 .page-scroll { bottom: -2vh;}.banner-block .RWDbanner_plus01 .slick-caption { top: 40vh;}.RWDmenu_plus04 .header { padding: 0 3%;}.RWDalert_fancybox.bottom{ width: 100%; padding: 25px!important;}/*240607修*/ .banner-block .RWDbanner_plus01 .slick-caption {top: 50vh;}/* 匯入內頁版面寬度80%*//*main*//*.page_wrapper_bg section.call_to_action {padding: 50px 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;}.SERIES_t00{width: 100%;} } /*1024px end*/ /*1000px start*/ @media (max-width: 1000px) { .series-block::before, .news-block::before, .about-block::before{ display: none; } .about-box { padding: 0; } .about-box .en-title::after { width: 80px; } .series-block, .news-block { padding-left: 0; } .banner-block .RWDbanner_plus01 .slick-caption { top: 50vh; }} /*1000px end*/ /*991px start*/ @media (max-width: 991px) { @media screen and (max-width: 991px) and (max-height: 1100px) { .banner-block .RWDbanner_plus01 .slick-caption { top: 58vh; }}:root { --SectionTitleBottom: 2rem;}.about-box .en-title::after,.banner-block::before { display: none;}.banner-block .RWDbanner_plus01 .page-scroll { bottom: -60px;}.banner-block .RWDbanner_plus01 .slick-caption::before { width: 85vw;}.about-box { grid-template-columns: 1fr; grid-template-areas: "en-title" "about-text" "about-image"; padding: 0 5vw; gap: 3rem;}.about-box .en-title,.about-text { text-align: center;}.about-box .index-btn { margin: auto;}.series-btn a,.RWDbanner005_v2 .more-btn,.index-btn .about-btn { margin-top: 3rem;}.RWDbanner005_v2 .swiper-center .swiper-slide { max-width: calc(100%/3);}.RWDbanner005_v2 .swiper-center { width: 100%; margin-left: 0; margin-right: 0;}.RWDbanner005_v2 .swiper-center .swiper-slide-active { border-right: 0; border-left: 0;}.RWDbanner005_v2 .swiper-center .swiper-slide { padding-right: 20px; padding-left: 20px;}.RWDbanner005_v2 .sqare_shadow { display: block;}.RWDbanner005_v2 .sqare_shadow.swiper-prev { left: calc(100%/3 + 25px); transform: translate(-100%, -50%);}.RWDbanner005_v2 .sqare_shadow.swiper-next { right: calc(100%/3 + 25px); transform: translate(100%, -50%);}.RWDbanner005_v2 .sliderWarp{ width: 200%; left: 50%; transform: translate(-50%, 0px); position: relative;}.RWDbanner005_v2 .swiper-slide-prev,.RWDbanner005_v2 .swiper-slide-next { opacity: 0.4;}.RWDbanner005_v2 .more-btn { left: unset; transform: unset; margin-top: 2rem;}.RWDbanner005_v2 .swiper-slide-active .add-cart { background: var(--SubColor);}.section-title { text-align: center;}.en-title-2 { margin-left: 0;}.news-title .en-title { display: flex; flex-direction: row; line-height: 0.8; pointer-events: none; width: 100%; position: relative; top: 0; transform: var(--TransformXCenter); left: 50%; justify-content: center; margin-bottom: 2rem; gap: 1rem;}.news-title .sub-title { margin-bottom: var(--SectionTitleBottom);}.news-title { margin-top: 0;}.RWDproduct004 #portfolio .mix-grid { display: grid; grid-template-columns: repeat(2, 1fr);} .RWDproduct004 #portfolio.portfolio-nogutter .row>div:nth-of-type(2n) { border-right: var(--BorderPx1);}.project-box { padding: 2rem 1rem var(--SectionPadding) 1rem;}.footer-box { grid-template-columns: 1fr; gap: 0px; grid-auto-flow: row; grid-template-areas: "logo" "info" "footer-btn";}.footer-box .footer-btn { margin-top: 1rem;}.footer-block .info-box { grid-template-columns: 1fr max-content;}.footer-box .logo { text-align: center; border-bottom: 1px solid #474747; padding-bottom: 3rem; margin-bottom: 3rem;}.footer-box .info { gap: 0.5rem 4rem; width: fit-content; margin: auto;}.footer-box .footer-btn { margin: 4rem auto 0;}.footer-box .footer-btn a { width: 370px; background: #ffffff17;}.footer-menu-block { padding: 2.5rem 0rem 1.5rem;}.copyrights { gap: 5px;}.keyarrow p,.copyrights,.copyrights a,.copyrights:hover,.copyright_desc,.copyright_desc a,.copyright_desc a:hover { font-size: 12px !important; letter-spacing: 0;}.project-title .en-title { margin-top: var(--SectionTitleBottom) !important;}/* 匯入內頁版面寬度80%*//*麵包屑*/section.hgroup {margin: 0 0 0px;}.hgroup .container{margin: 0 0px;padding-top: 0px;padding-bottom: 0px;}.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 - 21px);margin: 15px 10px !important;padding: 0;}/*文章列表樣式-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:-15px 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;}.about-box .en-title:before{ left: -7.5vw;}.page_wrapper_bg .section-title-bottom { margin-bottom: 10px !important;}.page_wrapper_bg .about-text { margin-right: 0px;}.new-form { padding: 10px 10px 30px !important}.RWDslider01 .text { padding: 20px !important; padding-bottom: 20px !important}.SERIES_t00{ padding: 20px !important;} .page_wrapper_bg .about-box .en-title, .page_wrapper_bg .about-text { text-align: left; }.page_wrapper_bg .section-title-bottom{ text-align: left; }.page_wrapper_bg .main-title{ text-align: left; } } /*991px end*/ /*850px start*/ @media (max-width: 850px) { .banner-block .RWDbanner_plus01 .slick-caption::before { width: 110vw; } .banner-block .RWDbanner_plus01 .slick-caption { top: 50vh; } .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: clamp(2.1875rem, 1.9226rem + 1.087vw, 2.5rem); } .menu-list { gap: 10px; }/*240607修*/ .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 24px;}/* 匯入內頁版面寬度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;}.RWDslider01 .text { padding: 20px !important; padding-bottom: 20px !important} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container {margin-left: 0;margin-right: 0;}.hgroup .page_subject {padding-bottom: 0px;}/*按鈕*/ .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) { .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(90vh - 70px - 50px) !important; height: calc(90vh - 70px - 50px) !important;}.about-box { padding: 0 0vw;}.RWDbanner005_v2 .swiper-center .swiper-slide.swiper-slide-prev,.RWDbanner005_v2 .swiper-center .swiper-slide.swiper-slide-next,.RWDbanner005_v2 .swiper-center .swiper-slide.swiper-slide-active,.RWDbanner005_v2 .swiper-center .swiper-slide { min-width: 220px; height: unset; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: unset; transform: unset; max-width: calc(100% / 3);}.RWDbanner005_v2 .swiper-center .main-title { font-size: var(--FontSizeH3); line-height: 1.5; max-height: unset; color: var(--TextMainColor);}.RWDbanner005_v2 .swiper-center .subtitle { color: var(--TextSubColor);}.RWDbanner005_v2 .swiper-center .swiper-slide { padding-right: 15px; padding-left: 15px;}.footer-block .info-box { grid-template-columns: 100%; grid-template-areas: "footer-text" "footer-edm" "footer-sns";}.RWDsocial002 ul.socialNetwork { justify-content: center; margin-top: 2rem;}.footer-menu { grid-template-columns: 1fr;}.menu-list { gap: 10px; grid-template-columns: repeat(4, 1fr); grid-auto-flow: row;}.footer-menu .logo img { width: 80px; margin: auto; display: block;}.scrollTop002 { bottom: 235px;}.banner-block .RWDbanner_plus01 .page-scroll { display: none;}.banner-block .RWDbanner_plus01 .slick-caption { top: 60vh;}.scrollTop002 { right: 15px;}.about-box { gap: 2rem;}.about-box .en-title { padding-bottom: 2rem;}.about-image { margin-top: 1rem;}.series-title .en-title { margin-bottom: 1rem;}.project-box { margin-top: 1rem;}.news-block::after { width: 100vw;}/* 匯入內頁版面寬度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: calc(100% / 2 - 21px);}.layoutlist_7 .row:before, .layoutlist_7 .row:after {display: none;}/*文章列表樣式-08*/ .layoutlist_8.rwd{display:flex;flex-wrap: wrap;}.layoutlist_8.rwd .item{width: calc(92% / 2);margin-right: 3vw;}.layoutlist_8.rwd .list_img+.list_subject {margin-top: 15px;}.layoutlist_8 .list_subject {padding-left: 15px;padding-right: 15px; text-align: justify;}.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:100%;}/*左右圖文輪播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;}.recruitment .list_table tr:first-child th.list_no{ border-bottom-width: 3px;} } /*767px end*/ /*650px start*/ @media (max-width: 650px) { .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; } .fix-btn-box { right: 0; top: unset; bottom: 0; width: 100%; } .fix-btn { width: 100%; height: 55px; font-size: 18px; border-top: 1px solid #293d4b; background: #2b79ac; color: #fff; } .fix-btn-box img, .fix-btn-box:hover img{ filter: brightness(1); } .fix-btn img { width: 20px; height: 20px; margin-right: 15px; } .container-70, .container-85 { padding-left: 15px; padding-right: 15px; } .RWDbanner005_v2 .more-btn, .RWDbanner005_v2.title-left .more-btn, .series-btn a, .RWDbanner005_v2 .more-btn, .index-btn .about-btn, .about-box .index-btn { width: 100%; } .RWDbanner005_v2 .sliderWarp { width: 250%; } .RWDbanner005_v2 .sqare_shadow { width: 45px; height: 45px; } .RWDbanner005_v2 .more-btn, .RWDbanner005_v2.title-left .more-btn { max-width: unset; } .RWDproduct004 #portfolio .mix-grid { grid-template-columns: 1fr; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div { border: var(--BorderPx1); border-bottom: 0; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div:last-of-type { border-bottom: var(--BorderPx1); } .info-box { width: calc(90% - 30px); } .footer-menu-block { padding: 2.5rem 0rem 5rem; } .footer-menu { gap: 3rem; } .scrollTop002 { bottom: 305px; } .footer-box .footer-btn, .footer-box .footer-btn a { width: 100%; } .RWDbanner_plus01.style-dotnav.control-right .control-box { height: 100% !important; } .project-box { padding: 2rem 1rem; } .banner-block .RWDbanner_plus01 .slick-caption::before { width: 120vw; } .project-title .sub-title br { display: block; } .footer-bg #m_RWDfullscreen01_106_1 .overlay { background-color: rgb(0 0 0 / 31%); } .web_edm { border-radius: 20px; } .footer-block .info-box { padding: var(--SectionPadding) 0; width: calc(90% - 30px); background: transparent; } .footer-box .info { grid-template-columns: 1fr 1fr; gap: 5px 25px; grid-auto-flow: column; grid-template-rows: 1fr 1fr; } .footer-box .logo { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ffffff2e; } .footer-text { padding-bottom: 3rem; margin-bottom: 0; border-bottom: 0; } .web_edm .email input { width: 100%; text-align: center; } .web_edm { display: flex; flex-direction: column; } .web_edm .btn_container { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px #595959 solid; } .footer-block .info-box { margin: auto; } .footer-box .footer-btn { margin: 3rem auto 0; } .web_edm .btn { font-size: 15px; } .menu-list { grid-template-columns: repeat(3, 1fr); } .RWDmenu_plus04 .features { margin-right: 0; } #RWDfullscreen01 .banner-block .RWDbanner_plus01 .slick-caption .container { width: 95%; } .project-box { padding: 1rem 0 var(--SectionPadding) 0; background: transparent; border: 0; } .RWDbanner005_v2 .add-cart { position: relative; }/*240607修*/ .fix-btn {border-top: 0; background: #EEC900; color: #333;}.footer-box .info {grid-template-rows: 1fr 1fr 1fr;}.fix-btn-box img, .fix-btn-box:hover img {filter: brightness(0);}.fix-btn img {width: 18px; height: 18px; margin-right: 8px;}.recruitment .list_table th.list_no, .recruitment .list_table th.list_position, .recruitment .list_table th.list_experience, .recruitment .list_table th.list_educational, .recruitment .list_table th.list_date{font-size: 18px !important;}} /*650px end*/ /*600px start*/ @media (max-width: 600px) { .owl-pagination { display: block; } .main-title { letter-spacing: 1px; }/*240607修*/ .index-btn a, .RWDbanner005_v2 .more-btn, .about-box .index-btn a { background: var(--SubColor); border-color: var(--SubColor); color: #fff;}.RWDmenu_plus04 .logo {width: 180px;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 {margin-top: 10px;}.footer-box .info { text-align: center; grid-template-columns: 1fr; gap: 5px 25px; grid-auto-flow: row; grid-template-rows: auto; }/* 匯入內頁版面寬度80%*//*標題*/ .hgroup {padding-left:15px; padding-right:15px;}.hgroup h1{margin-bottom: 50px;line-height:1.8;}.hgroup .container {margin: 0 }/*按鈕*/ .btn.btn_back, .ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn ,.btn-primary{ width: 100%!important;}/*container*/ .page_wrapper_bg .pagecontent {padding: 0px !important;}.page_wrapper_bg section.call_to_action {padding: 40px 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{width: 100%;margin-right: 0;}/*文章列表樣式-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: -15px 0 30px;}/*相簿上下方說明*/#album .page_desc {margin: 30px 0;}#album .page_content3 .page_desc2,#album .page_content4 .page_desc2 {margin: 30px 0 0;}.photo_discription .text{font-size:16px!important;line-height:1.5!important;margin:30px 0;color:#333!important;letter-spacing:2px;font-weight:400}/*相簿列表樣式-01*/ .layoutlist_1 .album_item {width: 100% !important;}#album .layoutlist_1 .row.masonry .album_item {width: calc(100% / 1 - 1px) !important;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {margin: 10px 0px 20px !important;width: 100%;}#album .layoutlist_2 .album_item {width: 100%;padding: 0;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: 100%;padding: 0;}#btn_shopping { width: 100%;margin: 0;}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {width: 100%;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: 100%;}/*產品列表樣式 D*/ .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {width: calc(100%/1);float: left;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-4 {width: 100%;}#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: 100%;}/*產品頁籤*/ .RWDproduct_page .tab-box .tab-container>ul>li { padding: 30px;}/*產品檔案下載*/ .productcontent .page_content1 .download_container .btn {max-width: 100% !important;}/*相簿內容樣式-01*/ .row .album_d_item { width: 100%;}/*相簿內容樣式-03*/ .photo .content_box {width: 100% !important;}/*相簿內容樣式-04*/ .album-list .item {width:100%;}/*檔案下載樣式-02*/ .download .oneline .col-md-4.col-sm-6 {width: 100%;margin-bottom: 20px;}/*影片列表*/#video .layoutlist_2 .video_item {width: 100%;margin: 0 0 40px;}/*產品內頁-01*/#member_org_price, #prod_fixprice {margin-top: 25px;}.page_content1 #prod_price {margin-top: 5px;}/*購物訂單畫面按鈕*/ .RWDshopping .btn.normal {width: 100%;margin: 5px 0;}.shopping-step li span.name {font-size: 13px !important;}#mobile-fixed .btn-box {width: 180px;}#mobile-fixed .fixed-in {width: calc(100% - 180px);letter-spacing: 0;}/*詢問車按鈕*/ .RWDquiry .btn.normal {width: 100%; margin: 5px 0;}/* google驗證碼、top高度調整 */ .grecaptcha-badge {bottom: 75px !important;}.scrollTop002 {right: 0; bottom: 160px;}.page_wrapper_bg .ebtn a{width: 100%}; } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .banner-block .RWDbanner_plus01 .slick-caption { top: 42vh; } .RWDbanner_plus01.style-dotnav.control-right .control-box { right: 0; } .banner-block .RWDbanner_plus01.style-dotnav.dot .slick-dots button { background: #ffffff !important; } .banner-block .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 6vh; font-size: 15px; } .scrollTop002 { bottom: 155px; } .en-title { letter-spacing: -2px; } .RWDmenu_plus04 .header { padding: 0 5%; } .banner-block .RWDbanner_plus01.style-dotnav .control-box .control { padding-bottom: 1rem; } .RWDbanner005_v2 .sqare_shadow.swiper-prev { left: calc(100% / 3 + 15px) } .RWDbanner005_v2 .sqare_shadow.swiper-next { right: calc(100% / 3 + 15px); } .footer-box .info { text-align: center; grid-template-columns: 1fr; gap: 5px 25px; grid-auto-flow: row; grid-template-rows: auto; } .RWDnews005 .owl-carousel.owl-padding-10 .owl-item { padding: 0; } .RWDnews005 h4, .news005_h4 { text-align: center; } .project-box { margin-top: 0rem; } /*240607修*/ .banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 22px;} .banner-block .RWDbanner_plus01 .slick-caption .txt2 {font-size: 15px;} }/* 匯入內頁版面寬度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;}@media (max-width: 414px) {/*文章左右圖文輪播PH*/ .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list { margin: 0;}} /*480px end*/ /*480px start*/ @media (max-width: 480px) { /* 匯入內頁版面寬度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;}@media (max-width: 414px) {/*文章左右圖文輪播PH*/ .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list { margin: 0;}}.page_wrapper_bg .about-text .section-title { margin-bottom: 7vw;}p, .description{text-align: left;} } /*480px end*/ /*380px start*/ @media (max-width: 380px){ .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item { max-height: calc(90vh - 50px) !important; height: calc(90vh - 50px) !important;} .banner-block .RWDbanner_plus01 .slick-caption .txt1 { font-size: 30px; } .banner-block .RWDbanner_plus01 .slick-caption .txt2 { font-size: 18px; } .banner-block .RWDbanner_plus01 .slick-caption { top: 43vh; } .banner-block .RWDbanner_plus01.style-dotnav .control-box .control { padding-bottom: 1rem; } .en-title { font-size: 13vw; } .container-70, .container-85 { padding-left: 10px; padding-right: 10px; } .project-title .sub-title br { display: none; } .menu-list { grid-template-columns: repeat(2, 1fr); }/*240607修*/ .RWDmenu_plus04 .logo {width: 160px;}.banner-block .RWDbanner_plus01 .slick-caption .txt1 {font-size: 20px;}.banner-block .RWDbanner_plus01 .slick-caption .txt2 {font-size: 15px;}/* 匯入內頁版面寬度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;}.verifyimg { width: 80px; margin-left: 15px;}.litem__text { width: 100%; } .RWDslider01 .text { padding: 10px !important; padding-bottom: 10px !important} } /*380px end*/