/*共同*/a { color: #b6b6b6; text-decoration: none;}a:hover,a:focus { text-decoration: none; color: #424242;}.cd-main-content { background: #000;}/* 反白顏色設定*/::selection { background: #333; color: #fff;}::-moz-selection { background: #333; color: #fff;}/* 動態效果改成fadeIn*/ .bounceIn { animation-name: fadeInUp; animation-duration: 1s}/* Banner */#RWDfullscreen01 .RWDbanner_plus01 .page-scroll { bottom: 25px;}#RWDfullscreen01 .RWDbanner_plus01 .page-scroll.style03 a { font-size: 13px;}.RWDbanner_plus01 .slick-caption { top: 40%; color: #fff; left: -5%;}.txt1 { font-size: 45px; font-family: 'Noto Serif TC', serif; text-shadow: 0px 2px 4px #000; margin-bottom: 35px; letter-spacing: 3px;}/* 選單*/@media screen and (max-width: 1199px) { #RWDfullscreen01 .cd-main-header .cd-logo { margin-top: 15px; width: 165px; }}.cd-logo { width: 330px; margin-top: 20px;}.RWDmenu_plus02 .inside { background: #000;}.cd-main-header { background: #000;}.cd-primary-nav>li>a { color: #ececec;}.RWDmenu_plus02 .container { width: 100%; padding: 0 5%;}.cd-primary-nav>li>a:hover { color: #ae8636;}li.has-children.buy_button a { color: #ffe087;}.cd-primary-nav .cd-secondary-nav>li>a:hover { background-color: #ae8636; color: #fff;}.cd-primary-nav .cd-secondary-nav>li>a { color: #ae8636;}.cd-primary-nav>.has-children>a::before,.cd-primary-nav>.has-children>a::after { background: #ae8636;}li.has-children.buy_button { position: relative; margin-left: 25px;}li.has-children.buy_button:before { content: ""; background: url(archive/image/customization/icon02.png)no-repeat; width: 21px; height: 50px; background-size: contain; top: 30px; left: -9px; z-index: 99999; position: absolute;}/*區塊*/ .about-section { padding: 130px 0 200px; position: relative;}.product-section { padding: 85px 0; position: relative; background: url(archive/image/customization/5-dots-3.png)}.footerblock { background: rgba(230, 211, 175) !important; position: relative; color: #333; padding: 30px 0;}/*關於我們*/ .RWDright_cont002 .item-first:hover .pic img { transform: scale(1);}.RWDright_cont002 .item-first { background: transparent;}.RWDright_cont002 .item-first .text-box { width: 65%; position: absolute; color: #222; padding: 35px 35px; left: 35%; background: #fde9cadb; height: 536px;}.RWDright_cont002 .item-first .pic { width: 100%; z-index: -2;}.RWDright_cont002 .item-first .text-box .underline { display: none;}.RWDright_cont002 .item-first .text-box { width: 65%; position: absolute; color: #1e1d1c; padding: 55px 50px; left: 35%; background: rgba(251, 241, 224, 0.88);}.RWDright_cont002 .item-first .text-box .title { font-size: 30px; letter-spacing: 1px; font-weight: bold; font-family: 'Noto Serif TC', serif; color: #222;}.RWDright_cont002 .item-first .text-box .subtitle { font-size: 16px; letter-spacing: 7px; margin-top: 15px;}.RWDright_cont002 .item-first .text-box .text { font-size: 15px; letter-spacing: 1px; margin-top: 26px; width: 100%;}.about_title { font-family: 'Noto Serif TC', serif; font-size: 20px; color: #000; letter-spacing: 1px; margin-top: 50px; margin-bottom: 10px;}.about-section:after { content: ""; background: url(archive/image/customization/fl-bg.png)no-repeat; position: absolute; right: 190px; top: 32px; width: 350px; height: 350px; z-index: -1; opacity: 0.25; background-size: contain;}.RWDright_cont002 .item-first .text-box a { border: none; margin-top: 33px; float: right; display: block; padding: 7px 10px; width: 150px; border: none; background: #d6a94c;}.RWDright_cont002 .item-first .text-box a:hover { color: #fff; transition: .3s ease; background: #000;}/**/ .section-inner:before { content: ""; position: absolute; background: url(archive/image/customization/fl-bg3-02.png)no-repeat; width: 600px; height: 505px; left: -335px; top: -260px; background-size: contain; opacity: 0.5; z-index: -2;}.section-inner { position: relative;}.RWDproduct002_v2 h2.sub-title { font-size: 14px; margin: 65px 0 0; color: #c4c4c4; font-weight: lighter; line-height: 2; text-align: right;}.RWDproduct002_v2 .section-line { display: none;}.RWDproduct002_v2 h1.main-title { font-size: 36px; margin: 0px; color: #cdba97; font-family: 'Noto Serif TC', serif; line-height: 1.5; letter-spacing: 1px; float: left; text-align: left; position: relative; border-bottom: 3px solid #cdba97; border-left: 3px solid #cdba97; background: #000; padding: 20px 20px; border-top: 1px solid #222120; border-right: 1px solid #222120;}.RWDproduct002_v2 h1.main-title h8 { font-size: 20px; letter-spacing: 2px;}.portfolio-bottom-summary h4 { font-size: 20px; color: #fff; font-family: 'Noto Serif TC', serif; letter-spacing: 2px; line-height: 2;}.RWDproduct002_v2 .popup-portfolio .portfolio-item { padding: 0 20px; margin-bottom: 50px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item p { line-height: 2; color: #a9a9a9; font-size: 15px;}.RWDproduct002_v2 .section-subject { margin: 0px 0px 100px;}.RWDproduct002_v2 .showbottom:hover .portfolio-bottom h4 { color: #e6c890;}.product-section:after { content: ""; position: absolute; width: 450px; height: 450px; background: url(archive/image/customization/fl-bg2.png)no-repeat; transform: rotate(-180deg); bottom: 0; left: 0; background-size: contain; opacity: 0.2;}.product-section::before { content: ""; position: absolute; width: 450px; height: 450px; background: url(archive/image/customization/fl-bg2.png)no-repeat; transform: rotate(90deg); bottom: 0; right: 0; background-size: contain; opacity: 0.2;}.product-bg { background: url(archive/image/customization/5-dots.png);}.ft-left a { color: #000;}.ft-left { color: #000; line-height: 2;}.line_button a { color: #000; background: transparent; display: inline-block; width: 230px; padding: 10px 0; letter-spacing: 2px; font-size: 17px; font-weight: bold; transition: .3s ease;}.line_button { text-align: center; margin: 10px 0 30px;}.yahoo_button a { color: #000; background: transparent; display: inline-block; width: 230px; padding: 10px 0; letter-spacing: 2px; font-size: 17px; font-weight: bold; transition: .3s ease;}.yahoo_button { text-align: center; margin: 10px 0 30px;}.yahoo_button img { width: 45%;}.right_info { text-align: center; color: #000;}.RWDssl01 { display: inline-block; margin-right: 15px;}.RWDcopyright { display: inline-block; margin-right: 15px;}.copyright_desc,.copyright_desc a { color: #000;}.copyright .RWDedictor { display: inline-block;}.copyright { font-size: 12px; padding-top: 10px; border-top: 1px dotted #333; color: #000;}.ft-title { font-size: 25px; font-family: 'Noto Serif TC', serif; color: #000; margin-bottom: 30px;}.line_title { color: #000; display: inline-block; width: 40%; text-align: left; margin-top: 20px;}.right_info img { width: 55%; text-align: center; display: inline-block; margin: 0 auto; margin-bottom: 10px;}.right_info .col-sm-4:last-child:after { display: none;}.right_info .col-sm-4:after { content: ""; position: absolute; background: #71685a; width: 1px; height: 62px; top: 20px; right: 0;}.right_info .col-sm-4 { position: relative;}.line_img { width: 60%; float: left;}.fix-block { position: fixed; right: 15px; bottom: 0px; z-index: 21;}.copyright_desc a:hover { color: #000;}.RWDsocial002 .iconRounded:hover,.color1 .iconRounded:hover { background-color: #81ca83; color: #fff;}.RWDsocial002 ul.socialNetwork { margin-bottom: 0;}.RWDsocial002 .iconRounded { color: #fff; border: 1px solid #00c300; width: 150px; border-radius: 8px; background: #00c300; height: 40px; padding: 0; margin: 0;}.RWDsocial002 .iconRounded:before { margin: 0; text-align: left; line-height: 40px; font-size: 22px; position: relative; left: -5px;}.RWDsocial002 .iconRounded::after { content: 'LINE客服'; font-family: '微軟正黑體', sans-serif; font-size: 15px; letter-spacing: 2px; font-weight: bold; line-height: 45px; position: relative; top: -6px; left: 10px;}/*___________20240119_新增影片區塊______________*/ .video-section .container { padding: 0;}.RWDvideo003 .text_box { background-color: #ffffff24;}.RWDvideo003 .video_box iframe { height: 18.2vw;}.RWDvideo003 .main_title { color: #cdba97; font-family: 'Noto Serif TC', serif;}.RWDvideo003 .text { color: #c4c4c4;}.RWDvideo003 .sub_title { font-size: 16px; color: #ffffffcb; font-family: 'Noto Serif TC', serif;}/*****【打開編輯器】如需要打開請備註掉以下語法--開始 1920/1600/1300也有需備註請注意*****/ .RWDvideo003 .text_box{ display: none;}.RWDvideo003 .video_box { width: 100%;}.RWDvideo003 .video_box iframe { height: 28.2vw;}/*****【打開編輯器】如需要打開請備註掉以下語法--結束*****/ /*內頁 start*/ /*共同*/ .page_wrapper_bg section.call_to_action {min-height: 750px !important;padding: 15px 0 110px;}/*文字*/ .page_wrapper_bg .pagecontent {font-size: 15px;letter-spacing: 1.5px;line-height: 27px;color: #fff;border-radius: 20px;}.page_wrapper_bg .pagecontent a {font-size: 15px;letter-spacing: 1.5px;line-height: 27px;color: #fff;}.page_wrapper_bg .pagecontent a:hover {color:#fff;}.page_wrapper_bg .pagecontent ul {padding-left: 22px;}.page_wrapper_bg .pagecontent ol {padding-left: 24px;}.page_wrapper_bg .pagecontent h4 {line-height: 30px;color: #d6a94c;border-bottom: 1px solid #d6a94c;padding-bottom: 10px;margin-bottom: 15px;}.page_wrapper_bg .pagecontent h5 {font-size: 18px;font-weight: bold;line-height: 22px;padding-bottom: 2px;letter-spacing: 2px;}/*最新消息*/ .page_wrapper_bg .layoutlist_8 .item {padding: 30px 0px 50px;margin-bottom: 40px;border-bottom: 1px solid #544220;}.page_wrapper_bg .layoutlist_8 .list_subject a {font-size: 17px !important;line-height: 1.7 !important;color: #f6d65d !important;padding: 10px 0;letter-spacing: 1px;transition: 0.2s;}.page_wrapper_bg .layoutlist_8 .list_subject .summary a {color: #fff !important;border-bottom: 0 !important;font-size: 15px !important;}.page_wrapper_bg .layoutlist_8 .listdate .day {font-size: 32px;color: #f6d65d}.page_wrapper_bg .layoutlist_8 .listdate {border:0px;}.page_wrapper_bg .layoutlist_8 .listdate .yearmonth {padding-bottom: 20px;color: #fff;}.page_wrapper_bg .layoutlist_8 .list_subject a:hover {opacity:0.8;}/*標題*/ .hgroup h1 {letter-spacing: 5px;margin-top: 25px;font-weight: 600;color: #fff;line-height: 34px;text-align: center;font-size: 28px;font-family: 'Noto Serif TC', serif;}.hgroup .breadcrumb {letter-spacing: 2px;background: transparent;border: 0px;float: none !important;text-align: center;position: relative;top: 0px;padding: 0px;margin-top: 15px;margin-right: 5px;}.hgroup .container {border: 0px;}.hgroup .breadcrumb a {color: #fff;}.hgroup .breadcrumb {color: #fff;}/*按鈕*/ .page_wrapper_bg .ebtn, .page_wrapper_bg .btn.btn_back {float: right;padding: 0px;margin: 0px;background: transparent;}.page_wrapper_bg .ebtn a, .page_wrapper_bg .btn.btn_back a {padding: 8px 15px;background: #d6a94c;font-size: 14px;line-height: 20px;transition: 0.3s;display: block;color: #000;}.page_wrapper_bg .ebtn a:hover, .page_wrapper_bg .btn.btn_back a:hover {background: #fff;color: #000;}/*頁尾*/ .page_wrapper_bg section.call_to_action {position: relative;}.page_wrapper_bg section.call_to_action::after {content: "";position: absolute;width: 200px;height: 200px;background: url(archive/image/customization/fl-bg2.png)no-repeat;transform: rotate(-180deg);bottom: 0;left: 0;background-size: contain;opacity: 0.2;}.page_wrapper_bg section.call_to_action::before {content: "";position: absolute;width: 200px;height: 200px;background: url(archive/image/customization/fl-bg2.png)no-repeat;transform: rotate(90deg);bottom: 0;right: 0;background-size: contain;opacity: 0.2;}/*聯絡我們*/ .form-horizontal .form-group {margin-bottom: 30px;}.customized_columns ._input, .customized_columns select {border-radius: 0px;}.eformsDesc {border: 0px;margin-bottom: 50px;}.con-box {background: #212121;padding: 50px 50px 50px 80px;}/*關於我們*/ .page_wrapper_bg .pagecontent .ab-box h4 {border-bottom: 3px solid #cdba97;border-left: 3px solid #cdba97;padding: 10px 15px;margin-bottom: 20px;background: #ffffff14;letter-spacing: 3px;font-family: 'Noto Serif TC', serif;}.ab-box.box02 {margin-top: 100px;}/*側選單*/ .m2018 .products-nav .nav-title {background: #d6a94c;letter-spacing: 2px;margin-bottom: 0 !important;color: #fff;font-size: 18px;text-align: center;padding: 12px 10px;line-height: 28px;}.m2018 .products-nav>ul>li.active {background: #000;}.m2018 .products-nav>ul>li {margin-bottom: 0;border-bottom: 2px solid #000;padding-bottom: 0;background: #ffffff1f;padding: 3px 0 3px 10px;}.m2018 .products-nav>ul>li>a {color: #fff;}.m2018 .products-nav a {font-size: 15px;padding: 5px 0;color: #fff;display: block;padding: 10px;letter-spacing: 2px;}.m2018 .products-nav ul li>ul>li>a {transition: 0.3s;}.m2018 .products-nav ul li>ul>li.active>a, .m2018 .products-nav ul li>ul>li.is-open>a, .m2018 .products-nav ul li>ul>li:hover>a, .m2018 .search-box .ibtn:hover{ color: #d6a94c;}.m2018 .products-nav>ul>li:hover {background: #333;}.m2018 .products-nav>ul>li.active:hover {background: #000;}.m2018 .products-nav .toggle-submenu::after {top: 65%}/*服務項目*/ .page_wrapper_bg .layoutlist_7 .subject, .page_wrapper_bg .layoutlist_7 .subject a {color: #fff;}.page_wrapper_bg .layoutlist_7 .cdate, .page_wrapper_bg .layoutlist_7 .cdate a {display: none;}.page_wrapper_bg .layoutlist_7 .litem {margin-bottom: 20px;}.page_wrapper_bg .layoutlist_7 .litem img {transition: 0.5s;}.page_wrapper_bg .layoutlist_7 .litem:hover img {transform: scale(1.05);}.page_wrapper_bg .pagecontent .article_model[data-seq="0"] {margin: 0 0 40px;}/*客戶成功案例*/ .layoutlist_2 .album_item a {transition: 0.5s;}.layoutlist_2 .album_item a:hover {background: #0e0e0e;}.album_d_item a {border-bottom: 1px solid #464646;}.page .page_active, .page ul li a:hover {background-color: #505050;}.page_wrapper_bg .pagecontent .page a {background: #2b2b2b;}.page_wrapper_bg .album_d_item a {border-bottom: 1px solid #353535;}/* 匯入SEO Blog*//* 共通設定 */:root { /* 文字大小 */ /* 螢幕2560px-767px 大小45px-26px */ --font-size-h1: clamp(1.625rem, 1.117rem + 1.0597vw, 2.8125rem); /* 螢幕2560px-767px 大小30px-22px */ --font-size-h2: clamp(1.375rem, 1.1611rem + 0.4462vw, 1.875rem); /* 螢幕2560px-767px 大小26px-20px */ --font-size-h3: clamp(1.25rem, 1.0896rem + 0.3346vw, 1.625rem); /* 螢幕2560px-767px 大小22px-18px */ --font-size-h4: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem); /* 螢幕2560px-767px 大小20px-16px */ --font-size-h5: clamp(1rem, 0.8931rem + 0.2231vw, 1.25rem); /* 螢幕2560px-767px 大小17px-16px */ --font-size-h6: clamp(1rem, 0.9733rem + 0.0558vw, 1.0625rem); /* 螢幕2560px-767px 大小17px-15px */ --font-size-p: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem); /* 顏色 */ --blog-main-color: var(--main-color); --blog-sub-color: var(--sub-color); --blog-content-bg: #cbcbcb; --text-main-color: var(--main-color); --text-sub-color: var(--txt-color); --gradient-bg-main: linear-gradient(24deg, rgba(16, 70, 174, 1) 0%, rgba(132, 0, 151, 1) 100%); --gradient-bg-mark: linear-gradient(180deg, #ba313100 50%, #a9444221 0); /* 按鈕 */ --btn-color: white; --btn-border-color: white; --btn-bg: var(--MainColor); --btn-hover-color: #000; --btn-hover-border-color: #000; --btn-hover-bg: white; --btn-border-badius: 99em; --btn-width: 200px; --btn-height: 50px; --btn-font-size: 17px; --btn-margin-top: max(2vw, 2rem); /* 間距 */ --section-padding: clamp(2rem, 0.7167rem + 2.6771vw, 5rem); --block-padding: max(3vw, 1.5rem); --title-bottom: 1rem; /* 其他 */ --border-color: #dedede; --blog-sticky-top: 86px;}/* 列表、內頁通用 */ .blogcontent .collapsing_header .main { overflow: unset;}.blog__container,.blog-wrap { margin: 0 auto;}/* 列表 */ .blog_menus { font-weight: 700; letter-spacing: 2px; color: var(--text-main-color);}.blog-item__go { color: var(--text-main-color); border-color: var(--text-main-color);}.blog-item__go:hover { background-color: var(--blog-main-color); color: #fff;}/* 內頁 */ .blog1 { scroll-behavior: smooth; scroll-padding-top: var(--section-padding);}.blogcontent .hgroup .container { border: 0;}.blogcontent .page_subject { padding: 0px;}.blog__title { color: var(var(--text-main-color)); line-height: 1.5; font-size: calc(var(--font-size-h1)); margin: 0 0 1.5rem; padding: 1.5rem 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); font-weight: 600; letter-spacing: 1.5px;}.blog__content h2 { font-size: var(--font-size-h2); line-height: 1.5; letter-spacing: 0; font-weight: 600; margin: var(--section-padding) 0 var(--title-bottom); color: var(--text-main-color);}.blog__content h2+h3,.blog__content h2+ul { margin-top: calc(var(--section-padding)/2);}.blog__content>#heading-1 { margin-top: 0;}.blog__content h3 { font-size: var(--font-size-h3) !important; font-weight: 600; color: var(--text-main-color); margin: var(--section-padding) 0 var(--title-bottom);}.blog__content h4 { font-size: var(--font-size-h4); color: var(--text-main-color); margin: var(--section-padding) 0 var(--title-bottom);}.blog__content h5 { font-size: var(--font-size-h5); color: var(--text-sub-color); margin: var(--title-bottom) 0 var(--title-bottom);}.blog__content h6 { font-size: var(--font-size-h6); color: var(--text-sub-color); margin: var(--title-bottom) 0 var(--title-bottom);}.blog__content,.blog__content p { font-size: var(--font-size-p); letter-spacing: 1px; color: var(--text-sub-color);}.blog__content ol,.blog__content ul { margin: 2rem 0; list-style-position: inside; padding-left: 0;}.blog__content ol>li,.blog__content ul>li { border-bottom: 1px dashed #888888a8; padding: 0 0 1rem; margin: 0 0 1rem;}.blog__content ol li::marker { font-weight: bold;}.blog__content ol>li:last-child,.blog__content ul>li:last-child { border: 0; padding: 0; margin: 0;}.blog__content ul h3 { margin-top: 0;}.blog__content img { margin: 2rem auto; border: 1px solid #b9b9b9; width: 100%;}/* 樣式 */ .blog__content a { color: var(--blog-main-color); text-decoration: underline;}/* 畫重點 */ .blog__content strong em,.blog__content em strong { position: relative; margin-right: 5px; background: var(--gradient-bg-mark); font-style: normal; font-weight: 400;}.blog__content blockquote p { margin: 0 0 calc(var(--section-padding)/2) 0;}.blog__content .mark-block { padding: max(2vw, 1.5rem) max(2.5vw, 1.5rem); margin-bottom: calc(var(--section-padding)/2);}.blog__content .mark-block-1 { border: 1px solid var(--border-color);}.blog__content .mark-block-2 { border: 1px solid var(--border-color); border-radius: 1rem;}.blog__content .mark-block-3 { border: 1px dashed var(--border-color);}.blog__content .mark-block-4 { border: 1px dashed var(--border-color); border-radius: 1rem;}.blog__content .mark-block-5 { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}.blog__content .mark-block-6 { border-top: 1px dashed var(--border-color); border-bottom: 1px dashed var(--border-color);}.blog__content .mark-bg { background: #ffffff4f; border-color: #808080;}.blog__content .mark-tip { border-left: 4px solid var(--blog-main-color);}.blog__content .text-mark { display: inline-block; border: 1px solid #dedede; border-radius: 5px; padding: 3px 10px; color: var(--text-main-color); background: #f3f3f3; line-height: 1.4; margin: 2rem 0 10px; font-weight: 500;}.blog__content .text-mark+ul { margin-top: 0;}/* 分隔線 */ .blog__content hr { border-top: 1px solid var(--border-color); margin-block: var(--section-padding);}.blog__content hr.small-margin { margin-block: calc(var(--section-padding)/2);}.blog__content hr.hr-dashed { border-top: 1px dashed var(--border-color);}.blog__content hr+h2,.blog__content hr+h3,.blog__content hr+h4,.blog__content hr+h5 { margin-top: 0;}/* 表格 */ .rwd_table { margin: 1rem 0 2rem; position: relative;}.rwd_table .rwd_table_compare { width: 100%; overflow-x: auto; border-collapse: collapse; position: relative; background: rgb(208 219 240 / 14%);}.rwd_table .rwd_table_compare table { border-collapse: separate; border-spacing: 1px; border: 0; position: relative; table-layout: auto; width: 100%;}.rwd_table .rwd_table_compare td { white-space: inherit; border: 1px solid #cacaca; background: #efedf0; color: var(--text-main-color); font-size: var(--font-size-p); padding: 10px 20px; text-align: left; font-weight: 400; place-content: baseline;}.rwd_table .rwd_table_compare_2 table { table-layout: fixed;}.rwd_table .rwd_table_compare_2 tr:nth-child(odd) td,.rwd_table .rwd_table_compare_1 tr:nth-child(odd) td { background: #e2e2e2;}.rwd_table :is(.rwd_table_compare_1, .rwd_table_compare_2, .rwd_table_compare_4) tr:nth-of-type(1) td,.rwd_table .rwd_table_compare_1 tr td:nth-of-type(1) { font-weight: bold; background: #5d5d5d; color: white;}.rwd_table :is(.rwd_table_compare_1, .rwd_table_compare_2, .rwd_table_compare_4) tr:nth-of-type(1) td,.rwd_table .rwd_table_compare_1 tr td:nth-of-type(1) { font-size: var(--font-size-h5); color: white; white-space: nowrap; z-index: 0;}.rwd_table .rwd_table_compare .table-td-bg { background: #5d5d5d; font-weight: bold; color: white; z-index: 10;}/* 表格手手 */ .rwd_table .slide-hint .hint-icon { width: 60px; background: #fff; padding: 15px; border-radius: 50%; aspect-ratio: 1 / 1; position: relative;}.rwd_table .slide-hint .hint-icon img { position: relative; margin: 0; border: 0; width: 100%; display: block;}.rwd_table .slide-hint { position: absolute; width: 100%; height: 100%; background: #00000070; display: flex; align-items: center; justify-content: center; top: 0; left: 0; opacity: 0; transition: .3s ease; pointer-events: none !important; z-index: 10;}.rwd_table .table-td-bg,.rwd_table .rwd_table_compare_1 td:first-of-type { position: sticky; left: 0;}.rwd_table:hover .slide-hint { opacity: 0;}/* 內頁大綱 */ .blog__outline { margin: 0 6vw 0 1vw; max-width: 450px; min-width: 320px;}.blog__outline__title { font-weight: 600; letter-spacing: 3px; margin: 0 0 1rem;}.blog__outline__a { border-left: 2px solid #88888836; padding: 1rem 1.5rem;}.blog__outline__h2>.blog__outline__a { font-weight: 600; padding: 10px 1.5rem; width: 100%;}.blog__outline__a.active { background-color: white; border-left: 3px solid var(--sub-color); color: var(--main-color); font-weight: 600;}.blog__outline__h3>.blog__outline__a { padding: 0.5rem 1.5rem; padding-left: 3em;}/* 文章推薦 */ .blog-rel-wrap .blog-rel-link .btn-title { font-size: var(--font-size-h5); -webkit-line-clamp: 2; line-height: 1.5;}.blog-item__title__a { line-height: 1.5; font-weight: 700; font-size: var(--font-size-h4); color: var(--text-main-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}.blog-item__summary { font-size: var(--font-size-p); line-height: 2; letter-spacing: 0; margin: 0; color: var(--text-sub-color); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; max-height: none;}.blog-item__cate__a { font-size: 15px; color: var(--blog-sub-color);}.blog__container .btn.btn_back { max-width: unset; margin-top: 0;}.blog__container .btn.btn_back a { float: unset; margin-left: auto;}.blog__outline__h3>.blog__outline__a:focus { color: var(--blog-main-color);}/* cta */ .blog__content .cta-block { text-align: center; padding: max(4vw, 1.5rem); background: var(--blog-main-color); background: var(--gradient-bg-main); margin-top: var(--section-padding); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff;}.blog__content .cta-block h3 { margin: 0 0 1rem; padding: 0; color: #ffffff; line-height: 1.5;}.blog__content .cta-block p { color: #fff; font-size: var(--font-size-p);}.blog__content .cta-block .cta-btn { width: var(--btn-width); height: var(--btn-height); font-size: var(--btn-font-size); padding: 10px; background: transparent; border-radius: var(--btn-border-badius); color: #fff; position: relative; text-align: center; margin: 0; border: 1px solid var(--btn-border-color); margin-top: var(--btn-margin-top); transition: .3s ease; text-decoration: unset; display: flex; align-items: center; justify-content: center;}.blog__content .cta-block.cta-block-2 { border-radius: 1em; overflow: hidden;}.blog__content .cta-block .cta-btn-2 { border-radius: 0;}.blog__content h1,.blog__content h2,.blog__content h3,.blog__content h4 { scroll-margin-top: var(--blog-sticky-top);}@media (hover:hover) { .blog__content .cta-btn:hover { background: var(--btn-hover-bg); color: var(--btn-hover-color); border-color: var(--btn-hover-border-color); transition: .3s ease; } .blog__outline__a:hover { color: var(--blog-main-color); } .blog__content a:hover { color: var(--text-main-color); } .blog-item__title__a:hover, .blog-item__title__a:focus, a.blog-rel-link:hover, a.blog-rel-link:focus { color: var(--blog-main-color); }}@media (max-width: 1920px) { .blog__container, .blog-wrap { width: 85%; }}@media (max-width: 1680px) { .blog__container, .blog-wrap { width: 90%; }}@media (max-width: 1440px) { /* 表格 */ .rwd_table .rwd_table_compare_2 td, .rwd_table .rwd_table_compare_3 td:not(:first-child), .rwd_table .rwd_table_compare_4 td:not(:first-child), .rwd_table .rwd_table_compare_1 td:not(:first-child) { min-width: 18vw; } .blog__outline { min-width: 250px; max-width: 400px; margin: 0 3vw 0 0; } .blog__outline__h3>.blog__outline__a { padding-left: 2rem; } .blog__outline__h2>.blog__outline__a { padding: 10px 1rem; } .rwd_table .rwd_table_compare_2 table { table-layout: auto; }}@media (max-width: 1199px) { .blog__container, .blog-wrap { width: 85%; } .blog__head .blog__tags.hashtag_block { justify-content: flex-start; } .blog-rel-wrap .blog-rel-link .btn-subtitle { display: none; } .blog-rel-wrap .blog-rel-link .btn-icon { width: 40px; height: 40px; } .blog-rel-wrap .blog-rel-item.item-next .blog-rel-link { padding-right: 40px; } .blog-rel-wrap .blog-rel-item.item-prev .blog-rel-link { padding-left: 40px; } .blog-rel-wrap .blog-rel-link .btn-icon.right { margin-right: 0; } .blog-rel-wrap .blog-rel-link .btn-icon.left { margin-left: 0; } .blog__outline__h3>.blog__outline__a { padding: 10px; padding-left: 1.5rem; width: 100%; }}@media (max-width: 1024px) { :root { --blog-sticky-top: 80px; } .blog_menus { border-bottom: 1px solid var(--border-color); padding: 1rem 0; margin-bottom: 1rem; }}@media (max-width: 991px) { .blog__body__container { flex-direction: column; } .blog__body__content { flex: auto; width: 100%; } .blog__outline { max-width: none; min-width: auto; width: 100%; margin: 0 0 5vw; top: auto; position: relative; border: 0; } .blog__info { margin: 0; } .blog__title { margin: 0 0 2rem; } .blog_nav { max-width: none; } /* 表格 */ .rwd_table .rwd_table_compare_2 td, .rwd_table .rwd_table_compare_3 td:not(:first-child), .rwd_table .rwd_table_compare_4 td:not(:first-child), .rwd_table .rwd_table_compare_1 td:not(:first-child) { min-width: 25vw; } .rwd_table .rwd_table_compare_2 table { table-layout: auto; }}@media (max-width: 768px) { .blog__info__author, .blog__info__date-published { margin-right: 10px !important; } .blog__outline { border: none; padding: 0; } .blog__outline__a { padding: .75em .75em .75em 1em; }}@media (max-width: 767px) { .blog__info { flex-direction: row; } /* 表格 */ .rwd_table .rwd_table_compare_2 td, .rwd_table .rwd_table_compare_3 td:not(:first-child), .rwd_table .rwd_table_compare_4 td:not(:first-child), .rwd_table .rwd_table_compare_1 td:not(:first-child) { min-width: 20vw; } .rwd_table .rwd_table_compare_2 td { min-width: 35vw; } /* 畫重點 */ .blog__content .mark-block-6, .blog__content .mark-block-5 { padding-inline: 0; background: transparent; }}@media (max-width: 700px) { .blog_top_list .blog-item { width: 100%; margin: 0 0 40px; flex: unset; } .blog_top_list { margin-bottom: 0; gap: 0; }}@media (max-width: 650px) { :root { --btn-width: 100%; } .blog__title { letter-spacing: 1px; line-height: 1.5; } .blog__info { flex-wrap: wrap; display: flex; justify-content: flex-start; } .blog__outline__h2>.blog__outline__a, .blog__outline__h3>.blog__outline__a { padding: 5px 1rem; background-color: transparent; } .blog__outline__h2>.blog__outline__a.active, .blog__outline__h3>.blog__outline__a.active { background: transparent; border-left: 2px solid var(--blog-main-color); } .blog-rel-wrap .blog-rel-link .btn-icon { width: 20px; height: 20px; } .blog-rel-wrap .blog-rel-item.item-next .blog-rel-link { padding-right: 20px; } .blog-rel-wrap .blog-rel-item.item-prev .blog-rel-link { padding-left: 20px; } /* 表格 */ .rwd_table .rwd_table_compare td { padding: 10px 15px; } .rwd_table .rwd_table_compare_4 tr td:nth-of-type(1), .rwd_table .rwd_table_compare_1 tr td:nth-of-type(1) { white-space: unset; min-width: 120px; } .rwd_table .rwd_table_compare_2 td, .rwd_table .rwd_table_compare_3 td:not(:first-child), .rwd_table .rwd_table_compare_4 td:not(:first-child), .rwd_table .rwd_table_compare_1 td:not(:first-child) { min-width: 45vw; }}@media (max-width: 480px) { .blog__outline__h3>.blog__outline__a { padding-left: 1rem; }} /*內頁 end*/ /*小螢幕 start*/ @media (max-width: 1920px) { /*240119_【打開編輯器】如需打開編輯器請備註掉以下語法__開始*/ .RWDvideo003 .video_box iframe { height: 35.2vw; } /*240119_【打開編輯器】如需打開編輯器請備註掉以下語法__結束*/}@media (max-width: 1600px) { /*240119_新增影片區塊_修*/ .RWDvideo003 .video_box iframe { height: 28.2vw; } /*240119_【打開編輯器】如需打開編輯器請備註掉以下語法__開始*/ .RWDvideo003 .video_box iframe { height: 38.2vw; } /*240119_【打開編輯器】如需打開編輯器請備註掉以下語法__結束*/}@media (max-width: 1500px) { .RWDbanner_plus01 .slick-caption { left: 0; } .section-inner:before { width: 470px; height: 505px; left: -160px; top: -292px; }}@media (max-width: 1300px) { /*240119_新增影片區塊_修*/ .RWDvideo003 .video_box iframe { height: 39.2vw; } /*240119_【打開編輯器】如需打開編輯器請備註掉以下語法__開始*/ .RWDvideo003 .video_box iframe { height: 56.2vw; } /*240119_【打開編輯器】如需打開編輯器請備註掉以下語法__結束*/}@media (max-width: 1280px) { .cd-logo { width: 280px; }}@media (max-width: 1200px) { #RWDfullscreen01 .container { width: 95%; } .cd-primary-nav .cd-secondary-nav>li>a:hover { background-color: transparent; color: #ececec; } .cd-primary-nav.nav-is-visible .cd-secondary-nav a { color: #ececec; } .cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before { background: #ece7de; } nav.cd-nav ul .close-btn:after, nav.cd-nav ul .close-btn:before { background: #ece7de; } .cd-main-header { padding: 0 2%; } .cd-primary-nav .go-back a::after, .cd-primary-nav .go-back a::before { background: #fff; } .RWDright_cont002 .item-first .text-box { height: 480px; } .about_title { margin-top: 25px; } .about-section:after { right: 0; opacity: 0.5; } .product-section:after { opacity: 0.5; z-index: -1; } .RWDproduct002_v2 .section-subject { margin: 0px 0px 80px; } .RWDproduct002_v2 h1.main-title { float: none; text-align: center; width: fit-content; margin: 0 auto; } .section-inner:before { width: 420px; height: 550px; left: 100px; top: -196px; opacity: 0.45; } .cd-primary-nav a, .cd-primary-nav ul a { border-bottom: 1px solid #505050; } .cd-primary-nav, .cd-primary-nav ul { background: #000; } nav.cd-nav .bottom-copyright { display: none; } li.has-children.buy_button:before { display: none; } nav.cd-nav ul .close-btn { color: #c1c1c1; } .about-section { padding: 130px 0; } .RWDproduct002_v2 h2.sub-title { margin: 35px 0 0; text-align: center; } .product-section { padding: 85px 0 0px; }}@media (max-width: 1199px) { /*240119_新增影片區塊_修*/ .RWDvideo003 .box { padding: 55px 0px 20px; text-align: center; } .RWDvideo003 .sub_title, .RWDvideo003 .main_title { width: 100%; }}@media (max-width: 991px) { /*240119_新增影片區塊_修*/ .RWDvideo003 .video_box iframe { height: 55.2vw; }}/*---------------內頁---------------*/@media (max-width: 1199px) { .page_wrapper_bg .collapsing_header .cd-main-header .cd-logo { margin-top: 15px; width: 165px; } .page_wrapper_bg .cd-main-header { padding: 0 2%; } .page_wrapper_bg .footerblock>.container { width: 95% !important; } .page_wrapper_bg section.call_to_action { min-height: 600px !important; }} /*小螢幕 end*/ /*Pad橫向 start*/ @media (max-width:1024px){ /**/ .RWDmenu_plus02 .member-block{margin-top: 11px;margin-right: 20px;}/**/#RWDfullscreen01 .RWDbanner_plus01 .slick-slider{margin: 0px 30px;}/**/ .navbar-nav > li > a{padding: 7px;margin-top:28px}.RWDright_cont002 .item-first .text-box {position: static;width:100%;height: auto;padding: 35px 30px;}.about-section {padding: 130px 0 100px;}#m_RWDfullscreen01_2_1 > div {width: 100%;}.RWDright_cont002 .item-first .pic{width:100%;}.ft-title {margin-bottom: 10px;}.ft-left {text-align: center;margin-bottom: 30px;}.copyright {text-align: center;}.txt1 {font-size: 40px;}.line_title a { color: #000;}.section-inner:before{width: 420px;height: 385px;left: 80px;top: -220px;}/*-------------------------內頁-----------------------*//*客戶成功案例*/ .layoutlist_2 .album_item {height: 220px !important;} } /*Pad橫向 end*/ /*選單變化 start*/ @media (max-width: 800px) { /* 選單*/ .navbar-nav{margin:0}.mobile_language .lang_text{background-color:transparent;color:#b6b6b6}.RWDMenu001 .logo_img{height:70px}.navbar-toggle{margin-top:21px} } /*選單變化 end*/ /*pad版 start*/ @media (max-width: 768px) { /*配置*/ .main .container{padding-right: 15px;padding-left: 15px;}/*漢堡*/ .navbar-default .navbar-toggle {border-color: transparent;}.navbar-default .navbar-toggle.in {background-color: transparent !important;}.RWDMenuIcon001 ul.nav li ul{width:100%;position:relative;top:0px;}.navbar-nav{margin: 7.5px 0px;}.navbar-nav > li > a{padding-top: 11px;padding-bottom: 11px;}.navbar-default .navbar-toggle.in {background-color: transparent !important;}.navbar-toggle{padding-right:0px;}.navbar-header {padding-right: 0px;}.mobile_language {margin-bottom: 25px;}/* 關於我們*/ .RWDleft_cont002 .item-second .text-box .title{font-size:26px}.about-section{padding-bottom:50px}.index-about p{width:80%}section.article-text p{line-height:30px;font-size:14px}.RWDright_cont002 .item-first .text-box{position: static;width:auto;padding: 40px 35px;}.RWDright_cont002 .item-first .pic{width:100%;}.RWDbanner_plus01 .slick-caption.txt-left {text-align: center;}.RWDbanner_plus01 .slick-caption {top: 55%;}.section-inner:before {width: 300px;height: 550px;left: 0;top: -150px;}.right_info img {width: 35%;display: block;}.yahoo_button a {width: 170px;}.line_button a {width: 170px;}.line_title { display: block;width: 100%;margin-top:1 0px;text-align: center;}.line_img {width: 100%;}.RWDproduct002_v2 {padding: 0;}.fix-block {right: 20px;bottom: 0px;}.line_title {font-size: 13px;}/*-------------------------內頁-----------------------*//*共同*/ .page_wrapper_bg section.call_to_action {min-height: 600px !important;padding: 15px 0 80px;}.page_wrapper_bg section.call_to_action::before {width: 160px;height: 160px;}/*按鈕*/ .page_wrapper_bg .btn_back {width: 20%;margin: 80px 0px 0px;}.page_wrapper_bg .ebtn {width: 20%;}/*側選單*/#sidebar {margin-bottom: 30px;padding: 0px 15px;}.page_wrapper_bg .layoutlist_7 .litem {margin-bottom: 50px;}/*關於我們*/ .ab-img {display: none;}.ab-box.box02 {margin-top: 55px;}/*聯絡我們*/ .con-box {padding: 30px 15px;} } /*pad版 end*/ /*phone版 start*/ @media (max-width: 480px) { /*關於我們*/ .RWDright_cont002 .item-first .text-box {padding: 65px 30px;box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.13);}/*產品*/ .RWDproduct002_v2 .col-sm-4{width: 100%;}#RWDfullscreen01 .container {width: 100%;}.txt1 {font-size: 20px;margin-bottom: 15px;letter-spacing: 1px;}.RWDbanner_plus01 .slick-caption {font-size: 15px;}.about-section:after {display: none;}.RWDright_cont002 .item-first .text-box {padding: 30px 19px;}.RWDright_cont002 .item-first .text-box .title {font-size: 20px;letter-spacing: 1px;line-height: 2;}.about_title {font-size: 17px;margin-top: 30px;margin-bottom: 5px;}.RWDright_cont002 .item-first .text-box a {margin-top: 20px;width: 100%;}.RWDproduct002_v2 h1.main-title h8 {font-size: 15px;letter-spacing: 1px;}.RWDproduct002_v2 h1.main-title {font-size: 25px; padding: 15px 10px;}.RWDproduct002_v2 .section-subject {margin: 0px 0px 40px;}.RWDproduct002_v2 h2.sub-title {margin: 25px 0 0;color: #fff;font-size: 13px;}.section-inner:before { width: 200px; height: 300px; left: -30px; top: -140px;}.footerblock {padding: 30px 0 60px;}.about-section { padding: 70px 0;}.RWDproduct002_v2 .popup-portfolio .portfolio-item { padding: 0 7px; margin-bottom: 25px; margin-bottom: 49px;}.RWDproduct002_v2 .popup-portfolio .portfolio-item p {color: #e0dcdc;font-size: 14px;letter-spacing: 1px;}.portfolio-bottom-summary h4 {font-size: 18px;letter-spacing: 1px; line-height: 1.8;}.product-section:after {width: 250px;height: 250px;}.RWDproduct002_v2 .popup-portfolio {margin: 0;}.ft-left {font-size: 14px;}.right_info img {display: inline-block;}.right_info .col-sm-4:after {display: none;}.line_button {margin: 5px 0;}.yahoo_button {margin: 5px 0;}.copyright { font-size: 12px; padding-top: 5px; border-top: 1px dotted #333; color: #000; margin-top: 20px;}.fix-block-xs { background: #6ba76c; position: fixed; bottom: 0; width: 100%; z-index: 21; padding: 7px 0; text-align: center; color: #fff;}.fix-block-xs a { color: #fff; font-size: 20px; font-weight: bold;}.fix-block{display: none;}.RWDproduct002_v2 .popup-portfolio .portfolio-item {margin-bottom: 10px;}/*----------------------------內頁---------------------------------*//*共同*/ .page_wrapper_bg .banner-block {margin-top: 0px;}.page_wrapper_bg section.call_to_action>.container {padding-left: 10px;padding-right: 10px;}.page_wrapper_bg section.article-text.rwd>.container {padding: 0px 10px;}.page_wrapper_bg section.call_to_action::before, .page_wrapper_bg section.call_to_action::after {display:none;}.page_wrapper_bg section.call_to_action {padding: 15px 0 70px;}/*文字*/ .page_wrapper_bg .pagecontent h4 {font-size: 17px;line-height: 28px;}/*按鈕*/ .page_wrapper_bg .btn_back {width: 100%;margin: 40px 0px 0px;}.page_wrapper_bg .ebtn {width: 100%;}/*標題*/ .hgroup h1 {font-size: 21px;margin-bottom: 10px;letter-spacing: 2.5px;}.hgroup .container {margin-top: 0px;}/*服務項目*/ .page_wrapper_bg .layoutlist_7 .litem:hover img {transform: scale(1);}/*客戶成功案例*/ .layoutlist_2 .album_item {height: auto !important;margin-bottom: 25px;}.album_d_item {width: 100%;}/*最新消息*/ .page_wrapper_bg .layoutlist_8 .listdate .day {font-size: 12px;color: #fff;}.page_wrapper_bg .layoutlist_8 .item {padding: 30px 0px 0px;}/*聯絡我們*/ .con-box {padding: 15px 0px 20px;}.con-txt {margin-bottom: 25px;}.con-line img {width: 70% !important;height: auto !important;} } /*phone版 end*/ /*iphone5 start*/ @media (max-width: 320px){ .RWDproduct002_v2 h1.main-title { font-size: 20px; padding: 15px 10px;} } /*iphone5 end*/ /*jQuery start*/ .bg-up{top:0px !important;box-shadow: 1px 1px 5px #e6e6e6;}.sub-up{top:-50px} /*jQuery end*/