/*通用設定*/img { max-width: 100%; height: auto;}a, a:hover, a:active, a:focus, a:visited { transition: .5s ease; text-decoration: none;}ul {list-style: none;padding: 0;margin-bottom: 0;}h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0;}.row {margin-right: 0px;margin-left: 0px;}/*容器設定*/#RWDfullscreen01 .container { width: 80%;}/* 反白顏色設定*/::selection {background: #555;color: #fff;}::-moz-selection {background:#555;color: #fff;}/*字體統一*/body.wrapper_bg {font-family: 'Open Sans', 'Noto Sans TC', sans-serif;}/*要拿掉的東西*/#RWDfullscreen01 .section-line { display: none;}.RWDleft_cont002 .item-second .text-box .underline { display: none;}.RWDproduct002_v3 .main-title { display: none;}.RWDproduct002_v3 .sub-title { display: none;}.RWDService001 h1.main-title{ display: none;}.RWDService001 h2.sub-title{ display: none;}/*loading*/ .fl {width: 250px;}.fl img {width: 100%;}/*網頁警告*/ .RWDalert_fancybox.bottom {z-index:99999 !important;width:100%;padding: 30px 50px 20px !important; box-shadow: 1px 0px 2px rgb(51 51 102 / 20%) !important;background: rgba(255, 255, 255, 90%) !important; color: #000 !important; left: auto !important;right: 0px !important;line-height: 1.8 !important;}.RWDalert_fancybox .btn, .RWDalert_fancybox .btn.active { border-color: #000; background: #000 !important; border-radius: 8px;}/*文字統一*/#RWDfullscreen01 h1.main-title {font-size: 36px; letter-spacing: 3px;line-height: 1.8;color: #3d3d3d;font-weight: 500;}.index h3.main_title {text-align: left; font-size: 36px; letter-spacing: 3px;line-height: 1.8;color: #3d3d3d;font-weight: 500; margin: 0; padding: 0;}#RWDfullscreen01 h2.sub-title{ font-size: 20px;line-height: 1.5;letter-spacing: 2px;margin: 0;color: #8a8a8a;font-weight: 400;}.index h4.main_subtitle { text-align: left; font-size: 20px;line-height: 1.5;letter-spacing: 2px;margin: 0;color: #8a8a8a;font-weight: 400;}#RWDfullscreen01 p {font-size: 15px; letter-spacing: 2px; color: #222; font-weight: 400; line-height: 1.7; margin-bottom: 15px;}.index .main_decotext {text-align: center;font-size: 15px; letter-spacing: 2px;line-height: 1.5; color: #3d3d3d; font-weight: 400; padding: 0 30px; position: relative; width: 160px;}.index .main_decotext::after {position: absolute; content: ''; width: 20px; height: 1px; background: #3d3d3d; top: 50%; right: 0;}.index .main_decotext::before {position: absolute; content: ''; width: 20px; height: 1px; background: #3d3d3d; top: 50%; left: 0;}/*menu logo*/ .RWDmenu_plus04 .header .logo { width: 260px; margin-bottom: -60px;transition: .7s ease;}.RWDmenu_plus04 .header.is-up .logo { width: 200px; margin-bottom: -20px;transition: .7s ease;}/*側選單*/ .RWDmenu_plus04 .cart-block .bottom-box .pay-btn, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn {background: #3d3d3d;letter-spacing: 2px;}/*menu_plus04*/ .RWDmenu_plus04 .header-in { display: flex; justify-content: space-between;align-items: center;}.RWDmenu_plus04 .header-in::before { position: absolute; content: ''; width: 68%; height: 100%; background: #fff; z-index: -1; right: -65%; opacity: 0; border-radius: 0 0 0 40px; transition: .7s ease;}.RWDmenu_plus04 .header.is-up .header-in::before { box-shadow: 0px 0px 12px #aaaaaa; right: 0; opacity: 1; transition: .7s ease;}.RWDmenu_plus04 .header { background: transparent; padding: 0 0 0 80px;transition: .5s ease;}.RWDmenu_plus04 .header.is-up { padding: 0 0 0 40px;transition: .5s ease; }.RWDmenu_plus04 .site-nav { width: 100%; }.RWDmenu_plus04 .site-nav>.container { width: 100% !important;padding: 0;}.RWDmenu_plus04 .site-nav .menu {display: flex; justify-content: flex-end;}.RWDmenu_plus04 .header .site-nav .menu>li>a { letter-spacing:2px; padding: 35px 30px 25px 30px;color: #3d3d3d;transition: .5s ease;font-size:17px}.RWDmenu_plus04 .header .site-nav .menu>li>a::before { position: absolute; content: ''; width: 8px; height: 8px;background: #3d3d3d; bottom: -8px; left: 50%; transform: translateX(-50%) rotate(45deg); border-radius: 8px; opacity: 0;transition: .5s ease;}.RWDmenu_plus04 .header .site-nav .menu>li>a:hover:before { bottom: 10px; opacity: 1;transition: .5s ease;}.RWDmenu_plus04 .lang-select:hover .lang-select-label, .RWDmenu_plus04 .site-nav .menu>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>a:hover { background: transparent;color: #000;transition: .5s ease;}.RWDmenu_plus04 .lang-select-label:hover:after, .RWDmenu_plus04 .site-nav .menu>li.active>a:after, .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: #3d3d3d;transition: .3s ease;}.RWDmenu_plus04 .site-nav .menu li { text-align: center;}.RWDmenu_plus04 .site-nav .menu>li>ul {padding: 0;}.RWDmenu_plus04 .site-nav .menu ul li>a {color: #3d3d3d;transition: .5s ease;letter-spacing: 2px; font-size: 15px;transition: .5s ease;}.RWDmenu_plus04 .site-nav .menu ul li>a:hover {background: #3d3d3d;color: #fff;text-decoration: none;transition: .5s ease;}.RWDmenu_plus04 .site-nav .manu-item:hover>a, .RWDmenu_plus04 .site-nav .menu ul li a:hover, .RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a {font-weight: 400;}.RWDmenu_plus04 .features .search-btn {padding: 40px 40px 25px 35px;}.RWDmenu_plus04 .features .search-btn .glyphicon.glyphicon-user {color: #53565a;transition: .5s ease;}.RWDmenu_plus04 .features .search-btn .glyphicon.glyphicon-user:hover {color: #00778b;transition: .5s ease;}.RWDmenu_plus04 .features .search-btn>i { color: #3d3d3d;}.RWDmenu_plus04 .features .cart-btn { width: 70px; padding: 40px 0 25px 25px; display: flex;align-items: center;}.RWDmenu_plus04 .features .cart-btn>i { color: #3d3d3d;}/*選單大按鈕*/ .RWDmenu_plus04 .features { align-items: center; display: flex; justify-content: flex-end;}.RWDmenu_plus04 .features .edit { float: right;}.RWDmenu_plus04 .header a.menu_tel_btn { width: 250px; position: relative; font-size: 15px; line-height: 1.5; letter-spacing: 2px; padding: 25px 10px;display: flex; justify-content: center; text-align: left; align-items: center;font-weight: 500; color: #fafafa; background: #3d3d3d; transition: .5s ease;}.RWDmenu_plus04 .header.is-up a.menu_tel_btn {background: #060606;transition: .5s ease; }.RWDmenu_plus04 .header a.menu_tel_btn i.icon.ion-ios-telephone { width: 40px; height: 40px; border: 1px solid #fafafa; display: flex; border-radius: 99em; justify-content: center; align-items: center;margin-right: 13px; color: #fafafa;}/*banner*/ .RWDbanner_plus01 .slick-caption > .container { width: 100% !important; margin: 0; float: right; position: relative; padding: 0;}.RWDbanner_plus01 .slick-caption {text-align: center !important;right: 70px; top: 50%; transform: translateY(-50%); width: 570px;}.RWDbanner_plus01 .slickitem01 .slick-caption .txt1 { padding-bottom: 15px;}.RWDbanner_plus01 .slickitem01 .slick-caption .txt1>span {background: #3d3d3d;font-size: 14px; padding: 5px 35px; border-radius: 50px; color: #fafafa; position: relative;}.RWDbanner_plus01 .slickitem01 .slick-caption .txt1>span::after { position: absolute; content: ''; width: 6px; height: 6px; background: #fafafa;top: 12px;right: 15px; border-radius: 8px;}.RWDbanner_plus01 .slickitem01 .slick-caption .txt1>span::before { position: absolute; content: ''; width: 6px; height: 6px; background: #fafafa; top: 12px; left: 15px; border-radius: 8px;}.RWDbanner_plus01 .slick-caption .txt2>span { font-size: 40px; letter-spacing: 3px; font-weight: 500; color: #3d3d3d; line-height: 1.4;}.RWDbanner_plus01 .slick-caption .txt3>span { font-size: 22px; letter-spacing: 3px; line-height: 1.3; color: #888;}.RWDbanner_plus01 .slickitem01 .slick-caption > .container::before { content: ""; width: 10px; height: 100%; border-top: 2px solid #3d3d3d; border-left: 2px solid #3d3d3d; border-bottom: 2px solid #3d3d3d; display: block; top: 0;position: absolute; animation-name: fadeInUp01; animation-duration: 2000ms; animation-delay: 1000ms;}.RWDbanner_plus01 .slickitem01 .slick-caption > .container::after { content: ""; width: 10px ; height: 100%; border-top: 2px solid #3d3d3d; border-right: 2px solid #3d3d3d; border-bottom: 2px solid #3d3d3d; display: block; top: 0;position: absolute; right: 0; animation-name: fadeInUp01;animation-duration: 2000ms; animation-delay: 1000ms;}/*關於葳達*/ .about_block {padding: 130px 0; position: relative;}.about_block::before { position: absolute; content: ''; width: 100%; height: 100%; background: url(archive/image/customization/about_bg.jpg)no-repeat; top: 0; left: 0; opacity: .16; background-attachment: fixed; background-size: cover;}.RWDleft_cont002 > .container {position: relative; width: 100% !important;}.RWDleft_cont002 > .container::before {position: absolute; content: 'About Weita'; color: rgba(255,255,255,.35); font-weight: 600; font-size: 116px;left: 0; bottom: -65px; z-index: 1; letter-spacing: 2px;}.RWDleft_cont002 .item-second { background: transparent;display: flex; flex-direction: row-reverse;}.about_block .RWDleft_cont002 .item-second > a { margin-top: -25px; width: 50%;}.about_block .RWDleft_cont002 .item-second .text-box {width: 50%;padding: 0 60px 0 0 ;background: transparent;}.RWDleft_cont002 .item-second >a .pic { border-radius: 30px;width: 100%;}.RWDleft_cont002 .item-second >a .pic::after { position: absolute;content: '';width: calc(100% - 20px); height: calc(100% - 20px); border: 1px dashed #fff; top: 10px; left: 10px; z-index: 1; background: transparent;opacity: 1; visibility: unset; border-radius: 25px;}.RWDleft_cont002 .item-second:hover .pic:after {opacity: 1; }.RWDleft_cont002 .item-second .text-box .title { position: relative; font-size: 34px; font-weight: 500; letter-spacing: 3px; line-height: 1.6; color: #3d3d3d;}.RWDleft_cont002 .item-second .text-box .subtitle { font-size: 15px; letter-spacing: 2px; line-height: 1.5; color: #3d3d3d;font-weight: 400;margin-top: -75px;margin-bottom:60px;padding: 0 30px; position: relative; width: 160px;}.RWDleft_cont002 .item-second .text-box .subtitle::after {position: absolute; content: ''; width: 20px; height: 1px; background: #3d3d3d; top: 50%; right: 0;}.RWDleft_cont002 .item-second .text-box .subtitle::before {position: absolute; content: ''; width: 20px; height: 1px; background: #3d3d3d; top: 50%; left: 0;}.RWDleft_cont002 .item-second .text-box .text>h4 { font-size: 20px; letter-spacing: 2px; line-height: 1.5; color: #8a8a8a; font-weight: 400; margin-top: 0; margin-bottom: 40px;}.RWDleft_cont002 .item-second:hover .pic img { transform: scale(1.03);}.RWDleft_cont002 .item-second .text-box .text { color: #53565a; line-height: 1.6; font-size: 15px; letter-spacing: 1px; margin-top: 30px; width: 100%;}/*按鈕*/ .RWDleft_cont002 .item-second .text-box a {z-index: 1;font-weight: 400; position: relative; display: block;background-color: #fff; color: #3d3d3d; padding: 10px 35px; width: 250px; margin: 0; margin-top: 60px; text-align: left;line-height: 1.6; transition: all 0.5s; border: 1px solid #3d3d3d; border-radius: 10px; font-size: 15px; letter-spacing: 2px;}.RWDleft_cont002 .item-second .text-box a::after {position: absolute; right: 40px; transition: all 0.5s ease; content: "\f125"; font-family: "Ionicons"; font-size: 15px; }.RWDleft_cont002 .item-second .text-box a:hover {background-color:#3d3d3d; color: #fafafa; transition: all 0.5s;}.RWDleft_cont002 .item-second .text-box a:hover:after {color: #fafafa; right: 15px; transition: all 0.5s;}/*關於裝飾*/ .banner_block { box-shadow: 0px 0px 12px #aaaaaa;}.banner_block > .RWDedictor {display:none; position: absolute; right: 120px; bottom: 55px;}.banner_deco_items { display: flex; justify-content: center; align-items: center;position: absolute;right: -30px; bottom: -43px;}.banner_deco {width: 180px; height: 180px;}.banner_deco_circle { width: 205px;height: 205px;border: 6px dotted #3d3d3d;border-radius: 99em; position: absolute; z-index: -1;}.banner_deco_circle::before { position: absolute; content: ''; width: calc(100% - 10px); height: calc(100% - 10px);background: rgba(255,255,255,.4); border-radius: 99em; z-index: -2; left: 5px; top: 5px;}/*產品*/ .product_block {padding: 120px 0; position: relative;}/*產品分類按鈕*/ .RWDproduct002_v3 .filter-portfolio ul { display: flex; justify-content: flex-end; margin-top: -125px; margin-bottom: 50px;}.RWDproduct002_v3 .filter-portfolio ul>li { border-radius: 10px;width: 230px; margin-left: 15px;}.RWDproduct002_v3 .btn.btn-rj { border: 1px solid #3e3e3e; width: 100%;padding: 18px 0px; font-size: 17px; letter-spacing: 2px; background: #fafafa; border-radius: 8px;position: relative; line-height: 1.5; transition: all 0.3s;}.RWDproduct002_v3 .active .btn.btn-rj {background-color: #3d3d3d; color: #fafafa;transition: all 0.3s;}.no-touch .RWDproduct002_v3 .btn.btn-rj:hover {background-color: #3d3d3d !important;color: #fafafa !important;transition: all 0.3s;}.no-touch .RWDproduct002_v3 .btn.btn-rj:hover:before{border-color: #fafafa;transition: all 0.3s;}.RWDproduct002_v3 .btn.btn-rj::before {border-radius: 10px;position: absolute;content: ''; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px dashed #3d3d3d; top: 4px; left: 4px;transition: all 0.3s;}.RWDproduct002_v3 .active .btn.btn-rj::before {border: 1px dashed #fafafa;transition: all 0.3s;}/*產品列表*/ .RWDproduct002_v3 {padding: 0 ;}.RWDproduct002_v3 .section-inner .row:nth-child(3) .col-md-12 { padding: 0;}.RWDproduct002_v3 .popup-portfolio .portfolio-item { height: auto !important; padding: 20px; background: #f6f6f6; margin: 0 10px 20px; width: calc(100% / 3 - 21px);}/*產品card*/ .RWDproduct002_v3 .showbottom a .portfolio-bottom__h4 { border-top: 1px dashed #c2c2c2;font-size: 18px; letter-spacing: 2px; color: #3d3d3d; font-weight: 500;padding: 15px 0 0; transition: .3s ease;}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 {color: #000;transition: all 0.3s;}.RWDproduct002_v3 .showbottom a>.portfolio-bottom__p {display: none;}.RWDproduct002_v3 .portfolio-item .inner-content::before { position: absolute; content: ''; width: 100%; height: 100%; background: #fff;bottom:0;opacity:0; transition: .3s ease;}.RWDproduct002_v3 .portfolio-item:hover .inner-content::before { opacity:1; transition: .3s ease;}.RWDproduct002_v3 .portfolio-item:hover a .portfolio-bottom__h4 {border-top: none; transition: .3s ease;}/*產品按鈕*/ .RWDproduct002_v3 .btn-box .btn {border-radius: 10px;font-weight: 400; position: relative;background-color: #fff; color: #3d3d3d; padding: 10px 35px; width: 250px; margin: 0; margin-top: 60px; text-align: left;line-height: 1.6; transition: all 0.5s; border: 1px solid #3d3d3d; font-size: 15px; letter-spacing: 2px; max-width: none;}.RWDproduct002_v3 .btn-box .btn::after {position: absolute; right: 40px; transition: all 0.5s ease; content: "\f125"; font-family: "Ionicons"; font-size: 15px; }.RWDproduct002_v3 .btn-box .btn:hover {background-color:#3d3d3d; color: #fafafa; transition: all 0.5s;}.RWDproduct002_v3 .btn-box .btn:hover:after {color: #fafafa; right: 15px; transition: all 0.5s;}/*客製流程*/ .service_block {padding: 0 0 120px;}.service_block > .container { background-size: cover; border-radius: 30px;background: url(archive/image/customization/process_bg.png)no-repeat; padding: 120px; background-attachment: fixed; box-shadow: rgb(0 0 0 / 25%) 0px 32px 34px -24px;}/*客製流程標題*/ .service_block > .container > .RWDedictor h3.main_title { text-align: center; margin-bottom: 50px;}.service_block > .container > .RWDedictor { text-align: center;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 .boxFeature-2 { display: flex; flex-direction: column; justify-content: center;align-items: center;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6:hover .boxFeature-2>i {background: #3d3d3d;transition: .5s ease;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6:hover .boxFeature-2>i >img{filter: brightness(0) invert(1); transition: .5s ease;}/*流程箭頭*/ .RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 { position: relative;transition: .5s ease;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6::before { position: absolute; content: "\f125"; font-family: "Ionicons"; font-size: 56px;color: #3d3d3d33;right: 0px;top: 50px; font-weight: 300;transition: .5s ease;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6:hover:before {color: #3d3d3d;transition: .5s ease; }.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6:last-child:before {display: none;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6:hover i.iconBig:before { border-color: #fafafa;transition: .5s ease;}/*流程icon*/ .RWDService001 i { position: relative; width: 120px; height: 120px;border: 3px solid #3d3d3d; padding: 30px; border-radius: 99em; display: flex; justify-content: center; align-items: center; background: rgba(255,255,255,.6);}.RWDService001 i::before { position: absolute; content: ''; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px dashed #3d3d3d; border-radius: 99em; left: 4px; top: 4px;}/*流程文字*/ .RWDService001 .boxFeature-2>h2 { position: relative; font-size: 20px; letter-spacing: 2px; font-weight: 600; color: #3d3d3d; line-height: 1.5; text-align: left;}.RWDService001 .boxFeature-2>h2::before { position: absolute; content: ''; width: 20px; height: 1px;background: #3d3d3d; left: -30px; top: 50%;}.RWDService001 .boxFeature-2>h2::after { position: absolute; content: ''; width: 20px; height: 1px;background: #3d3d3d; right: -30px; top: 50%;}.RWDService001 p {text-align:center;width: 75%; padding-top: 5px;}/*兩大入口*/ .intro_block {position: relative;}.intro_block> .container { padding: 0; width: 100% !important;display: flex;}/*共有圖片*/ .RWDparallax_new { z-index: 2;}.intro_block .RWDparallax_new .picbgbox { height: 650px !important;}/*共有文字*/ .index h3.intro_title { text-align: center;font-size: 36px; letter-spacing: 3px; line-height: 1.8;color: #fff;}.index h4.intro_subtitle { font-size: 20px; line-height: 1.5; color: #fff; text-shadow: 0px 0px 1px #818181; letter-spacing: 2px; width: 80%; margin: 0 auto; text-align: center; font-weight: 400;}/*左邊批發*/ .intro_block> .container > .intro_stock { width: 50%; position: relative;}.intro_block> .container > .intro_stock > .RWDedictor { position: absolute;z-index: 5; width: 100%; display: flex; flex-direction: column;align-items: center; justify-content: center; top: 0; height: 100%;}.intro_block> .container > .intro_stock::before { position: absolute;content: '';width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 3;}.index .intro_stock h3.intro_title>span {color: #4ad4db;}/*右邊客製*/ .intro_block> .container > .intro_custom { width: 50%;position: relative;}.intro_block> .container > .intro_custom > .RWDedictor { position: absolute; z-index: 5; width: 100%; display: flex; flex-direction: column;align-items: center; justify-content: center;top: 0; height: 100%;}.intro_block> .container > .intro_custom::before { position: absolute;content: '';width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 3;}.index .intro_custom h3.intro_title>span {color: #ffde34;}/*按鈕共通*/ a.contact_btn {border-radius: 10px;position: relative; width: 350px; padding: 20px 10px; text-align: center; background: #fafafa; display: flex; flex-direction: row-reverse; justify-content: center;align-items: center;color: #3d3d3d; margin: 30px auto 0 auto;}a.contact_btn:hover {box-shadow:6px 6px 20px #101010b8; background: #fff; transition: .3s ease;transform: translate(-3.5px,-3.5px);}a.contact_btn>span { text-align: left; font-size: 18px; letter-spacing: 3px; line-height: 1.5; color: #3d3d3d;}a.contact_btn>i.icon.ion-ios-telephone {width: 40px; height: 40px; border: 1px solid #3d3d3d; color: #3d3d3d;display: flex; border-radius: 99em; justify-content: center; align-items: center; margin-right: 20px;} /*footer start*/ .footer_block { padding: 80px 0 40px; background: #3d3d3d; position: relative;}.footer_block > .container {align-items: flex-end;padding: 0; display: flex;flex-wrap: wrap;}/*左邊資訊*/ .footer_info {width: 780px; margin-right: 80px;}.footer_contact_list { display: flex;}.footer_contact_items .footer_title { font-size: 26px; color: #fafafa; font-weight: 400; letter-spacing: 3px; line-height: 1.5;}ul.footer_contact>li { font-size: 16px; color: #fafafa; letter-spacing: 2px; line-height: 1.8; font-weight: 300;}ul.footer_contact>li>a { color: #fafafa; letter-spacing: 1px;}ul.footer_contact>li>span { padding-right: 15px; display: inline-block;}ul.footer_contact:first-child {margin-right: 40px;}ul.footer_contact>li>small {padding: 0 10px;}ul.footer_contact>li.footer_contact_tel br { display: none;}/*中間地圖*/ .footer_map { width: calc(100% - 780px - 80px); }/*copyright*/ .footer_copyright { width: 100%; display: flex; font-size: 13px; letter-spacing: 1.5px; color: #565656; line-height: 1.5; justify-content: center; margin-top: 40px; padding-top: 40px;border-top: 1px dashed #565656;}.copyright_desc, .copyright_desc a, .copyright_desc a:hover { font-size: 13px; letter-spacing: 1.5px; color: #565656; line-height: 1.5;}.RWDssl01 {padding: 0 5px;}/*手機跟隨*/ .fixed_block {display:none; width: 100%; position: fixed; bottom: 0; left: 0;}a.fixed_btn { width: 100%; position: relative; font-size: 17px; line-height: 1.5; letter-spacing: 2px; padding: 25px 10px; display: flex; justify-content: center; text-align: left; align-items: center; font-weight: 500; color: #fafafa; background: #111; transition: .5s ease;}a.fixed_btn i.icon.ion-ios-telephone { width: 40px; height: 40px; border: 1px solid #fafafa;display: flex; border-radius: 99em; justify-content: center; align-items: center; margin-right: 20px; color: #fafafa;} /*footer end*/ /*內頁 start*/ /*內頁*/ .page_wrapper_bg .banner-block .RWDbanner_plus01 .pic-box .pic img { max-width: 100%; width: 100%;}/*footer*/ .page_wrapper_bg .footer_block { background: #3d3d3d; }/*底部距離*/ .page_wrapper_bg .main section.call_to_action{margin: 0 0 120px 0;}section.hgroup .container { width: 100%;margin-left: 0; margin-right: 0;margin-bottom: 80px;}.main section .container .article-text > .container {width: 100%;}/*拿掉*/ .pagecontent .article_model[data-seq="0"] { margin-top: 0 !important;}.btn.active, .btn:active { box-shadow: none;}/*內文統一*/#RWDPAGE_BASE_PAT02 .hgroup h1 {font-size: 36px;margin: 0px; padding: 0; color: #3d3d3d;font-weight: 500;letter-spacing: 3px;line-height: 1.8;text-align: center;}#RWDPAGE_BASE_PAT02 .pagecontent p {color: #333;letter-spacing: 2px;line-height: 1.8;font-size: 16px;margin-bottom: 0px;}/*標題下麵包屑*/ .page_wrapper_bg .hgroup .breadcrumb {font-size: 13px;text-align: center;float: none !important;position: relative;border: 0px;bottom: 0px;background: transparent;letter-spacing: 1.5px; color: #909090; padding: 0; font-weight: 100;}.page_wrapper_bg .hgroup .breadcrumb a:hover {color: #000;}/*按鈕們*//*內頁返回按鈕*/ .page_wrapper_bg .btn_back {letter-spacing: 2px;background: transparent;padding: 0px;margin: 0px;float: right;margin-top: 30px;line-height: 1.5;}.page_wrapper_bg .btn.btn_back a { border-radius: 10px; display: block; width: 160px; padding: 10px 0; border: 1px solid #777; font-size: 15px; color: #777;font-weight: 600;transition: 0.6s ease;}.page_wrapper_bg .btn_back a:hover {background: #777; color: #fff; transition: 0.6s ease;}/*詢問單品項背景底*/ .RWDmenu_plus04 .cart-block .pic, .RWDmenu_plus04 .querycar-block .pic { background: none;}/*關於*/ .page_wrapper_bg .pagecontent, .page_wrapper_bg .pagecontent p { font-size: 16px; letter-spacing: 2px; line-height: 1.7; color: #444; font-weight: 400;}.page_wrapper_bg .pagecontent h4 { font-size: 20px; color: #333; line-height: 1.6; margin: 0px 0px 20px;}.about-child { display: flex; align-items: flex-star;}.about-child-pic { display: inline-block; border-radius: 30px; overflow: hidden; height: 300px; box-shadow: 4px 4px 10px #e7e7e7; width: 50%;}/*關於第一段*/ .about-child.child-zero { display: flex; flex-direction: column;align-items: center;background: #f7f7f7; padding: 70px 0 80px; border-radius: 20px; width: 90%; margin: 0 auto;}.about-child.child-zero .main-title { font-size: 20px; font-weight: 500; letter-spacing: 2px; line-height: 1.5; margin-bottom: 44px;color: #666; text-align: center;}.about-child.child-zero .about-child-text { width: 65%; line-height: 2; letter-spacing: 4px; color: #333; padding-top: 48px; border-top: 1px dashed #999;}/*since1988 偽元素*/ .about-child.child-zero .start-years { font-size: 38px; font-weight: 400; position: relative; letter-spacing: 0px; color: #333; padding-left: 35px; padding-right: 35px;}.about-child.child-zero .start-years::before { content: ''; position: absolute; width: 32px; height: 2.2px; background: #3d3d3d; top: 50%; left: 0;}.about-child.child-zero .start-years::after { content: ''; position: absolute; width: 32px; height: 2.2px; background: #3d3d3d; top: 50%; right: 0;}/*關於第二段文*/ .about-child.child-one { flex-direction: row; align-items: center;justify-content: center; width: 90%; margin: 0 auto;}.about-child.child-one .about-child-pic { margin-left: 0; display: inline-block;}.about-child.child-one .about-child-text { margin-top: 0px; margin-right: 50px; width: calc(50% - 50px);}.page_wrapper_bg .pagecontent h4{ font-size: 28px;font-weight: 600;margin-bottom: 30px;}/*關於第三段文*/ .about-child.child-two { flex-direction: row-reverse; justify-content: center; align-items: center;width:90%;margin: 0 auto;}.about-child.child-two .about-child-text { margin-top: 0px; margin-left: 50px; width: calc(50% - 50px);}.page_wrapper_bg .pagecontent h4 {font-size: 28px;font-weight: 600;margin-bottom: 30px;}/*關於第四段文*/ .about-child.child-three { display: block; text-align: center;}.about-child.child-three .about-child-text { width: 90%; border-top: 1px dashed #999; padding-top: 60px; margin: 40px auto 0;}/*產品頁左側選單欄*/ .page_wrapper_bg #sidebar .products-nav{ background: #fdfeff; box-shadow: 2px 2px 3px #e7e7e7; font-family: 'Open Sans', 'Noto Sans TC', sans-serif;}.page_wrapper_bg .m2018 .products-nav .nav-title{ text-align: center; letter-spacing: 4px; color: #333; margin-bottom: 0px; background: #ddd; font-weight: bold; font-size: 18px; padding: 10px 15px;}.page_wrapper_bg .m2018 .products-nav>ul>li{ margin-bottom: 0px; padding: 8px 0px;}.page_wrapper_bg .m2018 .products-nav li:not(.has-child)>a{ text-align: center; font-size: 16px; font-weight: 300; color: #888; padding: 5px 10px;}.page_wrapper_bg .m2018 .products-nav li:not(.has-child)>a:hover{ color: #222;}/*產品頁右側資訊欄*/ .page_wrapper_bg .layoutlist_2 .item, .layoutlist_4 .item{ margin-top: 0px; border-bottom: none;}.page_wrapper_bg .product_list_item .subject { text-align: center; margin: 0; padding: 20px 0 45px 0; border-top: 1px dashed #3d3d3d;}.page_wrapper_bg .layoutlist_2 .product_list_item:hover .subject A.itemlink { color: #888;}/*產品內頁文字*/ .RWDproduct_page .products-info{ font-family: 'Open Sans', 'Noto Sans TC', sans-serif;}.page_wrapper_bg .RWDproduct_page .products-info .name{ font-size: 24px; font-weight: 600; color: #3d3d3d; letter-spacing: 2px; line-height: 1.2; margin-bottom: 0;}.item .subject A.itemlink { color: #3d3d3d; font-size: 18px; font-weight: 500; letter-spacing: 2px;}.page_wrapper_bg .RWDproduct_page .products-info .txt .title { font-size: 18px; font-weight: 600; letter-spacing: 2px; color: #797979;}.page_wrapper_bg .products-info .editor .product_txt .txt { font-size: 15px; letter-spacing: 1px; line-height: 1.8; color: #797979; font-weight: 400;}.page_wrapper_bg .products-info .editor .product_txt li { font-size: 15px; letter-spacing: 1px; color: #686868; letter-spacing: 1px; font-weight: 500; line-height: 1.8;}.page_wrapper_bg .RWDproduct_page .btn-other i.ii{ display: none;}/*詢問車按鈕*/ .products-info .btn-other .ibtn { position: relative; color: #fff; font-size: 16px; background: #333; border-radius: 10px; padding: 10px 35px; letter-spacing: 2px; font-weight: 400;}.products-info .btn-other .ibtn::before{ border-radius: 10px; position: absolute; content: ''; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px dashed #fff; top: 4px; left: 4px; transition: all 0.3s;}.products-info .btn-other .ibtn:hover { color: #fff; background: #555;}.page_wrapper_bg .products-editor .product_txt { font-family: 'Open Sans', 'Noto Sans TC', sans-serif;}/*批發洽詢&客製商品*/ .page_wrapper_bg .layoutlist_1.page_content2{ width: 800px; margin: 0 auto;background: #fff; padding: 80px 60px; box-shadow: 0px 0px 3px #dedede; background: url(archive/image/customization/process_bg.png)no-repeat;box-shadow: rgb(0 0 0 / 25%) 0px 32px 34px -24px; border-radius: 10px; background-size: cover;}.page_wrapper_bg .form-horizontal .control-label{ width: 15%; color: #3d3d3d; font-weight: 500; padding: 0; letter-spacing: 2px;}.page_wrapper_bg .form-horizontal .form-group .col-sm-12.col-md-11 {width: 85% !important ; padding: 0;}.page_wrapper_bg .form-horizontal .form-group{ margin-left: 0px; margin-right: 0px;margin-bottom: 30px;}.page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc { line-height: 2; margin: 0 0 50px 0; padding-bottom: 0px; font-size: 18px; text-align: center; letter-spacing: 1px; color: #3d3d3d; font-weight: 400; border: none;}.page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc a{ font-size: 16px; margin-left: 10px; background: #333; padding: 4px 15px; border-radius: 10px; color: #fff;}.page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc a:hover{ background: #999 }.page_wrapper_bg .customized_columns ._input, .customized_columns select{border-radius: 5px; background-color: #fff;box-shadow: none;}.page_wrapper_bg .form-control:focus{ border-color: #3d3d3d;}.page_wrapper_bg .ebtn{ background: transparent; margin: 30px 0 0 0; text-align: center;}.page_wrapper_bg .ebtn:hover{ background: transparent; transition: 0.6s;}.page_wrapper_bg .ebtn a{ background-color: #fff; border: 1px solid #3d3d3d; border-radius: 10px; color: #3d3d3d; font-size: 15px; padding: 10px 35px; display: block; width: 250px; line-height: 1.6; font-weight: 400; letter-spacing: 2px;}.page_wrapper_bg .ebtn a:hover{ background-color:#3d3d3d; color: #fff;}.eformsForm .customized_columns .row .col-sm-12.col-md-11 { display: flex; justify-content: center; width: 100% !important;}.page_wrapper_bg .customized_columns ._input, .customized_columns select{ border: 1px solid #cfcfcf;}/*聯絡我們*/ .page_wrapper_bg .layoutlist_1.page_content3{ background: #fff; box-shadow: 0px 0px 3px #dedede; text-align: center; border-radius: 10px; width: 800px; padding: 80px 60px; margin: 0 auto; background: url(archive/image/customization/process_bg.png)no-repeat; box-shadow: rgb(0 0 0 / 25%) 0px 32px 34px -24px; background-size: cover;}.page_wrapper_bg .layoutlist_1.page_content3 .customized_columns{ width: 100%;}.page_wrapper_bg .layoutlist_1.page_content3 .eformsDesc { line-height: 1.6; margin: 0 0 50px 0; padding-bottom: 0px; font-size: 18px; text-align: center; letter-spacing: 1px; color: #3d3d3d; font-weight: 400; border: none;}.page_wrapper_bg .new-form .form-horizontal .form-group > .col-md-5:last-child { padding: 0;}.page_wrapper_bg .new-form .new-width .row .col-md-11{ margin: 0;}/*詢問清單*/ .page_wrapper_bg .shopping-item .name{ font-size: 16px; font-weight: 500; padding-left: 20px; color: #3d3d3d; letter-spacing: 1px; line-height: 1.5; margin-bottom: 0;}.page_wrapper_bg .shopping-item .table .info{ font-size: 15px; font-weight: 500; padding: 15px 15px 10px; color: #737373;}.page_wrapper_bg .shopping-item .table .th{ font-size: 15px; font-weight: 500; padding: 15px 15px 10px; color: #737373;}.page_wrapper_bg .info-box, .no-item, .shopping-item, .shopping_form{ background: #f1f1f1;}.page_wrapper_bg .shopping-item .table .tbody .tr .td { border-bottom: 10px solid #f1f1f1;}.page_wrapper_bg .shopping_form .shopping-title{ font-size: 20px; margin-bottom: 40px; text-align: center; padding-bottom: 20px; border-bottom: 1px dashed #ccc;}.page_wrapper_bg .shopping_form .control-label { font-size: 16px; line-height: 1.5;}.page_wrapper_bg .shopping_form .control-box { margin-bottom: 7px;}.page_wrapper_bg .RWDquiry .btn.normal{ border-radius: 10px; width: 160px; padding: 10px 0; border: 1px solid #a1a1a1; font-size: 15px; color: #a1a1a1;font-weight: 400; background: #fff; transition: 0.6s ease;}.page_wrapper_bg .RWDquiry .btn.normal:hover{ color: #fff; background: #a1a1a1; transition: 0.6s ease;}.page_wrapper_bg .RWDquiry .btn.t-right{ border-radius: 10px; width: 160px; padding: 10px 0; border: 1px solid #3d3d3d; font-size: 15px; color: #3d3d3d;font-weight: 400; background: #fff; transition: 0.6s ease;}.page_wrapper_bg .RWDquiry .btn.t-right:hover{ color: #fff; background: #3d3d3d; transition: 0.6s ease;}.page_wrapper_bg .shopping-item input, .shopping-item select, .shopping-item select.form-control:not([size]):not([multiple]){ font-weight: bold; font-size: 15px;}.page_wrapper_bg .RWDquiry .btn.normal.bg3{ color: #333; border: 1px solid #333;}.page_wrapper_bg .RWDquiry .btn.normal.bg3:hover{ background: #333; color: #fff; }.RWDmenu_plus04 .cart-block .name, .RWDmenu_plus04 .querycar-block .name { font-size: 16px;} /*內頁 end*/ /*動畫 start*/ .rotate { animation: rotation 12s infinite linear;}@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); }} /*動畫 end*/ /* bounceIn 修正成 fadeIn start*/ /* bounceIn 修正成 fadeIn*/@-webkit-keyframes bounceIn { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bounceIn { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .bounceIn { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* bounceIn 修正成 fadeIn end*/ /*小螢幕 start*/ @media (max-width: 1800px) {#RWDfullscreen01 .container { width: 85%;}/*內頁*//*footer*/ .page_wrapper_bg .footer_block .container { width: 85%;}}@media (max-width: 1700px) {.RWDmenu_plus04 .header-in::before { width: 75%; }}@media (max-width: 1600px) {#RWDfullscreen01 .container { width: 90%;}.RWDbanner_plus01 .slick-caption { right: 60px;}.banner_deco_items { right: -44px; bottom: -16px;}.service_block > .container {padding: 120px 80px;}/*內頁*//*footer*/ .page_wrapper_bg .footer_block .container { width: 90%;}}@media (max-width: 1500px) {.RWDmenu_plus04 .header-in::before { width: 83%; }.banner_deco_items { bottom: 41px;}}@media (max-width: 1400px) {#RWDfullscreen01 .container { width: 95%;}.RWDmenu_plus04 .header-in::before { width: 85%; }.RWDmenu_plus04 .features .cart-btn { padding: 30px 0 25px 25px; }.RWDmenu_plus04 .features .search-btn { padding: 32px 30px 25px 30px; }.RWDmenu_plus04 .header .site-nav .menu>li>a {padding: 25px;}.RWDbanner_plus01 .slick-caption .txt2>span { font-size: 38px;}.RWDbanner_plus01 .slick-caption .txt3>span { font-size: 22px;}.RWDbanner_plus01 .slick-caption {width: 540px;}.banner_deco_items { bottom: -15px; right: 0;}.service_block > .container { padding: 120px 60px;}.index h3.intro_title {font-size: 34px;}.scrollTop002 {bottom: 30px;}/*內頁*//*footer*/ .page_wrapper_bg .footer_block .container { width: 95%;}}@media (max-width: 1300px) {.RWDmenu_plus04 .header {padding: 0 0 0 60px;}.RWDmenu_plus04 .header .site-nav .menu>li>a { padding: 25px 15px;}.RWDbanner_plus01 .slick-caption .txt2>span { font-size: 36px;}.RWDbanner_plus01 .slick-caption .txt3>span { font-size: 20px;}.RWDbanner_plus01 .slick-caption {width: 500px;}.about_block .RWDleft_cont002 .item-second .text-box { padding: 0 30px 0 0;}.banner_deco_items { bottom: 30px;}.service_block > .container {padding: 120px 40px;}.RWDService001 p {width: 90%;}.footer_info { margin-right: 40px; }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .RWDmenu_plus04 .header { padding: 0 0 0 40px;}.RWDmenu_plus04 .header.is-up { padding: 0 0 0 30px;}.RWDmenu_plus04 .header-in::before { width: 87%;}.RWDmenu_plus04 .features .search-btn { padding: 32px 30px 25px 30px;}.RWDmenu_plus04 .header .site-nav .menu>li>a { padding: 25px 13px;}.RWDbanner_plus01 .slick-caption { width: 460px;right: 40px;}.RWDbanner_plus01 .slick-caption .txt2>span { font-size: 32px;}.RWDbanner_plus01 .slick-caption .txt3>span { font-size: 18px;}.banner_deco_items { bottom: -55px;right: 20px; }.banner_deco_circle { width: 190px;height: 190px;}.banner_deco {width: 165px; height: 165px;}.about_block::before, .service_block > .container { background-size: cover; background-attachment: scroll;}.service_block {padding: 0;}.service_block > .container { padding: 120px 5%; border-radius: 0; width: 100% !important;}.index h4.main_subtitle { font-size: 18px;}.footer_contact_list { flex-direction: column;}ul.footer_contact:first-child {margin-right: 0;}.footer_info { width: 500px; margin-right: 0;}.footer_map { width: calc(100% - 500px);}@media (max-width: 1130px) {.RWDmenu_plus04 .header .site-nav .menu>li>a {font-size:15px}}/*內頁*//*footer*/ .page_wrapper_bg .footer_block .container { width: 95%;}/*產品介紹*/ .page_wrapper_bg .main section .container .article-text > .container { padding-left: 15px; padding-right: 15px;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) {/*漢堡提早*/ .RWDmenu_plus04 .header { padding: 0 15px 0 60px; background: rgba(255,255,255,.8);}.RWDmenu_plus04 .header.is-up { padding: 0 15px 0 30px; box-shadow: 0px 6px 15px #a3a2a29c;}.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: #3d3d3d;}.RWDmenu_plus04 #mobile-menu .menu li a { color: #3d3d3d;}.RWDmenu_plus04 #mobile-menu .menu>li { border-bottom: 1px solid #f4f4f4;}.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a { letter-spacing: 2px;}.RWDmenu_plus04 .ml-stack-nav-toggle { padding: 35px 45px 35px 15px;}.RWDmenu_plus04 .header-in::before {display: none;}.RWDmenu_plus04 .header .logo {width: 140px;padding-top: 3px; margin-bottom: 0;}.RWDmenu_plus04 .header.is-up .logo {width: 140px;padding-top: 3px; margin-bottom: 0;}.RWDbanner_plus01 .slick-caption { width: 430px;}.RWDbanner_plus01 .slick-caption .txt2>span { letter-spacing: 2px; font-size: 30px;}.RWDbanner_plus01 .slick-caption .txt3>span { font-size: 17px;}.about_block { padding: 120px 0 200px;}.RWDleft_cont002 .item-second >a .pic { height: 420px; }.RWDleft_cont002 .item-second .text-box a { position: absolute; bottom: -100px;left: 50%; transform: translateX(-50%);}.about_block .RWDleft_cont002 .item-second { flex-wrap: wrap; flex-direction: column-reverse;}.about_block .RWDleft_cont002 .item-second .text-box { width: 80%; padding: 0;margin:0 auto 50px auto;}.about_block .RWDleft_cont002 .item-second > a { width: 100%; margin-top: 0;}.RWDleft_cont002 > .container::before {display: none;}.banner_deco_items { bottom: 40px; right: 55px;}.banner_deco_circle::before { background: rgba(255,255,255,.8);}.RWDproduct002_v3 .filter-portfolio ul { flex-direction: column; justify-content: center;align-items: flex-end; margin-top: -180px;}.RWDproduct002_v3 .btn.btn-rj {padding: 15px 0px; font-size: 15px;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6::before { font-size: 38px; }.intro_block::before { width: 180px; height: 116px;}/*內頁*/#RWDPAGE_BASE_PAT02 .pagecontent p{ letter-spacing: 1.5px; font-size: 15px;}/*關於*/ .about-child-pic img{ width: 100%; height: 100%; object-fit: cover;}} /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDmenu_plus04 .features .search-btn {padding: 38px 30px 25px 25px;}.RWDmenu_plus04 .features .cart-btn { padding: 38px 0 25px 25px;}.RWDmenu_plus04 .features:after { right: 4px; top: 34px; height: 26px;}.RWDmenu_plus04 .ml-stack-nav-toggle {color: #3d3d3d;}.about_block .RWDleft_cont002 .item-second .text-box { width: 85%;}.about_block .RWDleft_cont002 .item-second > a { width: 95%; margin: 0 auto;}.banner_deco_items { bottom: 35px; right: 70px;}.RWDproduct002_v3 .popup-portfolio .portfolio-item { width: calc(100% / 3 - 21px);}.RWDproduct002_v3 .btn-box .btn { margin-top: 30px;}.service_block > .container { padding: 120px 30px;}.service_block > .container > .RWDedictor h3.main_title { margin-bottom: 30px;}.RWDService001 p { width: 100%;}.index h3.intro_title { font-size: 30px;}.index h3.main_title { font-size: 34px;}/*內頁*//*關於*/ .about-child.child-zero .main-title { width: 85%; margin: 0 auto 34px; text-align: center;}.about-child.child-one .about-child-text { width: calc(55% - 50px);}.about-child.child-two .about-child-text { width: calc(55% - 50px);}.about-child-pic { width: 45%; height: 280px;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .RWDbanner_plus01 .slick-caption { width: 420px; left: 50%; transform: translateX(-50%); top: 190px;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 { width: calc(100% / 4 );}.RWDService001 i { width: 100px; height: 100px; padding: 25px; border: 2px solid #3d3d3d;}.index h4.intro_subtitle { font-size: 18px;}.scrollTop002 { bottom: 80px; right: 10px;}/*內頁*//*產品介紹*/ .page_wrapper_bg .pagecontent .layoutlist_2 { margin-top: 60px;}/*批發&客製*/ .page_wrapper_bg .form-horizontal .control-label { padding-left: 0 !important; padding-right: 0 !important;}/*詢問車內頁*/ .page_wrapper_bg .shopping-item .table .tbody .tr .td{ border-bottom: none;}.page_wrapper_bg .shopping-item .table .info { margin-top: 18px;}/*聯絡*/ .page_wrapper_bg .new-form .form-horizontal .form-group > .col-md-5:last-child { width: 70%;} } /*991px end*/ /*900px start*/ @media (max-width: 900px) {.banner_deco_circle { width: 175px;height: 175px;border: 5px dotted #3d3d3d;}.banner_deco { width: 145px; height: 145px;}.index h3.intro_title { font-size: 28px; padding-bottom: 0;}.footer_copyright {flex-wrap: wrap; }.footer_info { width: 450px;}.footer_map { width: calc(100% - 450px);}ul.footer_contact>li { font-size: 15px;}.scrollTop002 { bottom: 50px;}} /*900px end*/ /*850px start*/ @media (max-width: 850px) { .about_block .RWDleft_cont002 .item-second .text-box { width: 90%;}.RWDleft_cont002 .item-second .text-box .subtitle { text-align: center;margin: -75px auto 60px auto;}.RWDleft_cont002 .item-second .text-box .text>h4 { text-align: center;}.RWDleft_cont002 .item-second .text-box .title { text-align: center;}.index h4.main_subtitle { text-align: center;}.RWDproduct002_v3 .filter-portfolio ul>li { margin: 0 10px;}.RWDproduct002_v3 .section-subject {margin-bottom: 30px;}.product_block > .container > .RWDedictor {display: flex; flex-direction: column;align-items: center;}.RWDproduct002_v3 .filter-portfolio ul { flex-direction: row;justify-content: center; align-items: center; margin-top: 0;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6::before { font-size: 35px;right: -10px;top: 40px;}.intro_block> .container { flex-wrap: wrap;}.intro_block> .container > .intro_custom { width: 100%;}.intro_block> .container > .intro_stock { width: 100%;}/*內頁*//*關於*/ .about-child.child-zero .main-title { width: 70%; margin: 0 auto 44px; text-align: center;}.about-child.child-zero .about-child-text { width: 70%;}.about-child.child-one { flex-direction: column; width: 100%;}.about-child.child-one .about-child-text { width: 62%; margin-right: 0; margin-bottom: 40px;}.about-child.child-two { flex-direction: column; width: 100%;}.about-child.child-two .about-child-text { margin-left: 0; width: 62%; margin-bottom: 40px;}.about-child .about-child-pic { width: 70%; height: 350px;}.about-child.child-three .about-child-text { margin-top: 15px;}/*批發&客製*/ .page_wrapper_bg .layoutlist_1.page_content2 { width: 100%;}/*聯絡*/ .page_wrapper_bg .layoutlist_1.page_content3 { width: 100%;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /*內頁*//*共同內文*/ .page_wrapper_bg section.hgroup .container { padding-bottom: 17px;}/*關於*/ .about-child.child-zero { padding: 55px 0 65px;}.about-child.child-zero .main-title { width: 75%;}.about-child.child-zero .about-child-text { width: 75%;}.about-child.child-one .about-child-text{ width: 67%;}.about-child.child-two .about-child-text{ width: 67%;}/*產品介紹*/ .page_wrapper_bg .RWDproduct_page .btn_back { width: auto;}/*批發&客製*/ .page_wrapper_bg .ebtn { width: auto;} } /*800px end*/ /*768px start*/ @media (max-width: 768px) {.RWDbanner_plus01 .slick-caption { top: 190px;}.about_block { padding: 90px 0 180px;}.about_block .RWDleft_cont002 .item-second > a { width: 100%; }.product_block { padding: 80px 0;}.service_block > .container { padding: 80px 15px;}.RWDService001 i { width: 85px;height: 85px; padding: 23px;}.RWDService001 .boxFeature-2>h2 { font-size: 18px;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6{padding: 0 10px;}.RWDService001 .boxFeature-2>h2::before {display: none;}.RWDService001 .boxFeature-2>h2::after {display: none;}.footer_block { padding: 80px 0 40px;}.footer_info { width: 420px;}.footer_map { width: calc(100% - 420px);}.scrollTop002 { bottom: 20px;}.intro_block {padding: 80px 0;}.intro_block .RWDparallax_new .picbgbox { border-radius: 30px;height: 480px !important;}.intro_block> .container > .intro_stock {padding: 0 30px;border-radius: 30px;margin-bottom: 30px;}.intro_block> .container > .intro_stock > .RWDedictor {left:0;}.intro_block> .container > .intro_stock::before { width: calc(100% - 60px); height: 100%; background: rgba(0,0,0,.3); z-index: 3; border-radius: 30px;}.intro_block> .container > .intro_stock::after { position: absolute; content: ''; width: calc(100% - 90px); height: calc(100% - 30px); border: 1px dashed #fff; left: 45px; top: 15px; z-index: 4; border-radius: 25px;}.intro_block> .container > .intro_custom {padding: 0 30px;border-radius: 30px;}.intro_block> .container > .intro_custom > .RWDedictor{left:0;}.intro_block> .container > .intro_custom::before { position: absolute; content: ''; width: calc(100% - 60px); height: 100%; background: rgba(0,0,0,.3); z-index: 3;border-radius: 30px;}.intro_block> .container > .intro_custom::after { position: absolute; content: ''; width: calc(100% - 90px); height: calc(100% - 30px); border: 1px dashed #fff; right: 45px; top: 15px; z-index: 4; border-radius: 25px;}/*內頁*//*關於*/ .page_wrapper_bg .pagecontent h4 br { display: none;}.page_wrapper_bg .pagecontent h4{ margin-bottom: 20px;}/*產品介紹內頁*//*.RWDproduct_page .btn_back{ width: auto;} *//*批發&客製&聯絡*/ .page_wrapper_bg .form-horizontal .control-label { width: 100%;}.page_wrapper_bg .form-horizontal .form-group .col-sm-12.col-md-11 { width: 100% !important;}.eformsForm .customized_columns .row .col-sm-12.col-md-11{ flex-direction: column; align-items: center;}.page_wrapper_bg .ebtn { width: auto;}} /*768px end*/ /*767px start*/ @media (max-width: 767px) { .about_block .RWDleft_cont002 .item-second .text-box { width: 95%;}.RWDproduct002_v3 .popup-portfolio .portfolio-item { padding: 15px;width: calc(100% / 2 - 21px);}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 {width: 50%; margin: 0 auto 40px auto; min-height: 230px;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6:last-child {margin-bottom: 0; min-height: auto;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6::before { content: "\f123"; font-size: 35px; right: auto; top: auto; left: 50%; transform: translateX(-50%); bottom: -10px;}.RWDService001 p {text-align: center;}.footer_info { width: 410px;}.footer_map { width: calc(100% - 410px);}/*內頁*//*關於*/ .about-child.child-three p { text-align: justify; letter-spacing: 1px !important;}.about-child.child-one p { text-align: justify;}.about-child.child-two p { text-align: justify;}/*產品介紹內頁*/ .page_wrapper_bg .main section.call_to_action > .container > .article-text > .container > .xrow > .pagecontent { padding: 0 !important;}.page_wrapper_bg .RWDproduct_page .products-info .download, .RWDproduct_page .products-info .name-box, .RWDproduct_page .products-info .price-box { margin-top: 25px;}/*產品介紹內頁*/ .page_wrapper_bg .products-editor .product_txt { padding: 30px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-top: 40px;}/*批發&客製*/ .page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc a{ display: block; width: 60%; margin: 30px auto 0;} } /*767px end*/ /*700px start*/ @media (max-width: 700px) {.RWDleft_cont002 .item-second >a .pic { height: auto;}.banner_deco_items {display: none;}.footer_info { margin-bottom: 30px; width: 100%;}.footer_map{ width: 100%;}.footer_contact_items .footer_title { text-align: center;}.footer_contact_list { width: 65%; margin: 0 auto;}/*內頁*/ .about-child.child-zero { padding: 45px 0 55px;}.about-child.child-zero .main-title { width: 86%; margin: 0 auto 34px;}.about-child.child-zero .about-child-text { width: 86%; padding-top: 38px;}.about-child.child-zero .start-years { font-size: 34px; padding-left: 30px; padding-right: 30px;}.about-child.child-zero .start-years::before { width: 26px;}.about-child.child-zero .start-years::after { width: 26px;}.about-child.child-one .about-child-text { width: 77%;}.about-child.child-two .about-child-text { width: 77%;}.about-child .about-child-pic { width: 80%; height: 300px;}} /*700px end*/ /*600px start*/ @media (max-width: 600px) { /*loading*/ .fl {width: 200px;}.RWDleft_cont002 > .container {padding: 0;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 {min-height: 240px;}.footer_contact_list { width: 80%;}.footer_block { padding: 80px 0 100px;}.fixed_block { z-index: 99;display: block;}.scrollTop002 { bottom: 155px;}ul.footer_contact>li.footer_contact_tel br {display: block;}a.footer_contact_tel_sec { padding-left: 52px;}/*內頁*//*共同內文*/#RWDPAGE_BASE_PAT02 .hgroup h1 { font-size: 32px; letter-spacing: 2px;}/*關於*/ .page_wrapper_bg .pagecontent h4 { font-size: 26px; line-height: 1.4;}.about-child.child-zero { padding: 0; background: 0; border-radius: 0; width: 100%;}.about-child.child-zero .main-title { width: 90%;}.about-child.child-zero .about-child-text { width: 90%;}.about-child.child-zero .start-years { font-size: 32px;}.about-child.child-zero .start-years::before { width: 24px;}.about-child.child-zero .start-years::after { width: 24px;}.page_wrapper_bg .pagecontent h4 br { display: block;}.page_wrapper_bg .pagecontent h4 { margin-bottom: 30px;}.about-child.child-one .about-child-text { width: 90%;}.about-child.child-two .about-child-text { width: 90%;}.about-child .about-child-pic { width: 90%;}/*產品介紹內頁*/ .page_wrapper_bg .RWDproduct_page .btn-other li { width: 100%;}.page_wrapper_bg .RWDproduct_page .btn_back { width: 100%;}.page_wrapper_bg .btn.btn_back a { width: 100%;}/*批發&客製*/ .page_wrapper_bg .layoutlist_1.page_content2 { padding: 70px 35px;}.page_wrapper_bg .ebtn { width: 100%;}.page_wrapper_bg .ebtn a{ width: 100%;}.page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc a { display: block; width: 80%; margin: 30px auto 0;}/*聯絡*/ .page_wrapper_bg .layoutlist_1.page_content3 { padding: 70px 35px;}/*詢問車內頁*/ .page_wrapper_bg .info-box, .no-item, .shopping-item { margin-left: 0; margin-right: 0;}.page_wrapper_bg #RWDquiry .shopping_form{ padding: 55px 25px;}.page_wrapper_bg .shopping-item .table .info { margin-top: 0px;}.page_wrapper_bg .shopping-item .table .tbody>.tr { border-top: none; border-bottom: 1px dashed #777; padding-bottom: 30px; margin-bottom: 30px; padding-top: 25px; margin-top: 0; margin-top: 20px;}.page_wrapper_bg .shopping-item .table .tbody>.tr+.tr { border-top: none; border-bottom: 1px dashed #777; padding-bottom: 30px; margin-bottom: 30px; padding-top: 15px;}.page_wrapper_bg .shopping-item .table .tbody>.tr+.tr:last-child { border-bottom: none; padding-bottom: 0;}.page_wrapper_bg .shopping-item .table .info{ padding: 0;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .RWDbanner_plus01 .slick-caption {top: 130px; width: 100% !important;}.RWDbanner_plus01 .slick-caption > .container { width: 90% !important; margin: 0 auto; float: none;}.RWDbanner_plus01 .slick-caption .txt2>span {font-size: 27px;}.RWDmenu_plus04 .header {padding: 0 15px;}.RWDmenu_plus04 .header.is-up {padding: 0 15px;}.RWDmenu_plus04 .ml-stack-nav-toggle { width: 28px; padding: 35px 14px;} .RWDmenu_plus04 .features:after { right: 15px; top: 22px;}.RWDmenu_plus04 .features .search-btn { padding: 28px 30px 25px 25px;}.RWDmenu_plus04 .features .cart-btn { width: 40px; padding: 28px 0 25px 0px;}.RWDmenu_plus04 .header .logo { position: absolute; width: 150px;padding-top: 3px;margin-bottom: 0;}.RWDmenu_plus04 .header.is-up .logo {width: 150px;}.RWDleft_cont002 > .container {padding: 0; }.RWDleft_cont002 .item-second .text-box .title {font-size: 32px;}.about_block .RWDleft_cont002 .item-second .text-box { width: 100%;}.RWDleft_cont002 .item-second .text-box .text>h4 {font-size: 19px; margin-bottom: 30px;}.about_block .RWDleft_cont002 .item-second .text-box { margin-bottom: 30px;}.index h3.main_title { font-size: 32px;}.index h4.main_subtitle {text-align: center; }.RWDproduct002_v3 .popup-portfolio .portfolio-item {margin: 0 auto 20px auto; width: 100%;}.RWDproduct002_v3 .btn-box .btn { margin-top: 0;}.RWDproduct002_v3 .filter-portfolio ul { flex-wrap: wrap;}.RWDproduct002_v3 .filter-portfolio ul>li {width: 100%; margin: 0 0 10px;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 { min-height: 250px;width: 80%;}.intro_block .RWDparallax_new .picbgbox { height: 400px !important;}.index h4.intro_subtitle {width: 85%;}a.contact_btn { width: 75%;}.index h4.intro_subtitle { font-size: 17px;}.footer_contact_list { width: 95%;}ul.footer_contact>li { letter-spacing: 1px;}.scrollTop002 { bottom: 135px;}.RWDleft_cont002 .item-second .text-box a { width: 100%; text-align: center;}.RWDproduct002_v3 .btn-box .btn { width: 100%; text-align: center;}.intro_block> .container > .intro_stock {padding: 0 15px;}.intro_block> .container > .intro_stock::before { width: calc(100% - 30px);}.intro_block> .container > .intro_stock::after { width: calc(100% - 50px); left: 25px; height: calc(100% - 20px); top: 10px;}.intro_block> .container > .intro_custom {padding: 0 15px;}.intro_block> .container > .intro_custom::before { width: calc(100% - 30px);}.intro_block> .container > .intro_custom::after {width: calc(100% - 60px); right: 30px;}.intro_block> .container > .intro_custom::after { width: calc(100% - 50px); left: 25px; height: calc(100% - 20px); top: 10px;}/*內頁*//*共同內文*/ .page_wrapper_bg section.hgroup .container { margin-bottom: 40px;}/*關於*/ .about-child.child-zero { width: 100%; padding: 30px 0;}.about-child.child-zero .start-years { font-size: 28px; padding-left: 25px; padding-right: 25px;}.about-child.child-zero .start-years::before { width: 20px; height: 2px;}.about-child.child-zero .start-years::after { width: 20px; height: 2px;}.about-child.child-zero .main-title { width: 85%; margin: 0 auto 34px;}.about-child.child-zero .about-child-text { width: 100%; padding-top: 38px;}.about-child.child-one .about-child-text { width: 100%;}.about-child .about-child-pic{ width: 100%; height: 250px;}.about-child.child-two .about-child-text{ width: 100%;}.about-child.child-three .about-child-text { width: 100%;}/*產品介紹*/ .item .subject A.itemlink{ font-size: 16px;}.about-child.child-zero .about-child-text { text-align: justify;}/*批發&客製&聯絡*/ .page_wrapper_bg .layoutlist_1.page_content2 { background: none; box-shadow: none; padding: 0;}.page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc{ font-size: 16px;}.page_wrapper_bg .layoutlist_1.page_content3 .eformsDesc{ font-size: 16px;}.page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc a { margin-left: 0px; display: block; margin: 28px auto 0;}.pagecontent.menu5, .pagecontent.menu8 { padding: 0 !important;}.page_wrapper_bg .layoutlist_1.page_content3 { background: none; box-shadow: none; padding: 0;}/*詢問車內頁*/ .page_wrapper_bg .RWDquiry .btn-box { display: flex; flex-direction: column-reverse;}.page_wrapper_bg .RWDquiry .btn.normal { width: 100%; margin: 0 0 15px;} } /*480px end*/ /*400px start*/ @media (max-width: 400px) {/*內頁*/ .page_wrapper_bg .shopping_form .shopping-title { color: #333333; background: transparent;}.main section .container .article-text > .container { padding-left: 0; padding-right: 0;}/*關於*/ .page_wrapper_bg .pagecontent h4 { font-size: 23px ; letter-spacing: 1px ;}/*批發&客製*/ .page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc { font-size: 15px;}.page_wrapper_bg .layoutlist_1.page_content3 .eformsDesc{ font-size: 15px;}} /*400px end*/ /*380px start*/ @media (max-width: 380px){ .RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 { width: 90%;}.index h4.intro_subtitle { width: 80%;font-size: 15px;}/*內頁*/ .RWDquiry .btn-box{ display: flex; justify-content: space-between;}/*關於*/ .about-child.child-zero { width: 100%; padding: 10px 0;}.page_wrapper_bg .pagecontent h4 { font-size: 22px;}/*批發&客製*/ .page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc { font-size: 15px;}.page_wrapper_bg .layoutlist_1.page_content3 .eformsDesc{ font-size: 15px;} } /*380px end*/ /*350px start*/ @media (max-width: 350px) {.page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc { font-size: 15px !important;}.page_wrapper_bg .layoutlist_1.page_content3 .eformsDesc{ font-size: 15px !important;}} /*350px end*/ /*320px start*/ @media (max-width: 320px){ .RWDmenu_plus04 .header { padding: 0 10px;}.RWDmenu_plus04 .header.is-up { padding: 0 10px;}.RWDmenu_plus04 .features { margin-right: 0; padding-right: 0;}.RWDbanner_plus01 .slickitem01 .slick-caption > .container::after {display: none;}.RWDbanner_plus01 .slickitem01 .slick-caption > .container::before {display: none;}.RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { margin-top: 5px;}.RWDbanner_plus01 .slick-caption .txt2>span { font-size: 24px;}.RWDbanner_plus01 .slick-caption .txt1>span { font-size: 16px;}.RWDmenu_plus04 .features .search-btn { padding: 25px 25px;}.RWDmenu_plus04 .features .cart-btn { padding: 25px 0px;}.RWDmenu_plus04 .features:after { display:none;}.RWDleft_cont002 .item-second .text-box .title, .index h3.main_title { font-size: 29px;}.RWDService001 .row:nth-child(2) .col-md-3.col-sm-6 { width: 100%;}.footer_copyright .RWDedictor { text-align: center;}.scrollTop002 { bottom: 175px;}.intro_block> .container > .intro_stock::after { display:none;}.intro_block> .container > .intro_custom::after { display:none;}.index h3.intro_title { font-size: 25px;}a.contact_btn>span {font-size: 15px;}a.contact_btn { width: 80%;}a.contact_btn>i.icon.ion-ios-telephone { margin-right: 10px;}/*內頁*//*關於*/#RWDPAGE_BASE_PAT02 .hgroup h1 { font-size: 28px; letter-spacing: 2px;}.about-child.child-zero .start-years { font-size: 26px; padding-left: 20px; padding-right: 20px;}.about-child.child-zero .start-years::before { width: 17px; height: 1.8px;}.about-child.child-zero .start-years::after { width: 17px; height: 1.8px;}.about-child.child-zero .main-title { width: 95%; margin: 0 auto 34px; font-size: 18px;}.page_wrapper_bg .child-three .about-child-text h4 { text-align: start;}/*產品介紹*/ .page_wrapper_bg .item .subject A.itemlink { font-size: 14px; letter-spacing: 0;}/*批發&客製*/ .page_wrapper_bg .layoutlist_1.page_content2 .eformsDesc { font-size: 15px;}.page_wrapper_bg .layoutlist_1.page_content3 .eformsDesc{ font-size: 15px;} } /*320px end*/