/* 20251007 */:root { --TransitionDefault: .3s ease; /* 顏色 */ --ColorPrimary: var(--wt-MainColor); --ColorSecondary: var(--wt-SubColor); --ColorPrimaryHover: var(--wt-SubColor); --ColorSecondaryHover: var(--wt-MainColor); /* 文字顏色 */ --TextColorPrimary: #333; --TextColorSecondary: #888; --TextColorTitle: #333; /* 邊框 */ --BorderPrimary: 1px solid #333; --BorderSecondary: 1px solid #ccc; --BorderColorPrimary: #333; --BorderColorSecondary: #ccc; /* 外框按鈕 */ --BtnOutlineTextColor: var(--wt-BtnEmptyColor); --BtnOutlineBg: transparent; --BtnOutlineHoverTextColor: vwhite; --BtnOutlineHoverBg: var(--wt-ColorPrimary); /* 主按鈕 */ --BtnPrimaryTextColor: white; --BtnPrimaryBg: var(--ColorPrimary); --BtnPrimaryHoverTextColor: white; --BtnPrimaryHoverBg: var(--ColorSecondary); /* 次要按鈕 */ --BtnSecondaryTextColor: white; --BtnSecondaryBg: var(--ColorSecondary); --BtnSecondaryHoverTextColor: white; --BtnSecondaryHoverBg: var(--ColorSecondaryHover); /* 按鈕共用元素 */ --BtnBorderRadius: 0; --BtnWidth: 200px; --BtnHeight: 50px; --BtnFontSize: var(--FontSizeBody); --BtnMarginTop: max(3vw, 2rem); /* 字體 */ --FontFamily: Roboto, "Noto Sans TC", sans-serif; --FontFamilyEn: 'Roboto', sans-serif; --FontFamilyTw: 'Noto Sans TC', sans-serif; /* Navi */ --NaviHeight: 100px; --NaviStickyOffset: calc(var(--NaviHeight) + 1rem); --NaviTextColor: white; --NaviHoverTextColor: white; --NaviUpTextColor: white; --NaviUpHoverTextColor: var(--ColorSecondary); /* 有會員或電商的時候用 */ --NaviBtnPrimaryTextColor: var(--BtnPrimaryTextColor); --NaviBtnPrimaryBg: var(--BtnPrimaryBg); --NaviBtnPrimaryHoverTextColor: var(--BtnPrimaryHoverTextColor); --NaviBtnPrimaryHoverBg: var(--BtnPrimaryHoverBg); --NaviBtnWidth: 200px; --NaviBtnSecondaryTextColor: var(--BtnSecondaryTextColor); --NaviBtnSecondaryBg: var(--BtnSecondaryBg); --NaviBtnSecondaryHoverTextColor: var(--BtnSecondaryHoverTextColor); --NaviBtnSecondaryHoverBg: var(--BtnSecondaryHoverBg); /* 文字大小 */ /*螢幕2560px-767px 大小46px-25px */ --FontSizePrimary: clamp(1.5625rem, 1.001rem + 1.1712vw, 2.875rem); /*螢幕2560px-767px 大小24px-20px */ --FontSizeSecondary: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem); /*螢幕2560px-767px 大小32px-20px */ --FontSizeItemTitle: clamp(1.25rem, 1.1152rem + 0.553vw, 2rem); /*螢幕2560px-767px 大小22px-18px */ --FontSizeHint: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem); /*螢幕2560px-767px 大小16px-15px */ --FontSizeBody: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem); /*螢幕2560px-767px 大小24px-16px */ --FontSizeTitleDeco: clamp(1rem, 0.7861rem + 0.4462vw, 1.5rem); /*螢幕2560px-1366px 大小17px-15px */ --FontSizeNavi: var(--FontSizeBody); /* 邊界 */ /* 螢幕2560px-1200px 大小160px-60px */ --SectionPadding: clamp(3.75rem, -1.7647rem + 7.3529vw, 10rem); --SectionMarginBottom: max(3vw, 2rem); --ItemPadding: max(2vw, 1.5rem); --CardPadding: max(3vw, 2rem); --BlockPadding: max(3vw, 2rem); --Space1: 1rem; --Space2: max(2vw, 1.5rem); --Space3: max(3vw, 2rem); --Space4: max(4vw, 2.5rem); --Space5: max(5vw, 3rem); /* 其他 */ --BorderRadius: 2em; /* 推回中間的時候用 */ --TransformCenter: translateX(-50%) translateY(-50%); --TransformXCenter: translateX(-50%); --TransformYCenter: translateY(-50%); /* sns */ --SnsLine: #4cc764; --SnsFB: #1877f2; --SnsMessenger: linear-gradient(20deg, rgba(0, 153, 255, 1) 0%, rgba(160, 51, 255, 1) 60%, rgba(255, 82, 128, 1) 90%, rgba(255, 112, 97, 1) 100%); --SnsYT: #ff0000; --SnsIG: linear-gradient(45deg, rgba(250, 225, 0, 1) 0%, rgba(252, 183, 32, 1) 15%, rgba(255, 121, 80, 1) 30%, rgba(255, 28, 116, 1) 50%, rgba(108, 28, 209, 1) 100%); --SnsTwitter: #000; --SnsShopee: #ed4c2f;}img { max-width: 100%; height: auto;}img.cover { width: 100%; height: 100%; max-width: unset; object-fit: cover; max-height: 100%; min-height: 100%;}a,button,button:hover,a:is(:hover, :active, :focus, :visited) { transition: var(--TransitionDefault); text-decoration: none;}a:hover,a:focus { color: var(--ColorPrimaryHover);}/* 取消掉預設 */:is(h1, h2, h3, h4, h5, h6, p) { padding: 0; margin: 0;}.row { margin-right: 0px; margin-left: 0px;}.row::before,.row::after { display: none;}body.wrapper_bg { font-family: var(--FontFamily) !important; letter-spacing: 1px; line-height: 1.5; font-size: var(--FontSizeBody); color: var(--TextColorPrimary); background-repeat: repeat;}.cd-main-content { overflow: hidden; margin-top: var(--NaviHeight) !important;}/* 把預設空div拿掉 */body.wrapper_bg .clear,body.wrapper_bg .RWDedictor008>div:last-of-type,body.wrapper_bg .RWDedictor>div:last-of-type { display: none;}.edit_mask { display: block !important;}/*容器設定*/#RWDfullscreen01 .container { width: 90%; max-width: 1500px; z-index: 1; position: relative; padding: 0;}.RWDmenu_plus04 .container { width: 100% !important; max-width: unset; padding: 0;}/* 容器100%時用 */ .container-fluid { width: 100%; z-index: 1; position: relative; padding-inline: 0;}/* 其他的寬度請自行增加 */ .container-95 { width: 95%; margin: auto; z-index: 1; position: relative;}.container-90 { width: 90%; margin: auto; z-index: 1; position: relative;}.container-85 { width: 85%; margin: auto; z-index: 1; position: relative;}.container-80 { width: 80%; margin: auto; z-index: 1; position: relative;}.container-75 { width: 75%; margin: auto; z-index: 1; position: relative;}.container-70 { width: 70%; margin: auto; z-index: 1; position: relative;}/* 共用設定 *//* 上下區塊邊界 */ .section-spacing { padding: var(--SectionPadding) 0;}.section-spacing-top { padding-top: var(--SectionPadding);}.section-spacing-bottom { padding-bottom: var(--SectionPadding);}.default-list { padding-left: 20px; margin-top: 1rem; display: flex; flex-direction: column; gap: 5px;}hr.default-hr { padding-top: 2.5rem; margin-top: 2.5rem; border-top: var(--BorderSecondary); margin-bottom: 0;}/* 間距 */ .d-grid { display: grid;}.column-one { grid-template-columns: 1fr;}.column-half { grid-template-columns: 1fr 1fr;}.column-gap-1 { column-gap: var(--Space1);}.column-gap-2 { column-gap: var(--Space2);}.column-gap-3 { column-gap: var(--Space3);}.column-gap-4 { column-gap: var(--Space4);}.column-gap-5 { column-gap: var(--Space5);}.row-gap-1 { row-gap: var(--Space1);}.row-gap-2 { row-gap: var(--Space2);}.row-gap-3 { row-gap: var(--Space3);}.row-gap-4 { row-gap: var(--Space4);}.row-gap-5 { row-gap: var(--Space5);}.gap-1 { gap: var(--Space1);}.gap-2 { gap: var(--Space2);}.gap-3 { gap: var(--Space3);}.gap-4 { gap: var(--Space4);}.gap-5 { gap: var(--Space5);}.mt-1 { margin-top: var(--Space1);}.mt-2 { margin-top: var(--Space2);}.mt-3 { margin-top: var(--Space3);}.mt-4 { margin-top: var(--Space4);}.mt-5 { margin-top: var(--Space5);}/* banner下滑按鈕的區塊 */ .anchor-block { padding-top: calc(var(--NaviHeight)*0.9); margin-top: calc(0px - calc(var(--NaviHeight)*0.9));}/* 反白顏色設定*/::selection { background: #555; color: #fff;}::-moz-selection { background: #555; color: #fff;}/* 表單 */input[type=checkbox],input[type=radio] { accent-color: var(--ColorPrimary); margin: 0 0;}.customized_columns ._input,.customized_columns select,::placeholder { color: #505050;}/*搜尋*/ .RWDmenu_plus04 #search-box.full .form-control { font-size: 30px;}.RWDmenu_plus04 #search-box.full .ibtn { font-size: 25px;}/* 標題文字 */ .section-title { position: relative;}.RWDproduct002_v3 .section-subject .col-md-12,.RWDservice011__head,.RWDnews011 .title-block.title-center,.section-title-bottom { margin-bottom: var(--SectionMarginBottom);}.RWDnews011 .title-tw,.RWDservice011__head__h1,.RWDproduct002_v3 .main-title,.index .main-title,.main-title { letter-spacing: 2px; font-weight: 600; margin-top: 0rem; margin-bottom: 10px; font-size: var(--FontSizePrimary); color: var(--TextColorPrimary); line-height: 1.3;}.RWDnews011 .title-block.title-center .title-en,.RWDservice011__head__h2,.index .sub-title,.RWDproduct002_v3 .sub-title,.RWDnews005 h2.sub-title,.sub-title { letter-spacing: 1px; font-weight: 400; font-size: var(--FontSizeSecondary); line-height: 1.3; color: var(--TextColorPrimary);}h3+p { margin-top: 1rem;}p+p { margin-top: 1.5rem;}.main-title+.sub-title { margin-top: 16px;}.en-title { font-size: var(--FontSizeTitleDeco); font-weight: 500; letter-spacing: 0px; font-family: var(--FontFamilyEn) !important; color: var(--TextColorSecondary); line-height: 1;}:is(.main-title, .sub-title, .en-title, p).white { color: white !important;}h3 { font-size: var(--FontSizeItemTitle); color: var(--TextColorTitle); letter-spacing: 1px; font-weight: 400; line-height: 1.3;}p,._bd_row h1,._bd_row h2,._bd_row h3,._bd_row h4,._bd_row h5,._bd_row h6,.description { font-size: var(--FontSizeBody); letter-spacing: 1px; color: var(--TextColorSecondary); line-height: 1.8; font-weight: 400; font-family: var(--FontFamily) !important;}/* Navi */ .collapsing_header .main { top: 0 !important; background-color: transparent; margin-top: var(--NaviHeight) !important;}.RWDmenu_plus04 .header { padding: 0 220px 0 5%; background: transparent; transition: var(--TransitionDefault); background: var(--ColorPrimary);}/* 測選單 */#div_forget_content .subject { letter-spacing: 2px; font-weight: 500; color: var(--TextColorPrimary);}#forget_table .verifyimg { width: 80px;}#forget_table .th { font-weight: 400; color: var(--TextColorPrimary);}/* 統一選單高度 */ .RWDmenu_plus04 .header,.RWDmenu_plus04 .logo { height: var(--NaviHeight);}/* logo設定 */ .RWDmenu_plus04 .logo { position: relative; display: flex; align-items: center; width: fit-content; transition: var(--TransitionDefault);}.RWDmenu_plus04 .logo img { height: calc(var(--NaviHeight) - 50px); aspect-ratio: 263/61;}/* 選單設定 */ .RWDmenu_plus04 .site-nav .menu>li>a { font-size: var(--FontSizeNavi); text-align: center; color: var(--NaviTextColor); letter-spacing: 1px; font-weight: 400;}.RWDmenu_plus04 .features :is(.cart-btn, .querycar-btn, .share-group a, i, .lang-select) { color: var(--NaviTextColor);}.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(--NaviUpTextColor); transition: var(--TransitionDefault);}.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(--NaviTextColor);}/* 選單收尋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(--NaviTextColor);}.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(--ColorPrimary);}.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(--NaviTextColor);}.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(--NaviUpTextColor);}.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(--NaviHoverTextColor);}.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(--NaviHoverTextColor);}.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(--FontSizeItemTitle); 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(--BtnPrimaryBg); padding: 6px 12px;}#btn_member_login,#div_forget_content #forget_table_btn { background: var(--BtnPrimaryBg); border: 1px solid var(--BtnPrimaryTextColor); color: var(--BtnPrimaryTextColor); border-radius: var(--BtnBorderRadius); transform: var(--TransitionDefault);}/* 會員區塊 */ .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(--NaviBtnPrimaryBg); color: var(--NaviBtnPrimaryTextColor); transition: var(--TransitionDefault); border-radius: var(--BtnBorderRadius);}.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn { font-size: var(--FontSizeNavi); background: var(--NaviBtnPrimaryBg); transition: var(--TransitionDefault); color: var(--NaviBtnPrimaryTextColor);}.RWDsearch01 .bottom-box .search_btn,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn { background: var(--NaviBtnPrimaryBg); transition: var(--TransitionDefault); 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(--NaviBtnSecondaryBg); color: var(--NaviBtnSecondaryTextColor); transition: var(--TransitionDefault);}.RWDmenu_plus04 .member-block a.signin,.RWDmenu_plus04 .member-block button.signin { background-color: var(--BtnOutlineBg); color: var(--BtnOutlineTextColor); border: 1px solid var(--BtnOutlineTextColor); transition: var(--TransitionDefault); 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(--ColorSecondary); 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(--NaviTextColor);}.RWDmenu_plus04 #mobile-menu .menu li a { color: var(--TextColorPrimary);}.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(--NaviTextColor); height: var(--NaviHeight); align-items: center; padding-block: 0;}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle { color: var(--NaviUpTextColor);}.ml-stack-nav-toggle__line { background: var(--NaviTextColor);}.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line { background: var(--NaviUpTextColor);}/* btn *//* 按鈕模組父層加上 .btn-group */ .btn-group { display: block;}.RWDnews011 .more-btn { border: none; padding: 10px; width: var(--BtnWidth); height: var(--BtnHeight); border-radius: var(--BtnBorderRadius); font-size: var(--BtnFontSize); letter-spacing: 2px; margin-top: var(--BtnMarginTop); transition: var(--TransitionDefault);}a.more-btn.pc-only { display: flex; align-items: center; justify-content: center;}a.more-btn.carry-device { display: none;}.RWDnews011 .more-btn:hover { border: 1px solid var(--ColorPrimary);}.btn-group a,.RWDbtn01 .btn { border: none; padding: 10px; width: var(--BtnWidth); height: var(--BtnHeight); border-radius: var(--BtnBorderRadius); font-size: var(--BtnFontSize); letter-spacing: 2px; margin-top: var(--BtnMarginTop); transition: var(--TransitionDefault); display: flex; align-items: center; justify-content: center;}.btn-group .main-btn { color: var(--BtnPrimaryTextColor); background: var(--BtnPrimaryBg);}.btn-group .sub-btn { color: var(--BtnSecondaryTextColor); background: var(--BtnSecondaryBg);}.RWDnews011 .more-btn,.btn-group .outline-btn { border: var(--BorderPrimary); background: var(--BtnOutlineBg); color: var(--BtnOutlineTextColor);}.btn-group i,.btn-group img { transition: var(--TransitionDefault); margin-left: 10px;}.m-auto { margin-inline: auto;}.btn-group-center { display: flex; align-items: center; justify-content: center;}/* 以下原版型 *//*logo*//*menu*/ .RWDmenu_plus04 .header { background: var(--ColorSecondary); padding: 0 0px 0px 30px}.RWDmenu_plus04 .menu li a { color: #fff; font-size: var(--BtnFontSize); letter-spacing: 2px; transition: var(--TransitionDefault);}.RWDmenu_plus04 .site-nav .menu { text-align: right;}.RWDmenu_plus04 .features .edit .menu_btn { color: #fff; font-size: var(--BtnFontSize); letter-spacing: 2px; background: var(--wt-HoverColor); padding: 15px 20px; width: 200px; text-align: center; height: var(--NaviHeight); display: flex; flex-direction: column; align-items: center; justify-content: center;}.RWDmenu_plus04 .features { width: 200px}.RWDmenu_plus04 .features .edit .menu_btn i { color: #fff; margin-right: 10px}.RWDmenu_plus04 .features .edit .menu_btn span { display: block; letter-spacing: .5px}.RWDmenu_plus04 .menu ul li>ul li a { color: var(--TextColorPrimary); text-align: center;}.RWDmenu_plus04 .site-nav .menu ul li>a{ color: var(--TextColorPrimary);}.RWDmenu_plus04 .site-nav .menu ul li>a:hover { color: white; background: var(--ColorSecondary); text-decoration: none; text-align: center;}/*手機板跟隨預約*/ .menu-container .RWDedictor { position: fixed; top: 74px; left: 0px; width: 100%; height: 50px; background: var(--wt-HoverColor); z-index: 1; display: flex; align-items: center; justify-content: center; display: none; transition: var(--TransitionDefault);}.menu-container .RWDedictor a { color: #fff; font-size: var(--BtnFontSize); letter-spacing: 2px; display: flex; align-items: center; justify-content: center; padding: 13px;}.menu-container .RWDedictor i { color: #fff; margin-right: 10px}/*banner*/ .RWDbanner_plus01 .slick-caption .txt1 span { font-size: 40px; color: #fff; font-weight: bold; letter-spacing: 4px;}.RWDbanner_plus01 .slick-caption .txt2 { margin-top: 6px}.RWDbanner_plus01 .slick-caption .txt2 span { font-size: 35px; color: #fff; font-weight: bold; letter-spacing: 2px;}.RWDbanner_plus01 .slick-caption .txt3 span { font-size: 20px; color: #fff; letter-spacing: 2px;}.RWDbanner_plus01 .slick-caption.txt-left { top: 50%; transform: translateY(-50%);}.banner_block .container { width: 75%;}.RWDbanner_plus01 .slick-caption .txt3 { margin-top: 55px;}/*最新消息*/ .RWDnews011 { margin-top: 0px}.RWDnews011 .more-btn { background-color: transparent; color: var(--TextColorPrimary); transition: var(--TransitionDefault); border: var(--BorderPrimary); letter-spacing: 2px;}.RWDnews011 .more-btn:hover { background-color: var(--ColorSecondary); color: #fff; transition: var(--TransitionDefault);}/*關於我們*/ .about_block { background: #f9f9f9;}.about_block .RWDedictor002 { color: var(--TextColorPrimary);}.RWDedictor002 .section-line { display: none}.RWDedictor002 .RWDedictor002-text { line-height: 2; padding-left: 50px}.RWDedictor002 .section-content { padding: 0px; width: 100% !important;}.img-rounded { border-radius: 0px}.about_btn { display: block; width: 240px; color: var(--TextColorPrimary); margin-top: 50px; border: var(--BorderPrimary); background: transparent; padding: 8px; line-height: 2; text-align: center; transition: var(--TransitionDefault); letter-spacing: 2px;}.about_btn:hover { background: var(--ColorSecondary); color: #fff; transition: var(--TransitionDefault);}.owl-theme .owl-controls .owl-page span { background: var(--ColorSecondary) !important;}.owl-theme .owl-controls { margin-top: 20px !important;}/*四大入口*/ .RWDservice011__head { margin: 0; padding: 0 0 50px;}.RWDservice011 .link_box .title { font-size: var(--FontSizeItemTitle); font-weight: bold;}/*product*/ .product_block { background: #f9f9f9;}.RWDproduct002_v3 { padding: 0px}.RWDproduct002_v3 .section-subject { margin: 0;}.RWDproduct002_v3 .section-line { display: none}.RWDproduct002_v3 .portfolio-item>.inner-content { opacity: 1 !important;}.RWDproduct002_v3 .bounceIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; animation: none;}.RWDproduct002_v3 .showbottom .portfolio-bottom__h4 { font-size: var(--FontSizeHint); letter-spacing: 2px; color: var(--TextColorPrimary); font-weight: 500; margin: 10px 0}.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 { color: var(--ColorSecondary);}.RWDproduct002_v3 .btn-box .btn { width: 240px; color: var(--TextColorPrimary); margin-top: 30px; border: var(--BorderPrimary); background: transparent; padding: 8px; line-height: 2; text-align: center; transition: var(--TransitionDefault); letter-spacing: 2px; border-radius: 0; font-size: var(--BtnFontSize);}.RWDproduct002_v3 .btn-box .btn:hover { background: var(--ColorSecondary); color: #fff; transition: var(--TransitionDefault);}/*相關企業*/ .RWDnews005 .section-subject>.col-md-12 { margin: 0 0 50px;}.RWDnews005 .margin-top-20 { display: none}.RWDnews005 .section-line { display: none}.RWDnews005 .section-subject { width: 100%} /*footer start*/ .footer_block { background: var(--ColorSecondary); color: #fff; padding-top: 3rem;}.footer_block .container { width: 70%; display: flex; align-items: center; justify-content: center; padding: 50px 0 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; color: #824343; padding-bottom: 2rem !important;}.footer_block .ft_copyright .RWDedictor { margin: 0px 10px; line-height: 2;}.ft_copyright { display: flex; align-items: center; justify-content: center; font-size: 12px; padding-bottom: 20px; color: #824343}.copyright_desc,.copyright_desc a,.copyright_desc a:hover { color: #824343}.RWDbtn01 .btn,.RWDbtn01 .btn:hover { color: #fff}.ft_left { width: 50%; display: flex; flex-direction: column;}.ft_left h4 { font-size: 25px; letter-spacing: 2px; font-weight: bold; margin: 0; color: #fff}.ft_left .menu_btn { width: fit-content; border-radius: 0; background: transparent; border: 1px solid #fff; font-size: var(--BtnFontSize); letter-spacing: 2px; font-weight: bold; display: block; margin-top: 20px; padding: 10px 20px; color: #fff; transition: var(--TransitionDefault);}.ft_left .menu_btn:hover { color: var(--ColorSecondary); background: #fff; border: 1px solid #fff; transition:var(--TransitionDefault);}.ft_left .menu_btn i { margin-right: 5px}.ft_left .menu_btn span { margin-left: 10px}.ft_right { line-height: 2; letter-spacing: 2px; color: #fff}.ft_right a { color: #fff;}.RWDsocial001 { background: transparent; padding: 0px; right: 0}#social_media_wrapper a { background-color: #fff; width: 40px; height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; transition: var(--TransitionDefault);}#social_media_wrapper a:hover { opacity: 0.8; transition: var(--TransitionDefault);}#social_media_wrapper a i { font-size: 22px}#social_media_wrapper a:hover,#social_media_wrapper a:active { color: #fff; background: #fff;}.RWDsocial001 .deficon { width: 35px !important; height: 35px !important; margin: 0px !important} /*footer end*/ /*小螢幕 start*/ @media (max-width:1700px) { .footer_block .container { width: 70% } .RWDedictor002 .RWDedictor002-text { padding: 0 30px; }}@media (max-width:1500px) { .banner_block .container { width: 85%; }}@media (max-width:1200px) { .footer_block .container { width: 80% }} /*小螢幕 end*/ /*1024px start*/ @media (max-width: 1024px) { .RWDmenu_plus04 .header { padding: 0px 30px}.RWDmenu_plus04 .menu li a { color: var(--TextColorPrimary);}.RWDmenu_plus04 .features .edit,.RWDmenu_plus04 .features .lang-block { display: block;}.RWDbanner_plus01 .slick-caption .txt1 span { font-size: 32px;}.RWDbanner_plus01 .slick-caption .txt2 span { font-size: 28px;}.RWDbanner_plus01 .slick-caption .txt3 span { font-size: 16px;}.RWDmenu_plus04 .ml-stack-nav-toggle { color: #fff}.ml-stack-nav-toggle__line { background: #fff}.RWDmenu_plus04 .features .edit .menu_btn { padding: 13px; display: flex; align-items: center; flex-direction: column;}.RWDmenu_plus04 .features:after { display: none}.RWDedictor002 .RWDedictor002-text { text-align: left;}.RWDmenu_plus04 .features .edit .menu_btn i { display: none;} } /*1024px end*/ /*991px start*/ @media (max-width: 991px) { .about_btn { margin: 50px auto 0px;}.owl-carousel { margin-bottom: 50px;}.footer_block .container { width: 95%;}.ft_left { width: 40%}.ft_right { width: 60%}.RWDbanner_plus01 .slick-caption.txt-left { top: 15%; transform: none; text-align: center;} } /*991px end*/ /*800px start*/ @media (max-width: 800px) { .RWDnews011 .list-title .t2 { height: 3.5em;}.ft_left {width: 100%;text-align: center;}.ft_right {width: 100%;text-align: center;}.footer_block .container {flex-direction: column;align-items: center;justify-content: center;}.ft_left .menu_btn {margin:20px auto} } /*800px end*/ /*767px start*/ @media (max-width: 767px) { .RWDbanner_plus01 .slick-caption.txt-left {top: 20%;transform: none;text-align: center;}.RWDnews011 .img-view {margin: 0 auto;}.RWDnews011 .news-block .list {padding-top: 50px;}.footer_block .ft_copyright .RWDedictor {margin:0px 5px}.RWDbanner_plus01 .slick-caption .txt3 {margin-top: 40px;}.RWDnews011,.RWDedictor002 .RWDedictor002-text,.row.RWDproduct002_v3_itemblock .col-md-12 { padding: 0;}.RWDmenu_plus04 .logo img { height: calc(var(--NaviHeight) - 60px);}.RWDmenu_plus04 .header { padding: 0 20px;} } /*767px end*/ /*700px start*/ @media (max-width:700px){.ft_copyright {flex-direction: column;}} /*700px end*/ /*600px start*/ @media (max-width: 600px) { .RWDmenu_plus04 .features .edit,.RWDmenu_plus04 .features .lang-block { display: none;}.RWDnews011 .news-block .list { padding: 30px;}.menu-container .RWDedictor { display: block; z-index: 11}.RWDbtn01 .btn-box .col-sm-3 { width: 100%;}.RWDbtn01 { margin-top: 10px; margin-bottom: 30px;}.RWDbtn01 .btn { margin: 0 auto}.owl-pagination { display: block;}.RWDnews011 .news-block .list { padding: 30px 0px;}.menu-container .RWDedictor a span { margin-left: 10px}.RWDnews011 .more-btn { width: 100%}.about_btn { width: 100%}.RWDedictor002 .section-content .col-md-6 { padding: 0;} } /*600px end*/ /*480px start*/ @media (max-width: 480px) { .menu-container .RWDedictor { top: auto; bottom: 0;}.RWDservice011__head { padding: 50px 30px;}.footer_block { padding-bottom: 70px;} } /*480px end*/ /*380px start*/ @media (max-width: 380px){ /*banner*/ .RWDbanner_plus01 .slick-caption .txt1 span {font-size: 26px;color: #fff;letter-spacing: 2px;}.RWDbanner_plus01 .slick-caption .txt2 span {font-size: 20px;color: #fff;letter-spacing: 2px;}.RWDbanner_plus01 .slick-caption .txt3 span {font-size: 16px;color: #fff;letter-spacing: 2px;line-height:2}.RWDbanner_plus01 .slick-caption.txt-left {width:100%}.RWDedictor002 .RWDedictor002-text {padding:0px}.RWDnews011 {padding: 0 5px;} } /*380px end*/