:root { --TransitionEase: .3s ease; /* Navi */ --NaviHeight: 80px; --StickyHeight: calc(var(--NaviHeight) + 1rem); --NaviColor: #333; --NaviHoverColor: #888; --NaviUpColor: #333; --NaviUpHoverColor: #888; --FontSizeNavi: 16px; --MainColor: #21725b; --BtnBg:#21725b; --BtnHoverBg:#093b2d; --MainHoverColor:#093b2d;}a:focus,a:hover { text-decoration: none;}body.wrapper_bg { font-family: "Noto Sans TC", sans-serif; letter-spacing: 1px; line-height: 1.5; font-size: 16px; color: #525252; background-repeat: repeat;}.page_wrapper_bg .main { background-color: #fff;}.container { width: 90%; max-width: 1600px;}.hgroup .container,.article-text .container { width: 100%;}p{ font-size: 16px;}/*選單*/ .RWDmenu_plus04 .site-nav .menu>li>a:hover,.RWDmenu_plus04 .site-nav .menu>li.active>a,.RWDmenu_plus04 .lang-select:hover .lang-select-label { background: transparent; color: var(--NaviColor);}/* Navi */ .collapsing_header .main { top: 0 !important; background-color: transparent;}.RWDmenu_plus04 .header { padding: 0 3%; background: transparent; transition: var(--TransitionEase); border-bottom: 1px solid #eee;}/* 測選單 */#div_forget_content .subject { letter-spacing: 2px; font-weight: 500; color: var(--TextMainColor);}#forget_table .verifyimg { width: 80px;}#forget_table .th { font-weight: 400; color: var(--TextMainColor);}/* 統一選單高度 */ .RWDmenu_plus04 .header,.RWDmenu_plus04 .logo { height: var(--NaviHeight);}/* 選單下滑後色塊 */ .RWDmenu_plus04 .header::before { content: ''; width: 100%; height: 0%; background: #fff; background-size: cover; opacity: 0; transition: var(--TransitionEase); position: absolute; left: 0;}.RWDmenu_plus04 .header.is-up::before { height: 100%; opacity: 1; transition: var(--TransitionEase); left: 0;}/* logo設定 */ .RWDmenu_plus04 .logo a { position: absolute; display: flex; align-items: center; transition: var(--TransitionEase); width: clamp(6.25rem, 3.497rem + 3.6738vw, 9.375rem); height: clamp(6.25rem, 3.497rem + 3.6738vw, 9.375rem); background: #fff;}.RWDmenu_plus04 .logo img { width: 90%; margin: auto;}/* 選單設定 */ .RWDmenu_plus04 .site-nav .menu>li>a { font-size: var(--FontSizeNavi); text-align: center; color: var(--NaviColor); letter-spacing: 1px; font-weight: 400;}/* 統一選單icon顏色 */ .RWDmenu_plus04 .features :is(.cart-btn, .querycar-btn, .share-group a, i, .lang-select) { color: var(--NaviColor);}/* 統一上滑選單icon顏色 */ .RWDmenu_plus04 .header.is-up :is(.features .cart-btn, .features .querycar-btn, .features .share-group a, .features i, .features .lang-select, .site-nav .menu>li>a) { color: var(--NaviUpColor); transition: var(--TransitionEase);}/* 選單收尋icon */ .RWDmenu_plus04 .glyphicon-search { position: relative; top: 3px;}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .features .share-group span,.RWDmenu_plus04 .site-nav .menu ul li a { font-size: var(--FontSizeNavi); text-align: center; color: var(--NaviColor);}.RWDmenu_plus04 .features .member-btn { margin-right: 4px;}.lang-select-label,.RWDmenu_plus04 .features .search-btn,.RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .cart-btn,.RWDmenu_plus04 .features .querycar-btn { padding-inline: 15px !important; height: var(--NaviHeight); display: flex; align-items: center;}/* 購物車數字 */ .cart-nu { top: 3px; position: relative;}.cart-btn img { width: 20px;}.RWDmenu_plus04 .site-nav .menu>li.active>a:after,.RWDmenu_plus04 .site-nav .menu>li.is-active>a:after { border-color: var(--MainColor);}.RWDmenu_plus04 .cart-block h3,.RWDmenu_plus04 .querycar-block h3 { font-size: 18px; font-weight: 500;}/* 下拉選單 */ .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu li.has-child>a:after { border-color: var(--NaviColor);}.RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .header.is-up .lang-select-label:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:after { border-color: var(--NaviUpColor);}.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a { text-decoration: unset; font-weight: 400; color: var(--NaviHoverColor);}.RWDmenu_plus04 .site-nav .menu>li>ul { width: 200px; margin-left: -100px; padding: 0;}.RWDmenu_plus04 .site-nav .menu ul li>a { padding-right: 10px;}.RWDmenu_plus04 .site-nav .menu ul li.has-child>a:after { right: 20px;}.RWDmenu_plus04 .site-nav .menu>li.active>a { background: transparent; color: var(--NaviHoverColor);}.member-block h3 { text-align: left; font-weight: bold; padding-bottom: 1rem;}.RWDmenu_plus04 .cart-block-headline,.RWDmenu_plus04 .querycar-block-headline,.member-block .login-headline { font-size: var(--FontSizeH3); text-align: left; font-weight: 500;}.RWDmenu_plus04 .cart-block .bottom-box .total,.RWDmenu_plus04 .querycar-block .bottom-box .total { font-size: var(--FontSizeNavi);}.lang-select-options a { font-size: var(--FontSizeNavi);}/* 登入按鈕 */#btn_member_login { float: none; background: var(--BtnBg); padding: 6px 12px;}#btn_member_login,#div_forget_content #forget_table_btn { background: var(--BtnBg); border: 1px solid var(--BtnColor); color: var(--BtnColor); border-radius: var(--BtnBorderRadius); transform: var(--TransitionEase);}/* 會員區塊 */ .RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block button.login,.RWDmenu_plus04 .member-block a.login.is-on,.RWDmenu_plus04 .member-block button.login.is-on { background-color: var(--NaviBtnBg); color: var(--NaviBtnColor); transition: var(--TransitionEase); border-radius: var(--BtnBorderRadius);}.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn { font-size: var(--FontSizeNavi); background: var(--NaviBtnBg); transition: var(--TransitionEase); color: var(--NaviBtnColor);}.RWDsearch01 .bottom-box .search_btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn { background: var(--NaviBtnBg); transition: var(--TransitionEase); font-size: var(--FontSizeNavi);}.RWDmenu_plus04 .cart-block .pic,.RWDmenu_plus04 .querycar-block .pic { background: transparent;}.RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block button.login { background-color: var(--NaviSubBtnBg); color: var(--NaviSubBtnColor); transition: var(--TransitionEase);}.RWDmenu_plus04 .member-block a.signin,.RWDmenu_plus04 .member-block button.signin { background-color: var(--BtnOutlineBg); color: var(--BtnOutlineColor); border: 1px solid var(--BtnOutlineColor); transition: var(--TransitionEase); border-radius: var(--BtnBorderRadius);}/* 漢堡選單 */ .RWDmenu_plus04 #mobile-menu .menu>li.active>a { background-color: transparent; color: white !important;}.RWDmenu_plus04 #mobile-menu .menu>li.active { background-color: var(--MainColor); color: white !important;}.RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after,.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after,.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a { color: var(--NaviColor);}.RWDmenu_plus04 #mobile-menu .menu li a { color: var(--NaviColor);}.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 .ml-stack-nav-toggle { color: var(--NaviColor); height: var(--NaviHeight); align-items: center; padding-block: 0;}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle { color: var(--NaviUpColor);}.ml-stack-nav-toggle__line { background: var(--NaviColor);}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line { background: var(--NaviUpColor);}/*main*/ .cd-main-content { background-color: #fff;}/* BANNER*/ .banner-block { padding-top: var(--NaviHeight);}.RWDbanner_plus01 .slick-caption { color: #fff; margin-top: 0; top: 50%; transform: translateY(-50%);}.RWDbanner_plus01 .slick-caption .container { margin-left: auto; margin-right: 5%; width: 26%;}.RWDbanner_plus01 .logo img { margin-bottom: 0;}/* 關於我們*/ .about-section { padding: 5vw 0; background: #eee;}.RWDleft_cont002 .item-second { background-color: transparent}.RWDleft_cont002 .item-second:hover .pic img { transform: scale(1);}.RWDleft_cont002 .item-second .text-box { padding-top: 0}.RWDleft_cont002 .item-second .text-box { background-color: transparent; padding-bottom: 0}.RWDleft_cont002 .item-second .text-box .title { font-size: 30px; letter-spacing: 2px; color: #000; line-height: 1; font-weight: bold;}.RWDleft_cont002 .item-second .text-box .subtitle { font-size: 22px; color: #000; font-weight: 300; line-height: 1.6; letter-spacing: 2px;}.RWDleft_cont002 .item-second .text-box .text { letter-spacing: 1px; line-height: 30px; width: 100%; margin: 15px auto; font-size: 15px; color: #000}.RWDleft_cont002 .item-second .text-box button { width: 160px; margin: 25px auto; display: block; box-shadow: none; background-color: transparent; position: relative; font-weight: 300}.RWDleft_cont002 .item-second .text-box button a { color: #000; letter-spacing: 3px; border: 1px solid #ccc; font-size: 14px; margin-top: 30px; padding: 10px}.RWDleft_cont002 .item-second .text-box a { margin: 0; margin-top: 50px}.RWDleft_cont002 .item-second .text-box button:hover { background-color: transparent}.RWDleft_cont002 .item-second .text-box button:hover a { color: #ccc; transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; background-color: #000}.RWDleft_cont002 .item-second .text-box .underline { background-color: #000;}.RWDleft_cont002 .item-second .text-box a:hover { background-color: var(--MainColor);}/* 影片*/ .video-section { padding: 5vw 0}.RWDnews005 h1.main-title { font-size: 30px; letter-spacing: 2px; color: #000; font-weight: bold;}.RWDnews005 h2.sub-title { font-size: 22px; color: #989898; letter-spacing: 2px; color: #000; line-height: 1.6;}.RWDnews005 .section-line { background-color: #000; width: 60px;}.RWDnews005 h4 { font-size: 18px; letter-spacing: 1px; line-height: 1.6; color: #000}.RWDnews005 h4 a { color: #000}.RWDnews005 p { font-size: 16px; line-height: 1.6; letter-spacing: 1px; color: #000; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}.RWDnews005 .list-inline>li { color: #989898;}.RWDnews005 .owl-carousel img { border: 1px solid #eee;}.RWDnews005 .owl-carousel .owl-item .news005_h4 { text-align: left; font-weight: bold;}@media (hover:hover) { .RWDmenu_plus04 .header.is-up :is(.features .cart-btn, .features .querycar-btn, .features .share-group a, .features i):hover { color: var(--NaviUpHoverColor); } .RWDmenu_plus04 .features>div:hover .cart-nu, .RWDmenu_plus04 .features>div:hover i { color: var(--NaviHoverColor); } .RWDmenu_plus04 .header.is-up .features>div:hover .cart-nu, .RWDmenu_plus04 .header.is-up .features>div:hover i { color: var(--NaviUpHoverColor); } .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after, .RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after { border-color: var(--NaviHoverColor); } .RWDsearch01 .bottom-box .search_btn:hover, .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover { background: var(--NaviBtnHoverBg); transition: var(--TransitionEase); color: white; } .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover { background: var(--NaviBtnHoverBg); transition: var(--TransitionEase); font-size: var(--FontSizeNavi); } .RWDmenu_plus04 .lang-select-label:hover::after, .RWDmenu_plus04 .header .site-nav .menu li.has-child>a:hover:after, .RWDmenu_plus04 .header .site-nav .menu li.active>a:after, .RWDmenu_plus04 .header .site-nav .menu li.has-child:hover>a:after { border-color: var(--NaviHoverColor); } .lang-select-label:hover i, .RWDmenu_plus04 .features .lang-select:hover .lang-select-label i, .RWDmenu_plus04 .lang-select:hover .lang-select-label { color: var(--NaviHoverColor); } .RWDmenu_plus04 .site-nav .manu-item:hover>a, .RWDmenu_plus04 .site-nav .menu ul li a:hover { text-decoration: unset; font-weight: 400; color: var(--NaviHoverColor); } .RWDmenu_plus04 .header.is-up .site-nav .menu>li>a:hover, .RWDmenu_plus04 .lang-select:hover .lang-select-label, .RWDmenu_plus04 .site-nav .menu>li>a:hover { background: transparent; color: var(--NaviHoverColor); } .RWDmenu_plus04 .member-block a.signin:hover, .RWDmenu_plus04 .member-block button.signin:hover { background-color: var(--BtnOutlineHoverBg); color: var(--BtnOutlineHoverColor); transition: var(--TransitionEase); border-color: var(--BtnOutlineHoverBg); } .RWDmenu_plus04 .member-block a.login:hover, .RWDmenu_plus04 .member-block button.login:hover, .RWDmenu_plus04 .member-block a.login.is-on:hover, .RWDmenu_plus04 .member-block button.login.is-on:hover { background-color: var(--NaviBtnHoverBg); color: var(--NaviBtnHoverColor); transition: var(--TransitionEase); } .RWDmenu_plus04 .member-block .other a:hover { color: var(--NaviHoverColor); transition: var(--TransitionEase); } .lang-select-options a:hover, .lang-select-options a:hover * { font-weight: 400; color: var(--NaviHoverColor); } #btn_member_login:hover, #div_forget_content #forget_table_btn:hover { background: var(--BtnHoverBg); border: 1px solid var(--BtnHoverColor); color: var(--BtnHoverColor); } .RWDmenu_plus04 #mobile-menu .menu>li:hover>a, .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a:hover { color: var(--NaviHoverColor); } .RWDmenu_plus04 .ml-stack-nav-toggle:hover i, .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover, .RWDmenu_plus04 .ml-stack-nav-toggle:hover { color: var(--NaviHoverColor); } .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line, .RWDmenu_plus04 .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line { background: var(--NaviHoverColor); }}.RWDnews005 .owl-theme .owl-controls .owl-buttons div { background: #ededed;}.RWDnews005 .owl-prev,.RWDnews005 .owl-next { font-size: 29px; line-height: 45px; height: auto !important; width: 45px !important;}.RWDnews005 .owl-carousel { overflow: visible;}.RWDnews005 .owl-carousel .owl-wrapper-outer { overflow: hidden;}/* cookie */ .RWDalert_fancybox.bottom .editor a { text-decoration: underline; color: var(--MainColor);}.RWDalert_fancybox.bottom .editor a:hover { color: var(--MainHoverColor);}.RWDalert_fancybox.bottom { z-index: 99999 !important; width: 500px; padding: 50px 75px 40px !important; box-shadow: 0 20px 40px rgb(51 51 102 / 60%) !important; background: rgba(255, 255, 255, 90%) !important; color: #000 !important; left: 50% !important; right: unset !important; line-height: 1.8 !important; border-radius: 0; transform: translateX(-50%);}.RWDalert_fancybox .btn,.RWDalert_fancybox .btn.active { padding: 5px 20px; border-color: var(--BtnBg); background: var(--BtnBg) !important; border-radius: 0; margin-top: 1rem; transition: var(--TransitionEase)}.RWDalert_fancybox .btn:hover { border-color: var(--BtnHoverBg); background: var(--BtnHoverBg) !important; transition: var(--TransitionEase)} /*footer start*/ /*頁尾區塊*/ .footer-block { background: #000; padding: 50px 20px 0;}.footer-block a { color: white; transition: var(--TransitionEase);}.footer-block a:hover { color: #ffffffa1; transition: var(--TransitionEase);}/* 社群*/ .share-block { padding: 20px 0px; border-bottom: 1px #fff solid;}.RWDsocial002 ul.socialNetwork { text-align: center; margin: 0;}.RWDsocial002 .pull-right { float: none !important;}.RWDsocial002 ul.socialNetwork li { float: none; display: inline-block;}.RWDsocial002 .iconRounded { margin-right: 10px; margin-left: 10px; border: 3px solid #fff; color: #fff; background-color: #fff !important;}.RWDsocial002 .iconRounded:hover,.color1 .iconRounded:hover { background-color: #fff !important; color: #fff; border-color: #fff; transform: translate(0, -3px); transition: all ease 0.3s;}/**/ .contact-block { text-align: center; padding-top: 4rem; color: #fff; display: flex; justify-content: center;}.footer-title { vertical-align: top; padding-right: 30px; display: inline-block; font-size: 24px; letter-spacing: 2px; line-height: 1.6; text-align: left;}/**/ .contact-area { text-align: left; display: inline-block; font-size: 14px; letter-spacing: 2px; line-height: 2; border-left: 1px solid #fff; padding-left: 30px;}.contact-area ul { list-style: none; padding-left: 0; letter-spacing: 1px; font-size: 16px;}/**/ .copyright-block { font-size: 13px; text-align: center; color: #989898; padding: 50px 0px; letter-spacing: 1px; display: flex; justify-content: center; gap: 0px 1rem; flex-wrap: wrap;}.view-block { display: inline-block;}.copyright-area { display: inline-block; position: relative; padding-left: 10px; margin-left: 5px;}.copyright-area a { color: #989898}.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #999;}@media (max-width: 480px) { /**/ .footer-block { padding: 10px 0px 0; } .contact-block { padding: 20px 20px; text-align: left; display: block; } .copyright-block { padding: 0px 35px 20px; text-align: left; } .view-block { display: block; } .contact-area { text-align: left; border-left: none; padding-left: 0px; } .copyright-area { display: block; padding-left: 0px; margin-left: 0px; } .copyright-block { font-size: 11px; letter-spacing: 0px; }} /*footer end*/ /*內頁 start*/ /**/ .page_wrapper_bg .main { background-color: #fff}.sign { display: none}.social_media_wrapper { display: none}#toTop { display: none !important}.hgroup .breadcrumb { background-color: #fff; border: none}section.call_to_action { padding-bottom: 140px; min-height: 70vh;}.collapsing_header .main { overflow: hidden;}#btn_shopping { background: #2b2b2b;}#btn_shopping:hover { background: #b3a479;}.btn.btn_back a { color: #fff}.btn{ font-size: 16px;}/* 搜尋*/ .inside-search input { float: left; background-color: transparent; padding: 7px; border: none; font-size: 13px}/*選單*/#RWDPAGE_BASE_PAT01 .RWDmenu_plus01 .inside { box-shadow: 0px 3px 15px -6px #dadada;}/*電子報*/ .inside-edm { margin-top: -4px}.inside-edm input { float: left; padding: 5px 0; background-color: #1a1a1a; border: none; padding: 9px 0; padding-left: 7px;}.inside-edm .web_edm .btn { padding: 0px}.hgroup h1 { letter-spacing: 1px; font-size: clamp(1.625rem, 1.3844rem + 0.502vw, 2.1875rem); color: #333; font-weight: bold; line-height: 1.3;}.hgroup .container { margin-bottom: 0}/* 關於我們*/ .about-block .pic-01,.about-block .pic-02 { width: 48%; display: inline-block; margin-right: 10px}.about-block p { font-size: 14px; line-height: 30px; margin-bottom: 40px}/* 最新消息*/ .hgroup .container { border-bottom: 0;}.layoutlist_3 .listdate { border: none}.layoutlist_3 .listdate .day { color: #333 !important; margin-top: 10px}.layoutlist_3 .list_subject .summary { font-size: 14px !important;}.layoutlist_3 .list_subject .summary a { color: #333 !important; line-height: 29px;}.layoutlist_3 .list_subject a { color: #333 !important; font-size: 16px !important}.layoutlist_3 .item { border-bottom: 1px solid #eaeaea !important}/* 產品*/ .item .subject A.itemlink { color: #f2d4d0}.layoutlist_2 .item,.layoutlist_4 .item { border-bottom: 1px solid #4c4c4c}.page_content2 .info #prod_name h2,#prod_name h2 { color: #2b2b2b}.page_content2 .info #prod_price .currency { color: #2b2b2b}.page_content2 .info #prod_price .money { color: #2b2b2b}.item .summary A.itemlink { font-size: 14px}/* 相簿*/ .album_item_subject { margin-top: 15px; opacity: 1 !important; letter-spacing: 2px; color: #333;}/*表單*/ .lang_tw #join_form .form-group label { width: 80px;}.lang_tw #join_form .col-lg-11 { width: calc(100% - 80px); padding: 0;}/* 聯絡我們*/ .form-group label.must:after { color: #6a74ad}.customized_columns ._input,.customized_columns select { background-color: transparent; border: 1px solid #ccc; box-shadow: none; border-radius: 0;}.form-horizontal .form-group { margin-bottom: 30px}.ebtn { border-radius: 0 !important; font-size: 14px}.currectsend_btn a { color: #fff}/* 會員專區*/ .form-group label:after { padding-left: 27px;}/* 社群*/ .inside-social ul li { list-style: none; float: left;}.inside-social h3 { margin-top: 3px; padding-bottom: 20px}/*版權宣告*/footer { margin-top: 0; background-color: #fff; border: none}.group-section { background-color: #fff}.inside-copyright { padding: 35px 0; background-color: #212121}/* 聯絡我們*/#eForm1>div:nth-child(9)>label:after { padding-left: 7px}/* 反白顏色設定*/::selection { background: #333; color: #fff;}::-moz-selection { background: #333; color: #fff;}/* 特效*/@-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;}._bd_row ol,._bd_row ul { padding-left: 20px;}.layoutlist_8 .article_subject { font-size: 20px;}._bd_row a { color: #1a1a1a; text-decoration: underline;}.articlelist .layoutlist_7 .subject,.articlelist .layoutlist_7 .subject a { font-size: 22px; font-weight: bold; margin-top: 1rem;}.contact-box { display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; max-width: 1200px; margin: auto; align-items: center; padding: max(3vw,2rem); box-shadow: 0px 0px 9px 0px #e9e9e9; border-radius: 1em;}.contact-box::before{ content: ''; width: 1px; height: 90%; position: absolute; background: #cccccc66; top: 50%; left: 50%; transform: translateX(50%) translateY(-50%);}.contact-info h3 { font-weight: bold; margin-bottom: 3rem; font-size: 24px !important; line-height: 1.5 !important; margin-top: 0;}.article5 .contact-box{ grid-template-columns: 1fr max-content;}.article5 .contact-box::before{ display: none;}section.call_to_action h3 { font-size: 24px !important; line-height: 1.5 !important; font-weight: bold;color: #333;}.contact-info ul { padding-left: 20px; line-height: 2;}.contact-info ul,.contact-info ul a { color: #333;}.contact-sns { display: flex; flex-direction: column; gap: 1.5rem; align-items: center;}.contact-sns i { display: inline-block; width: 40px; height: 40px;}.contact-sns .ion-android-call { display: flex; align-items: center; justify-content: center; font-size: 20px;}.contact-sns .sns-btn a { display: flex; align-items: center; border: 1px solid #eee; width: 250px; justify-content: center; padding: 5px 10px; line-height: 1.3; color: #333; font-weight: 500;}.contact-sns .sns-btn a:hover { background: var(--MainColor); color: white; transition: var(--TransitionEase);}.article5 .cdate { display: none;}.btn.btn_back { background: #000; float: right; width: 200px; padding: 8px 10px; margin-top: 2rem; transition: var(--TransitionEase);}.btn.btn_back:hover { background: #333; transition: var(--TransitionEase);}._bd_row label,._bd_row li,._bd_row p,._bd_row td { font-size: 16px;}.page_subject { padding: 0;}.RWDtimeline01 li.event .point .date { font-size: 0.9em;}.RWDtimeline01 li.event .point .title { font-size: 1.4em;}.m2018 .products-nav .nav-title { font-weight: bold; color: #222; font-size: 20px;}.m2018 .products-nav>ul>li>a{ font-size: 17px;}.hgroup h1{ text-align: center; margin-bottom: 0;}.hgroup .breadcrumb { position: relative; bottom: 0; text-align: center; width: 100%;} .pagecontent .RWDeditor01[data-seq="1"]{ border-top: 1px solid #eee; padding-top: 80px; } .ab-list-box{ display: grid; grid-template-columns: 1fr 1fr; gap: 6vw;justify-content: space-between;position: relative;}.ab-list-box::before{ content: ''; width: 1px; height: 100%; position: absolute; background: #e2e2e2; top: 50%; left: 50%; transform: translateX(50%) translateY(-50%);;}.ab-list ul{ padding-left: 20px; line-height: 1.8;}.ab-list{ width: fit-content; margin: auto;} /*內頁 end*/ /*1200 start*/ @media (max-width: 1199px) { /*logo*/ .cd-logo { width: 110px; margin-top: 10px !important; } /*選單*/ .cd-primary-nav, .cd-primary-nav ul { background: #fff; } .cd-primary-nav a, .cd-primary-nav ul a { border-bottom: 1px solid #000; } nav.cd-nav ul .close-btn { color: #000; } nav.cd-nav .bottom-copyright { display: none; } .RWDleft_cont002 .item-second { display: flex; flex-direction: column-reverse; align-items: center; } .RWDleft_cont002 .item-second .text-box, .RWDleft_cont002 .item-second .pic{ width: 100%; padding: 0; } .RWDleft_cont002 .item-second .text-box{ margin-bottom: 2rem; }} /*1200 end*/ /*Pad橫向 start*/ @media (max-width:1024px){ /*BANNER*/ .txt1 { margin-bottom: 30px; font-size: 30px;}/*首頁-關於我們*/ .RWDleft_cont002 .item-second .text-box { padding-top: 20px;}/* 首頁-產品模組 */ .RWDvideo002 figure.effect-sarah img,.RWDvideo002 figure.effect-sarah .iframe { opacity: 0.7; transform: translate3d(0px, 0px, 0px);}.RWDvideo002 figure.effect-sarah h2 { opacity: 1;}.RWDvideo002 figure.effect-sarah h2::after { transform: translate3d(0px, 0px, 0px);}.RWDvideo002 figure.effect-sarah p { opacity: 1; transform: translate3d(0px, 0px, 0px);}.RWDvideo002 figure figcaption { bottom: 40px;}/* 頁尾社群*/ .RWDsocial002 { padding-left: 0}/* 關於我們 */section.article-text p { line-height: 28px; font-size: 14px; margin-bottom: 20px}.container { width: 95%; padding-inline: 10px !important;}.RWDmenu_plus04 .ml-stack-nav-toggle { display: flex;}.footer-title { font-size: 22px; letter-spacing: 1px;} } /*Pad橫向 end*/ /*pad版 start*/ @media (max-width: 768px) { /* banner*/ .banner-subtitle { width: 65%}/* 關於我們*/ .video-section,.about-section { padding: 60px 30px}.RWDleft_cont002 .item-second .pic img { margin: 0 auto; margin-top: 50px}/* 產品 */ .RWDProduct006 .heading h2 { font-size: 22px; margin-bottom: 30px}/* 最新消息*/ .news-section { padding-bottom: 60px; padding-top: 60px}.RWDnews009 .pic-box { width: 100%; margin: 0}/* 影片*/ .RWDvideo002 .videoitem { margin: 8px 0px 30px;}/*頁尾 *//*===以下為內頁 ===*//*相簿*/ .album_item.content_box { position: static !important; height: auto !important;}/*表單*/ .lang_tw #join_form .col-lg-11 { width: 100%;}.lang_tw #join_form .form-group label { width: 100%;}.lang_tw #join_form .form-group,.lang_tw #login_form .form-group { margin-left: 0; margin-right: 0;}.lang_tw #login_form .form-group .col-lg-10 { padding: 0;}.lang_tw .login_join_panel { padding-left: 15px; padding-right: 15px;} } /*pad版 end*/ /*phone版 start*/ @media (max-width: 480px) { .collapsing_header header { padding: 0 10px;}/*Banner*/ .RWDbanner_plus01 .slick-caption { width: 100%;}.txt1 { font-size: 18px; margin-bottom: 10px;}.txt2 { font-size: 12px; margin-top: 20px; width: 100%; line-height: 1.6; letter-spacing: 0px;}/*關於我們*/ .about-section { padding: 60px 15px;}.RWDleft_cont002 .item-second .pic img { margin-top: 0}.RWDleft_cont002 .text-box { padding: 20px 5px !important;}.RWDleft_cont002 .item-second .text-box .title { font-size: 26px;}.RWDleft_cont002 .item-second .text-box .subtitle { font-size: 20px;}/* 影片*/ .RWDvideo002 h1.main-title { font-size: 26px;}.RWDvideo002 h2.sub-title { font-size: 20px;}.video-section .container { padding-right: 30px; padding-left: 30px;}.RWDvideo002 .videoitem { margin-bottom: 20px}/* 頁尾*/ .copyright-block { padding: 30px; text-align: left;}.view-block { border-left: none; padding-left: 0px;}/* 內頁關於我們*/ .about-block .pic-01,.about-block .pic-02 { width: 100%; margin-bottom: 20px}section.hgroup { margin-bottom: 30px;}/*內頁產品*//*.page_content2 .info #prod_fixprice, .page_content2 .info #member_org_price {margin-right: 14px;}*//* 購物清單*/#shopping_form .subject { font-size: 16px}#shopping_form .orderrow .row .col-xs-12 { font-size: 14px; margin-bottom: 10px}#carlist .mtrashcan { width: 30px; height: 30px; margin-top: 0; margin-left: 10px}/**/ .RWDsocial002 .iconRounded { padding-top: 10px;}.copyright-block{ padding: 30px 20px;} } /*phone版 end*/ /*iphone5 start*/ @media (max-width: 320px){ .cd-main-header .cd-logo{width: 118px;}/*首頁－影片模組*/ .RWDvideo002 figure figcaption {bottom: 50px;} } /*iphone5 end*/ /*小螢幕 start*/ @media (max-width: 1280px) { ._bd_row h1 { font-size: 2em;} ._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td { font-size: 15px;}} /*小螢幕 end*/ /*1199px start*/ @media (max-width: 1199px) { .contact-box { padding: 5vw; grid-template-columns: 1fr max-content;}.contact-box::before { display: none;}.contact-info { border-right: 1px solid #eee;} .article5 .contact-box { grid-template-columns: 1fr; } .article5 .contact-sns { grid-template-columns: 1fr 1fr; display: grid; gap: 1.5rem ; } .article5 .contact-sns .sns-btn a{ width: 100%; } } /*1199px end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after,.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after,.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a { color: #fff;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .RWDbanner_plus01 .slick-item .pic img,.RWDbanner_plus01.inpage>.RWDbanner_plus01>.pic img { max-height: calc(100vh - var(--NaviHeight)) !important; object-fit: cover;}.RWDbanner_plus01 .slick-caption.txt-right { text-align: center; top: unset; bottom: 10%; transform: translateX(100%);}.RWDbanner_plus01 .slick-caption .container { width: 45%; margin: auto;}.RWDleft_cont002 .item-second .text-box .title { text-align: center;}.RWDleft_cont002 .item-second .text-box .underline { margin-inline: auto;}.copyright-block { font-size: 12px; gap: 0px 5px;}._bd_column._bd_half { width: 100%;}.hgroup .breadcrumb { position: relative; bottom: 0; text-align: center; width: 100%;}.contact-info h3,.hgroup h1 { text-align: center;}.hgroup .container { padding-inline: 0; margin: 0;}.pagecontent .article_model[data-seq="0"] { margin-top: 0 !important;}#sidebar { padding: 0 0 2rem;}.pageTitle { margin-bottom: 0 !important;}.contact-box { grid-template-columns: 1fr;}.contact-sns { display: grid; grid-template-columns: repeat(3, 1fr);}.contact-box::before{ display: none;}.contact-info { border-right: 0;}.contact-info h3{border-bottom: 1px solid #eee;padding-bottom: 2rem;margin-bottom: 2rem !important;}.contact-info ul{width: fit-content;margin: auto;}.contact-sns .sns-btn a{ width: 100%;}.article2 .btn.btn_back { float: unset; left: 50%; position: relative; transform: translateX(-50%);} } /*991px end*/ /*850px start*/ @media (max-width: 850px) { .contact-box { grid-template-columns: 1fr;}.contact-sns .sns-btn a { width: 100%;}.contact-block { flex-direction: column;}.contact-area { border-left: 0; padding-left: 0; padding-top: 2rem;}.copyright-block { justify-content: flex-start;}.RWDbanner_plus01 .slick-caption .container { width: 55%;}.footer-title { padding-right: 0;}.ab-list-box { gap: 1rem; grid-template-columns: 1fr;}.ab-list-box::before { display: none;}.ab-list { width: 100%;}.pagecontent .RWDeditor01[data-seq="1"] { border-top: 1px solid #eee; padding-top: 40px; margin-top: 40px !important;}.article1 h3{margin-top: 0;} } /*850px end*/ /*800px start*/ @media (max-width: 800px) { section.call_to_action { padding: 50px 0; } } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .RWDbanner_plus01 .slick-caption .container { width: 70%; } .RWDbanner_plus01 .slick-caption.txt-right { bottom: 5%; } ._bd_column { padding-inline: 0; } .RWDslider01 .text, .RWDslider01 .pic-list { width: 100%; padding: 0; } .RWDslider01.pic-right .pic-list { padding-left: 0; } .RWDslider01 .control-box, .RWDslider01.pic-right .control-box { position: static; margin-left: inherit; text-align: center; } .contact-sns .sns-btn a { font-size: 15px; } section.call_to_action h3 { font-size: 20px !important; } } /*767px end*/ /*600px start*/ @media (max-width: 600px) { ._bd_row h1 { font-size: 1.7em; } .btn.btn_back { width: 100%; } .article5 .contact-sns { grid-template-columns: 1fr; } } /*600px end*/ /*650px start*/ @media (max-width: 650px) { .contact-sns { display: grid; grid-template-columns: 1fr; } .contact-box{ box-shadow: unset; padding: 0; } } /*650px end*/ /*480px start*/ @media (max-width: 480px) { :root { --NaviHeight: 70px;}.footer-title { font-size: 20px;}.RWDmenu_plus04 .logo img { width: 85%;}.contact-area ul,.RWDnews005 p,body.wrapper_bg { font-size: 15px;} } /*480px end*/ /*414px start*/ @media (max-width: 414px) { .RWDbanner_plus01 .slick-caption.txt-right { bottom: 7%; } .RWDbanner_plus01 .slick-caption .container { width: 90%; }} /*414px end*/ /*380px start*/ @media (max-width: 380px){ .article4 .pagecontent { padding: 0px !important;}.contact-info ul { letter-spacing: 0.2px;} } /*380px end*/