img { max-width: 100%; height: auto; width: 100%;}a,a:hover,a:active,a:focus,a:visited { transition: .5s ease; text-decoration: none;}.row { margin-right: 0px; margin-left: 0px;}/*容器設定*/#RWDfullscreen01 .container, .footer_block .container { width: 85%;}.RWDmenu_plus04 .container { width: 100% !important; max-width: unset;}/* 反白顏色設定*/::selection { background: #555; color: #fff;}::-moz-selection { background: #555; color: #fff;}/*loading*/ .fl { width: 220px;}.fl img { width: 100%;}/* go top */ .scrollTop002 { bottom: 80px; right: 20px;}.scrollTop002 img { width: 20px; transition: .5s ease;}.scrollTop002:hover img { opacity: .5; transition: .5s ease;}.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;}/* news-block */ .RWDnews_autolist { max-width: 100%; text-align: center; position: fixed; top: 0; z-index: 200; width: 100%;}.RWDnews_autolist .news-list { width: 100% !important; float: none; text-align: center; padding: 0 5%; background: #00a882; z-index: 1; position: absolute;}.RWDnews_autolist .slick-arrow { display: none !important;}.RWDnews_autolist .news-list .slick-list { height: 40px !important;}.RWDnews_autolist .news-list a { color: #fff; letter-spacing: 2px; font-weight: 500; font-size: 15px;}/* navi */ .RWDmenu_plus04 .logo { position: absolute; top: 14px; z-index: 1000;}.RWDmenu_plus04 .header { top: 40px}.navi-btn { margin: 1rem;}.navi-btn a { display: flex; align-items: center; text-align: center; font-size: 16px; color: #fff; padding: 8px 30px; border-radius: 100px; transition: .3s ease; font-weight: 600;}.navi-btn:first-child a{ background: #00a882;}.navi-btn:nth-child(2) a { background: #ff9b22;}.navi-btn:nth-child(2) a:hover{ background: #e88d1f;}.navi-btn a:hover { background: #217f69; transition: .3s ease;}.navi-btn img { width: 25px; margin-right: 1rem;}.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: #00a882;}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .features { width: 500px;}.RWDmenu_plus04 .features .edit { float: right; display: flex;}.RWDmenu_plus04 .features .search-btn { float: left;}.RWDmenu_plus04 .site-nav .menu>li>a { padding: 10px 5px; margin: 0px 10px; transition: .3s ease; border-bottom: 1px solid transparent;}.RWDmenu_plus04 .site-nav .menu ul li>a { text-align: center; padding: 10px 15px; letter-spacing: 1px;}.RWDmenu_plus04 .site-nav .menu>li:not(.has-child)>a:hover { background: transparent; color: #000; border-bottom: 1px solid #00a882; transition: .3s ease;}.RWDmenu_plus04 .site-nav .menu li.active a,.RWDmenu_plus04 .site-nav .menu a:hover { background: transparent; color: #000;}.RWDmenu_plus04 .site-nav .menu ul li a:hover { text-decoration: none; font-size: 15px !important; font-weight: 400; color: #00a882;}.RWDmenu_plus04 .features i:hover { color: #00a882; transition: .3s ease;}.RWDmenu_plus04 .site-nav .menu ul li a { font-size: 15px !important; font-weight: 400; text-align: left;}.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after { border-color: #00a882;}.RWDmenu_plus04 .site-nav .menu ul { background: #fff; width: 180px;}.RWDmenu_plus04 #mobile-menu .menu>li.active>a,.RWDmenu_plus04 #mobile-menu .menu>li.active { background-color: #00a882;}/* banner */ .index .banner-block { margin-top: calc(74px + 40px);}.RWDbanner_plus01.style-dotnav .control-box .control { text-align: right; padding-bottom: 35px}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #00a882;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button { background: #00a882; opacity: .5;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button{ width: 10px; height: 10px; line-height: 10px;}.RWDbanner_plus01 .slick-caption .container { width: 40% !important; margin-right: 0rem; text-align: left; padding-right: 5rem;}.RWDbanner_plus01 .slick-caption .txt2,.RWDbanner_plus01 .slick-caption .txt3 { font-size: 30px; color: #222; margin-top: 10px; letter-spacing: 2px;}.RWDbanner_plus01 .slick-caption .txt1 { font-size: 45px; color: #00a887; font-weight: 600; margin-top: 10px; letter-spacing: 3px;}/* btn */ .about-block .RWDleft_cont002 .item-second .text-box a,.btn a { display: flex; align-items: center; text-align: center; font-size: 16px; color: #00a882; border: 1px solid #00a882; background: #fff; padding: 10px 60px; border-radius: 100px; width: fit-content; margin-left: 0; margin-top: 5rem; transition: .3s ease; letter-spacing: 2px; font-weight: 600;}.about-block .RWDleft_cont002 .item-second .text-box a:hover,.btn a:hover { background: #00a882; border: 1px solid #00a882; transition: .3s ease; color: #fff;}a.btn { display: flex; align-items: center; text-align: center; font-size: 16px; color: #00a882; border: 1px solid #00a882; background: #fff; padding: 10px 60px; border-radius: 100px; transition: .3s ease; width: fit-content; margin: 5rem auto 0rem; transition: .3s ease; letter-spacing: 2px; font-weight: 600;}.RWDproduct002_v4 .btn-box .btn { display: flex; align-items: center; text-align: center; font-size: 16px; color: #00a882; border: 1px solid #00a882; background: #fff; padding: 10px 60px; border-radius: 100px; transition: .3s ease; width: fit-content; margin: 0rem 5rem 0rem 7rem; transition: .3s ease; letter-spacing: 2px; font-weight: 600; position: absolute; left: 0; top: 750px; line-height: 1.5;}.RWDproduct002_v4 .btn-box .btn:hover ,a.btn:hover { background: #00a882; border: 1px solid #00a882; transition: .3s ease; color: #fff;}/* font */ .form-block .main-title,.RWDproduct002_v4 .main-title,.RWDproduct004 .heading-title.heading-arrow-top h1,.RWDproduct004 .heading-title.heading-arrow-bottom h1,.RWDleft_cont002 .item-second .text-box .title { font-size: 36px; color: #222; margin: 0; padding: 0; letter-spacing: 4px; font-weight: 600; margin-bottom: 1.5rem;}.RWDleft_cont002 .item-second .text-box .title{ color: #00a882;}.form-block .subtitle,.RWDproduct002_v4 .sub-title{ font-size: 18px; color: #a2a2a2; margin: 0; padding: 0; letter-spacing: 3px; font-weight: 600;}.RWDproduct002_v4 .sub-title{ letter-spacing: 2px;}.RWDproduct004 h2.sub-title{ line-height: 1.7; font-size: 17px; letter-spacing: 2px; color: #222; font-weight: 400;}.RWDleft_cont002 .item-second .text-box .subtitle { font-size: 24px; color: #a2a2a2; margin: 0; padding: 0; letter-spacing: 3px; font-weight: 600;}.RWDproduct004 h2.sub-title span{ color: #00a887;}.RWDproduct004 #portfolio div.col-md-3 h2,.RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 20px; color: #00a882; margin: 0; padding: 0; letter-spacing: 2px; font-weight: 600; margin-bottom: 0.5rem;}.RWDproduct004 .list-inline { font-size: 16px; color: #868686; letter-spacing: 1px; height: auto!important;}.portfolio-bottom__h4 { color: #00a887; letter-spacing: 1px; font-weight: 600; line-height: 1.5em; font-size: 18px; margin-bottom: 0.5rem; text-align: left;}.portfolio-bottom-summary a p { color: #444; font-weight: 600; font-size: 15px; letter-spacing: 1px; line-height: 1.5em; margin-bottom: 0px; text-align: left;}.portfolio-bottom-summary a p span{ color: #888; font-weight: 400; font-size: 15px;}.portfolio-bottom-summary{ height: auto!important;}.RWDproduct002_v4 .portfolio-item>.inner-content>img{ width: 85%; margin: auto;}/* about-block */ .about-block { position: relative; margin-top: -10rem; padding-bottom: 15rem;}.about-block .container { width: 100% !important; padding: 0; background-color: transparent;}.about-block>.container::before { content: ''; background-image: url(archive/image/customization/decorate-04.svg); width: 300px; height: 300px; background-repeat: no-repeat; margin: auto; background-size: contain; -webkit-animation: spin 40s linear infinite; -moz-animation: spin 40s linear infinite; animation: spin 40s linear infinite; top: 200px; position: relative;}@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); }}@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); }}@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}.about-block::before { content: ''; background-image: url(archive/image/customization/decorate-03.png); width: 300px; height: 300px; background-size: contain; background-repeat: no-repeat; margin: auto; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 200px; z-index: 1;}.about-block .RWDleft_cont002 .item-second { background-color: transparent; display: flex; flex-direction: row-reverse; align-items: center;}.about-block .RWDleft_cont002 .item-second>a { pointer-events: none; width: 50%; padding-left: 15rem; border-left: 1px solid #00a887;}.RWDleft_cont002 .item-second .pic { width: 100%;}.about-block .RWDleft_cont002 .item-second .text-box { background: transparent; color: #2d2d2d; padding: 0rem 14rem; width: 50%;}.about-block .RWDleft_cont002 .item-second .text-box .underline { width: 100px; height: 2px; background-color: #00a882; margin: 35px 0 40px;}.about-block .paragraph-02 { margin-top: 1.5rem !important;}.about-block .paragraph-01 h4 br { display: none;}.about-block .RWDleft_cont002 .item-second .text-box .text { margin-top: 2.5rem; width: 100%;}.about-block .RWDleft_cont002 .item-second .text-box .text p { margin: 0; line-height: 1.6; font-size: 16px;}.about-block .RWDleft_cont002 .item-second .text-box .text p br{ display: none;}.RWDleft_cont002 .item-second:hover .pic img { transform: scale(1);}/* brand-block */ .brand-block { box-shadow: 0px -4px 8px 0px #e9e9e987; position: relative; padding: 15rem 0rem;}.brand-block .container { width: 70% !important;}.brand-block::before { content: ''; background-image: url(archive/image/customization/decorate-01.png); width: 800px; height: 400px; background-repeat: no-repeat; margin: auto; background-size: contain; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -250px;}.RWDproduct004 section { padding: 0rem 0rem 5rem; border-bottom: 0px;}.RWDproduct004 .section-subject .col-md-12{ padding: 0;}.RWDproduct004 .callout-dark { background-color: transparent;}.RWDproduct004 .heading-title.heading-arrow-bottom::after { display: none;}.RWDproduct004,.RWDproduct004 #portfolio { overflow: visible;}.RWDproduct004 #portfolio .row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem;}.RWDproduct004 #portfolio.portfolio-nogutter .row>div,.RWDproduct004 #portfolio.portfolio-nogutter .item-box { width: 100%; overflow: visible;}.RWDproduct004 #portfolio .row::before,.RWDproduct004 #portfolio .row::after { display: none;}.RWDproduct004 .item-box figure { box-shadow: 0px 0 10px 0px #cccccc4f; overflow: visible; border-radius: 10px;}.RWDproduct004 .item-box-desc { margin-bottom: 0px; padding: 1rem 1rem; text-align: center !important;}.RWDproduct004 div.row > div img.img-responsive { width: 75%;}/* Product-block */ .products-block{ padding: 0rem 0rem 10rem; position: relative;}.products-block .container{ width: 100% !important; padding: 0;}.RWDproduct002_v4 { padding: 0;}.RWDproduct002_v4 .section-line { display: none;}.products_block>.container { width: 85%; padding: 0;}.products_block { padding: 100px 0px 60px 0px; position: relative; background: #fff;}.row.RWDproduct002_v4_catalogue { position: absolute; left: 0; margin-right: 0; padding: 0rem 7rem ; border-radius: 0px 0px 50px 0px; top: 420px;}.RWDproduct002_v4 .section-subject .col-md-12,.row.RWDproduct002_v4_catalogue .col-md-12{ padding: 0;}.RWDproduct002_v4 .section-subject,.row.RWDproduct002_v4_catalogue{ width: 23%;}.RWDproduct002_v4 .section-subject { left: 0; text-align: left; background: #e5f6f3; padding: 12rem 7rem 0rem ; border-radius: 0px 20px 20px 0px; margin: 0; height: 45vw;}.RWDproduct002_item_block { width: 77%; padding: 0rem 8rem; margin: auto; background: #fff;}.RWDproduct002_item_block .col-md-12{ padding: 0;}.RWDproduct002_v4 .section-inner { justify-content: start;}.RWDproduct002_v4 .filter-portfolio ul { background: transparent; padding: 0px; margin-bottom: 0px;}.RWDproduct002_v4 .filter-portfolio ul>li { display: block; width: 100%; margin: 0 0 15px 0px; position: relative;}.RWDproduct002_v4 .filter-portfolio ul>li:after { content: ""; position: absolute; width: 10px; height: 1px; background: #9fa0a0; right: 0; bottom: 3px; transform: rotate(40deg); transition: 0.3s;}.RWDproduct002_v4 .filter-portfolio ul>li:hover:after { transition-delay: 0.2s; transition-duration: 0.3s; background: #00a882;}.RWDproduct002_v4 .filter-portfolio ul>li:hover:before { width: 100%; transition: 0.2s;}.RWDproduct002_v4 .filter-portfolio ul>li:before { content: ""; position: absolute; height: 1px; width: 0; background: #00a882; bottom: 0; left: 0; transition: 0.2s;}.RWDproduct002_v4 .filter-portfolio ul>li.active:before { width: 100%; transition: 0.2s;}.RWDproduct002_v4 .filter-portfolio ul>li.active:after { transition-delay: 0.2s; transition-duration: 0.3s; background: #00a882;}.RWDproduct002_v4 .btn.btn-rj { width: 100%; text-align: left; background-color: transparent; color: #9fa0a0; font-size: 16px; letter-spacing: 1px; border-bottom: 1px solid #9fa0a0; border-radius: 0; font-family: 'Noto Sans TC', sans-serif; padding: 5px 20px 5px 0px; font-weight: 400;}.RWDproduct002_v4 .active .btn.btn-rj { background-color: transparent; color: #00a882;}html.no-touch .RWDproduct002_v4 .btn.btn-rj:hover { color: #00a882; background: transparent;}.RWDproduct002_v4 .btn.btn-rj:hover { background-color: transparent; color: #00a882;}.RWDproduct002_v4 .popup-portfolio .portfolio-item { width: calc(100%/3 - 40px); margin: 0 20px 40px 20px; padding: 20px 20px; box-shadow: 0px 0px 18px -10px rgb(0 0 0 / 30%); transition: 0.3s; border-radius: 20px;}.RWDproduct002_v4 .popup-portfolio .portfolio-item:hover { box-shadow: 0px 0px 18px -10px rgb(69 126 56); transition: 0.3s;}.btn.btn-rj{ margin: 0;}.RWDproduct002_v4 .popup-portfolio .portfolio-item:hover { transition: 0.3s;}.RWDproduct002_v4 .showbottom:hover .inner-content>img { -webkit-transform: scale(1); transform: scale(1);}.RWDproduct002_v4 .showbottom:hover .portfolio-bottom h4 { color: #00a882;}.RWDproduct002_v4 .portfolio-item.grow>.inner-content:hover>img { -webkit-transform: scale(1); transform: scale(1);}.RWDproduct002_v4 .popup-portfolio { margin: 0;}.RWDproduct002_v4 .showbottom:hover .portfolio-bottom__h4 { color: #00a882;}/* CTA-block */#m_RWDfullscreen01_52_3 .picbgbox{ border-radius: 20px 0px 0px 0px;}.form-block .subtitle br{ display: none;}.form_block .RWDedictor008{ display: flex; justify-content: center; align-items: center; bottom: 0; z-index: 1; height: 500px; background: #defcf6ed; width: 50%; margin: auto 0; float: right; border-radius: 0px 20px 0px 0px;}.form_btn .btn img{ width: 25px; margin-right: 1rem;}.form_btn .btn { margin: 3rem 0 0; border: 0; background: #217f69; color: #fff;}.form_btn .btn:hover{ background: #00a882; border: 0;}/* footer */ .footer_block{ background: #00a882; padding: 15rem 0rem 0rem; margin-top: -15rem;}.footer_block .container{ padding: 5rem 0rem; display: flex;}.footer-left { display: flex; width: 50%; flex-direction: column; align-items: center; border-right: 1px solid #ccc; }.footer-left .RWDedictor div{ width: 100%; position: relative;}.footer-left .RWDedictor div img{ width: 350px;}.footer-left .RWDedictor { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column;}.footer-left .RWDedictor p{ color: #fff; font-size: 14px; margin: 1.5rem 0 0;}.footer-right { width: 50%; margin: auto; padding-left: 5rem;}.footer-right .RWDedictor { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}.footer-right .RWDedictor .clear{ display: none;}.footer-info{ display: flex; flex-direction: column; width: 300px;}.footer-info-2{ width: calc(100% - 300px);}.footer-info li,.footer-info-2 li{ display: flex; flex-direction: row; margin-bottom: 0.5rem;}.footer-info-2,.footer-info { list-style: none; padding-left: 0px; margin-bottom: 0;}.footer-info-2 li span,.footer-info li span{ padding-right: 20px; font-weight: bold; letter-spacing: 2px;}.footer-info-2 a{ letter-spacing: 2px;}.footer-info-2 li,.footer-info-2 a,.footer-info li,.footer-info li a{ color: #fff; font-size: 15px;}.footer-info-2 a:hover,.footer-info li a:hover{ color: #ffffff96;}.footer-info-2{ display: flex; flex-wrap: wrap; flex-direction: row; padding-left: 2rem;}.footer-info-2 li:nth-child(1),.footer-info-2 li:nth-child(2){ width: 100%;}.footer-info-2 li:nth-child(3),.footer-info-2 li:nth-child(4){ width: fit-content;}.footer-info-2 li:nth-child(3) a,.footer-info-2 li:nth-child(4) a{ font-weight: bold;}.footer-info-2 li:nth-child(4){ padding-left: 3rem;}.copy_block{ background: #333; display: flex; justify-content: center; align-items: center; column-gap: 3rem; font-size: 14px; padding: 0.5rem 0rem;}.copyright_desc, .copyright_desc a,.copy_block,.copy_block a{ color: #999;}.fix-btn{ display: none;} /*內頁 start*/ .page_wrapper_bg .footer_block { padding: 30px 0 0; margin-top: 0;}.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: #888;}/* 匯入內頁版面寬度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 {color: #000;text-decoration: none;}.row{margin-right:0px;margin-left:0px;}/*購物流程圈圈改色*/@keyframes num-bg{0%{background:#666;-webkit-transform:scale(.5);transform:scale(.5)}100%{background:#666;-webkit-transform:scale(1);transform:scale(1)}}/*main*/ .collapsing_header .main { top: 114px !important;}.pageTitle { line-height: 1.3; margin: 0 0 0.3em 0; padding: 0; font-size: 36px; color: #222; letter-spacing: 4px; font-weight: 600; text-align: center;}.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:1500px}.page_wrapper_bg .article-text .container {width: 100%;}.hgroup .container { width: 100%;margin-bottom: 60px;}.pagecontent .article_model[data-seq="0"] { margin-top: 0px !important;}/*文字統一設定*/ .webdesc { text-align: center; margin-bottom: 50px; font-size: 18px; font-weight: 600;}.page_wrapper_bg .article-text h2 { font-size: 28px; line-height: 1; letter-spacing: 2px; font-weight: 600; color: #333;}.page_wrapper_bg .article-text h3 {color: #00a882;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: #333; 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;}.RWDproduct_page .products-info .txt .editor ul, .products-editor ul { padding-left: 18px;}.RWDproduct_page .products-info .txt .editor li, .products-editor li{ margin-bottom: 10px;}/*側選單*/ .m2018 .products-nav .nav-title { background: #00a882; font-size: 17px; padding: 10px; font-weight: 600; margin-bottom: 15px; color: #fff;}#sidebar .products-nav { background: #e5f6f3;}#sidebar .products-nav ul { padding: 0 20px 20px;}.m2018 .products-nav>ul>li:hover>a, .m2018 .products-nav>ul>li.active>a { color: #00a882;}.m2018 .products-nav>ul>li:hover:after, .m2018 .products-nav>ul>li.active:after { background: #00a882;}.m2018 .products-nav>ul>li:hover, .m2018 .products-nav>ul>li.active, .m2018 .products-nav>ul>li.active, :after { border-color: #00a882;}.m2018 .products-nav>ul>li:after { content: ""; position: absolute; width: 10px; height: 1px; background: #9fa0a0; right: 0; bottom: 3px; transform: rotate(40deg); transition: 0.3s;}.m2018 .products-nav>ul>li:last-child { border-bottom: 1px solid #ccc;}/*-------按鈕--------*/#panelCms .btn.btn-primary { float: none;border-radius: 5px !important;}/*重新填寫*/ .refill_btn {display: none;}/*回上一頁按鈕*/#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;}.btn.btn_back a { margin-top:30px;min-width:180px;padding: 0 15px;background: transparent;color:#00a882 !important; transition: all 0.2s ease;border: 1px solid #00a882;}.btn.btn_back a:hover {border: 1px solid #00a882;color: #fff !important;background: #00a882;}/*確定送出*/ .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: #fff !important; background: #00a882; border: 1px solid #00a882; transition: all .2s ease; border-radius: 99em;}.ebtn a:hover {background: #217f69; color: #fff !important; border-color: #217f69; transition: all .2s ease;}.new-form .new-width .currectsend_btn a {color: #fff !important;}/*文章列表-7*/ .is-layer1 #article .col-md-4 { width: 50%;}#article .layoutlist_7 .subject a{margin-top: 15px !important;margin-bottom: 5px !important; color: #00a887 !important; letter-spacing: 1px; font-weight: 600; font-size: 18px;}#article .layoutlist_7 .cdate, .article7 .layoutlist_7 .cdate a{font-size: 12px;display: none;}#article .layoutlist_7 .summary, .article7 .layoutlist_7 .summary a{font-size: 16px !important;font-weight: 400;line-height: 1.7 !important;}#article .layoutlist_7 .litem .img img { box-shadow: 0px 0px 18px -10px rgb(0 0 0 / 30%); border-radius: 20px; transition: all .5s ease;}#article .layoutlist_7 .litem:hover .img img { box-shadow: 0px 0px 18px -10px rgb(0 0 0 / 60%); transition: all .5s ease;}#article .layoutlist_7 .summary { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}/*文章列表-8*/ .layoutlist_8 .article_subject{font-weight:600;font-size:18px;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}._col.listdate { text-align: right;}.layoutlist_8 .list_subject { padding: 0 30px;}/*文章列表頁籤修正*/#article .tabs {margin: 50px 0;}.RWDtimeline01 li.event .point .title { font-size: 24px; line-height: 1.5; border: 1px solid #ccc; border-width: 1px 0; padding: 8px;}.RWDtimeline01 li.event .point .date { padding: 5px; margin-top: 10px;}/*Q&A*/ .rwd .faq_question{font-size: 16px;letter-spacing: 2px;}.rwd .faq_answer{font-size: 15px;letter-spacing: 2px;line-height: 1.8;}/*產品_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;}.RWDproduct_page .products-info .name { font-size: 20px; margin-bottom: 10px; color: #00a887; letter-spacing: 1px; font-weight: 600;}.RWDproduct_page .products-info .subname { font-weight: 600;}.RWDproduct_page .products-info .name-box { margin-bottom: 30px;}hr { border-top: 1px dashed #ddd;}.RWDproduct_page .products-info .txt .title, .RWDproduct_page .related-box .title { border-bottom: 1px solid #00a887;}.RWDproduct_page .products-editor td:nth-child(odd) { background:#e5f6f3;}.RWDproduct_page .products-editor td { border-bottom: 1px solid #ccc; padding: 10px; font-weight: 600; font-size: 16px;}.RWDproduct_page .products-editor table { border: 1px solid #ccc !important;}.half_table { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;margin-top: 50px;}.RWDproduct_page .products-editor th { padding: 15px 10px; background: #888; font-size: 16px; color: #fff; border-bottom: 1px solid #ccc;}.RWDproduct_page .products-editor { box-shadow: 0px 0 10px 0px rgb(179 178 178 / 31%); padding: 60px; border-radius: 20px;}.RWDproduct_page .pic-box { width: calc(100% - 360px);}.RWDproduct_page .products-info { width: 360px;}.pd_info_tit h2 { margin-bottom: 50px; margin-top: 0;}/*產品列表樣式*/ .layoutlist_4 .product_list_item, .layoutlist_2 .product_list_item { border-bottom: 0; margin-top: 0; margin-bottom: 50px; overflow: initial !important;}.layoutlist_4 .pricearea{text-align:left;display:flex;align-items:center;letter-spacing:0}.layoutlist_4 .fixprice{ font-size: 16px;text-decoration: line-through;}.layoutlist_4 .sellprice{color:#f10404;font-weight:bold;}#product .item .subject A.itemlink{ text-decoration: none; color: #00a887; letter-spacing: 1px; font-weight: 600; font-size: 18px;}.product_list_item:hover div.img:nth-child(1) { box-shadow: 0px 0px 18px -10px rgb(0 0 0 / 60%); transition: all .5s ease;}.product_list_item div.img:nth-child(1) { box-shadow: 0px 0px 18px -10px rgb(0 0 0 / 30%); border-radius: 20px; transition: all .5s ease;}#product .layoutlist_2 .subject { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 5px;}#product .item .summary{display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}#product .item .summary A.itemlink{color: #666;line-height: 1.5;}/*修正產品、文章預設列表排版*/ .productlist .layoutlist_2, .productlist .layoutlist_4, .productlist .layoutlist_5, .albumlist .layoutlist_2, .albumlist .layoutlist_4, .articlelist .layoutlist_2, .articlelist .layoutlist_4 {display: flex; flex-wrap: wrap;}.sortbar {float: none !important;margin-bottom: 20px !important;text-align: left !important; width: 100%;}/*電子表單*/ .eformsDesc {margin: 0px 0 30px;border: 0;text-align: center;font-size: 18px;}.eformscontent .layoutlist_1 {width: 100%;max-width: 1170px; margin: 0 auto;}.form-horizontal .form-group {margin-left: 0; margin-right: 0; margin-bottom: 25px;}.form-horizontal .control-label {width: 15%;font-weight: 600;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 85%;}textarea.form-control {min-height: 130px;}.form-horizontal .col-sm-12.col-md-5 { width: 35%;}.boxname { margin-right: 20px;}.new-form .formdesc dd { margin-bottom: 15px;}.new-form .customized_columns { padding-left: 30px;}input[type=checkbox], input[type=radio] { margin: 0px 5px 0 0;}.new-form .formdesc dd b { display: inline-block; margin-right: 20px;}.ptitle_box { margin-bottom: 30px;}.ptitle_box:after { content: ""; position: relative; display: block; width: 100px; height: 2px; background: #00a882; margin: 30px 0 0;} /*內頁 end*/ /*小螢幕 start*/ @media (max-width: 2500px) { .RWDproduct002_v4 .section-subject { height: 46vw; }}@media (max-width: 2400px) { .RWDproduct002_v4 .section-subject { height: 48vw; padding: 15rem 7rem 15rem; } .row.RWDproduct002_v4_catalogue { padding: 0rem 7rem; } .RWDproduct002_v4 .btn-box .btn { margin: 0rem 5rem 0rem 7rem; }}@media (max-width: 2100px) { .RWDproduct002_v4 .section-subject { height: 49vw; } .about-block .RWDleft_cont002 .item-second .text-box { padding: 0rem 10rem; } .RWDproduct004 #portfolio .row { gap: 2rem; } .brand-block .container { width: 85% !important; } .RWDproduct002_v4 .section-subject { padding: 10rem 5rem 0rem; } .row.RWDproduct002_v4_catalogue { padding: 0rem 5rem; } .RWDproduct002_v4 .btn-box .btn { margin: 0rem 5rem 0rem 5rem; } .row.RWDproduct002_v4_catalogue { top: 380px; }}@media (max-width: 1920px) { .RWDbanner_plus01 .slick-caption .txt1 { font-size: 40px; letter-spacing: 2px; } .footer_block { padding: 12rem 0rem 0rem; margin-top: -12rem; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 25px; letter-spacing: 2px; } .form-block .main-title, .RWDproduct002_v4 .main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title { font-size: 30px; line-height: 1.5; margin-bottom: 0.5rem; } .about-block>.container::before, .about-block::before { width: 250px; height: 250px; top: 150px; } .about-block .RWDleft_cont002 .item-second>a { padding-left: 10rem; } .RWDproduct002_v4 .sub-title { letter-spacing: 1px; } .form-block .subtitle, .RWDproduct002_v4 .sub-title, .RWDleft_cont002 .item-second .text-box .subtitle { font-size: 16px; } .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3 { font-size: 18px; } .RWDproduct004 .list-inline { font-size: 15px; } .form_block .RWDedictor008, .RWDparallax_new .picbgbox { height: 400px !important; } .brand-block::before { width: 600px; height: 300px; top: -200px; } .brand-block { padding: 10rem 0rem; } .about-block { margin-top: -7rem; padding-bottom: 10rem; } .RWDproduct002_v4 .section-subject { height: 50vw; } .RWDproduct002_item_block { padding: 0rem 6rem; } .about-block .RWDleft_cont002 .item-second .text-box .text { margin-top: 1.5rem; } .about-block .paragraph-02 { margin-top: 1rem !important; } .RWDproduct004 section { padding: 0rem 0rem 3rem; }}@media (max-width: 1800px) { .about-block { margin-top: -5rem; } .about-block .RWDleft_cont002 .item-second .text-box { padding: 0rem 8rem; } .about-block>.container::before, .about-block::before { top: 100px; width: 200px; height: 200px; } .footer-info-2 li span, .footer-info li span { padding-right: 10px; } .brand-block::before { width: 600px; height: 300px; top: -180px; } .RWDproduct002_v4 .portfolio-item>.inner-content>img { width: 100%; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { padding: 20px; } .RWDproduct002_v4 .section-subject { height: 58vw; } .footer-info-2 { padding-left: 0rem; } .RWDproduct002_v4 .section-subject, .row.RWDproduct002_v4_catalogue { width: 25%; } .RWDproduct002_item_block { width: 75%; }}@media (max-width: 1700px) { .footer-right { padding-left: 2.5rem; } .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3, .portfolio-bottom__h4 { font-size: 17px; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { width: calc(100%/3 - 30px); margin: 0 15px 30px 15px; } .about-block .RWDleft_cont002 .item-second .text-box { padding: 0rem 6rem; } .about-block .RWDleft_cont002 .item-second>a { padding-left: 6rem; }}@media (max-width: 1600px) { .form_block .RWDedictor008, .RWDparallax_new .picbgbox { height: 300px !important; } .footer_block { padding: 10rem 0rem 0rem; margin-top: -10rem; } .footer-left { width: 45%; padding-right: 2.5rem; } .footer-right { width: 55%; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 35px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 23px; letter-spacing: 1px; } .form-block .main-title, .RWDproduct002_v4 .main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title { font-size: 28px; } .RWDproduct002_v4 .section-subject { padding: 10rem 4rem 10rem; } .row.RWDproduct002_v4_catalogue { top: 350px; padding: 0rem 4rem; } .RWDproduct002_v4 .btn-box .btn { margin: 0rem 0rem 0rem 4rem; } .form_btn .btn { margin: 3rem auto 0; } .form-block { text-align: center; } .RWDmenu_plus04 .features { width: 420px; } .navi-btn { margin: 1rem 0.5rem; } .RWDmenu_plus04 .site-nav .menu>li>a { padding: 10px 0px; } .page_wrapper_bg section.call_to_action>.container { width: 85%; }}@media (max-width: 1500px) { .about-block .RWDleft_cont002 .item-second .text-box { padding: 0rem 7rem 0rem 4rem; } .RWDbanner_plus01 .slick-caption .container { width: 43% !important; } .footer-left { width: 40%; } .footer-right { width: 60%; } .footer-left .RWDedictor div img { width: 300px; } .footer-left .RWDedictor p { font-size: 13px; margin: 1rem 0 0; line-height: 1.5; } .copy_block { font-size: 13px; } .form_block .RWDedictor008, .RWDparallax_new .picbgbox { height: 350px !important; } .footer_block { padding: 10rem 0rem 0rem; margin-top: -10rem; } .footer_block .container { padding: 4rem 0rem; } .RWDproduct002_v4 .section-subject { height: 63vw; } #RWDfullscreen01 .container, .footer_block .container { width: 90%; } .RWDproduct004 h2.sub-title { letter-spacing: 1px; } .footer-info-2 li, .footer-info-2 a, .footer-info li, .footer-info li a, .portfolio-bottom-summary a p span, .footer-info-2 li, .footerf-info-2 a, .footer-info li, .footer-info li a, .about-block .RWDleft_cont002 .item-second .text-box .text p, .portfolio-bottom-summary a p { font-size: 14px; line-height: 1.5; letter-spacing: 1px; } .RWDproduct004 h2.sub-title, .RWDleft_cont002 .item-second .text-box .text { line-height: 1.5; font-size: 14px; line-height: 1.5; letter-spacing: 1px; } .RWDmenu_plus04 .site-nav .menu ul li a:hover, .RWDmenu_plus04 .site-nav .menu ul li a, .RWDmenu_plus04 .menu li a { font-size: 14px !important; letter-spacing: 1px; } .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3, .portfolio-bottom__h4 { font-size: 16px; } .RWDproduct002_v4 .btn.btn-rj, .form-block .subtitle, .RWDproduct002_v4 .sub-title, .RWDleft_cont002 .item-second .text-box .subtitle { font-size: 15px; letter-spacing: 2px; } .RWDproduct002_item_block { width: 70%; padding: 0rem 3rem; } .RWDproduct002_v4 .section-subject, .row.RWDproduct002_v4_catalogue { width: 30%; } .navi-btn a { font-size: 14px; padding: 6px 30px; } .RWDproduct002_v4 .btn-box .btn { top: 700px; } .page_wrapper_bg .pagecontent { padding: 0 !important; }}@media (max-width: 1400px) { .form_block .RWDedictor008, .RWDparallax_new .picbgbox { height: 280px !important; } .footer_block { padding: 9rem 0rem 0rem; margin-top: -9rem; } .RWDproduct002_item_block { width: 75%; padding: 0rem 2rem; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { padding: 15px; } .row.RWDproduct002_v4_catalogue, .RWDproduct002_v4 .section-subject { width: 25%; } .RWDproduct002_v4 .section-subject { padding: 10rem 2rem 10rem; } .row.RWDproduct002_v4_catalogue { padding: 0rem 2rem; } .RWDproduct002_v4 .btn-box .btn { margin: 0rem 0rem 0rem 2rem; } .RWDproduct002_v4 .section-subject { height: 66vw; } .about-block>.container::before, .about-block::before { top: 80px; width: 180px; height: 180px; } .about-block { margin-top: -3rem; } .footer-left { padding-right: 2rem; } .footer-right { padding-left: 2rem; } .footer-info-2 li:nth-child(4) { padding-left: 2rem; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 32px; margin-top: 5px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 20px; margin-top: 5px; } .form-block .main-title, .RWDproduct002_v4 .main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title { font-size: 24px; letter-spacing: 2px; } .RWDmenu_plus04 .site-nav .menu>li>a { margin: 0px 8px; } .RWDbanner_plus01 .slick-caption .container { width: 44% !important; padding-right: 3rem; } .page_wrapper_bg section.call_to_action>.container { width: 88%; }}@media (max-width: 1300px) { /*漢堡提早*/ .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: #00a882; } .RWDmenu_plus04 #mobile-menu .menu li a { color: #222; } .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 { width: fit-content; position: relative; float: right; padding-right: 1rem; } .RWDmenu_plus04 .features .search-btn { padding: 25px 20px; } .RWDmenu_plus04 .features:after { content: ""; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background-color: #333; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { padding: 15px; } .portfolio-bottom__h4 { font-size: 15px; letter-spacing: .5px; } .portfolio-bottom-summary a p { letter-spacing: 0.5px; } .form_block .RWDedictor008, .RWDparallax_new .picbgbox { height: 300px !important; } .footer-left .RWDedictor p br { display: none; } .RWDproduct004 #portfolio .row { grid-template-columns: repeat(3, 1fr); } .footer-left { width: 35%; } .footer-right { width: 65%; } .form_block .container { padding: 0; } .about-block .RWDleft_cont002 .item-second .text-box .underline { margin: 25px 0 35px; } .ab_pin ._bd_column._bd_half { width: 100%; } .page_wrapper_bg section.call_to_action>.container { width: 90%; }}@media (max-width: 1250px) { .RWDproduct002_v4 .section-subject { height: 68vw; } .RWDproduct002_v4 .sub-title { letter-spacing: 1px; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { width: calc(100%/3 - 20px); margin: 0 10px 30px 10px; }}@media (max-width: 1200px) { .about-block .RWDleft_cont002 .item-second .text-box { padding: 0rem 4rem 0rem 4rem; } .portfolio-bottom-summary a p { letter-spacing: 1px; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 28px; margin-top: 5px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 18px; margin-top: 5px; } .footer-left { padding-right: 1.5rem; } .footer-right { padding-left: 1.5rem; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { padding: 20px; } .form_btn .btn { margin: 1rem auto 0; } .form_block .RWDedictor008, .RWDparallax_new .picbgbox { height: 250px !important; } .footer_block { padding: 8rem 0rem 0rem; margin-top: -8rem; } .scrollTop002 img { width: 15px; } .about-block>.container::before, .about-block::before { top: 0px; width: 150px; height: 150px; } .about-block { margin-top: 3rem; padding-bottom: 6rem; } .brand-block::before { width: 500px; height: 270px; } .RWDproduct002_item_block { padding: 2rem 1.5rem 5rem; margin: 0rem 0rem 0rem; background: #fff; } .footer-left .RWDedictor div img { width: 250px; } .footer-left { width: 30%; } .footer-right { width: 70%; } .RWDproduct002_v4 .section-inner { display: block; } .row.RWDproduct002_v4_catalogue { position: sticky; z-index: 100; width: 100%; top: 113px; margin: 0; background: #fff; border-radius: 0; padding: 1rem 3rem 1rem; } .RWDproduct002_v4 .section-subject { position: relative; top: auto; height: auto; padding: 0; padding: 5rem 3rem 0.5rem; text-align: center; background: #fff; box-shadow: 0px -4px 8px 0px #e9e9e987; } .RWDproduct002_v4 .section-subject, .row.RWDproduct002_v4_catalogue, .RWDproduct002_item_block { width: 100%; } .RWDproduct002_v4 .filter-portfolio ul { flex-direction: row; flex-wrap: wrap; } .RWDproduct002_v4 .filter-portfolio ul>li { width: calc(100% / 5 - 30px); margin: 0px 15px; } .row.RWDproduct002_v4_catalogue { padding: 0rem 2rem 1rem; } .RWDproduct002_v4 .btn.btn-rj { line-height: 1.3; } .RWDproduct002_v4 .btn-box .btn { margin: 0rem 0rem 0rem 3rem; top: unset; z-index: 2; bottom: 0; margin: auto; left: 50%; transform: translateX(-50%); } .RWDproduct002_v4 .popup-portfolio .portfolio-item { width: calc(100%/3 - 20px); margin: 0 10px 20px 10px; background: #fff; } .RWDproduct002_v4 .btn.btn-rj { color: #666; padding: 10px 0px 10px 0px; } .brand-block { padding: 8rem 0rem 5rem; } .products-block { padding: 0rem 0rem 8rem; } .form-block .subtitle br { display: block; }}/* 匯入內頁版面寬度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*/ @-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;} /*動態 end*/ /*1199px start*/ @media (max-width: 1199px) { /* 匯入內頁版面寬度80%*//*main*/ .page_wrapper_bg section.call_to_action>.container { width: 100%; padding: 0 50px;} } /*1199px end*/ /*1100px start*/ @media (max-width: 1100px) { .footer-info { width: 280px; } .footer-info-2 { width: calc(100% - 280px); } .form_block .RWDedictor008, .RWDparallax_new .picbgbox { height: 250px !important; } .about-block .RWDleft_cont002 .item-second .text-box { padding: 0rem 3rem; } .about-block .RWDleft_cont002 .item-second>a { padding-left: 3rem; } .footer_block .container { padding: 2.5rem 0rem; } .form-block .main-title, .RWDproduct002_v4 .main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title { letter-spacing: 1px; } .brand-block::before { width: 400px; height: 215px; top: -150px; } .RWDproduct004 h2.sub-title { text-align: justify; } .RWDproduct004 h2.sub-title br { display: none; } .RWDproduct002_v4 .filter-portfolio ul>li { width: calc(100% / 5 - 20px); margin: 0px 10px; }} /*1100px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDbanner_plus01 .slick-caption .container { width: 47% !important; } .footer-info-2 li, .footer-info-2 a, .footer-info li, .footer-info li a, .portfolio-bottom-summary a p span, .footer-info-2 li, .footerf-info-2 a, .footer-info li, .footer-info li a, .about-block .RWDleft_cont002 .item-second .text-box .text p, .portfolio-bottom-summary a p { letter-spacing: 0.5px; } .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3 { margin-bottom: 5px; } } /*1024px end*/ /*1000px start*/ @media (max-width: 1000px) { .footer-info-2 li span, .footer-info li span { padding-right: 5px; } .form_block .RWDedictor008 { width: 60%; }} /*1000px end*/ /*991px start*/ @media (max-width: 991px) { .fl { width: 200px; } .RWDproduct002_v4 .filter-portfolio ul { flex-direction: row; overflow: scroll; flex-wrap: nowrap; padding: 1rem 0rem; } .RWDproduct002_v4 .filter-portfolio ul>li { width: auto; } .RWDproduct002_v4 .btn.btn-rj { padding: 10px 20px; } .copy_block { column-gap: 1rem; } .scrollTop002 { right: 20px; bottom: 165px; } .RWDbanner_plus01 .slick-caption .container { width: 52% !important; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 24px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 17px; } .form-block .main-title, .RWDproduct002_v4 .main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title { font-size: 20px; } .about-block .RWDleft_cont002 .item-second { flex-direction: column-reverse; } .about-block .RWDleft_cont002 .item-second>a, .about-block .RWDleft_cont002 .item-second .text-box { width: 100%; } .about-block .RWDleft_cont002 .item-second .text-box { width: 100%; border-top: 1px solid #00a887; padding: 6rem; margin-top: -5rem; } .about-block .RWDleft_cont002 .item-second .text-box .underline, .about-block .RWDleft_cont002 .item-second>a { display: none; } .about-block .RWDleft_cont002 .item-second .text-box .text { text-align: justify; } .RWDleft_cont002 .item-second .text-box .title, .RWDleft_cont002 .item-second .text-box .subtitle { text-align: center; } .about-block .RWDleft_cont002 .item-second .text-box a { margin: 3rem auto; } .brand-block { padding: 6rem 0rem 5rem; } .brand-block .container { width: 90% !important; padding: 0; } a.btn { margin: 3rem auto 0rem; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { padding: 15px; } .RWDproduct004 #portfolio .row { gap: 1.5rem; } .footer_block .container { flex-direction: column; padding: 2.5rem 0rem 1.5rem; } .footer-left, .footer-right { width: 100%; } .footer-left { padding-right: 0rem; padding-bottom: 2rem; border-right: 0px; border-bottom: 1px solid #ccc; } .footer-right { padding-left: 0; padding-top: 2rem; } .footer-left .RWDedictor div:first-child { width: 250px } .footer-left .RWDedictor div:nth-child(2) { width: calc(100% - 250px) } .footer-left .RWDedictor { flex-direction: row; } .footer-left .RWDedictor div img { width: 100%; } .footer-left .RWDedictor p { margin: 0rem 0rem 0rem 2rem; } .footer-info, .footer-info-2 { width: 50%; } .RWDmenu_plus04 .logo { width: 180px; } .RWDproduct004 .list-inline { font-size: 14px; } .RWDproduct004 .item-box-desc { padding: 1rem 0rem 0rem; } .RWDproduct004 #portfolio div.col-md-3 h2, .RWDproduct004 #portfolio div.col-md-3 h3, .portfolio-bottom__h4 { font-size: 15px; letter-spacing: 1px; margin-bottom: 0.3rem; }/* 匯入內頁版面寬度80%*//*麵包屑*/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 0 5px;border:0;}/*編輯器 圖文*/ .RWDeditor01 .col-md-6{padding-left:0px;padding-right:0px;margin-bottom:20px;background;#000;}.RWDeditor01 .col-md-6 img{width:100%;}/*文章列表樣式-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%;}/*產品列表樣式 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;}/*電子表單*/ .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: 15px 0 0;}.form-horizontal .col-sm-12.col-md-5 { width: 100%;}/*產品內頁-02*/#sidebar { padding: 0 !important; margin: 0 0 30px;}.RWDtimeline01 li.event .point .title { font-size: 20px;}.RWDproduct_page .pic-box { padding-right: 30px;}.RWDproduct_page .products-editor { padding: 30px;}.new-form .customized_columns { padding-left: 15px;} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { .about-block .RWDleft_cont002 .item-second .text-box { padding: 6rem 5%; } .navi-btn a { padding: 8px 20px; } .RWDproduct002_v4 .filter-portfolio ul { justify-content: flex-start; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { width: calc(100%/2 - 20px); padding: 20px; } .RWDproduct002_v4 .portfolio-item>.inner-content>img { width: 85%; } .form_block .RWDedictor008 { width: 100%; background: #defcf6d4; border-radius: 20px 20px 0px 0px; } .form-block .subtitle { color: #757575; } .form_btn .btn { margin: 1.5rem auto 0; } .RWDparallax_new .picbgbox { background-position: center left; } .copy_block { column-gap: 0.5rem; } .RWDproduct002_v4 .section-subject { padding: 5rem 2rem 0.5rem; } .RWDbanner_plus01 .slick-caption .container { width: 53% !important; } .products-block { padding: 0rem 0rem 6rem; }/* 匯入內頁版面寬度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;}.RWDslider01 .text { float: initial; width: 100%;}.page_wrapper_bg .article-text h2 { font-size: 24px;}.pd_info_tit h2 { margin-bottom: 30px; margin-top: 30px;}.page_wrapper_bg .article-text h3 { font-size: 20px !important;}.layoutlist_8 .list_subject { padding: 0 15px;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { /* 匯入內頁版面寬度80%*//*麵包屑*/ .hgroup .container {margin-left: 0;margin-right: 0;}.hgroup .page_subject {padding-bottom: 20px;}/*按鈕*/ .btn.btn_back ,.ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn{ width: auto !important;}/*電子表單*/ .form-horizontal .control-label {width: 100%;}.form-horizontal .form-group .col-sm-12.col-md-11 {width: 100%;}.page_wrapper_bg section.call_to_action>.container { padding: 0 30px;}.RWDtimeline01 li.event .point { padding-right: 0;}/*.RWDproduct_page .pic-box { width: calc(100% - 320px);}.RWDproduct_page .products-info { width: 320px;}*/ } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .RWDbanner_plus01 .slick-caption .txt1 { font-size: 22px; } .RWDbanner_plus01.style-dotnav.control-right .control-box { top: -20%; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 16px; } .navi-btn a { letter-spacing: 2px; } .about-block { margin-top: -5rem; } .RWDbanner_plus01 .slick-caption .container { width: 100% !important; text-align: center; padding: 0 1rem; } .RWDbanner_plus01 .slick-caption.txt-right { text-align: right; top: unset; padding-bottom: 8rem; bottom: 0; } .RWDproduct004 #portfolio .row { grid-template-columns: repeat(2, 1fr); } .RWDproduct004 .item-box-desc { padding: 1rem 1rem 0rem; } a.btn { margin: 4rem auto 0rem; } .fix-btn .RWDedictor { width: 100%; display: flex; } .fix-btn { display: flex; position: fixed; bottom: 0; width: 100%; z-index: 1000; } .RWDmenu_plus04 .header .navi-btn { display: none; } .navi-btn { width: 50%; margin: 0; } .navi-btn a { width: 100%; border-radius: 0px; justify-content: center; display: flex; align-items: center; } .copy_block { padding: 0.5rem 5% 4rem; flex-direction: column; justify-content: center; align-items: flex-start; } .footer-info { width: 250px; } .footer-info-2 { width: calc(100% - 250px); padding-left: 2rem; } .footer-info-2 a { letter-spacing: 0.4px; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { padding: 15px; } .navi-btn a { padding: 12px 30px; } .products-block { padding: 0rem 0rem 6rem; }/* 匯入內頁版面寬度80%*//*文章列表樣式-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);}/*左右圖文輪播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;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;}/*產品列表樣式 B*/#product .layoutlist_3.row > .col-md-12 {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}.RWDproduct_page .pic-box { width: 100%; padding-right: 0; margin-bottom: 30px;}.RWDproduct_page .products-info { width: 100%;}.page_content3_mainphoto .swiper-slide img { border: 1px solid #ddd; border-radius: 20px;}.RWDproduct_page .products-editor { box-shadow: none; padding: 0; border-radius: 0;}.half_table { grid-template-columns: auto;}.RWDproduct_page .products-editor td { font-size: 15px;}._col.listdate { text-align: left;}.hgroup .page_subject { padding: 0;}.pageTitle { line-height: 1.3; font-size: 28px; letter-spacing: 1px;} } /*767px end*/ /*700px start*/ @media (max-width: 700px) { .RWDbanner_plus01 .slick-caption.txt-right { padding-bottom: 5rem; } .footer-left .RWDedictor div img { width: 95%; } .footer-info-2 { padding-left: 10px; } .footer-left .RWDedictor p { margin: 0rem 0rem 0rem 10px; }} /*700px end*/ /*600px start*/ @media (max-width: 600px) { .RWDbanner_plus01 .slick-caption.txt-right { padding-bottom: 4rem; } .footer-info-2 { padding-left: 0px; } .RWDproduct004 #portfolio.portfolio-nogutter .row>div { padding: 0px 10px !important; } .row.RWDproduct002_v4_catalogue { padding: 0rem 2rem 0.5rem; } .RWDproduct002_v4 .filter-portfolio ul { padding: 0rem 0rem 1rem; } .RWDproduct002_item_block { padding: 2rem 1.5rem 0rem; } .RWDproduct002_v4 .popup-portfolio { margin-bottom: 3rem; } .RWDproduct004 #portfolio .row { gap: 3rem; grid-template-columns: repeat(1, 1fr); } .about-block { margin-top: -3rem; } .footer-right .RWDedictor, .footer-left .RWDedictor { flex-direction: column; } .footer-left .RWDedictor div:nth-child(2), .footer-left .RWDedictor div:first-child, .footer-info-2, .footer-info { width: 100%; } .footer-left .RWDedictor p { margin: 1rem 0rem 0rem; letter-spacing: 0.5px; } .footer-left .RWDedictor div img { width: 50%; } .footer-left { padding-bottom: 1rem; } .footer-right { padding-top: 1rem; } .footer-info-2 a { letter-spacing: 1px; } .RWDnews_autolist .news-list a { font-size: 14px; letter-spacing: 1px; } .form-block .main-title, .RWDproduct002_v4 .main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title { font-size: 19px; } a.btn { font-size: 15px; padding: 10px 30px; } .RWDproduct002_v4 .btn-box .btn { width: 100%; max-width: unset; position: relative; } a.btn, .about-block .RWDleft_cont002 .item-second .text-box a, .btn a { justify-content: center; width: 100%; max-width: unset; } .scrollTop002 { right: 15px; }/* 匯入內頁版面寬度80%*/ .hgroup .container { margin-bottom: 30px;}/*標題*/ .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;}/*文章列表樣式-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: -30px;}.RWDtimeline01 li.event:before {left: -7px;}.RWDtimeline01 li.event .point { width: calc(100% - 40px); left: 40px;}.RWDtimeline01 li.event .point .date{font-size:14px;letter-spacing:1px}/*電子表單*/ .new-form {margin-top: 0;}/*產品列表樣式 A*/#product .layoutlist_2 .col-sm-6 {width: 50%;}/*產品列表樣式 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%;}.RWDslider01 .products-list { margin-left: 0; margin-right: 0;}._bd_column { padding: 0;}.RWDtimeline01 li.event .point .title { font-size: 18px;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p { font-size: 15px;}#product .item .subject A.itemlink { font-size: 15px;}.page_wrapper_bg section.call_to_action>.container { padding: 0 15px;}#article .layoutlist_7 .subject a { font-size: 16px;}#article .layoutlist_7 .summary, .article7 .layoutlist_7 .summary a { font-size: 15px !important;}.pageTitle { font-size: 26px;}.page_wrapper_bg .article-text .container { padding: 0 10px;}.eformsDesc { font-size: 15px;}.form-group span.options { display: grid; grid-template-columns: 25px auto; align-items: center;}.rwd .faq_question td:nth-child(2) { padding-right: 10px;}.rwd .faq_question { font-size: 15px; letter-spacing: 1px;line-height: 1.3;} } /*600px end*/ /*520px start*/ @media (max-width: 520px) { .about-block { margin-top: 0rem; } .RWDbanner_plus01 .slick-caption.txt-right { padding-bottom: 3rem; }} /*520px end*/ /*480px start*/ @media (max-width: 480px) { .about-block { margin-top: 2rem; } .RWDproduct002_v4 .popup-portfolio { margin-bottom: 2rem; } .row.RWDproduct002_v4_catalogue { top: 100px; } .RWDmenu_plus04 .features { padding-right: 0rem; } .RWDmenu_plus04 .features:after { display: none; } .index .banner-block { margin-top: calc(74px + 30px); } .RWDmenu_plus04 .logo { top: 10px; } .RWDmenu_plus04 .features .search-btn { padding: 20px 20px; } .ml-stack-nav-toggle { padding: 30px 14px; } .RWDbanner_plus01.style-dotnav.dot .slick-dots button { line-height: 10px; } .RWDbanner_plus01.style-dotnav.dot .slick-dots li { line-height: 10px; } .RWDbanner_plus01.style-dotnav .slick-dots li { height: 10px; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { width: 100%; margin: 0 0 30px 0; height: auto !important; } .RWDproduct002_v4 .popup-portfolio .portfolio-item { padding: 20px; } .RWDbanner_plus01 .slick-caption.txt-right { padding-bottom: 2rem; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 16px; } .RWDbanner_plus01.style-dotnav .control-box .items, .RWDbanner_plus01.style-dotnav .control-box .items li, .RWDbanner_plus01.style-dotnav .slick-arrow { display: inline-block; vertical-align: middle; } .RWDbanner_plus01.style-dotnav.control-left .control-box, .RWDbanner_plus01.style-dotnav.control-right .control-box { top: initial; position: absolute; bottom: 1.5%; width: 100%; height: inherit !important; } .RWDbanner_plus01.style-dotnav.control-left .plus-banner-container, .RWDbanner_plus01.style-dotnav.control-right .plus-banner-container { position: relative; top: inherit; left: 0; right: 0; } .RWDbanner_plus01.style-dotnav .control-box .control { text-align: center; padding-bottom: 0px; } .RWDproduct004 .item-box-desc { padding: 1rem 0rem 0rem; } .RWDproduct002_v4 .btn.btn-rj, .form-block .subtitle, .RWDproduct002_v4 .sub-title, .RWDleft_cont002 .item-second .text-box .subtitle { letter-spacing: 1px; } .footer-left .RWDedictor div img { width: 80%; margin: auto; } .RWDproduct002_v4 .section-subject { padding: 5rem 1.5rem 0.5rem; } .row.RWDproduct002_v4_catalogue { padding: 0rem 1.5rem 1rem; }/* 匯入內頁版面寬度80%*//*文章高度調整*/ .pagecontent .article_model[data-seq="0"] {margin-top: 0 !important;}/*檔案下載*/ .layoutlist_5 .downlaod_item {width: calc(100%);}/*圖文輪播*/ .RWDslider01 .text {padding-bottom: 40px;}.collapsing_header .main { top: 102px !important;}.formdesc br { display: none;}.new-form .formdesc dd b { display: block; margin-right: 0;} } /*480px end*/ /*414px start*/ @media (max-width: 414px) { .RWDbanner_plus01 .slick-caption.txt-right { width: 100%; } .about-block>.container::before, .about-block::before { width: 120px; height: 120px; } .brand-block::before { width: 300px; height: 160px; top: -100px; } .about-block { padding-bottom: 0rem; } .form_block .container { width: 100% !important; } .form_block .RWDedictor008 { display: flex; float: unset; position: absolute; padding: 1rem; } .navi-btn a { padding: 12px 20px; }} /*414px end*/ /*380px start*/ @media (max-width: 380px){ #product .layoutlist_2 .col-sm-6 { width: 100%;} .RWDproduct002_v4 .section-subject { padding: 5rem 1rem 0.5rem; } .row.RWDproduct002_v4_catalogue { padding: 0rem 1rem 1rem; } .form-block .main-title, .RWDproduct002_v4 .main-title, .RWDproduct004 .heading-title.heading-arrow-top h1, .RWDproduct004 .heading-title.heading-arrow-bottom h1, .RWDleft_cont002 .item-second .text-box .title { font-size: 17px; } .RWDbanner_plus01 .slick-caption .txt1 { font-size: 21px; letter-spacing: 0.5px; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3 { font-size: 15px; letter-spacing: 0.5px; } .RWDbanner_plus01 .slick-caption.txt-right { padding-bottom: 1.5rem; } .footer-info-2 a { letter-spacing: 0.5px; } } /*380px end*/