img { max-width: 100%; height: auto;}div#RWDfullscreen01 { overflow: visible !important;}a,a:hover,a:active,a:focus,a:visited { transition: .5s ease; text-decoration: none;}.row { margin-right: 0px; margin-left: 0px;}/*容器設定*/#RWDfullscreen01 .container { width: 93%; padding: 0px;}/* 反白顏色設定*/::selection { background: #555; color: #fff;}::-moz-selection { background: #555; color: #fff;}/*網頁警告*/ .RWDalert_fancybox.bottom { z-index: 99999 !important; width: 100%; padding: 30px 40px 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: #000; background: #000 !important; border-radius: 0px;}/*loading*/ .fl { width: 200px;}.fl img { width: 100%;}body.wrapper_bg { font-family: 'Noto Sans TC', sans-serif !important; letter-spacing: 1px !important; line-height: 1.5 !important; font-size: 15px !important; color: #111 !important;}/* navi */ .RWDmenu_plus04 .logo { width: 355px; position: relative; top: 7px;}.site-nav .container { width: 100%!important; margin: 0;}.RWDmenu_plus04 .site-nav{ padding-right: 15%;}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .site-nav .menu>li>a { padding: 27px 15px; }.RWDmenu_plus04 .site-nav .menu ul li>a,.RWDmenu_plus04 .site-nav .menu li{ text-align: center;}.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: #0055b8; transition: .5s ease;}.RWDmenu_plus04 .site-nav .manu-item:hover>a, .RWDmenu_plus04 .site-nav .menu ul li a:hover, .RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a, .RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a{ text-decoration: none; font-weight: 400; background-color: #0055b8; color: #fff;}.RWDmenu_plus04 .site-nav .menu>li>ul{ padding: 0px;}.RWDmenu_plus04 .site-nav .menu ul li>a,.RWDmenu_plus04 .menu ul li a{ padding: 15px 10px;}.RWDmenu_plus04 .site-nav .menu li.has-child:hover>a:after{ border: 1px solid #fff; border-width: 1px 1px 0 0;}.RWDmenu_plus04 .header {padding:0 20px}/* search */ .model.RWDsearch003 { z-index: 205; position: fixed; right: 9%; top: 18px; animation-name: none;}.search3_bar { border-radius: 40px; border: #bababa 1px solid; height: 40px; transition: .5s ease; align-items: center;}.search3_input { text-align: center; background: transparent; letter-spacing: 2px;}.search3_submit { height: 40px; flex: 0 0 4em; width: 4em;}.search3_wrap { width: fit-content;}.RWDmenu_plus04 .menu li a { color: #111; letter-spacing: 2px;}.search3_bar:hover{ border: #0055b8 1px solid; transition: .5s ease;}.search3_submit:hover{ background: transparent;}.search3_bar:hover .ii-search1{ color: #0055b8; transition: .5s ease;}/* navi features */ .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: #111;}.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn,.RWDmenu_plus04 .features .member-btn { padding: 25px 15px;}.RWDmenu_plus04 .features i { top: 3px;}.RWDmenu_plus04 .features { width: 150px;}.RWDmenu_plus04 .features .member-btn:hover i,.RWDmenu_plus04 .features .cart-btn:hover i{ color: #0055b8; transition: .5s ease;}/* banner */ .banner-block { margin-top: 75px;}.RWDbanner_plus01 .slick-caption { bottom: 25%; top: unset;}.plus-banner-container{ width: 93%; margin: auto;}.RWDbanner_plus01.style-dotnav .control-box .control { text-align: left;}.RWDbanner_plus01.style-dotnav.dot .slick-dots button { width: 30px; height: 6px; background: #fff; border-radius: 0px; opacity: .7;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button { background: #0055b8; width: 50px;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li { width: 50px; margin: 2rem auto;}/* unite setting */ .main-title { font-size: 35px !important; letter-spacing: 3px !important; margin: 0px !important; font-weight: 500 !important; line-height: 1.1 !important; color: #111 !important;}.sub-title { font-weight: 300 !important; font-size: 17px !important; line-height: 1.5 !important; letter-spacing: 1.5px !important; margin: 1rem 0rem 0rem !important; color: #111 !important;}.brand-block>.container,.product-block>.container{ padding: 7rem 0rem !important;}.RWDproduct002_v3 .section-subject,.RWDproduct002_v3 { padding: 0px;}/* brand-block */ .brand-block { box-shadow: -1px 1px 13px #0000001c;}.brand-block>.container{ display: flex; align-items: center; position: relative;}.brand-block .left_brand { width: 600px; float: left; padding-left: 100px; position: relative;}.brand-block .right_brand { width: calc(100% - 600px); float: right;}.brand-block .left_brand .RWDedictor { border-right: 1px solid #ddd;}.brand-block .owl-item h4,.brand-block .owl-item p,.brand-block .owl-item ul { display: none;}.brand-block .left_brand::before { content: 'BRAND'; color: #d0e6ff; writing-mode: vertical-rl; position: absolute; left: 0%; font-size: 3rem; top: -2rem; font-weight: bolder; width: 60px;}.brand-block .RWDnews005 .owl-carousel .owl-wrapper-outer { overflow: hidden; margin-left: 2rem; width: auto;}.brand-block .RWDnews005 .owl-carousel { overflow: visible; margin-top: 0px; margin-bottom: 0px;}.brand-block .RWDnews005 .owl-theme .owl-controls .owl-buttons div { z-index: 10; color: #0055b8; font-size: 30px; background: transparent; border: 0px;}.brand-block .RWDnews005 .owl-theme .owl-controls .owl-prev:hover i, .brand-block .RWDnews005 .owl-theme .owl-controls .owl-next:hover i{ color: #000;}.brand-block .RWDnews005 .controlls-over .owl-controls .owl-prev { left: -8%; right: auto; cursor: pointer;}.brand-block .RWDnews005 .controlls-over .owl-controls .owl-next { right: auto; left: -30px; cursor: pointer;}.RWDnews005 .controlls-over .owl-pagination{ display: none;}/* product-block */ .product-block { background-image: url('archive/image/customization/pdt-bg.jpg'); background-repeat: no-repeat; background-size: contain; position: relative;}.product-block .container{ width: 75%!important; overflow: visible !important;}.product-block::before { background-color: #0055b8; width: 25vw; height: auto; position: absolute; right: 0; content: " "; opacity: 0.05; min-height: 100%;}.product-block::after { background-color: #0055b8; width: 100%; height: 100%; position: absolute; content: " "; opacity: 0.05; bottom: 0; z-index: -1;}.product-block .container::before { content: 'PRODUCT'; color: #0055b826; position: absolute; bottom: 7rem; right: 6%; font-size: 5rem; font-weight: bolder; letter-spacing: 0px; writing-mode: vertical-rl; line-height: 0px; width: 40px;}.product-block .section-line { display: none;}.product-block .RWDproduct002_v3 .filter-portfolio { margin: 0 0 2rem;}.RWDproduct002_v3 .sub-title br{ display: none;}.RWDproduct002_v3 .filter-portfolio ul{ border: 2px solid #0055b8; width: fit-content; margin: auto; display: flex;}.RWDproduct002_v3 .filter-portfolio ul>li{ margin: -1px; width: calc(100% / 4 ); display: contents;}.product-block .RWDproduct002_v3 .btn.btn-rj { background-color: transparent; color: #0055b8; font-size: 20px; font-weight: 500; border: 0px solid transparent; border-radius: 0px; padding: 6px 30px; text-align: center; border-right: 2px solid #0055b8;}.product-block .RWDproduct002_v3 .filter-portfolio ul>li:last-child .btn-rj { border-right: 0px solid #0055b8;}.product-block .RWDproduct002_v3 .active .btn.btn-rj { background-color: #0055b8; border-radius: 0px; font-weight: bolder; color: #fff;}html.no-touch .RWDproduct002_v3 .btn.btn-rj:hover { background-color: #3b86de; border-radius: 0px; font-weight: 500; color: #fff;}.RWDproduct002_v3 .popup-portfolio{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto;}.RWDproduct002_v3 .popup-portfolio .portfolio-item { overflow: visible !important; padding: 0px; width: calc( 100% / 4 - 31px); margin: 0px 15px 15px; height: auto!important;}.RWDproduct002_v3 .popup-portfolio .portfolio-item .inner-content { box-shadow: 0px 0px 5px #d7d7d7;}.RWDproduct002_v3 .showbottom a { text-align: left;}.RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { font-weight: 500; font-size: 20px; color: #000; border-bottom: 1px solid #ccc; padding-bottom: 0.5rem;}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4{ color:#0055b8; }.portfolio-bottom-summary { padding: 15px 15px; height: auto!important;}.portfolio-bottom-summary p { letter-spacing: 1.5px; padding-top: 0.5rem; min-height: 80px; color: #888;}.RWDproduct002_v3 .btn-box .btn { background: #0055b8; color: #ffffff; padding: 10px 15px; font-size: 16px; line-height: 1.5; border-radius: 0px; display: flex; align-items: center; justify-content: center; margin: auto; transition: .5s ease; letter-spacing: 2px;}.RWDproduct002_v3 .btn-box .btn::after { top: 1px; right: -15px; transition: .5s ease; content: "\f3d3"; position: relative; font-family: "Ionicons";}.RWDproduct002_v3 .btn-box .btn:hover { background: #2c81e5; transition: .5s ease;}.RWDproduct002_v3 .btn-box .btn:hover::after { right: -20px; transition: .5s ease;}/* about-block */ .about-block { position: relative;}.about-block .container { display: flex; width: 100% !important;}.about-block>.container::after { background-image: url(archive/image/customization/about-bg.png); content: ''; width: 100%; height: 100%; position: absolute; z-index: -1; right: 0; top: 0; opacity: 0.2; background-repeat: no-repeat; background-size: cover;}.about-block .RWDedictor { width: 30%; padding: 7rem 5rem 7rem 5rem; background-color: #eef2f9;}.about-block .RWDService002 { width: 70%; padding: 7rem 6rem;}.about-block .RWDService002 .section-subject { width: 100%; margin-bottom: 10rem;}.about-block .col-sm-4.col-md-4 { padding: 0px 30px;}.about-block .col-sm-4.col-md-4 .funny-boxes:before { clear: both; height: fit-content; background: #0055b8; color: #fff; display: table; position: absolute; top: -5%; left: 15%; z-index: 100; font-size: 25px; content: ""; padding: 10px;}.about-block .col-sm-4.col-md-4:nth-child(1) .funny-boxes:before { content: "01";}.about-block .col-sm-4.col-md-4:nth-child(2) .funny-boxes:before { content: "02";}.about-block .col-sm-4.col-md-4:nth-child(3) .funny-boxes:before { content: "03";}.about-block .RWDService002 .section-subject .col-sm-4.col-md-4 { padding: 0px 35px;}.animated.RWDService002 .row .col-sm-4.col-md-4:nth-child(2) { top: -4rem;}.about-block .RWDService002 .container { display: flex; flex-direction: column;}.about-block .RWDService002 h1.main-title { text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 1rem;}.about-block .funny-boxes-text { text-align: left; color: #ffff; padding: 20px 25px ; min-height: 140px; animation-name: none;}.funny-boxes { background: #0055b8; transition: .5s ease;}.funny-boxes:hover{ background: #2c81e5; transition: .5s ease;}.funny-boxes > .funny-boxes-text > p{ margin: 0px;}.about-block .RWDService002 .section-line { display: none;}.about-block .about-part-2 { margin: 2rem 0rem 0rem;}.about-block .about-part-2 h3 { margin: 0rem; padding: 0px; color: #656565; letter-spacing: 1px; font-size: 20px; font-weight: 500; line-height: 1.5;}.about-block .about-part-2 h3 br{ display: none;}.about-block .RWDedictor p { font-weight: 300; font-size: 15px; line-height: 1.5; letter-spacing: 1.5px; margin: 1.5rem 0rem 0rem; color: #888;}.about-block .about-part-2 p { font-weight: 300; font-size: 15px; line-height: 1.5; letter-spacing: 1.5px; margin: 0.5rem 0rem 0rem; color: #888;}.funny-boxes { overflow: hidden;}.funny-boxes>.funny-boxes-icon { height: 20vw; width: 100%; margin-bottom: 0px !important;}.funny-boxes-icon a{ cursor: pointer;}.funny-boxes.float-shadow>.funny-boxes-icon { transform: scale(1); transition: all 0.3s ease-in-out 0s; border-radius: 0%; background: #000;}.funny-boxes.float-shadow:hover>.funny-boxes-icon { transform: scale(1.02); transition: all 0.3s ease-in-out 0s;}.funny-boxes:hover .fa { opacity: 1; transition: all 0.3s ease-in-out 0s;}.funny-boxes-icon .fa { background-size: cover; opacity: 0.8; transition: all 0.3s ease-in-out 0s;}.funny-boxes.not-right-column::before,.funny-boxes.float-shadow>.funny-boxes-icon::before,.funny-boxes>.funny-boxes-text>h4::after,.RWDService002 h2.sub-title { display: none;}.funny-boxes>.funny-boxes-text>h4 { padding-bottom: 0px; font-size: 22px; margin: 0 0 10px;}.funny-boxes>.funny-boxes-text>h4 a { color: #fff;}.about-part-2::after { content: 'ABOUT'; color: #0055b826; position: absolute; bottom: 15rem; left: 7rem; font-size: 5rem; font-weight: bolder; letter-spacing: 0px; writing-mode: vertical-rl; line-height: 0px; display: table;}/* footer */ .footer-block>.container { width: 100% !important;}.footer-block { box-shadow: 0px 0px 10px #d7d7d7;}.footer-block .RWDedictor,.footer-block .container { display: flex; flex-direction: row; flex-wrap: wrap;}.footer-block .footer-info { width: 80%; padding: 7rem 10rem 7rem; background-color: #e6eef8;}.footer-menu { width: 20%; background-color: #fbfbfb; display: flex; flex-direction: column; align-items: center; justify-content: center;}.footer-menu a { margin-right: 0%; color: #111; width: fit-content; font-size: 15px; letter-spacing: 2px;}.footer-menu a:hover{ color: #0055b8;}.footer-menu ul{ margin-bottom: 0px;}.footer-menu li{ padding: 0px 0px 20px;}.footer-menu li:last-child{ padding: 0px;}.RWDsocial001 { width: 100%; background: transparent; padding: 0rem 0rem 0rem 0rem; overflow: visible;}#social_media_wrapper { padding: 0rem 0.5rem;}#social_media_wrapper a{ margin: 0 15px 0 0; width: 40px; height: 40px; padding: 2px; display: flex; justify-content: center; align-items: center; transition: .5s ease;}#social_media_wrapper a:hover{ box-shadow: 1px 1px 5px #b5b5b5; background: #fff; transition: .5s ease;}.RWDsocial001 .deficon { width: 100%!important; height: 100%!important; margin-top: 0!important; margin-left: 0!important;}.footer-map,.footer-info-text { width: 50%;}.footer-info h3 { margin: 0rem 0rem 1rem; padding: 0px 0px 20px 0px; color: #111; letter-spacing: 1px; font-size: 22px; font-weight: 500; border-bottom: 1px solid; line-height: 1.5;}.footer-info h3 br{ display: none;}.footer-menu ul,.footer-info-text ul { list-style: none; padding-left: 0px;}.footer-info-text{ padding-right: 6rem;}.footer-info-text li,.footer-info-text li a { font-size: 15px !important; color: #666;}.footer-info-text li a:hover{ color: #0055b8;}.footer-info-text li span { font-weight: 600; line-height: 1.6;}.footer-map p { font-size: 14px; color: #888; margin: 0px;}.copyright-block { display: flex; justify-content: center; background: #e7eef8; color: #888; font-size: 14px; padding: 10px 0px; border-top: 1px solid #dedede;}.copyright-block .model { padding: 0px 10px; font-size:12px;}.copyright_desc,.copyright_desc a { color: #888;}.copyright_desc a:hover{ color: #0055b8;}/* 側邊跟隨 */ .fixed-btn { z-index: 10; writing-mode: vertical-lr; position: fixed; bottom: 45vh; right: 0;}.fixed-btn a { color: #fff; background: #44b91e; padding: 10px; font-size: 16px; letter-spacing: 4px; font-weight: 500; transition: 0.4s;}.fixed-btn a:hover{ background: #3aa418;}.fixed-btn .icon_line3{ width: 40px; height: 40px; filter: brightness(5);}/* go top */ .scrollTop002 .ii { color: #fff; width: 40px; height: 40px; font-size: 40px; border-radius: 0px; background: #0055b8; transition: 0.4s;}.scrollTop002:hover .ii{ background: #2c81e5; transition: 0.4s;}.scrollTop002 { right: 20px;}/* 登入menu */ .RWDmenu_plus04 .member-block a.login.is-on{ background-color: #0055b8;}.RWDmenu_plus04 .member-block a.login:hover, .RWDmenu_plus04 .member-block a.signin:hover,.RWDmenu_plus04 .member-block a.login.is-on:hover{ background-color: #2c81e5; color: #fff;}.no-touch .go_shopping_view_a:hover,.RWDmenu_plus04 .member-block .other a:hover{ color: #2c81e5;}/* 購物清單menu */ .RWDmenu_plus04 .cart-block .bottom-box .total, .RWDmenu_plus04 .querycar-block .bottom-box .total{ font-size: 15px;}.RWDmenu_plus04 .cart-block .bottom-box .pay-btn,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn { background: #0055b8; transition: 0.3s ease;}.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover,.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover { background: #2c81e5; transition: 0.3s ease;}.RWDalert_fancybox.bottom{ background: #fff!important;}.RWDalert_fancybox .btn, .RWDalert_fancybox .btn.active{ border-color: #0055b8; background: #0055b8 !important;}.RWDalert_fancybox .btn:hover{ border-color: #2c81e5; background: #2c81e5 !important;} /*bounceIn 修正成 fadeIn 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;} /*bounceIn 修正成 fadeIn end*/ /*動態 start*/ /*關於圖片滑入方向調整*/@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.RWDService002 .row .col-sm-4.col-md-4:nth-child(1){animation: 1000ms ease normal forwards 1 move07;animation-delay: 0.5s;opacity: 0}.animated.RWDService002 .row .col-sm-4.col-md-4:nth-child(2){animation: 1000ms ease normal forwards 1 move07;animation-delay: 1s;opacity: 0}.animated.RWDService002 .row .col-sm-4.col-md-4:nth-child(3){animation: 1000ms ease normal forwards 1 move07;animation-delay: 1.5s;opacity: 0} /*動態 end*/ /*內頁 start*/ /*內頁底部距離*/ .page_wrapper_bg .main section.call_to_action{margin: 0 0 120px 0; background: url(archive/image/customization/pdt-bg.jpg)no-repeat; background-size: cover; background-position: center;}.page_wrapper_bg .main section.call_to_action>.container { max-width: 1515px; width: 100%;}section.hgroup .container { width: 100%;margin-left: 0; margin-right: 0; margin-bottom: 30px;}.main section .container .article-text > .container {width: 100%;}.btn.active, .btn:active { box-shadow: none;}/*產品寬度*/ .product1 .page_wrapper_bg .main section.call_to_action>.container, .product2 .page_wrapper_bg .main section.call_to_action>.container, .faq1 .page_wrapper_bg .main section.call_to_action>.container { max-width: 1500px;}/*內頁banner*/ .page_wrapper_bg .banner-block { margin-top: 0;}/*內頁頁尾*/ .page_wrapper_bg .RWDsocial001 { position: relative;}.page_wrapper_bg .footer-block>.container { padding: 0;}/*內文統一*//*標題下麵包屑*/ .page_wrapper_bg .hgroup .breadcrumb {font-size: 13px;text-align: center;float: none !important;position: relative;border: 0px;bottom: 0px;background: transparent;letter-spacing: 1.5px;color: #555; padding: 0;}.page_wrapper_bg .hgroup .breadcrumb a:hover {color: #000;}/*文字統一設定*/#RWDPAGE_BASE_PAT02 .hgroup h1 {font-size: 35px;margin-bottom: 5px;color: #111;font-weight: 500;letter-spacing: 3px;line-height: 1.5;text-align: center;}.page_wrapper_bg .article-text h2 {font-size:32px;line-height: 1;letter-spacing:2px;}.page_wrapper_bg .article-text h3 {font-size:28px;letter-spacing: 2px;line-height: 1.5;margin: 0 0 10px;}.page_wrapper_bg .article-text h4 {font-size: 24px;line-height: 1.7;letter-spacing: 2px;margin: 0px 0 10px;}.page_wrapper_bg .article-text h5 {font-size: 20px;line-height: 1.7;letter-spacing: 1px;margin: 0px 0 10px;}.page_wrapper_bg .article-text h6 {font-size: 16px;line-height: 1.7;letter-spacing: 1px;margin: 0px 0 10px;}.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p, .RWDtimeline01 li.event .point .editor, .RWDslider01 .editor, .RWDtimeline02 .timeline2_list .block .text-in, .layoutlist_8 .list_subject .summary a, ._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td {color: #888;letter-spacing: 1.5px;line-height: 1.7;font-size: 15px;}._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;}/*時間軸*/ .RWDtimeline02 { padding-top: 0;}.RWDtimeline02 .model-title, .RWDtimeline01 .model-title { color: #111; font-size: 24px; font-weight: 400; line-height: 1.8; text-decoration: none;}.RWDtimeline02 .control-box {top: 0;}.RWDtimeline02 .control-box .slick-arrow { width: 45px; height: 45px;border: 1px solid #999;}.RWDtimeline02 .control-box .slick-arrow:hover { border-color: #999;}.RWDtimeline02 .control-box .slick-next:after, .RWDtimeline02 .control-box .slick-prev:after { border-color: transparent #999 transparent transparent;}.RWDtimeline02 .timeline2_list .block .year, .RWDtimeline01 li.event .point .date { font-size: 14px; color: #888;padding-bottom: 5px;}.RWDtimeline01 li.event .point .title { font-size: 22px; font-weight: 500; margin: 0 0 15px 0; line-height: 1.5;color: #111;}.RWDtimeline01 li.event:before { width: 15px;height: 15px;border: 1px solid #999; background: #999; left: -1px;}/*圖文輪播*/ .RWDslider01 .control-box .slick-dots li { color: #111;}/*側選單滑過變色*/#sidebar .products-nav ul.sidemenu2__ul--parent { border: 1px solid #eee; background: #fff;}#sidebar .products-nav { font-family: 'Noto Sans TC', sans-serif;}.page_wrapper_bg .products-nav { font-family: 'Noto Sans TC', sans-serif;}.page_wrapper_bg .products-nav .nav-title { font-size: 18px; background: linear-gradient(to right, #2555b2 20%, #2a4b8c 100%); color: #fff; padding: 10px 15px; margin: 0 0 15px; font-weight: 400; margin: 0; text-align: center; font-family: 'Open Sans', sans-serif , 'Noto Sans TC', sans-serif;}.page_wrapper_bg .products-nav>ul>li { margin: 0; padding: 0; position: relative; width: 100%;color: #555; width: 100%; color: #777; border-bottom: 1px solid #eee; background-color: rgba(255,255,255,.5); transition: 0.4s ease;}.page_wrapper_bg .m2018 .products-nav ul li>a { color: #555; font-size: 15px; padding: 15px 20px; transition: 0.4s ease;}.page_wrapper_bg .m2018 .products-nav ul li>a:hover { color: #111; transition: 0.4s ease;}.page_wrapper_bg .products-nav>ul>li.active>a { color: #111; transition: 0.4s ease;}.page_wrapper_bg .m2018 .products-nav .toggle-submenu::after {right: 10px;top: 93%;}.page_wrapper_bg .m2018 .products-nav li.is-open>.toggle-submenu::after { color: #111;}.m2018 .products-nav ul li>ul>li.active>a, .m2018 .products-nav ul li>ul>li:hover>a, .m2018 .products-nav ul li>ul>li.is-open>a, .page_wrapper_bg .products-nav>ul>li.active>a { font-weight: 400; color: #2555b2; transition: 0.4s ease;}/*產品內頁*/ .RWDproduct_page .pic-box { width: calc(100% - 400px);}.RWDproduct_page .products-info { font-family: 'Noto Sans TC', sans-serif; width: 400px;}.RWDproduct_page .products-info .name { font-size: 20px; font-weight: 500; letter-spacing: 1px; margin-bottom: 10px;line-height: 1.8;}.RWDproduct_page .products-info .download, .RWDproduct_page .products-info .name-box, .RWDproduct_page .products-info .price-box { letter-spacing: 1px; }.RWDproduct_page .products-info .subname { font-size: 16px; letter-spacing: 1px; line-height: 1.5; color: #555;}.RWDproduct_page .products-info .nu, .RWDproduct_page .products-info .stock, .RWDproduct_page .products-info .subname, .RWDproduct_page .products-info .txt .editor {font-size: 15px; color: #555; letter-spacing: 1px;}.RWDproduct_page .products-info .txt .title, .RWDproduct_page .related-box .title { font-size: 16px; color: #333;}.RWDproduct_page .btn-other .ibtn:hover, .RWDproduct_page .products-nav ul li>ul>li:hover>a, .RWDproduct_page .tab-box .tab-menu a:hover { color: #0055b8;}.RWDproduct_page .products-info .txt .editor { color: #555 !important;}.RWDproduct_page .products-info .txt .editor ul {font-size: 15px; color: #555;padding-left: 20px;margin:0;}.RWDproduct_page .products-editor h4 { text-align: center;color: #111; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 30px;}ul.prosuct_btn_item li a { color: #555; padding: 30px 30px; font-size: 17px;display:block;}ul.prosuct_btn_item li a:hover{ color:#0055b8;}ul.prosuct_btn_item { display: flex;flex-wrap: wrap; list-style: none; padding: 0; justify-content: flex-start;}/*產品頁籤*/ .RWDproduct_page .tab-box { font-family: 'Noto Sans TC', sans-serif;}.RWDproduct_page .tab, .RWDproduct_page .tab:last-child { display: flex;}.RWDproduct_page .tab-box .tab-menu a { font-weight: 500;padding: 15px 20px;height: auto; font-size: 18px; background: transparent; border: 0;position: relative; color: #111;}.RWDproduct_page .tab-box .tab-menu li.active a:before {display: none;}.RWDproduct_page .tab-box .tab-menu a:after {content: ""; background: #ccc; position: absolute; width: 1px;height: 18px; right: 0; top: 50%;transform: translateY(-50%);}.RWDproduct_page .tab-box .tab-menu li.active a { font-weight: 500 !important; color: #0055b8; border: transparent; background: transparent; font-weight: 500; letter-spacing: 1px; font-size: 18px;}.RWDproduct_page .tab-box .tab-menu li:last-child a:after { opacity: 0;}.RWDproduct_page .tab-box .tab-container { border: 1px solid #eee;}.RWDproduct_page .tab-box .tab-container>ul>li { padding: 30px; line-height: 1.5; font-size: 16px; background: rgba(230,230,230,.35); }/*按鈕們*//*內頁返回按鈕*/ .page_wrapper_bg .btn_back {letter-spacing: 1px;background: transparent;padding: 0px;margin: 0px;float: right;margin-top: 30px;line-height: 1.5;}.page_wrapper_bg .btn.btn_back a {display: block;min-width: 180px;padding: 10px;border: 1px solid #0055b8;font-size: 15px;color: #0055b8;font-weight: 400;transition: 0.5s ease;}.page_wrapper_bg .btn_back a:hover {background: #0055b8;color: #fff;transition: 0.5s ease;}.page_wrapper_bg .ebtn {letter-spacing: 1px;background: transparent;padding: 0px;float: right;margin-top: 20px;line-height: 1.5;}.page_wrapper_bg .ebtn a {text-align: center;display: block;min-width: 180px;border: 1px solid #0055b8;font-size: 15px;padding: 10px;color: #0055b8;font-weight: 400;transition: 0.3s ease;}.page_wrapper_bg .ebtn a:hover {background: #0055b8;color: #fff;transition: 0.3s ease;}/*購物車按鈕*/#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add { border-radius: 0;background: #0055b8; color: #fff; font-size: 15px;transition: 0.5s ease;}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover {color: #fff;background: #0055b8;transition: 0.5s ease;}#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop { border-radius: 0;background: #b1b0b0; color: #fff; font-size: 15px;transition: 0.5s ease;}.no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {color: #fff;background: #555;transition: 0.5s ease;}/*購物車結帳頁面_按鈕*/ .RWDshopping .btn.normal {color: #0055b8;border-radius: 0px;border-color: #0055b8;transition: 0.5s ease;}.RWDshopping .btn.bg1:hover, .RWDshopping .btn.bg3:hover, .RWDshopping .btn.normal.formbtn:hover { border-color: #0055b8;color: #fff;background: #0055b8;transition: 0.5s ease;}.RWDshopping .btn.bg2 { background: #0055b8;color: #fff;transition: 0.5s ease;}.RWDshopping .btn.bg2:hover, .bonus-box .btn:hover, .voucher-box .btn:hover { background: #0055b8;color: #fff; transition: 0.5s ease;}.RWDshopping .btn.bg3{ background: #0055b8;color: #fff;transition: 0.5s ease;}.RWDshopping .btn.bg3:hover { background: #0055b8;color: #fff; transition: 0.5s ease;}#mobile-fixed .btn-box .normal {color: #0055b8; border: 1px #0055b8 solid;border-radius: 0;}#mobile-fixed .btn-box .bg2 { color: #fff;background: #0055b8; }.download_container .btn { color: #fff; background: #0055b8; border-radius: 0px}#mobile-fixed .btn-shop .btn.shop {font-weight: 400;letter-spacing: 1px;background: #0055b8;color: #fff;border-color: #0055b8;border-radius: 0px;transition: 0.3s ease;}#mobile-fixed .btn-shop .btn.shop:hover {background: #0055b8;color: #fff;border-color: #0055b8;transition: 0.3s ease;}#mobile-fixed .btn-shop .btn.add {font-weight: 400;letter-spacing: 1px;background: transparent;color: #0055b8;border-color: #0055b8;border-radius: 0px;transition: 0.3s ease;}#mobile-fixed .btn-shop .btn.add:hover {background: #0055b8;color: #fff;border-color: #2aabe4;transition: 0.3s ease;}/*會員註冊按鈕*/#btn_member_login {letter-spacing: 1px;font-size: 15px;font-weight: 400;padding: 10px;color: #fff;border-radius: 0px;background-color: #0055b8;transition: .3s ease;}#btn_member_login:hover {background: #0055b8;color: #fff;transition: 0.3s ease;}#join_form .btn-primary {display: block;width: 180px;padding: 10px 0;border: 1px solid #0055b8;font-size: 15px;color: #0055b8;background: #fff;border-radius: 0px;transition: 0.5s ease;}#join_form .btn-primary:hover {background: #0055b8;color: #fff;transition: 0.5s ease;}#join_form .btn-link {letter-spacing: 1px;text-align: center;width: 180px;border: 1px solid #0055b8;font-size: 15px;padding: 10px 0;color: #0055b8;font-weight: 400;border-radius: 0px !important;margin: 0px;transition: 0.3s ease;line-height: 1.5;}#join_form .btn-link a {font-weight: 400;color:#0055b8;background-color: transparent;}#join_form .btn-link:hover {background: #0055b8;color: #fff;transition: 0.3s ease;} #div_forget_content #forget_table_btn { background: #0055b8; border-radius: 0px;}/*列表文字*/ .webdesc { font-size: 17px; text-align: center;color: #555;}.eformsDesc{ font-size: 17px; text-align: center;color: #555; border-bottom: none;padding:0;margin:0;}/*列表樣式G*/ .layoutlist_8 .item { display: flex;align-items: center; transition: .4s ease; }.layoutlist_8 .item:hover .article_subject { color: #111; transition: .4s ease;}.layoutlist_8 .list_subject { padding: 0 40px;}.layoutlist_8 .list_subject .summary a { font-size: 15px; line-height: 1.5; color: #555;}.layoutlist_8 .article_subject { color: #121212; font-size: 18px; font-weight: 400; line-height: 1.8; text-decoration: none;}.layoutlist_8 .listdate .day { letter-spacing: 0px; line-height: 1.5; color: #0055b8;}/*產品目錄*/ .layoutlist_2 .item, .layoutlist_4 .item {border-bottom: none;}/*特產伴手禮列表*/ .layoutlist_4 .subject {text-align: center;color: #111;font-size: 18px;font-weight: 400;line-height: 1.5;letter-spacing: 1px; }.layoutlist_4 .subject:hover {color: #0055b8;}.layoutlist_4 .pricearea {display: flex; letter-spacing: 1px;align-items: baseline; justify-content: center;}.layoutlist_4 .price { font-size: 13px;color: #8878;}.layoutlist_4 .price.sellprice { color: #0055b8;font-size: 16px;}.layoutlist_4 .buybtn { background-color: #0055b8; font-size: 15px; letter-spacing: 1px; transition: 0.3s ease; padding: 5px 0;}.product_list_item div.img { border: 1px solid #eee;}.layoutlist_4 .item img { transition: .5s ease;}.layoutlist_4 .item:hover img { transform: scale(1.05); transition: .5s ease;}.layoutlist_4 .cate_div {display: none !important;}/*產品列表樣式E*/ .page_wrapper_bg .layoutlist_2 .subject { margin: 10px 0 0;text-align: center;}.page_wrapper_bg .item .subject A.itemlink {color: #111;font-size: 18px;font-weight: 500;line-height: 1.5;letter-spacing: 1px;}.layoutlist_2 .item, .layoutlist_4 .item { border-bottom: none;}.layoutlist_2 .item img { transition: .5s ease;}.layoutlist_2 .item:hover img { transform: scale(1.05); transition: .5s ease;}/*檔案下載*/ .RWDproduct_page .download_container .btn { background: #2555b2; color: #fff;}.RWDproduct_page .download_container .btn:hover { background: #1b3a77;}/*聯絡我們*/ .new-form { margin: 60px auto 0; padding: 80px; background: #e8eef7a1; max-width: 80%;}.customized_columns ._input, .customized_columns select { border: none; background-color: #fff; font-size: 15px; border-radius: 0px; box-shadow: none;}.new-form .new-width .control-label { color: #555; font-weight: 500;}.new-form .formdesc ul li a { color: #555;}.new-form .formdesc ul li { padding-bottom: 5px;}.new-form .formdesc ul { list-style: none; padding: 0; font-size: 15px;color: #555; letter-spacing: 1px;line-height: 1.8;}.new-form .formdesc h3 { font-size: 20px; color: #111; font-weight: 500; letter-spacing: .5px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}.new-form .formdesc { color: #555; letter-spacing: 1px; line-height: 1.5;}/*會員專區*/#join_form input {color: #555;letter-spacing: 1.5px;border: 1px solid #eee;background: #fafafa;border-radius: 0px;}#join_form input:hover {border-color: #ddd;}.join_form-title {color: #111;font-weight: 500;}#join_form .form-control.form-error {border-color: #ff1717;color: #ff1717;}/*結帳頁面*/ .RWDshopping .shopping-step .name {color: #0055b8;font-weight: 500;}.RWDshopping .shopping-step .num {color: #0055b8;border: 1px solid #0055b8;background: rgba(255,255,255, .6);}.RWDshopping .shopping-step .num i {color: #fff;}.shopping-step li+li:before { background: #0055b8;}@keyframes num-bg { 0% {background: rgb(0,85,184, 0);-webkit-transform: scale(.5);transform: scale(.5)} 100% {background: rgb(0,85,184, .8);-webkit-transform: scale(1);transform: scale(1)}}.info-box, .no-item, .plus-in, .shopping-item, .shopping_form, .shop-1 .shopping-price-box .sum-box { border-radius: 0px;}.delivery-box, .goadd-box, .no-sale-box, .notice, .other-check, .sale-box { border-radius: 0px;}.content_item { margin-bottom: 60px;}.privacy_all { color: #333;width:100%;max-width: 1500px;}.page_wrapper_bg .article-text .privacy_all h4 { font-size: 20px; letter-spacing: 1px;}.page_wrapper_bg .article-text .privacy_all p { color: #333;}.btn-primary{border-radius: 0;letter-spacing: 1px;font-size: 15px;font-weight: 400;padding: 10px;color: #fff;background-color: #0055b8;transition: .3s ease;border-color: #0055b8;}.btn-primary:hover {background: #0055b8;color: #fff;transition: 0.5s ease;}.member .article-text { letter-spacing: 1px; line-height: 1.5;}.rwd .faq_question { color: #111; font-weight: 500; font-size: 18px; letter-spacing: 1px; padding: 20px;}.rwd .faq_answer { padding: 30px 30px;} /*內頁 end*/ /*小螢幕 start*/ @media (max-width: 1920px) { .RWDmenu_plus04 .site-nav { padding-right: 18%; } .search3_bar { width: 240px; height: 30px; } .search3_submit { height: 30px; flex: 0 0 2em; width: 2em; margin-right: 10px; } .model.RWDsearch003 { right: 11%; top: 23px; } .brand-block>.container, .product-block>.container { padding: 5rem 0rem !important; } .brand-block .left_brand { width: 560px; } .brand-block .right_brand { width: calc(100% - 560px); } .product-block .container { width: 80% !important; } .RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { font-size: 19px; } .about-part-2::after { bottom: 5rem; left: 6rem; } .about-block .RWDedictor, .about-block .RWDService002 { padding: 5rem 4rem !important; } .about-block .RWDService002 .section-subject { margin-bottom: 8rem; } .footer-block .footer-info { padding: 7rem 10rem; } .footer-info-text { padding-right: 4rem; } .footer-info h3 br { display: block; }}@media (max-width: 1680px) { .product-block .container::before { font-size: 4rem; } .product-block .container { width: 83% !important; } .about-block .RWDedictor { padding: 0rem 3rem 0rem 3rem; } .about-part-2::after { font-size: 4rem; left: 6rem; bottom: 4rem; } .about-block .col-sm-4.col-md-4 { padding: 0px 20px; } .about-block .portfolio-bottom-summary { padding: 15px 0px; } .about-block .RWDService002 { padding: 0rem 3rem; } .footer-block .footer-info { padding: 5rem 7rem; } .footer-block .footer-menu { justify-content: flex-start; padding: 5rem 0rem; } .footer-block .footer-info-text li, .footer-block .footer-info-text li a { letter-spacing: 0.5px; } .fixed-btn a { font-size: 15px; }}@media (max-width: 1550px) { .RWDmenu_plus04 .logo { width: 280px; top: 12px; } }@media (max-width: 1500px) { .model.RWDsearch003 { right: 12% } .RWDbanner_plus01 .slick-caption .txt3 span { font-size: 26px !important; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 42px !important; } .brand-block .left_brand { padding-left: 80px; width: 525px; } .brand-block .right_brand { width: calc(100% - 525px); } .brand-block .RWDnews005 .controlls-over .owl-controls .owl-prev { left: -70px; } .brand-block .RWDnews005 .controlls-over .owl-controls .owl-next { left: -25px; }}@media (max-width: 1440px) { .search3_input { letter-spacing: 1px; } .footer-menu a, .footer-info-text li, .footer-info-text li a, .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i, .search3_submit .ii-search1:before, .search3_input, .RWDmenu_plus04 .site-nav .menu>li>a { font-size: 15px !important; } .RWDmenu_plus04 .cart-block .bottom-box .total, .RWDmenu_plus04 .querycar-block .bottom-box .total, .funny-boxes>.funny-boxes-text>p, body.wrapper_bg { font-size: 14px !important; } .main-title { font-size: 32px !important; } .footer-info h3, .funny-boxes>.funny-boxes-text>h4 { font-size: 20px !important; } .about-block .about-part-2 h3 { font-size: 18px !important; } .brand-block>.container, .product-block>.container { padding: 4rem 0rem !important; } .RWDproduct002_v3 .showbottom .portfolio-bottom__h4, .product-block .RWDproduct002_v3 .btn.btn-rj { font-size: 18px !important; } .RWDproduct002_v3 .btn-box .btn, .RWDproduct002_v3 .sub-title, .sub-title { font-size: 15px !important; } .brand-block .left_brand { width: 500px; } .brand-block .right_brand { width: calc(100% - 500px); } .brand-block .left_brand::before { font-size: 2.5rem; } .brand-block .RWDnews005 .owl-carousel .owl-wrapper-outer { margin-left: 2rem; } .product-block .container { width: 85% !important; } .product-block::after { height: 20%; } .product-block .RWDproduct002_v3 .section-subject { margin: 0 0 40px; } .product-block .RWDproduct002_v3 .popup-portfolio .portfolio-item { width: calc(100% / 3 - 31px); } .about-part-2::after { left: 5rem; bottom: 2.5rem; } .about-block .RWDedictor, .about-block .RWDService002 { padding: 4rem 3rem !important; } .portfolio-bottom-summary p { min-height: 70px; } .about-block .RWDedictor { width: 30%; } .about-block .RWDService002 { width: 70%; } .about-block::before { width: 30vw; } .about-block .col-sm-4.col-md-4 { padding: 0px 15px; } .about-block .funny-boxes-text { padding: 20px 20px; min-height: 130px; } .copyright-block, .footer-map p { font-size: 13px; } .footer-info h3 { margin: 0rem 0rem 0.5rem; padding: 0px 0px 0.5rem 0px; } .footer-block .footer-info { padding: 5rem 6rem; } .footer-info-text { padding-right: 3rem; } .fixed-btn a { padding: 10px 5px; font-size: 14px; } .RWDmenu_plus04 .site-nav .menu>li>a { letter-spacing: 1px; } .RWDmenu_plus04 .logo { width: 250px; top: 11px; }}@media (max-width: 1366px) { .model.RWDsearch003 { top: 18px; } .search3_input { width: 160px; } .search3_bar { width: 200px; } .RWDmenu_plus04 .site-nav { padding-right: 15%; } .search3_submit { height: 28px; } .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .features .member-btn { padding: 18px 10px; } .RWDmenu_plus04 .site-nav .menu>li>a { padding: 20px 13px; } .RWDmenu_plus04 .features { width: fit-content; } .banner-block { margin-top: 62px; } .brand-block .RWDnews005 .controlls-over .owl-controls .owl-next { left: -15px; } .brand-block .RWDnews005 .controlls-over .owl-controls .owl-prev { left: -75px; } .about-block .RWDedictor { width: 35%; } .about-block .RWDService002 { width: 65%; }}@media (max-width: 1280px) { .RWDmenu_plus04 .logo { width: 200px; } .RWDmenu_plus04 .site-nav .menu { text-align: right }} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { /*漢堡提早*/ .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: #0055b8; } .RWDmenu_plus04 #mobile-menu .menu li a { color: #111; } .RWDmenu_plus04 #mobile-menu .menu li a:hover { color: #3b86de; } .RWDmenu_plus04 #mobile-menu .menu>li { border-bottom: 1px solid #f2ecf3; } .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a { letter-spacing: 2px; } .RWDbanner_plus01.style-dotnav.dot .slick-dots li { width: 50px; margin: 1rem auto; } .RWDmenu_plus04 .features { position: relative; float: right; width: fit-content; } .model.RWDsearch003 { right: 24%; } .ml-stack-nav-toggle{ padding: 18px 45px 18px 15px; } .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i, .search3_submit .ii-search1:before, .search3_input, .RWDmenu_plus04 .site-nav .menu>li>a { font-size: 14px !important; } .RWDmenu_plus04 .site-nav .menu { padding: 0rem 0rem; } .RWDmenu_plus04 .features:after { content: ""; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background-color: #333; } .RWDnews005 .controlls-over .owl-pagination { display: block; padding: 1.5rem 0rem 0rem; } .RWDnews005 .owl-buttons { display: none; } .product-block .container { width: 90% !important; } .brand-block .RWDnews005 .controlls-over .owl-controls .owl-next { left: -10px; } .brand-block .RWDnews005 .owl-carousel .owl-wrapper-outer { margin-left: 0rem; } .brand-block .right_brand, .brand-block .left_brand { width: 100%; float: unset; } .brand-block .left_brand .RWDedictor { border-right: 0px solid #ddd; text-align: center; } .brand-block .sub-title br { display: none; } .brand-block .left_brand { padding-bottom: 2rem; padding-left: 0px; } .brand-block .left_brand::before { display: none; } .brand-block>.container { padding: 4rem 0rem !important; flex-direction: column; } .product-block .container::before { font-size: 4rem; } .product-block { background-size: auto; } .product-block::after, .product-block::before { display: none; } .about-block .RWDedictor { width: 100%; padding: 4rem 12rem 4rem 12rem !important; background-color: #eaf2ff; } .about-block .RWDService002 { width: 100%; padding: 4rem 3rem !important } .about-block .container { flex-direction: column; } .about-block .RWDedictor .main-title{ border-bottom: 1px solid #ccc; padding-bottom: 1rem; } .about-part-2::after { font-size: 4rem; bottom: 4rem; left: 6rem; } .about-block .funny-boxes-text { min-height: 110px; } .about-block .col-sm-4.col-md-4 .funny-boxes:before { top: -6%; } .about-block .about-part-2 { margin: 1rem 0rem 0rem; } .portfolio-bottom-summary { padding: 15px 0px; } .funny-boxes>.funny-boxes-icon { height: 30vw; } .footer-block .footer-info { padding: 5rem 5rem; } .footer-map, .footer-info-text { width: 100%; } .footer-info-text { padding-right: 0rem; padding-bottom: 1rem; } .footer-block .footer-info { padding: 4rem 4rem; width: 70%; } .footer-map p { padding: 1rem 0rem; } .footer-menu { width: 30%; padding: 4rem 0rem; } .footer-menu a, .footer-info-text li, .footer-info-text li a, .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i, .search3_submit .ii-search1:before, .search3_input, .RWDmenu_plus04 .site-nav .menu>li>a { font-size: 14px !important; }.RWDmenu_plus04 .logo {float: left;top: 10px;}/*內頁*/ .new-form { max-width: none; width: 100%;} } /*1199px end*/ /*1024px start*/ @media (max-width: 1024px) { .model.RWDsearch003 { right: 30%; } .RWDproduct002_v3 .section-inner .row:nth-child(2) { position: sticky; top: 60px; z-index: 3; background: transparent; } .RWDproduct002_v3 .section-inner .row:nth-child(2) .col-md-12 { position: sticky; } .RWDbanner_plus01.style-dotnav.dot .slick-dots li { margin: 1rem auto; } .RWDproduct002_v3 .filter-portfolio ul { background-color: #fff; } .about-block .RWDService002 .section-subject>div { padding: 0px; } .about-block .RWDedictor { padding: 4rem 5rem 4rem 10rem !important; } .footer-menu { width: 20%; } .footer-block .footer-info { width: 80%; }/*內頁*/ .new-form { padding: 40px;}.pagecontent .article_model[data-seq="0"] { margin-top: 0 !important;} } /*1024px end*/ /*955px start*/ @media (max-width: 955px) { .RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { min-height: 65px; } .footer-menu { width: 20%; } .footer-block .footer-info { width: 80%; }} /*955px end*/ /*850px start*/ @media (max-width: 850px) { .RWDbanner_plus01 .slick-caption { bottom: 20%; top: unset; } .model.RWDsearch003 { right: 33%; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 38px !important; } .RWDbanner_plus01 .slick-caption .txt3 span { font-size: 22px !important; } .brand-block>.container, .product-block>.container { padding: 4rem 0rem !important; } .product-block .container { width: 93% !important; } .product-block .RWDproduct002_v3 .btn.btn-rj { padding: 5px 15px; } .about-block .RWDedictor { padding: 4rem 4rem 4rem 8rem !important; } .about-part-2::after { left: 4rem; } .about-block .RWDService002 { padding: 4rem 2rem !important; } .footer-block .footer-info { padding: 4rem 3rem; } .copyright-block { flex-wrap: wrap; }/*內頁*/ .RWDtimeline01 li.event:before { left: 44px;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { .layoutlist_8 .list_subject { padding: 0 20px;}.page_wrapper_bg .hgroup .breadcrumb { margin: 0 auto 15px;}.RWDproduct_page .pic-box { width: calc(100% - 320px);}.RWDproduct_page .products-info { width: 320px;}.page_wrapper_bg .btn.btn_back, .page_wrapper_bg .ebtn {width: auto;}.layoutlist_4 .pricearea { flex-direction: column; align-items: center;} } /*800px end*/ /*768px start*/ @media (max-width: 768px) {.RWDproduct_page .pic-box, .RWDproduct_page .products-info { width: 100%; padding: 0;}.main section .container .article-text > .container .pagecontent { padding: 0px!important;}#RWDPAGE_BASE_PAT02 .hgroup h1 { font-size: 30px;}} /*768px end*/ /*767px start*/ @media (max-width: 767px) { .banner-block { margin-top: 60px; } .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features i, .search3_submit .ii-search1:before, .search3_input, .RWDmenu_plus04 .site-nav .menu>li>a, .search3_phoneicon .ii-close1, .search3_phoneicon .ii-search1 { font-size: 14px; } .model.RWDsearch003 { top: 8px; right: 240px; } .search3_phoneicon{ width: unset; } .search3_wrap { padding: 30px 30px; } .search3_phoneicon .ii-close1, .search3_phoneicon .ii-search1 { padding: 18px 10px; } .plus-banner-container, #RWDfullscreen01 .container { width: 90%; } .product-block .container::before { display: none; } .RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { min-height: unset; font-size: 17px !important; letter-spacing: 0px; } .product-block .RWDproduct002_v3 .popup-portfolio .portfolio-item { width: calc(100% / 2 - 31px); } .product-block .RWDproduct002_v3 .btn.btn-rj { font-size: 16px !important; } .RWDproduct002_v3 .section-subject { margin: 0 0 30px; } .about-block .funny-boxes-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .about-block .col-sm-4.col-md-4 .funny-boxes:before { left: 5%; top: -12%; } .about-block .funny-boxes-text, .funny-boxes>.funny-boxes-icon { width: 50%; } .about-block .RWDService002 .section-subject { margin-bottom: 4rem; } .about-block .section-inner .container>.section-subject.row { display: block; } .about-block .col-sm-4.col-md-4 { width: 100%; margin-bottom: 4rem; padding: 0px; } .about-block .section-inner .container>.row { display: flex; flex-direction: row; flex-wrap: wrap; } .animated.RWDService002 .row .col-sm-4.col-md-4:nth-child(2) { top: 0; } .animated.RWDService002 .row .col-sm-4.col-md-4:nth-child(3) { margin-bottom: 0rem; } .about-block>.container::after { background-image: unset; } .footer-block .footer-info, .footer-menu { width: 100%; } .footer-menu ul { display: flex; } .footer-block .footer-menu{ padding: 1rem 3rem; align-items: start; background: #d9e8ff; } .footer-info h3 br { display: none; } .footer-menu li { padding: 0px 10px 0px 0px; } .funny-boxes.not-right-column { padding-bottom: 0px; } .funny-boxes { display: flex; flex-direction: row; } .copyright-block { border-top: 1px solid #d6dae2; background: #d8e8ff; justify-content: flex-start; padding: 1rem 2rem; color: #a6b1c2; }.copyright_desc, .copyright_desc a { color: #a6b1c2;}/*內頁*/ .layoutlist_8.rwd { display: flex; flex-wrap: wrap;}.layoutlist_8.rwd .item { flex-direction: column; width: 50%; padding: 0 15px; margin: 0 0 30px; align-items: flex-start; border-bottom: none;}.layoutlist_8 .list_subject .summary { margin: 10px 0 0;}.layoutlist_8.rwd .listdate { margin: 5px 0 0;}.layoutlist_8 .list_subject {padding: 0 15px;} } /*767px end*/ /*600px start*/ @media (max-width: 600px) { .main-title { font-size: 28px !important; } .fl img { width: 50%; margin: auto; display: block; } .RWDmenu_plus04 .logo { width: 200px; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 32px !important; letter-spacing: 0.5px; } .RWDbanner_plus01 .slick-caption .txt3 span { font-size: 18px !important; letter-spacing: 0.5px; } .RWDbanner_plus01.style-dotnav .control-box .control { text-align: left; } .model.RWDsearch003 { right: 235px; } .plus-banner-container, #RWDfullscreen01 .container { width: 90%; } .RWDproduct002_v3 .btn-box .btn, .RWDproduct002_v3 .sub-title, .sub-title { letter-spacing: 1px !important; } .brand-block>.container, .product-block>.container { padding: 4rem 0rem !important; } .product-block .container { width: 95% !important; } .RWDproduct002_v3 .sub-title br{ display: block; } .RWDproduct002_v3 .btn-box .btn { max-width: unset; width: 100%; } .RWDproduct002_v3 .section-inner .col-md-12 { padding: 0px; } .product-block .RWDproduct002_v3 .popup-portfolio .portfolio-item { width: calc(100% / 2 - 21px); margin: 0px 10px 10px; } .product-block .RWDproduct002_v3 .filter-portfolio { margin: 0 0.5rem 2rem; overflow: scroll; padding-bottom: 1rem; } .RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { min-height: unset; font-size: 16px !important; } .RWDproduct002_v3 .btn-box { margin-top: .5rem; } .about-block .RWDedictor .main-title, .about-block .RWDService002 h1.main-title{ padding-bottom: 0.5rem; } .about-block .RWDedictor p{ margin: 1.6rem 0rem 0rem; } .about-block .about-part-2 { margin: 1.6rem 0rem 0rem; } .about-block .about-part-2 p{ margin: 0.8rem 0rem 0rem; } .about-block .RWDedictor { padding: 4rem 2rem 4rem 2rem !important; } .about-part-2::after { display:none; } .about-block .main-title{ border-bottom: 1px solid #ccc; padding-bottom: 1rem; } .about-block>.container::after { right: 0%; top: -4%; background-size: auto; } .about-block .col-sm-4.col-md-4 { padding: 0px 0px; } .about-block .RWDService002 { padding: 4rem 2rem !important; overflow: hidden; } .about-block .col-sm-4.col-md-4 { width: 100%; } .about-block .col-sm-4.col-md-4 .funny-boxes:before { left: 5%; top: -10%; } .about-block .funny-boxes-text { min-height: unset; } .portfolio-bottom-summary p { min-height: unset; } .funny-boxes>.funny-boxes-icon { height: 35vw; } .footer-block .footer-info { padding: 3rem 2rem; } .footer-info h3 br { display: block; } .footer-menu li { padding: 10px 0px 10px 0px; width: calc(100%/3); text-align: left; } .footer-menu li:last-child{ padding: 10px 0px 10px 0px; } .footer-menu ul { display: flex; flex-wrap: wrap; width: 100%; flex-direction: row; justify-content: flex-start; } .footer-block .footer-menu{ padding: 1rem 2rem; align-items: start; } .copyright-block .model { padding: 0px 0px; } .copyright-block { padding: 10px 2rem 4rem; justify-content: flex-start; flex-direction: column; } .RWDalert_fancybox.bottom { padding: 15px 20px 15px !important; line-height: 1.5 !important; } .RWDalert_fancybox .btn{ font-size: 15px; } .fixed-btn .icon_line3 { margin-right: 15px; } .fixed-btn { z-index: 500; writing-mode: unset; bottom: 0; width: 100%; } .fixed-btn a { display: flex; align-items: center; width: 100%; justify-content: center; padding: 5px 0px; font-size: 15px; }/*內頁*/ .layoutlist_8.rwd .item { padding: 0; width: 100%;}.main section .container .article-text > .container, .page_wrapper_bg .main section.call_to_action>.container { padding: 0 15px;}.new-form { padding: 0; background: transparent;margin: 30px auto 0;}.customized_columns ._input, .customized_columns select { background: #EEE;}.page_wrapper_bg .btn.btn_back, .page_wrapper_bg .ebtn, .page_wrapper_bg .btn.btn_back a, .page_wrapper_bg .ebtn a, #join_form .btn-primary {margin: 0 auto;width:100%;}.eformsDesc br { display: none;}.eformsDesc {text-align: left;}.new-form .formdesc, .customized_columns { padding: 0;}#RWDPAGE_BASE_PAT02 .hgroup h1 { font-size: 32px;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .RWDmenu_plus04 .features:after{ width: 0px; } .RWDmenu_plus04 .features{ margin-right: 0px; padding-right: 0px; } .RWDmenu_plus04 .logo { top: 5px; } .model.RWDsearch003 { right: 145px; top: 3px; } .ml-stack-nav-toggle { width: 28px; padding: 26px 14px; } .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .features .member-btn { padding: 14px 10px; } .search3_phoneicon .ii-close1, .search3_phoneicon .ii-search1 { padding: 18px 10px; } .banner-block { margin-top: 50px; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 30px !important; letter-spacing: 0px; } .RWDbanner_plus01 .slick-caption .txt3 span { font-size: 18px !important; letter-spacing: -0.5px; } .slick-caption .container{ width: 93%!important; } .RWDbanner_plus01.style-dotnav.dot .slick-dots li { margin: 0rem auto; } .product-block .container { width: 93% !important; } .RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { min-height: 60px; } .product-block>.container { padding: 4rem 0rem !important; } .product-block .RWDproduct002_v3 .btn.btn-rj { padding: 3px 10px; } .RWDproduct002_v3 .section-inner .row:nth-child(2) { top: 52px; } .about-block .RWDedictor { padding: 4rem 1rem 4rem 1rem !important; } .about-block .RWDService002 { padding: 4rem 1rem !important; } .about-block .col-sm-4.col-md-4 .funny-boxes:before { top: -5%; } .about-part-2::after { font-size: 3rem; } .about-block .funny-boxes-text, .funny-boxes>.funny-boxes-icon { width: 100%; } .about-block .funny-boxes-text{ padding: 20px 25px } .funny-boxes { display: flex; flex-direction: column; } .funny-boxes>.funny-boxes-icon { height: 280px; } .scrollTop002 { right: 10px; } .footer-block .footer-info { padding: 4rem 1rem ; } .footer-block .footer-menu { padding: 1rem 1rem; } .copyright-block { padding: 10px 1rem 4rem; letter-spacing: 0px; }/*內頁*/ .main section .container .article-text > .container, .page_wrapper_bg .main section.call_to_action>.container { padding: 0 15px;}.RWDtimeline01 li.event:before { left: 24px;}.RWDtimeline01 li.event .point { padding: 0 0 30px;}.page_wrapper_bg .item .subject A.itemlink, .eformsDesc, .webdesc { font-size: 16px;}ul.prosuct_btn_item li a {padding: 30px 15px;} } /*480px end*/ /*420px start*/ @media (max-width: 420px){ .RWDmenu_plus04 .logo { width: 180px; top: 8px; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 28px !important; letter-spacing: 0px; } .RWDbanner_plus01 .slick-caption .txt1 span{ font-size: 15px !important; } .RWDbanner_plus01 .slick-caption.txt-left, .RWDbanner_plus01 .slick-caption.txt-right { width: inherit; } .RWDbanner_plus01 .slick-caption { bottom: 15%; } .RWDbanner_plus01.style-dotnav .control-box .control { text-align: center; } .RWDbanner_plus01 .slick-caption .txt2, .RWDbanner_plus01 .slick-caption .txt3, .RWDbanner_plus01 .slick-caption .txt4, .RWDbanner_plus01 .slick-caption .txt5, .RWDbanner_plus01 .slick-caption .txt6 { margin-top: 10px; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 32px !important; } .RWDbanner_plus01 .slick-caption .txt3 span { font-size: 20px !important; letter-spacing: 0px; } .footer-block .footer-info{ padding: 3rem 1rem; }} /*420px end*/ /*380px start*/ @media (max-width: 380px){ .RWDmenu_plus04 .logo { width: 130px; top: 12px; } .RWDbanner_plus01 .slick-caption .txt3 span { letter-spacing: 0px; } .RWDbanner_plus01 .slick-caption .txt2 span { font-size: 29px !important; } .RWDbanner_plus01 .slick-caption .txt3 span { font-size: 16px !important; letter-spacing: 0px; }/*內頁*/#RWDPAGE_BASE_PAT02 .hgroup h1 { font-size: 30px;} } /*380px end*/