a{color:#646464}a:focus, a:hover{color: #ed6d00;}img { max-width: 100%; height: auto;}a,a:hover,a:active,a:focus,a:visited { transition: .5s all ease; text-decoration: none;}.row { margin-right: 0px; margin-left: 0px;}body.wrapper_bg { font-family: 'Noto Sans TC', serif !important; letter-spacing: 1.5px; line-height: 1.5; font-size: 15px; color: #646464;}p{ margin: 0; padding: 0;}/*容器設定*/ .RWDmenu_plus04 .container{ width: 100%; max-width: unset;}.panel_1:not(.banner-block,.scrollT,.fix-btn,.footer-block,.brand-block,.eform-block){ padding: 10rem 0rem;}.footer_bottom .container { width: 75% !important;}/* 反白顏色設定*/::selection { background: #555; color: #fff;}::-moz-selection { background: #555; color: #fff;}/*loading*/ .fl { width: 150px;}.fl img { width: 100%;}/* navi*/ .lang-select-options a:hover, .lang-select-options a:hover *{ font-weight: 400; color: #00918c;}.lang-select-options{ box-shadow: unset;} .fa.ic_lang-select{ font-size: 19px !important;}.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: #ed6d01;}.RWDmenu_plus04 .lang-select{ float: left !important;}.lang-select-label{ padding: 31px 15px; color: #ed6d01;}.RWDmenu_plus04 #search-box .form-control{ background: #fff;}.RWDmenu_plus04 .logo { width: 250px; top: 20px; position: absolute; z-index: 10000;}.RWDmenu_plus04 .header { padding: 0 0 0 5vw; background: rgb(255,255,255); z-index: 899; transition: .5s all ease;}.RWDmenu_plus04 .header.is-up{ transition: .5s all ease;}.RWDmenu_plus04 .menu li a{ color: #000; font-size: 16px!important; letter-spacing: 3px; font-weight: 400;}.RWDmenu_plus04 .site-nav .menu>li.active>a:after{ border-color: #00918c;}.RWDmenu_plus04 .site-nav .menu{ text-align: right;}.RWDmenu_plus04 .container{ width: 100%!important; max-width: unset;}.RWDmenu_plus04 .features{ width: 450px;}.RWDmenu_plus04 .features .edit{ float: right;}.RWDmenu_plus04 .features .navi-btn{ letter-spacing: 2px; display: flex; color: #fff; font-size: 16px; width: 100%; align-items: center; height: 86px; padding: 0rem 2rem 0rem 4rem; justify-content: center; background: linear-gradient(-73deg, rgba(0,145,140,1) 82%, rgba(237,109,0,1) 82%); clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%); transition: .3s all ease;}.RWDmenu_plus04 .features .navi-btn img{ width: 22px;}.RWDmenu_plus04 .features .navi-btn:hover{ transition: .3s all ease; background: linear-gradient(-73deg, rgb(0 111 108) 82%, rgba(237,109,0,1) 82%);}.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .search-btn{ float: left; padding: 31px 10px;}.RWDmenu_plus04 .features .search-btn i,.RWDmenu_plus04 .features .cart-btn i,.RWDmenu_plus04 .features .cart-nu{ color: #ed6d00;}.RWDmenu_plus04 .features .cart-btn:hover i,.RWDmenu_plus04 .features .cart-btn:hover .cart-nu{ color: #00918c;}.RWDmenu_plus04 .features .navi-btn i{ color: #fff; font-size: 20px;}.RWDmenu_plus04 .features .navi-btn i:hover{ color: #fff;}.RWDmenu_plus04 .features .navi-btn span{ margin: 1rem; font-weight: 600;}.RWDmenu_plus04 .site-nav .menu>li>a{ padding: 10px 5px; margin: 0px 10px; transition: .3s all ease; border-bottom: 1px solid transparent;}.RWDmenu_plus04 .site-nav .menu ul li>a{ text-align: center;}.RWDmenu_plus04 .site-nav .menu>li:not(.has-child)>a:hover{ background: transparent; color: #000; border-bottom: 1px solid #00918c; transition: .3s all ease;}.RWDmenu_plus04 .site-nav .menu li.active a,.RWDmenu_plus04 .site-nav .menu a:hover{ background: transparent; color: #000;}.RWDmenu_plus04 .lang-select:hover .lang-select-label{ background: transparent; color: #00918c; transition: .3s all ease;}.RWDmenu_plus04 .lang-select-label:hover:after{ border-color: #00918c;}.RWDmenu_plus04 .lang-select:hover i{ color: #00918c !important; transition: .3s all ease;}.RWDmenu_plus04 .site-nav .menu ul li a:hover{ text-decoration: none; font-size: 15px!important; font-weight: 400; color: #00918c;}.RWDmenu_plus04 .features i:hover{ color: #00918c; transition: .3s all ease;}.RWDmenu_plus04 .site-nav .menu ul li a{ font-size: 15px!important; font-weight: 400;}.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after{ border-color: #00918c;}.RWDmenu_plus04 .site-nav .menu ul{ background: #fff;}.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;}/* banner */ .index .banner-block { margin-top: 77px;}.index .RWDbanner_plus01 .slick-caption{ top: unset; bottom: 25%; filter: drop-shadow(5px 0px 20px #00000021); max-width: 1200px; width: fit-content;}.RWDbanner_plus01.style-dotnav.control-center .control-box{ bottom: 11%;}.index .RWDbanner_plus01 .slick-caption .container{ background: transparent; clip-path: polygon(0% 0%, 100% 0%, 91% 100%, 0% 100%); width: 100%!important; padding: 3rem 5vw;}.index .RWDbanner_plus01 .slick-caption.txt-center .container,.index .RWDbanner_plus01 .slick-caption.txt-right .container{ background: transparent;}.index .RWDbanner_plus01 .slick-caption .txt1{ font-size: 35px; color: #8be1e0; font-weight: 500; letter-spacing: 3px; margin: 0px;}.index .RWDbanner_plus01 .slick-caption .txt2{ font-size: 55px; color: #fff; font-weight: bold; letter-spacing: 3px; margin: 10px 0px;}.index .RWDbanner_plus01 .slick-caption .txt3{ font-size: 35px; color: #ccc; font-weight: 400; letter-spacing: 3px; margin: 0px;}.index .RWDbanner_plus01.style-dotnav .control-box .control{ text-align: right; padding-right: 5rem; padding-bottom: 3rem;}.index .RWDbanner_plus01.style-dotnav.dot .slick-dots li{ width: 35px;}.index .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #fff; width: 30px; height: 6px;}.index .RWDbanner_plus01.style-dotnav.dot .slick-dots button{ background: #fff; opacity: .5; border-radius: 0; width: 20px; height: 6px;}.index .RWDmenu_plus04 #mobile-menu .menu>li.active>a,.index .RWDmenu_plus04 #mobile-menu .menu>li.active{ background-color:#00918c;}.RWDmenu_plus04 .cart-block, .RWDmenu_plus04 .querycar-block{ z-index: 1000;}/* font */ .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1,.RWDleft_cont002 .item-second .text-box .title{ font-size: 45px; font-weight: bold; letter-spacing: 3px; color: #000; border-bottom: 1px solid #ed6d00; padding-bottom: 1.5rem; margin-bottom: 1.5rem; position: relative; line-height: 1.5;}.brand-block .RWDproduct004 .heading-title.heading-arrow-top h1:after, .brand-block .RWDproduct004 .heading-title.heading-arrow-bottom h1:after,.RWDleft_cont002 .item-second .text-box .title::after{ content: ''; width: 80px; height: 10px; background: #ed6d00; position: absolute; bottom: -5px; left: 0;}.RWDeform001 h2.sub-title,.RWDproduct004 h2.sub-title,.RWDleft_cont002 .item-second .text-box .subtitle { font-size: 22px; letter-spacing: 2px; margin-top: 15px; font-weight: 400; color: #000; margin: 0px;}.RWDeform001 .section-line,.RWDleft_cont002 .item-second .text-box .underline{ display: none;}.RWDleft_cont002 .item-second .text-box .text{ color: #646464; width: 100%; margin: 0;}.RWDleft_cont002 .item-second .text-box .text>p{ line-height: 1.7; font-size: 15px; letter-spacing: 1px; margin-top: 2rem; text-align: justify;}/* btn */ .btn,.ebtn a,.RWDleft_cont002 .item-second .text-box a{ width: fit-content; border-radius: 0; background: transparent; color: #ed6d00; font-weight: bold; font-size: 16px; transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; margin: 0 auto; display: block; text-align: center; padding: 12px 50px; margin: 0rem; border: 1px solid #ed6d00; letter-spacing: 4px; font-weight: 400;}.btn:hover,.RWDleft_cont002 .item-second .text-box a:hover{ background: #ed6d00; color: #fff; transition: all 0.5s;}.ebtn{ background: transparent; line-height: 1.5; margin-top: 3rem;}.eform-block .ebtn a{ background: #ed6d00; color: #fff; transition: all 0.5s;}.eform-block .ebtn a:hover{ background: #fff; color:#ed6d00 !important; border: 1px solid #fff; transition: all 0.5s;}.RWDmenu_plus04 .cart-block .bottom-box .pay-btn, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn{ background: #00918c; transition: all 0.5s;}/* About */ .about-block { background-image: url(archive/image/customization/about-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position-x: right; background-position-y: top;}.about-block .paneleffect_page.animated{ animation-name: unset!important; animation-delay:unset!important; animation-duration: unset!important; animation-fill-mode: unset!important;} .about-block .container{ width: 100%!important; padding: 0 15px; }.RWDleft_cont002 .item-second .text-box,.RWDleft_cont002 .item-second{ background: transparent;}.RWDleft_cont002 .item-second .text-box{ width: 1200px; padding: 0rem 0rem 0rem 5vw;}.RWDleft_cont002 .item-second a{ width: calc(100% - 1200px); padding-left: 1rem;}.feature-icon{ display: grid; flex-direction: row; column-gap: 2rem; grid-template-columns: repeat(3, 1fr);}.icon_box{ display: flex; align-items: flex-start; gap: 2rem; flex-direction: row;}.icon_box::after{ content: ''; height: 100%; width: 1px; background-color: #ccc;}.icon_box:last-child:after{ display: none;}.icon_box>div:first-child{ width: 90px; display: flex; align-items: center;}.icon_box>div>h4{ width: 100%; font-weight: bold; color: #333; font-size: 20px;}.icon-des{ width: calc(100% - 120px);}.icon-des h4{ color: #555555; font-weight: 600; padding: 0;}.icon-des p{ line-height: 1.5; letter-spacing: 1px; text-align: justify; font-size: 15px;}.icon-des p br{ display: none;}.about-feature{ padding: 4rem 0rem;}.about-feature h3{ font-size: 22px; letter-spacing: 3px; color: #000; margin: 0rem 0rem 3rem 0rem;}.RWDleft_cont002 .item-second:hover .pic img,.RWDleft_cont002 .item-second .pic:before,.RWDleft_cont002 .item-second .pic img,.RWDleft_cont002 .item-second:hover .pic:before{ transform: unset;}.RWDleft_cont002 .item-second{ display: flex; flex-direction: row-reverse; align-items: flex-start;}.RWDleft_cont002 .item-second .pic{ width: 100%;}/* Service */ .service-block .container {width: 83%;}.RWDproduct004 section{ padding: 0rem 0rem 5rem 0rem; border: 0px;}.service-block { background-image: url(archive/image/customization/service-bg.jpg); background-size: auto; background-repeat: no-repeat; background-position: bottom center;}.service-block .RWDproduct004 .callout-dark{ background-color: transparent;}.service-block .RWDproduct004 section{ border-bottom: 0px;}.service-block .RWDproduct004 .heading-title.heading-arrow-top h1,.service-block .RWDproduct004 .heading-title.heading-arrow-bottom h1{ border-bottom: 0px; padding-bottom: 0rem;}.service-block .RWDproduct004 #portfolio.portfolio-nogutter .row > div{ width: calc(100%/3 - 30px); margin: 0px 15px!important;}.service-block .RWDproduct004 .item-box-desc { overflow: visible; padding: 2rem 1rem; text-align: center!important; box-shadow: 0px 4px 9px 2px #d9d9d9; z-index: 10000; position: relative; background: #fff; width: 85%; margin: -3rem auto 3rem;}.service-block .RWDproduct004 #portfolio div.col-md-3 h2, .service-block .RWDproduct004 #portfolio div.col-md-3 h3{ font-weight: bold; font-size: 20px; color: #00918c; letter-spacing: 2px; margin-bottom: 0.5rem;}.service-block .btn{ margin: 3rem auto;}/* Brand */ .brand-block{ padding: 5rem 0rem 10rem;}.brand-block .RWDproduct004 section{ padding: 0rem 0rem 3rem 0rem;}.brand-block .RWDproduct004 .item-box-desc{ text-align: center!important; padding: 1rem; overflow: visible; margin-bottom: 0px;}.brand-block .RWDproduct004 .callout-dark{ background-color: transparent;}.brand-block .container{ margin-left: 0; box-shadow: 0px 4px 9px 2px #d9d9d9; padding: 10rem 8rem; position: relative; width: 90%!important;}.brand-block .container::after{ background-image: url(archive/image/customization/brand-bg.jpg); width: 100%; content: ''; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position-y: center; z-index: -1; background-size: 37vw; display: block;}.brand-block .mix-grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem;}.brand-block .mix-grid .mix{ width: 100%;}.brand-block .RWDproduct004 .heading-title.heading-arrow-bottom::after,.brand-block .mix-grid::before,.brand-block .mix-grid::after{ display: none;}.brand-block .RWDproduct004{ width: 65%; margin-left: auto;}.brand-block .RWDproduct004 .heading-title.heading-arrow-top h1, .brand-block .RWDproduct004 .heading-title.heading-arrow-bottom h1,.brand-block .RWDproduct004 h2.sub-title{ text-align: left;}.brand-block .RWDproduct004 .section-subject .col-md-12{ padding: 0;}.brand-block .RWDproduct004 .item-box figure { background: #f8f8f8; padding: 10px 20px;}.brand-block .RWDproduct004 .item-box-desc { padding: 0.5rem 0 1rem;}.RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 16px; font-weight: 400; color: #555;}/* eform */ .RWDeform001 .error { color: red!important;}.RWDeform001 .form-horizontal .form-group:nth-child(odd){ padding:0rem 2rem 0rem 0rem;}.RWDeform001 .form-horizontal .col-sm-4:nth-last-child(2)>.form-group:last-child{ padding:0rem 3rem 0rem 0rem; width: 100%;}.RWDeform001 .form-horizontal .col-sm-4:nth-last-child(2)>.form-group:nth-child(3){ padding:0rem ;}.eform-block .RWDedictor:after{ background-image: url(archive/image/customization/form-bg-2.jpg); width: 100%; content: ''; height: 100%; position: absolute; background-repeat: no-repeat; z-index: -1; background-size: cover; display: block; background-position: center right;}.form-bg{ display: none;}.eform-block .container{ display: flex; width: 100%!important; padding: 0; background-color: #013557;}.eform-block .RWDedictor{ width: 40%;}.RWDeform001{ width: 60%;}.RWDeform001{ padding: 10rem 10rem;}.RWDeform001 h1.main-title{ font-size: 45px; font-weight: bold; letter-spacing: 3px; color: #fff; margin-bottom: 1rem; line-height: 1.5; text-align: left;}.RWDeform001 h2.sub-title{ color: #ddd; font-size: 18px; text-align: left; line-height: 1.5;}.form-bg img{ width: 100%;}.RWDeform001 .form-horizontal .col-sm-4{ width: 50%;padding:0}.RWDeform001 .row .col-sm-4:first-child{ display: none;}.RWDeform001 .form-horizontal .col-sm-4{ width: 100%; display: flex; flex-wrap: wrap;}.RWDeform001 .form-horizontal .form-group { width: 50%; margin-bottom: 3rem;}.RWDeform001 .form-horizontal .col-sm-4:nth-last-child(2) .form-group:nth-last-child(2){ width: 100%;}.RWDeform001 .form-horizontal .form-group label{ color: #fff; margin-bottom: 0.5rem; font-size: 16px; font-weight: 500; letter-spacing: 3px;}.form-control{ background-color: transparent; border: 0px; border-bottom: 1px solid #ccc; border-radius: 0px; color: #fff;}/* footer */ .footer_top .container{ width: 75%!important}.footer_top{ padding:8rem 0rem 10rem;}.footer_bottom .RWDedictor iframe{ margin-top: -7rem;}.footer-block{ background: #00918c;}.footer-info{ display: flex; width: 100%; justify-content: flex-start;}.footer-info .info{ display: flex;}.footer-logo{ display: flex; width: 50%; align-items: flex-end;}.footer-logo>div:first-child{ width: 200px;}.footer-logo h4{ font-size: 30px; letter-spacing: 4px; color: #fff; margin: 0;}.footer-logo p{ font-size: 14px; color: #d7d7d7; margin-top: 1rem;}.footer-logo>div:last-child{ width: 78%; padding-left: 3rem;}.footer-text:nth-last-child(2)::after,.footer-logo::after{ content: ''; height: 55px; width: 1px; background-color: #ccc; margin: 0rem 3rem;}.footer-text{ width: fit-content; display: flex; align-items: flex-end;}.footer-text ul{ padding-left: 0px; color: #fff; list-style: none; margin: 0px;}.footer-text li{ margin-bottom: 0.5rem;}.footer-text li:last-child{ margin-bottom: 0rem;}.footer-text li a{ color: #fff;}.footer-text li a:hover{ color: #ed6d00!important;}.footer-text li b{ margin-right: 1rem; letter-spacing: 2px; font-weight: 600;}.footer_bottom { background-color: #333; color: #fff; font-size: 15px;}.footer_notice{ display: flex; justify-content: center; padding: 2rem 0rem 1rem; font-size: 14px; color: #777; gap: 2rem;}.footer_notice a{ color: #777;}.footer_notice a:hover{ color: #ed6d00!important;}.footer_bottom .clear,.footer_notice::before,.footer_notice::after{ display: none;}.fix-btn{ display: none;}/* go top */ .scrollTop002{ bottom: 100px; right: 30px; width: 40px;}.scrollTop002:hover img{ box-shadow: 0 0 6px #a9a9a9; transition: 0.3s all ease;}.scrollTop002 img{ transition: 0.3s all ease;}/* cookie */ .RWDalert_fancybox .btn:hover{ border-color: #bcbaba; background: #bcbaba !important;}.RWDalert_fancybox.bottom .editor a{ text-decoration: underline; color: #ed6d00;}.RWDalert_fancybox.bottom .editor a:hover{ color: #00918c;}.RWDalert_fancybox.bottom { z-index: 99999 !important; width: 100%; padding: 30px 25px 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 { padding: 5px 20px; border-color: #ed6d00; background: #ed6d00 !important; border-radius: 0px; transition: .5s all ease;}.RWDalert_fancybox .btn:hover{ border-color: #00918c; background: #00918c !important; transition: .5s all ease;}/*221101修改*/ .title_block {text-align: center;margin-bottom: 50px;}.title_block h3 {font-size: 45px;font-weight: bold;letter-spacing: 3px;color: #fff;margin-bottom: 1rem;line-height: 1.5;text-align: left;margin-top:0}.title_block h4 {color: #ddd;font-size: 18px;text-align: left;line-height: 1.5;}.eform_img {width: 40%;position: relative;}.eform_box {width: 60%;display: flex;flex-direction: column;}.title_block {padding: 10rem 10rem 0rem;}.RWDeform001 {padding: 0rem 10rem 10rem;}.RWDeform001 .section-subject {display:none}.RWDeform001 {width: 100%;}.eform_img::after{ background-image: url(archive/image/customization/form-bg-2.jpg); width: 100%; content: ''; height: 100%; position: absolute; background-repeat: no-repeat; z-index: 1; background-size: cover; display: block; background-position: center right;}#eFormm_RWDfullscreen01_71_2 > div:nth-child(9) > div:nth-child(5) { width: 100%; padding: 0;} /*小螢幕 start*/ @media (max-width:2300px){ .RWDleft_cont002 .item-second { align-items: flex-end; } } @media (max-width:2048px){ .RWDleft_cont002 .item-second .text-box { width: 1100px; } .RWDleft_cont002 .item-second a { width: calc(100% - 1100px); } .icon_box{ gap: 1.5rem; } .feature-icon{ column-gap: 1.5rem; } } @media (max-width:1920px){ .brand-block .RWDproduct004 .item-box figure { padding: 10px 25px; } .panel_1:not(.banner-block,.scrollT,.fix-btn,.footer-block,.brand-block,.eform-block){ padding: 7rem 0rem; } .RWDeform001 { padding: 7rem; } .footer_top{ padding: 7rem 0rem ; } .brand-block{ padding: 0rem 0rem 7rem; } .RWDproduct004 section{ padding: 0rem 0rem 3.5rem 0rem; } .footer_bottom .RWDedictor iframe { margin-top: -3.5rem; } .footer_bottom .container { width: 85% !important; } .footer_top .container{ width: 85%!important; } .brand-block .container{ width: 90%!important; } .RWDleft_cont002 .item-second a { width: 43%; } .RWDleft_cont002 .item-second .text-box { width: 57%; } .brand-block .container{ padding: 7rem 5rem; } .feature-icon{ column-gap: 2rem; } .about-feature { padding: 2rem 0rem; } .RWDeform001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDleft_cont002 .item-second .text-box .subtitle{ letter-spacing: 1px; } .index .RWDbanner_plus01 .slick-caption .container{ padding: 1.5rem 5vw; } .index .RWDbanner_plus01 .slick-caption .txt1{ font-size: 30px; } .index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 45px; } .index .RWDbanner_plus01 .slick-caption .txt3 { font-size: 30px; } .RWDeform001 h1.main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title, .title_block h3 { font-size: 28px; } .footer-text:nth-last-child(2)::after, .footer-logo::after{ margin: 0rem 2rem; }.title_block { padding: 7rem 7rem 0rem;} } @media (max-width:1750px){ .icon-des{ width: 100%; } .icon_box{ flex-direction: column; flex-wrap: wrap; gap: 0.5rem; } .feature-icon { column-gap: 3rem; } .RWDleft_cont002 .item-second a{ padding-left: 2rem; } } @media (max-width:1680px){ .icon_box { flex-direction: column; flex-wrap: wrap; gap: 0.5rem; align-items: start; } .icon_box>div>h4, .icon-des p{ text-align: left; } .footer-text:nth-last-child(2)::after, .footer-logo::after{ margin: 0rem 1.5rem; } } @media (max-width:1550px){ .eform-block .RWDedictor:after { background-image: url(archive/image/customization/form-bg-3.jpg); } .footer-logo>div:first-child { width: 180px; } .RWDmenu_plus04 .menu li a{ font-size: 15px!important; letter-spacing: 2px; } .RWDmenu_plus04 .site-nav .menu>li>a{ padding: 10px 0px; } .RWDmenu_plus04 .features { width: 415px; } .RWDmenu_plus04 .features .navi-btn{ font-size: 15px; padding: 0rem 1rem 0rem 4rem; } .index .RWDbanner_plus01 .slick-caption .txt1{ font-size: 25px; } .index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 40px; } .index .RWDbanner_plus01 .slick-caption .txt3 { font-size: 25px; } .service-block .RWDproduct004 #portfolio div.col-md-3 h2, .service-block .RWDproduct004 #portfolio div.col-md-3 h3{ font-size: 18px; line-height: 1.5; } .RWDeform001 .form-horizontal .form-group label{ font-size: 15px; letter-spacing: 2px; } .panel_1:not(.banner-block,.scrollT,.fix-btn,.footer-block,.brand-block,.eform-block){ padding: 5rem 0rem; } .RWDeform001 { padding: 5rem 3rem; } .brand-block .container { padding: 5rem 3rem; } .brand-block{ padding: 0rem 0rem 5rem; } .footer_bottom .RWDedictor iframe { margin-top: -2.5rem; } .RWDproduct004 section { padding: 0rem 0rem 2.5rem 0rem; } .about-feature h3, .RWDeform001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDleft_cont002 .item-second .text-box .subtitle { font-size: 19px; line-height: 1.5; } .about-feature h3{ margin: 0rem 0rem 2rem 0rem; } .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3, .icon_box>div>h4{ font-size: 16px; } .RWDleft_cont002 .item-second{ flex-direction: column-reverse; } .RWDleft_cont002 .item-second .text-box { width: 85%; margin: auto; padding: 0%; } .RWDleft_cont002 .item-second>a:first-child{ width: 55%; margin-left: auto; position: absolute; right: 0; bottom: 3rem; } .about-feature { padding: 2rem 2rem; background: #ffffffe6; margin: 4rem 0rem; width: 850px; position: relative; } .icon-des p{ letter-spacing: 1px; } .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title{ padding-bottom: 1rem; margin-bottom: 1rem; } .service-block .RWDproduct004 .item-box-desc{ padding: 1.5rem 1rem; } .RWDeform001 .form-horizontal .form-group{ margin-bottom: 2rem; } .service-block .RWDproduct004 .item-box-desc{ width: 90%; } .RWDmenu_plus04 .features .navi-btn{ background: linear-gradient(290deg, rgba(0,145,140,1) 82%, rgba(237,109,0,1) 82%); } .RWDmenu_plus04 .features .navi-btn:hover{ background: linear-gradient(290deg, rgb(0 111 108) 82%, rgba(237,109,0,1) 82%); }.title_block { padding: 5rem 3rem 0rem;} } @media (max-width: 1500px) { .footer_top .container { width: 95%!important; } .footer-info{ justify-content: center; } .footer-logo>div:first-child { width: 130px; } .RWDleft_cont002 .item-second>a:first-child{ bottom: 3rem; width: 60%; } } @media (max-width: 1440px) { .brand-block .RWDproduct004 { width: 70%; } .brand-block .container::after{ background-size: 40vw; opacity: .7; left: -5vw; } .footer_bottom .container { width: 90% !important; } .brand-block .container { width: 90%!important; } .RWDleft_cont002 .item-second .text-box { width: 90%; } } @media (max-width: 1366px) { .about-feature h3, .RWDeform001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDleft_cont002 .item-second .text-box .subtitle { font-size: 17px; } .RWDmenu_plus04 .header { padding: 0 0 0 3vw; } .index .RWDbanner_plus01 .slick-caption .container { padding: 1.5rem 5vw 1.5rem 3vw; } .RWDmenu_plus04 .features { width: 390px; } .RWDmenu_plus04 .logo { top: 18px; } .RWDmenu_plus04 .features .navi-btn { background: linear-gradient(287deg, rgba(0,145,140,1) 82%, rgba(237,109,0,1) 82%); padding: 0rem 0.5rem 0rem 3rem; } .RWDmenu_plus04 .features .navi-btn:hover{ background: linear-gradient(287deg, rgb(0 111 108) 82%, rgba(237,109,0,1) 82%); } .lang-select-label, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .search-btn{ padding: 25px 10px; } .footer-logo h4{ font-size: 25px; letter-spacing: 2px; } .RWDmenu_plus04 .features .navi-btn{ height: 77px; } .footer-info .info{ flex-direction: column; width: 50%; } .footer-text:nth-last-child(2)::after{ display: none; } .footer-logo::after{ height: 100%; } .footer_top .container { width: 90%!important; } .footer-text li:last-child{ margin-bottom: 0.5rem; } .footer-logo{ align-items: flex-start; } } @media (max-width: 1280px) { .RWDmenu_plus04 .site-nav .menu>li>a{ padding: 10px 0px; margin: 0px 8px; } .RWDmenu_plus04 .logo { top: 20px; width: 215px; } .footer_top .container{ width: 90%!important; } .RWDleft_cont002 .item-second>a:first-child { bottom: 4rem; } .about-feature{ margin: 3rem 0rem } } /* 匯入內頁版面寬度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}} /*小螢幕 end*/ /*動態 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;}/*關於圖片滑入方向調整*/@keyframes move07 { 0% { opacity: 0; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 100% { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }}.animated.RWDbanner015 li:nth-child(1) { animation: 1000ms ease normal forwards 1 move07; animation-delay: 0.5s; opacity: 0}.animated.RWDbanner015 li:nth-child(2) { animation: 1000ms ease normal forwards 1 move07; animation-delay: 0.8s; opacity: 0}.animated.RWDbanner015 li:nth-child(3) { animation: 1000ms ease normal forwards 1 move07; animation-delay: 1.1s; opacity: 0} /*動態 end*/ /*內頁 start*/ .RWDproduct004 a{pointer-events: none;}.RWDproduct_page .pic-box { width: 65%;}.RWDproduct_page .products-info { width: 35%;}/*標題+麵包屑*/ .pageTitle{font-size: 28px;font-weight: 600;color: #000;letter-spacing: 2px;text-align: center;}.hgroup .breadcrumb {background: transparent;border: none;position: relative;float: none!important;bottom: 0;text-align: center;padding: 0;letter-spacing: 1px;font-size: 14px;}.hgroup .container{border-bottom: 0px dotted #e1e1e1;}.hgroup a:focus, .hgroup a:hover {color: #ed6e00;}.webdesc {letter-spacing: 1px;font-size: 22px;font-weight: 400;color: #000;text-align: center;margin-bottom: 30px;}/*頁籤*/ .tabs nav li.tab-current a {background: #fff !important;color: #ed6d00 !important;}.tabs nav li.tab-current a::before {background: #ed6d00 !important;}.tabs nav ul li {border: 0px !important;}.tabs nav ul li:first-child {border-left: 0px !important;}.tabs nav li.tab-current:after, .tabs nav li.tab-current:before{background: #fff !important;}.tabs .content {background: #fff !important;}/*產品*/ .layoutlist_2 .item{border-bottom: 1px solid transparent;}.RWDproduct_page .products-info .name{font-size: 20px;font-weight: 600;color: #000;letter-spacing: 2px;}.RWDproduct_page .products-info .txt .title, .RWDproduct_page .related-box .title{font-size: 16px;}.RWDproduct_page .pic-box .thumbnails ul li.active a:before{border: 3px solid #01918d;}.RWDproduct_page .pic-box .thumbnails ul li a:hover:before {border: 3px solid #ed6d00;}#product > div.page_content3 > div.products-con.clearfix > div.products-info > ul > li > button{font-size: 16px;background: transparent;color: #ed6d00;padding: 12px 50px;margin: 0rem;border: 1px solid #ed6d00;letter-spacing: 4px;font-weight: 400;text-align: center;}#product > div.page_content3 > div.products-con.clearfix > div.products-info > ul > li > button:hover{background: #ed6d00;color: #fff;transition: all 0.5s;}.RWDproduct_page .tab-box .tab-menu li.active a:before{background: #00908c;}/*詢問車*/ .RWDquiry .btn{color: #ed6d00;border: 1px solid #ed6d00;}.RWDquiry .btn.bg2, .btn.normal.bg3{background: #ed6d00 !important;color: #fff !important;border-color: #ed6d00 !important;}.btn.normal.bg3:hover{background: #00918c !important;color: #fff !important;border-color: #00918c !important;}/*電子表單*/ .page_wrapper_bg .form-control{color: #00918c;}/*頁尾*/ .copyright_desc{color: #999;}/* 匯入內頁版面寬度80%*//*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 {text-decoration: none;}.row{margin-right:0px;margin-left:0px;}.formdesc{color: #646464;}/*購物流程圈圈改色*/@keyframes num-bg{0%{background:#00908c;-webkit-transform:scale(.5);transform:scale(.5)}100%{background:#00908c;-webkit-transform:scale(1);transform:scale(1)}}/*main*/ .page_wrapper_bg section.call_to_action { padding: 35px 0 85px 0; min-height: 35vw;}.page_wrapper_bg section.call_to_action>.container {padding: 0 15px;width: 80%; max-width:1700px}.page_wrapper_bg .article-text .container {width: 100%;}.hgroup .container { width: 100%;}/*文字統一設定*/ .page_wrapper_bg .hgroup h1 {line-height: 1.7;}.page_wrapper_bg .article-text h2 {font-size:24px;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: 24px !important;}.page_wrapper_bg .article-text h4 {font-size: 18px;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{font-size:16px;line-height: 1.8;letter-spacing: 1px;color: #646464; font-weight: 400;}._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td{font-size:15px;line-height: 2; 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;}/*回上一頁按鈕*/ .RWDproduct_page .btn, .RWDproduct_page .ibtn{font-size: 16px;}#article .btn.btn_back a, #album .btn.btn_back a {padding: 6px 15px;display:block;}.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none;margin-top:30px;border: 0px;}.btn.btn_back a { min-width:180px;padding: 0 15px;background: transparent;color: #ed6d00; transition: all 0.2s ease;border: 1px solid #ed6d00;}.btn.btn_back a:hover {border: 1px solid #ed6d00;color: #fff !important;background: #ed6d00;}/*確定送出*/ .ebtn {padding: 0;background: transparent;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;float: right;margin-right: 0;}.ebtn a { display: block;text-align: center;min-width:180px;line-height: 1.5;padding: 6px 30px;margin-top: 20px;color: #ed6d00;background: #fff;transition: all .2s ease;}.ebtn a:hover {background: #ed6d00; color: #fff; border-color: #ed6d00; transition: all .2s ease;}.new-form .new-width .currectsend_btn a {color: #ed6d00 !important;}.new-form .new-width .currectsend_btn a:hover {color: #fff !important;}/*購物車按鈕*/ .RWDshopping .btn.bg1{background: transparent ;color: #444;border: 1px solid #444;border-radius: 0 ;}.RWDshopping .btn.bg1:hover{border-radius: 0 ;transition: all 0.3s ease;border: 1px solid #000 ;color: #fff !important;background: #000 ;}.layoutlist_4 .showY br {display: none;}.RWDshopping .btn.bg2{border-radius: 0 !important;transition: all 0.3s ease;border: 1px solid #444 !important;color: #fff !important;background: #444 !important;}.RWDshopping .btn.bg2:hover{background:#000 !important;color: #fff !important;border: 1px solid #000 !important;}.RWDshopping .btn.bg2 i {transition: none;}.RWDshopping .btn.bg3{background: transparent; color: #444; border: 1px solid #444;border-radius: 0;}.RWDshopping .btn.bg3:hover{border-radius: 0;transition: all 0.3s ease;border: 1px solid #000;color: #fff !important; background: #000;}/*會員按鈕*/#join_form .btn{padding: 6px 12px;border-radius: 0;}#join_form .btn-link:hover { text-decoration: none;}#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;}#join_form .btn-primary {min-width:180px;float: none; background: #444;color: #fff;border: 1px solid #444;}#join_form .btn-primary:hover{background: #000;color:#fff !important;border: 1px solid #000;}.btn-primary { background-color:#444;border: 1px solid #444; border-radius: 0 !important; float: right; margin-right: 0px;font-size: 14px;box-shadow:none;}.btn-primary a {color: #fff;font-size: 14px;}.btn.btn-primary:focus a, .btn.btn-primary:hover a, .btn.btn-primary:active a{color:#fff !important;}.btn-primary:hover{transition: all 0.3s ease; color:#fff; background-color: #000;border-color: #000;} .btn-primary:active:hover, .btn-primary:active:focus{background-color: #000;border: 1px solid #000;}.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color: #fff !important;background-color: #000;border-color: #000;outline: none;}/*忘記密碼 ＆重發認證信*/#div_forget_area *{border-radius: 0 !important;}/*註冊*/ .join_form_btns{ text-align: right;}/*文章列表-2*/#article .layoutlist_2 .list_subject a {font-size: 16px !important;font-weight: bold;margin: 0px 0px 20px !important; display: block;line-height:2 !important;}.subsubject {font-size: 16px;font-weight: 400;line-height: 2;}.layoutlist_2 .listdate .yearmonth{font-size: 14px !important;}.layoutlist_2 .listdate .yearmonth, .layoutlist_4 .listdate .yearmonth{ padding-bottom: 0;}/*文章列表-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}#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: 15px !important;;}#article .layoutlist_7 .cdate, .article7 .layoutlist_7 .cdate a{font-size: 12px;}#article .layoutlist_7 .summary, .article7 .layoutlist_7 .summary a{font-size: 14px !important;font-weight: 400;line-height: 2 !important;}/*文章列表-8*/ .layoutlist_8 .article_subject{font-weight:500;font-size:17px;line-height:1.5;display:block}.layoutlist_8 .list_subject .summary{margin:10px 0}.layoutlist_8 .list_subject .summary a{font-size:16px;font-weight:400;line-height:1.5;color:#000}/*文章列表頁籤修正*/#article .tabs {margin: 50px 0;}/*相簿列表*/ .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;}/*相簿-1*/#album .layoutlist_1 .album_item_subject {padding: 20px 0px;font-size: 18px;}/*相簿-2*/#album .layoutlist_2 .album_item_subject{padding: 20px 0px;font-size: 18px;}/*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: 16px;letter-spacing:1px;}/*檔案下載*/ .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;}.download .list_table th.list_no, .download .list_table th.list_subject, .download .list_table th.list_date, .download .list_table th.list_downloadbtn{border-bottom: 3px solid #ed6d00;}/*產品_1*/ .page_content1 #productbx_bg{background: #efefef;-moz-opacity:1;opacity: 1;}.page_content1 .dd-selected {letter-spacing: 1px;}#btn_shopping{border-radius: 0;font-size: 14px;background:#444}#btn_shopping:hover{background:#000}.fbtn{border-radius: 0;font-size: 14px;background:#444}.fbtn:hover{background:#000}#btn_querycar{border-radius: 0;font-size: 14px;background:#444}#btn_querycar:hover{background:#000}.product_desc_content {color: #646464;letter-spacing: 1px;line-height: 30px;}.page_content1 #prod_price {margin-top: 17px;}.page_content3_mainphoto .swiper-slide img {width: 100%;}/*產品_2*/#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {background: #999;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop {background:#444;}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover, .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {background-color: #111;}#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: 15px;letter-spacing: 1px;}/*產品列表樣式*/ .layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item{margin-top:0;}.layoutlist_4 .pricearea{text-align:left;display:flex;align-items:center;letter-spacing:0}.layoutlist_4 .fixprice{ font-size: 16px;text-decoration: line-through;}.layoutlist_4 .sellprice{color:#f10404;font-weight:bold;}/*修正產品、文章預設列表排版*/ .productlist .layoutlist_2, .productlist .layoutlist_4, .productlist .layoutlist_5, .albumlist .layoutlist_2, .albumlist .layoutlist_4, .articlelist .layoutlist_4 {display: flex; flex-wrap: wrap;}.sortbar {float: none !important;margin-bottom: 20px !important;text-align: left !important; width: 100%;}/*購物清單*/ .RWDshopping .btn.normal{border-radius: 0;}/*會員註冊*/#join_form .btn-primary{border-radius: 0;}#join_form {background: white;}/*留言板*/ .customized_columns .css-table .th.textarea {width: 10%;}/*詢問車*/ .RWDquiry .shopping_form .control-box img {margin-left: 10px;}.RWDquiry .btn.normal:hover{transition:.5s ease}.RWDquiry .btn.normal{border-radius:0;font-size:15px;letter-spacing:1.5px;transition:.5s ease}.RWDquiry .btn.normal:hover{transition:.5s ease;background:#ed6d00;color:#fff;border-color:#ed6d00;font-weight:400}.RWDquiry .btn.bg2,.btn.normal.bg3{background:#333;color:#fff;border-color:#333}/*電子表單*/ .eformsDesc {margin: 0px 0 50px;border: 0;letter-spacing: 1px;font-size: 22px;font-weight: 400;color: #000;text-align: center;}.eformscontent .layoutlist_1 {width: 100%;max-width: 1170px; margin: 0 auto;}.form-horizontal .form-group {margin-left: 0; margin-right: 0;}.form-horizontal .control-label {width: 15%;font-weight: 500;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 85%;}textarea.form-control {min-height: 130px;}.form-group label.must:before{color: #ed6e00;}.form-group label.must:after{color: #ed6e00;} /*內頁 end*/ /*1199px start*/ @media (max-width: 1199px) { .about-block .container{ padding: 0 15px; } .index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 35px; } .brand-block .container { width: 95%!important; } .icon_box { width: calc(100%/3); } .feature-icon{ display: flex; column-gap: 5rem; } .about-feature{ background: transparent; padding: 0; } .RWDmenu_plus04 #search-box{ top: 74px; } /*漢堡提早*/ .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: #142b37; } .RWDmenu_plus04 #mobile-menu .menu li a { color: #142b37; } .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 .features .navi-btn { height: 74px; } .RWDmenu_plus04 .header{ padding: 0 3vw; } .RWDmenu_plus04 .features{ float: right; width: fit-content; } .about-feature{ margin: 2rem 0rem; } .service-block .btn, .RWDleft_cont002 .item-second .text-box a{ margin: 4rem auto 3rem; } .index .banner-block { margin-top: 74px; } .footer-logo p, .footer_notice{ font-size: 13px; } .footer_notice{ gap: 1rem; } .RWDleft_cont002 .item-second>a:first-child { bottom: 0rem; } .RWDleft_cont002 .item-second>a:first-child{ display: none; } .about-feature{ width: 100%; } #RWDfullscreen01 .container { width: 95%; } .brand-block .RWDproduct004 { width: 80%; } .brand-block .container::after { background-size: 60vw; background-position-x: -200px; } .footer_top .container { width: 95%!important; } .footer-logo>div:first-child { width: 130px; } .footer-logo>div:last-child { width: calc(100% - 130px); padding-left: 2rem; } .footer-logo::after{ margin: 0rem 2rem; } .service-block .RWDproduct004 .item-box-desc{ margin: -2rem auto 1rem; } .index .RWDbanner_plus01.style-dotnav .control-box .control{ padding-right: 3rem; } /* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action>.container {width: auto} } /*1199px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDmenu_plus04 .features .edit, .RWDmenu_plus04 .features .lang-block{ display: block; } .RWDmenu_plus04 .features:after{ display: none; } .RWDmenu_plus04 .features{ margin-right: 0px; padding-right: 0px; } .icon_box:nth-child(2){ margin: 0rem 1rem; } /* 匯入內頁版面寬度80%*//*產品內頁-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} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .scrollTop002{ bottom: 50px; } .feature-icon { column-gap: 3rem; } .service-block .RWDproduct004 .section-subject{ margin-bottom: 1rem; } .service-block .btn, .RWDleft_cont002 .item-second .text-box a{ margin: 3rem auto 1.5rem; } .RWDeform001 { width: 100%; margin: auto; } .eform-block .RWDedictor{ display: none; } .eform-block .container{ background-color: #013557d1; } .eform-block .container:after{ background-image: url(archive/image/customization/form-bg-2.jpg); width: 100%; content: ''; height: 105%; position: absolute; background-repeat: no-repeat; background-size: cover; display: block; background-position: center ; z-index: -1; } .ebtn{ margin: 3rem auto 0rem; } .footer_notice { gap: 0.5rem; letter-spacing: 0px; } .footer-logo>div:last-child { width: calc(100% - 100px); padding-left: 1rem; } .footer-logo>div:first-child { width: 100px; } .footer-logo::after { margin: 0rem 1rem; } .index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 30px; } .index .RWDbanner_plus01 .slick-caption .txt1 { font-size: 22px; } .index .RWDbanner_plus01 .slick-caption .container{ background: transparent } .index .RWDbanner_plus01.style-dotnav .control-box .control { padding-bottom: 0.5rem; } .index .RWDbanner_plus01 .slick-caption .container{ padding: 1.5rem 5vw ; } .icon_box{ border-right: 0px; } .brand-block .mix-grid{ grid-template-columns: repeat(4, 1fr); } .brand-block .container { width: 100%!important; } .brand-block .RWDproduct004 { width: 95%; margin: auto; } .brand-block .container::after { display: none; } .RWDeform001 .section-subject .col-md-12{ padding: 0px 30px; } .RWDeform001 .form-horizontal .col-sm-4, .RWDeform001 .section-subject .col-md-12 { padding: 0px 0px; } .RWDproduct_page .pic-box { width: 60%;}.RWDproduct_page .products-info { width: 40%;}.eform_box {width: 100%;}.eform_img {width: 0;} /* 匯入內頁版面寬度80%*/ .hgroup .container{margin-top: 10px !important;}.pagecontent .article_model[data-seq="0"] {margin-top: 10px !important;}/*麵包屑*/section.hgroup {margin: 0 0 20px;}.hgroup .container{margin-top: 0;}.hgroup .page_subject{text-align: center;}.page_wrapper_bg .hgroup h1{margin:0;}.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%;}/*文章列表樣式-04*/#article .layoutlist_4 .listdate {padding-right: 0;}/*文章列表樣式-07*/#article .layoutlist_7 {display: flex;flex-wrap: wrap;}#article .layoutlist_7 .litem { width: calc(100% / 3 - 1px);margin: 15px 0px;}/*文章列表樣式-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);}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {width: calc(100% / 3 - 1px);}/*相簿內容樣式-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 .form-horizontal .col-sm-12.col-md-5 {padding: 0 !important;}.eformsDesc {margin: 1px 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;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {width: calc(100% / 3 - 1px);}/*檔案下載*/ .download .search-container { margin-left: 20px;margin-top: 0;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { .service-block .RWDproduct004 .section-subject{ text-align: left; } .feature-icon { column-gap: 2rem; } .about-feature{ padding: 0; background: transparent; } .footer_notice{ display: flex; flex-direction: column-reverse; align-items: center; gap: 0; padding: 1rem 0rem 1rem; } .about-block{ background-position-x: left; } .RWDmenu_plus04 .features .navi-btn{ letter-spacing: 1px; } .service-block .RWDproduct004 #portfolio.portfolio-nogutter .row > div { width: 100%; box-shadow: 0px 4px 9px 2px #d9d9d9; background: #fff; margin: 2rem 0rem!important; } .service-block .RWDproduct004 section { padding: 0rem 0rem; } .service-block .RWDproduct004 .heading-title.heading-arrow-bottom::after{ display: none; } .service-block .RWDproduct004 #portfolio.portfolio-nogutter .item-box{ width: 100%; display: flex; flex-direction: row; align-items: center; overflow: visible!important; } .service-block .RWDproduct004 .item-box figure, .service-block .RWDproduct004 .item-box-desc{ width: 50%; box-shadow: unset; margin: 0; text-align: left!important; } .service-block .RWDproduct004 .item-box-desc{ padding: 0rem 3rem ; } .service-block .RWDproduct004 #portfolio .row{ margin: 0px 8px; } .footer-logo, .footer-info .info{ width: 100%; } .footer-info{ flex-direction: column; } .footer-info .info{ flex-direction: row; } .footer-logo{ width: 100%; margin-bottom: 2rem; border-bottom: 1px solid #ccc; padding-bottom: 2rem; } .footer-logo>div:last-child{ padding-left: 2rem; } .footer-text:first-child{ width: 35%; } .footer-text:last-child{ width: 65%; } .footer_top { padding: 6rem 0rem; } .RWDeform001 { padding: 1rem 3rem 5rem } /* 匯入內頁版面寬度80%*//*文章列表樣式-04*/#article .layoutlist_4 .fixrow {padding-left: 0;padding-right: 0;}/*圖文輪播*/ .RWDslider01 .products-list .box {display: flex;flex-direction: column;}.RWDslider01 .pic-list,.article1 .RWDslider01 .text,.article1 .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.pic-right .control-box {right: 0;left: auto;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container {margin-left: 0;margin-right: 0;}.hgroup .page_subject {padding-bottom: 10px;}/*按鈕*/ .btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{ width: auto !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;}/*相簿列表樣式-01*/#album .layoutlist_1 .row .album_item {width: calc(100% / 3 - 1px) !important;}/*檔案下載樣式-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*/ /*768px start*/ @media (max-width: 768px) { .service-block .btn, .RWDleft_cont002 .item-second .text-box a { margin: 1rem auto 0.5rem; } .feature-icon { column-gap: 0rem; } .icon_box::after{ display: none; } .RWDproduct_page .pic-box .btn{width: auto;}.download .list_table td.list_subject{text-align: center;} } /*768px end*/ /*767px start*/ @media (max-width: 767px) { .fl { width: 100px; } .brand-block .mix-grid { grid-template-columns: repeat(3, 1fr); } .scrollTop002 { bottom: 80px; } .footer-logo p, .footer_notice { font-size: 14px; } .eform-block .container{ padding: 0; } .brand-block .container::after{ left: 0; } .index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 30px; } .index .RWDbanner_plus01 .slick-caption .txt3, .index .RWDbanner_plus01 .slick-caption .txt1 { font-size: 24px; } .RWDeform001 h1.main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title, .title_block h3 { font-size: 22px; } .RWDeform001 h2.sub-title, .RWDproduct004 h2.sub-title, .RWDleft_cont002 .item-second .text-box .subtitle { font-size: 16px; } .about-feature h3{ font-size: 18px; } .footer-info{ flex-direction: column; } .footer-logo{ width: 100%; margin-bottom: 2rem; flex-direction: row; } .footer-logo::after{ display: none; } .footer-logo>div:first-child { width: 100px; } .footer-logo>div:last-child { padding-left: 1rem; width: calc(100% - 100px); } .RWDmenu_plus04 .features .navi-btn{ display: none; } .fix-btn{ display: block; position: fixed; bottom: 0; width: 100%; z-index: 11111; } .fix-btn .btn{ letter-spacing: 4px; width: 100%; background: #00918c; color: #fff; border: 0; border-top: 6px solid #ed6d00; } .fix-btn .btn img{ width: 25px; margin-right: 0.5rem; } .fix-btn .RWDedictor{ animation-name: unset!important; animation-delay:unset!important; animation-duration: unset!important; animation-fill-mode: unset!important; opacity: 1 !important; } .footer_bottom{ padding-bottom: 4rem; } .service-block .btn, .RWDleft_cont002 .item-second .text-box a { margin: 2rem auto 0.5rem; } .scrollTop002{ right: 15px; } .RWDproduct004 .list-inline{ height: auto!important; } .brand-block .container { padding: 5rem 2rem; } .RWDmenu_plus04 .logo { top: 10px; } .index .RWDbanner_plus01 .slick-caption .container { padding: 2rem 3vw 2rem 3vw; clip-path: unset; } .index .RWDbanner_plus01 .slick-caption { top: unset; bottom: 0%; filter: drop-shadow(5px 0px 20px #00000021); max-width: unset; width: 100%; } .index .RWDbanner_plus01.style-dotnav .control-box .control { text-align: right; padding-right: 1rem; padding-bottom: 0rem; } .index .RWDbanner_plus01.style-dotnav.dot .slick-dots button, .index .RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #00918c; } .about-block { background-position-x: right; } .icon_box:nth-child(2) { margin: 0rem 1rem; border-left: 0px ; border-right: 0px; }.RWDproduct_page .pic-box { width: 100%;}.RWDproduct_page .products-info { width: 100%;}/* 匯入內頁版面寬度80%*/ .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;}.RWDproduct_page .pic-box .page-control{background: #00908c;}.pageTitle {font-size: 22px;}.eformsDesc {font-size: 16px;text-align: left;}.new-form{margin-top: 10px;}.webdesc{font-size: 16px;margin-bottom: 10px;}/*文章列表樣式-02*/#article .layoutlist_2 {display: flex; flex-wrap: wrap;}#article .layoutlist_2 .item {width: calc(100% / 2 - 21px);margin: 0 10px;}#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: 14px !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: 14px !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 .litem {width: calc(100% / 2 - 1px);}/*文章列表樣式-08*/ .layoutlist_8.rwd{display:flex; flex-wrap: wrap;}.layoutlist_8.rwd .item{border-bottom:0;width: calc(100% / 2);}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem {width: calc(100% / 2 - 1px);}/*左右圖文輪播PAD*/@media screen and (min-width: 415px) and (max-width: 767px){.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column}.RWDslider01 .text{width:100%}.RWDslider01.pic-right .pic-list {padding: 0;}.RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box{flex-direction:column;width:80%;margin:auto;padding:0!important}.RWDslider01 .pic-list{width:80%;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;}/*產品列表樣式 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*/#product .layoutlist_5.layoutlist {display: flex;flex-wrap: wrap;}#product .layoutlist_5.layoutlist .col-sm-4 {width: calc(100% / 2 - 1px);}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {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;}/*相簿列表樣式-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;}#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;}/*檔案下載樣式-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: 10px;}.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);}*//*影片列表*/#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;} } /*767px end*/ /*700px start*/ @media (max-width: 700px) { .footer-text:first-child, .footer-text:last-child { width: 100%; } .footer-info .info { flex-direction: column; } .footer_top { padding: 5rem 0rem; } .icon_box { width: 100%; gap: 2rem; } .icon_box>div>h4, .icon-des p { text-align: left; } .feature-icon{ flex-direction: column; } .icon_box { flex-direction: row; flex-wrap: nowrap; } .icon_box>div:first-child { width: 20%; } .icon-des { width: 80%; } .icon_box:nth-child(2){ margin: 2rem 0; border: 0px; } } /*700px end*/ /*600px start*/ @media (max-width: 600px) { .RWDeform001 .form-horizontal .form-group:nth-child(odd) { padding: 0rem 0rem 0rem 0rem; } .RWDeform001 .form-horizontal .col-sm-4:nth-last-child(2) .form-group:nth-last-child(2) .form-control{ height: 130px; } .RWDeform001 .form-horizontal .form-group{ width: 100%; } .icon_box{ align-items: center; } .eform-block .container:after{ height: 180%; } .RWDeform001 { padding: 0rem 2rem 5rem; }.title_block { padding: 5rem 2rem 3rem;} .service-block .RWDproduct004 .heading-title.heading-arrow-bottom h1, .service-block .RWDproduct004 h2.sub-title{ text-align: left; } .RWDmenu_plus04 #search-box { top: 72px; } .service-block .RWDproduct004 .item-box-desc { padding: 2rem 2rem; } .btn, .ebtn a, .RWDleft_cont002 .item-second .text-box a, .service-block .btn, .RWDleft_cont002 .item-second .text-box a,.ebtn { width: 100%; } .service-block .RWDproduct004 #portfolio.portfolio-nogutter .item-box{ flex-direction: column; } .service-block .RWDproduct004 .item-box figure, .service-block .RWDproduct004 .item-box-desc{ width: 100%; letter-spacing: 1px; } .brand-block .mix-grid { grid-template-columns: repeat(2, 1fr); } .brand-block .container { padding: 5rem 1rem; } .RWDmenu_plus04 .logo{ display: none; } .RWDmenu_plus04 .header-in::after{ content: ''; background-image: url(archive/image/customization/logo-180.png); width: 70px; height: 70px; position: absolute; top: 3px; background-size: contain; background-repeat: no-repeat; } .index .RWDbanner_plus01 .slick-caption .txt2 { font-size: 26px; letter-spacing: 1px; margin: 5px 0px; } .index .RWDbanner_plus01 .slick-caption .txt3, .index .RWDbanner_plus01 .slick-caption .txt1 { font-size: 22px; letter-spacing: 1px; }.index .RWDbanner_plus01 .slick-caption {bottom:50px} /* 匯入內頁版面寬度80%*/ .RWDquiry .btn.t-right {float: none;margin-top: 10px;}/*標題*/ .hgroup {padding-left:15px; padding-right:15px;}.hgroup h1{margin-bottom: 50px;line-height:1.8;}/*按鈕*/ .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;}/*fixrow*/ .fixrow{padding-left:0px !important;padding-right:0px !important;}/*文章列表最上層樣式調整*/#article .cate_list.row .col-sm-6.col-md-4 { margin: 0 0 30px;}/*文章列表樣式-02*/#article .layoutlist_2 .item { width: 100%; margin: 10px 0;}/*文章列表樣式-03*/#article .layoutlist_3 .item {width: 100%; margin: 10px 0;}/*文章列表樣式-04*/#article .layoutlist_4 > .fixrow > .xrow > .col-sm-6.col-md-6 {width: 100%; margin: 10px 0;}/*文章列表樣式-06*/ .rwdlayoutlist_6 ul { margin: 0;}.rwdlayoutlist_6 li { margin: 0;border-bottom: #dfdfdf solid 1px;padding: 10px 0 10px;}.rwdlayoutlist_6 .subject_title{display:none;}.rwdlayoutlist_6 .list_item{text-align: center;flex-direction: column}.rwdlayoutlist_6 .list_item .column.no,.rwdlayoutlist_6 .list_item .column.subject,.rwdlayoutlist_6 .list_item .column.date{width:100%;}/*文章列表樣式-07*/#article .layoutlist_7 .litem {width: 100%;padding: 0 0 40px;margin: 0 0 40px;border-bottom: 1px solid #eee;}/*文章列表樣式-08*/ .layoutlist_8.rwd .item{ border-bottom: 1px solid #ccc; width: 100%;}/*文章列表樣式-09*/ .rwdlayoutlist_9 .litem {width: 100%;}/*左右圖文輪播PH*/ .RWDslider01 .pic-list{width:100%;}/*時間軸樣式*/ .RWDtimeline01 .line_dot, .RWDtimeline01 .line_dot2 {left: 0;}.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}/*電子表單*/ .new-form {margin-top: 0;}/*相簿上下方說明*/#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;}/*相簿列表樣式-02*/ .layoutlist_2 .album_item {margin: 10px 0px 20px !important;width: 100%;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: 100%;}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {width: 100%;}/*產品列表樣式 C*/#product .layoutlist_4 .col-xs-6 {width: 100%;}/*產品列表樣式 D*/#product .layoutlist_5.layoutlist .col-sm-4 {width: 100%;}/*產品列表樣式 E*/#product .layoutlist_5.layoutlist .col-sm-3.col-md-3 {width: 100%;}/*相簿內容樣式-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%;}/*產品內頁-01*/#member_org_price, #prod_fixprice {margin-top: 25px;}.page_content1 #prod_price {margin-top: 5px;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .RWDproduct004 h2.sub-title{ text-align: justify; } .fix-btn .btn{ padding: 15px 50px; } .service-block .RWDproduct004 .item-box-desc { padding: 1.5rem 1.5rem; } .btn, .ebtn a, .RWDleft_cont002 .item-second .text-box a{ padding: 8px 50px; } .icon_box:nth-child(2) { padding-left: 0rem; } .icon_box:nth-child(2), .icon_box { width: 100%; } .icon_box>div:first-child{ flex-direction: column; gap: 0.5rem; } .panel_1:not(.banner-block,.scrollT,.fix-btn,.footer-block,.brand-block,.eform-block){ padding: 3rem 0rem; } .brand-block .container { padding: 3rem 1rem; } .brand-block { padding: 0rem 0rem 3rem; } .footer_top { padding: 3rem 0rem; } .footer_bottom .RWDedictor iframe { margin-top: -1.5rem; } .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .search-btn { padding: 25px 15px; } .RWDmenu_plus04 .ml-stack-nav-toggle{ margin-left: 15px; } /* 匯入內頁版面寬度80%*//*文章高度調整*/ .pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}/*檔案下載*/ .layoutlist_5 .downlaod_item {width: calc(100%);}/*圖文輪播*/ .RWDslider01 .text {padding-bottom: 40px;} } /*480px end*/ /*414px start*/ @media (max-width: 414px) { .brand-block .RWDproduct004 .heading-title.heading-arrow-bottom h1, .brand-block .RWDproduct004 h2.sub-title, .service-block .RWDproduct004 .heading-title.heading-arrow-bottom h1{ text-align: center; } .brand-block .RWDproduct004 .heading-title.heading-arrow-top h1:after, .brand-block .RWDproduct004 .heading-title.heading-arrow-bottom h1:after, .RWDleft_cont002 .item-second .text-box .title::after{ left: 50%; transform: translateX(-50%); } .footer-logo>div:last-child{ padding-left: 0rem; width: 100%; padding-top: 1rem; } .footer-logo>div:first-child { width: 130px; } .footer-logo{ flex-direction: column; } .icon_box { width: 100%; gap: 0.5rem; flex-direction: column; flex-wrap: nowrap; } .RWDleft_cont002 .item-second .text-box .title, .about-feature h3, .icon-des p, .icon_box>div>h4{ text-align: center; } .feature-icon{ flex-direction: column; } .icon_box>div:first-child { width: 80px; } .icon-des { width: 100%; } .icon_box:nth-child(2){ margin: 2rem 0; border: 0px; } .icon-des p br { display: block; } .index .RWDbanner_plus01 .slick-caption .txt3, .index .RWDbanner_plus01 .slick-caption .txt1 { font-size: 22px; } .index .RWDbanner_plus01 .slick-caption .container{ padding: 2rem 3vw 3rem; } .footer-text ul{ font-size: 15px; letter-spacing: 0.5px; } .footer-text li b { margin-right: 0.5rem; } .index .RWDbanner_plus01.style-dotnav .control-box .control{ text-align: center; padding-right: 0rem; } .RWDeform001 { padding: 0rem 2rem 5rem }.title_block { padding: 5rem 2rem 0rem;} } /*414px end*/