@charset "utf-8";

/*變數 ---------- */
:root {
    /* 顏色 */
    --main-color: #00abed;
    --sub1-color: #cceefb;
    --sub2-color: #f2fbfe;
    --ac-color: #00abed;
    --f1-color: #333;
    --f2-color: #bcbcbc;
    --f3-color: #f4f4f4;
    --bg-color: #FFF;
    --bg2-color: #fbfeff;
    --linear-gradient: linear-gradient(to left, rgba(20,79,144,1) 0%,rgba(46,195,255,1) 100%);

    /* 字型 */
    --font:'Noto Sans TC', sans-serif;
    --ff:'Noto Sans TC', sans-serif;
    --ff2:"Advent Pro",'Noto Sans TC', sans-serif;
    /*變化*/
    --tr:ease-out 0.5s;
    /*圓角*/
    --br:clamp(5px,2vw,10px);

    /* 字級 */
    --f48:48px;
    --f40:40px;
    --f36:36px;
    --f32:32px;
    --f28:28px;
    --f24:24px;
    --f22:22px;
    --f20:20px;
    --f18:18px;
    --f16:16px;
    --f14:14px;
    --f12:12px;
}

@media (max-width:1024px) {
    :root{
      --f48:40px;
      --f40:36px;
      --f36:32px;
      --f32:28px;
      --f28:24px;
      --f24:22px;
      --f22:20px;
      --f20:18px;
      --f18:16px;
    }
}
@media (max-width:768px) {
:root{
  --m30:20px;
  --f48:32px;
  --f40:28px;
  --f36:26px;
  --f32:24px;
  --f28:24px;
  --f24:20px;
}
}
@media (max-width:600px) {
    :root{
      --f48:28px;
      --f40:24px;
      --f36:22px;
      --f32:20px;
      --f28:20px;
      --f24:18px;
      --f22:18px;
      --f14:16px;
    }
}
@media (max-width:375px) {
    :root{
      --f48:24px;
      --f40:20px;
      --f36:18px;
      --f32:18px;
      --f28:18px;
      --f24:16px;
      --f22:16px;
      --f20:16px;
    }
}



/*DEBUG-模組8結帳頁-資訊欄*/
.car_page .information_left {
    display: block;
}

body.car_page .footer_info li p:before{
    position: initial;
    display: inline;
}

/*滾動條 ---------- */

/*寬度*/
::-webkit-scrollbar {width: 8px;}

/*軌道顏色*/
::-webkit-scrollbar-track{
    background-color: var(--bg-color);
    border-radius: 0px;
}

/*滑塊*/
::-webkit-scrollbar-thumb {
    background-color: var(--f2-color);
    border-radius: 4px;
}

/*背景顏色*/
#content_main, #content {
    background-color: var(--bg-color);
    background-image: url(https://pic03.eapple.com.tw/rivercar/bg.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*反白顏色/＝＝＝＝＝*/
::-moz-selection {
    color: var(--bg-color);
    background: var(--f1-color);
}

::selection {
    color: var(--bg-color);
    background: var(--f1-color);
}

/*-------------------- */

/*版面寬度*/
.main_part {
    max-width: 1200px;
    width: 90%;
    margin: auto;
    position: relative
}

/*功能頁區塊*/
.show_content{
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/*首頁嵌入-功能頁區塊*/
.pageIndex .news_part,/*促銷方案*/
.pageIndex .module_i_news,/*文章*/
.pageIndex .prod_part/*商品*/{
    max-width: 1200px;
    width: 90%;
}

/*header寬度*/
.main_header_area .container{
    max-width: 1400px;
    width: 95%;
    margin: 0 auto;
}



/* ▼ 統一文字設定 ▼ ＝＝＝＝＝ */
body {
    letter-spacing: .15rem;
    font: normal 16px/1.5 var(--ff);
    color: var(--f1-color);
}

/* 填空欄提示字 */
input::placeholder {
    letter-spacing: .15rem;
    font: normal 14px/1.5 var(--ff);
    color: color-mix(in srgb, var(--f1-color) 30%, white);
}

/* 客戶編輯區文字 */
.blog_box_edit *,
.promotions_page .edit *,
.edit {
    line-height: 200%;
}

/*標題文字樣式 --------------------*/
/*(文章管理、聯絡我們、相簿、估價單、購物車)*/
h4.blog_category_title,
h4.blog_category_title span,
h4.blog_category_title em:after,
.blank_letter,
.subalbum-menu h2,
.promotion_title h2,
.separate_title,
.sidebarBtn h2,
.news_part .title_i_box h4,
.module_i_news .title_i_box h4,
.i_prod_tit span {
    font: 500 var(--f28)/2rem var(--ff2);
    color: var(--f1-color);
    letter-spacing: .2rem;
    text-align: center;
    line-height: 2rem;
}

/* 中標 */
h5.blog_le_t em,
.product_info_page ul.prod li h3.prod-thumb, /*商品詳細頁|商品資訊標題*/
.prod_related h6 span:before /*商品詳細頁|相關推薦*/
{
    font: 500 var(--f24)/1.5rem var(--ff2);
    letter-spacing: .2rem;
    text-align: center;
}


/* 小標 */
.blog_list_ri h5,/*文章分享|目錄頁-文章標題*/
.i_blog_ri h5,/*文章分享|首頁崁入-文章標題*/
.product-layer-two li a /*商品目錄頁|分類*/
{
    font: 500 var(--f20)/1.5rem var(--ff);
    letter-spacing: .2rem;
    text-align: left;
}

.show-list .show_name, /*相簿名稱*/
.other_subalbum li p,
.album_fixed_title ,/*相簿詳情頁-觀看更多字樣*/
.shopping-cart .row {/*購物車結帳頁-商品項目*/
    font: normal var(--f18)/1.5rem var(--ff);
    letter-spacing: .2rem;
    text-align:center;
}

/* 內文(粗) -------------------- */
.accordion li .link a,/*文章分享|目錄頁-文章分類*/
.submenu a,/*文章目錄頁|次分類*/
.product-layer-two li li a,/*商品目錄頁|次分類*/
.products-list .name,/*商品目錄頁|商品名稱*/
#number_area,/*商品詳細頁-型號*/
.products-list .price b,/*商品目錄頁|商品名稱*/
.sidebarBtn .ori_price,/*商品詳細頁-原價*/
.sidebarBtn .sp_price,/*商品詳細頁-特價*/
.product_info li span,/*商品詳細頁-商品規格*/
.product_info_page .toShare,/*分享到*/
.related_list li a p,/*商品詳細頁|相關推薦商品標題*/
.contact_form li .form__label,/*聯絡我們、*/
.other_promotion .pmtTitle h3,/*小撇步 | 詳細頁-文章卡片標題*/
.other_promotion li,
.remit_page .formbox_form /*匯款通知*/,
.total_amount li,
.shopping-cart .cell {
    font: 500 var(--f16)/2rem var(--ff);
    letter-spacing: .15rem;
}


/* 內文 -------------------- */
.me_tp_features a.tp_btn_notice,
.me_tp_features a.tp_btn_cart,
.list_before,/*聯絡我們 | 聯絡資訊-內容*/
.contact_form li .form__insert,/*聯絡我們 | 選取欄文字*/
.form select,/*聯絡我們 | 下拉選單文字*/
.TEL:before,.TEL2:before,.PHONE:before,.FAX:before,/*聯絡我們 | 聯絡資訊-標題*/
.TAXID:before,.MAIL:before,.ADD:before,.ADD2:before,
.blog_list_ri p,/*文章管理 |目錄頁-文章卡片內文 */
.i_blog_ri p,/*首頁嵌入-文章管理|文章內文*/
.product_info li .txt_box,/*商品詳細頁| 商品規格說明*/
.product_info_page ul.prod li .prod-panel,/*商品詳細頁| 客戶編輯*/
.blog_box_edit,/*文章管理 | 客戶編輯*/
.share_page .edit/*小撇步 | 客戶編輯*/ {
    font: normal var(--f16) / 2rem var(--ff);
    letter-spacing: .1rem;
}


/* 裝飾小字 -------------------- */
.footer_menu a,
.time ,
.promotion_title span,/*小撇步|促銷方案-年份*/
.promotion_title em,/*小撇步|文章分享-年份*/
.other_promotion .pmtTime,/*小撇步|促銷方案-其他文章卡片時間*/
.other_promotion .pmtTime cite,/*小撇步|文章分享-其他文章卡片時間*/
.other_promotion .pmtTime span,
.blog_list_ri em ,/*文章管理|目錄頁-文章時間*/
.i_blog_ri em,/*首頁嵌入-文章管理|文章時間*/
.path p,/*麵包屑*/
.path p a,
.note/*必填*/,
.shop_search_btn,
.shop_search_txt {
    font: 500 var(--f12)/1.5rem var(--ff);
    letter-spacing: .1rem;
}


/* ▲ 統一文字設定 ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 統一樣式設定 ▼  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 按鈕樣式 -------------------- */

/* 送出 、下一頁、詢價車、更多*/
.contact_form li.last cite,
.contact_le_map a,
.products-list .more,
.product_info_page .show_content input[type="submit"],
.product_info_page .lastPage,
.inquiry_a1, .inquiry_a2, .inquiry_a3,
.send_simple,.rewrite_simple,
.animated-arrow {
    font: 500 var(--f16)/1.5 var(--ff);
    letter-spacing: .15rem;
    background: transparent;
    background-image: var(--linear-gradient);
    color: var(--bg-color);
    border:0px var(--ac-color) solid;
    border-radius: 25px;
    transition: var(--tr);
}

/*按鈕高度微調-首頁崁入&購物車*/
.product_info_page .show_content input[type="submit"],
.animated-arrow,
.inquiry_a2,
.total_amount .send_simple{
    height: 3rem;
    line-height: 3rem;
}

/* hover效果-實心 */
.contact_form li.last cite:hover,
.contact_le_map a:hover,
.products-list .item a:hover .more,
.product_info_page .show_content input[type="submit"]:hover,
.product_info_page .lastPage:hover,
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover,
.send_simple:hover,
.animated-arrow:hover {
    background: var(--ac-color);
    color: var(--bg-color);
    border:0px var(--ac-color) solid;
    letter-spacing: .3rem;
    filter: grayscale(1);
}

/* 重新填寫 */
.contact_form li.last blockquote,
.product_info_page .show_content input[type="reset"],
.rewrite_simple {
    font: bold var(--f16)/1.5 var(--ff);
    letter-spacing: .15rem;
    background: transparent;
    background-image: none;
    color: var(--f2-color) ;
    border:none;
    transition: var(--tr);
}

/*hover效果-文字間距*/
.contact_form li.last blockquote:hover input,
.contact_form li.last cite:hover input,
.product_info_page .show_content input[type="reset"]:hover,
.rewrite_simple:hover{
    letter-spacing: .3rem;
}

/* 表單樣式 -------------------- */

/* 欄位樣式*/
.contact_form li .form__label,
.product_info_page ul.prod li,
.product_info li span,
.toShare,
.remit_page .formbox_form /*匯款通知*/ {
    margin-left:0px;
    color: var(--f1-color);
}

/* 輸入框、輸入文字、下拉選單樣式*/
.contact_form li input.noborder,
.contact_form li textarea.noborder,
.qaform .breakF,
.remit_page .border200,
.form select {
    width: 100%;
    border:0px var(--f2-color) solid;
    border-radius: var(--br);
    background: var(--f3-color);
    color: var(--f1-color);
    letter-spacing: .1rem;
    padding: .5rem;
}

/*必填*/
.red {color:#9F353A;}

/*勾選框間距微調(聯絡我們)*/
input[type="checkbox"],input[type="radio"] {
    margin-left: 1rem;
    margin-right: .25rem;
}

/*關掉第一欄左邊空白*/
input[type="checkbox"]:first-child,input[type="radio"]:first-child{
    margin-left: 0px;
}


/*全域照片 hover效果 -------------------- */

/*照片框*/
.i_blog_le , /*文章目錄頁*/
.blog_list_le ,/*文章-首頁嵌入*/
.show-list .show_pic,/*相簿目錄頁*/
.other_subalbum li a div,/*相簿次分類*/
.pic-list .show_pic,/*相簿頁*/
.products-list .pic,/*商品目錄頁*/
.related_list li a img/*商品頁-相關推薦*/ {
    border-radius: var(--br);
/*    border: 3px solid transparent;*/
    overflow: hidden;
}

/*hover +外框*/
.subbox_item:hover .blog_list_le ,/*文章目錄頁*/
.module_i_news li:hover .i_blog_le ,/*文章-首頁嵌入*/
.show-list .item a:hover .show_pic,/*相簿目錄頁*/
.other_subalbum li:hover a div,/*相簿次分類*/
.pic-list .item a:hover .show_pic,/*相簿頁*/
.products-list .item:hover a .pic,/*商品目錄頁*/
.related_list li a:hover img/*商品頁-相關推薦*/  {
/*    border: 3px solid var(--main-color);*/
    transition: var(--tr);
}

/*hover 照片*/
.show-list .show_pic img,
.pic-list .show_pic img,
.other_subalbum li a img,
.products-list .pic img,
.i_blog_le img ,
.blog_list_le img {
    display:block;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
}

/*hover 照片放大*/
.subbox_item:hover .blog_list_le img,/*文章目錄頁*/
.module_i_news li:hover .i_blog_le img,/*文章-首頁嵌入*/
.show-list .item a:hover .show_pic img,/*相簿目錄頁*/
.other_subalbum li:hover a img,/*相簿次分類*/
.pic-list .show_pic img:hover,/*相簿頁*/
.products-list .item:hover .pic img/*商品目錄頁*/{
    transform: translate(-50%, -50%) scale(1.1);
    transition: var(--tr);
}

/*hover 名稱變色*/
.subbox_item:hover .blog_list_ri h5,/*文章目錄頁*/
.module_i_news li:hover .i_blog_ri h5 ,/*文章-首頁嵌入*/
.products-list .item a:hover .name,/*商品目錄頁*/
.related_list li a:hover p/*商品頁-相關推薦*/{
    color: var(--main-color);
    transition: var(--tr);
}

/* ▲ 統一樣式設定 ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* = = = 固定設定 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* ▼ HEADER---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*header樣式*/
.main_header_area {
    background: var(--bg-color);
    box-shadow: 0px 10px 20px rgba(0 0 0 / 5%);
    transition: var(--tr);
    margin: 0;
    border-radius: 0;
}

.pageIndex .header_area{
    position: fixed;
    width: 100%;
}

/*線條*/
.header_area .main_header_area::before {
    content: "";
    position: relative;
    display: block;
    height: 5px;
    background: var(--linear-gradient);
}

/*選單版面寬度 */
.main_header_area .container{
    max-width: 1200px;
    margin: 0 auto;
}

/*留白 */
.navigation {
    padding: 10px;
}

/*副選單佈局調整*//*
.navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*Logo ----------*/

/*logo定位 */
.nav-header {
    transition: var(--tr);
    z-index: 9999;
}

/*logo大小*/
.nav-brand {
    width: 100%;
    max-width: 180px;
    transition: var(--tr);
    margin-top: 12px;
    position: relative;
}

/*下滑變化*//*
.header_area.sticky .nav-brand {
    max-width: 80px;
}

/*SubMenu-輔助選單 ----------*/

/*隱藏-輔助選單*/
.me_tp_features {z-index: 1;position: relative;display: none;}

/*顯示-排序調整*//*
.me_tp_features {
    order: 3;
    width: 40px;
    height: 40px;
    border-left: 1px solid var(--f3-color);
    margin: 0;
    text-align: center;
}

/*隱藏購物車搜尋欄*/
.box_search {display: none;}

/*隱藏匯款通知*/
.me_tp_features a.tp_btn_notice {display: none;}

/*隱藏選單按鈕連結*/
.tp_links {display: none;}

/*顯示語系*//*
.tp_lang {
    display: inline-block;
}

.tp_lang a.lang_en:before {
    content: 'EN';
    color: var(--f1-color);
    background: transparent;
    padding: unset;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.tp_lang a:hover:before {
    opacity: .5;
    transition: var(--tr);
}

/*購物車相關 ----------*//*

.shop_search_btn {
    background: var(--sub1-color);
    padding-top: 3px;
    top: 1px;
}

.tp_links a:hover {
    color: var(--main-color);
    transition: var(--tr);
}


/*主選單 -----------*/

/*副選單對應調整*//*
.stellarnav {
    order: 2;
    width: calc(100% - 250px - 50px);
}

.stellarnav ul {
    text-align: center;
}

/*選單文字*/
.stellarnav > ul > li > a {
    color: var(--f1-color);
    font: normal var(--f16)/1.5rem var(--ff);
    height: 1.5rem;
    letter-spacing: 0.15rem;
    text-align: center;
    transition: var(--tr);
    margin: 1.5rem 0 .5rem 0; /*選單高度*/
    padding: 0px 1rem; /*選單間距*/
}

.stellarnav > ul > li > a b{
    font: normal var(--f16)/1.5rem var(--ff);
}

/*文字hover-變色*/
.stellarnav > ul > li:hover>a{
    color: var(--f2-color);
}

/*下拉欄位 -------------------- */

.stellarnav li a {
    padding: 7px 10px;
    display: block;
    color: var(--main-color);
}

/*下拉符號-隱藏*/
.stellarnav li.has-sub > a:after {
    display: none;
}

/*次選單 -------------------- */

/*次選單樣式-一般*/
.stellarnav ul ul {
    border-radius: 0px;
    width: 180px;
    background: var(--bg-color);
}

/*次選單樣式-半透明底色*//*
.stellarnav ul ul {
    background: rgb(255 255 255 / 85%);
    border: solid 1px rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 7px;
    box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 12%);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    backdrop-filter: saturate(180%) blur(5px);
}

/*次選單欄位邊框*/
.stellarnav li li {
    border: 0px var(--f3-color) solid;
}

/*次選單文字樣式*/
.stellarnav li a {
    padding: 7px 10px;
    display: block;
    color: var(--f1-color);
    font-size: 15px;
}

/*欄位尺寸*/
.stellarnav li li > a ,
.stellarnav li li.has-sub > a {
    padding: 7px 5px;
    transition: var(--tr);
    border-left: 2px solid transparent ;
}

/*hover-變色*/
.stellarnav li li:hover > a ,
.stellarnav li li.has-sub:hover > a {
    background: var(--ac-color);
    color: var(--bg-color);
}

/*hover欄位樣式-向右滑動*//*
.stellarnav li.has-sub ul li a:hover{
    padding-left: 2rem;
}

/*文字底色透明*/
.stellarnav.desktop li.has-sub ul a {
    position: relative;
    font: normal var(--f16) var(--ff);
    letter-spacing: 0.15rem;
    padding: 1rem;
}

/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*//*
.pageIndex .header_area{position: fixed;width: 100%;}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 1024px) {

.main_header_area .container{
    width: 100%;
}

/*關掉-邊緣留白(含Logo)*/
.navigation {
    padding: 0px;
}

/*logo大小*/
.nav-brand{
    max-width: 140px;
    margin-top: 10px;
}

/*選單*//*
.stellarnav ul{
    text-align: center;
}

/*選單高度調整*/
.stellarnav > ul > li > a{
    margin: 0px 0px 0px 0px;
    height: 1.5rem;
}

/*底線調整*/
.stellarnav > ul > li:before {
    bottom: 0px;
}
}

/* ▲ HEADER---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* +++ 手機板選單 ▼ -------------------- */

@media screen and (max-width: 768px) {

/*logo大小*/
.nav-brand{
    max-width: 140px;
}

/*logo定位(不置中)*//*
.nav-header{
    position: relative;
    text-align: left;
    left:5vw ;
}

/*漢堡選單 -------------------- */
/*右滑出現*/
.stellarnav.mobile.left > ul{
    left: -100vw;
    transition: var(--tr);
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    max-height: 100vh;
    padding: 0 1rem;
    border: none;
    box-shadow: 1px 0px 10px rgba(0,0,0,.3);
    padding-top: 0;
    background: var(--bg2-color);
    max-width: 350px;/*選單寬度*/
}

/*選單高度*/
.stellarnav.mobile.right > ul,
.stellarnav.mobile.left > ul {
    height: 100vh;
}

.stellarnav.mobile.left.active > ul{
    left: 0;
}

/*三位移*/
.stellarnav.mobile {
    left: auto;
    right: 1vw;
    top: 10px;
}

/*三改色*/
.stellarnav .menu-toggle span.bars span {
    background: var(--main-color);
}

/*menu文字樣式*/
.stellarnav .menu-toggle:after {
    color: var(--main-color);
    font: normal var(--f14)/1.5rem var(--ff);
    letter-spacing: .2rem;
}

/*打開後 close表頭樣式*/
.stellarnav.mobile.right .close-menu,
.stellarnav.mobile.left .close-menu {
    background: var(--bg2-color);
    padding: 1rem 0;
    color: var(--ac-color);
    font: normal var(--f18)/1.5rem var(--ff);
    letter-spacing: .1rem;
}

.stellarnav .icon-close {
    margin-right: .5rem;
}

/*x顏色*/
.stellarnav .icon-close:before,
.stellarnav .icon-close:after {
    border-bottom: solid 3px  var(--ac-color);
}

/*選單外寬度*/
.stellarnav.mobile > ul > li {
    width: auto;
    text-align: left;
    border-bottom: 1px solid var(--f3-color);
}

/*選單文字*/
.stellarnav.mobile > ul > li > a {
    padding: 0;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    padding: 20px 25px;
    line-height: 1rem; /*按鈕高度*/
    text-shadow: none;
    display: flex;
    flex-direction: column;
    border-bottom: unset;
}

/*下拉+號*/
.stellarnav.mobile > ul > li > a.dd-toggle {
    padding: 20px 0px;
}

.stellarnav a.dd-toggle .icon-plus:after,
.stellarnav a.dd-toggle .icon-plus:before {
    border-bottom: solid 2px var(--f2-color);
}

.stellarnav.mobile > ul > li > a b {
    vertical-align: middle;
    line-height: 1.5rem;
}

/*中文*/
.stellarnav.mobile > ul > li > a b:first-of-type{
    color: var(--ac-color);
    font: normal 16px / 1.5 var(--ff);
    letter-spacing: .1rem;
}

.stellarnav.mobile > ul > li > a b:last-of-type{
    color: var(--f2-color);
    font: normal 12px / 1.5 var(--ff);
    letter-spacing: .1rem;
}


/*第一欄視覺調整-往下偏移*/
.stellarnav.mobile > ul > li:nth-child(2) {
    margin-top: 10px;
}

/*第二層 ---------- */

/*下拉區塊-外層*/
.stellarnav.mobile li.open {
    background:transparent;
    padding: 0px;
    font-weight: normal;
    font-size: 0.9rem;
    letter-spacing: 0.1rem;
}

/*下拉區塊-內層：調整間距底色*/
.stellarnav.mobile ul ul {
    background:transparent;
    border: none;
    border-radius:0px;
    padding-bottom: 1rem;
}

/*第二層文字區塊*/
.stellarnav li li {
    border:none;
/*    margin-bottom: -2px;*/
}

/*主分類文字*/
.stellarnav>ul>li.has-sub>ul a{
    font-weight: normal;
    color: var(--f1-color);
    padding: .5rem 1rem .5rem 1.5rem;
    border-bottom: none;
    font-size: 15px;
    line-height: 1.2rem;
}

/*主分類文字前 符號*/
.stellarnav li.has-sub ul li a:before{
    content: "- ";
    color: var(--f1-color);
    font-size: 15px;
    font-family: var(--ff);
}

/*次分類下拉選項*/
.stellarnav.mobile li li.has-sub a:first-of-type{
    padding: .5rem 1rem .5rem 1.5rem;
}

/*隱藏-次分類+號*/
.stellarnav.mobile li li.has-sub a:last-of-type{
    display: none;
}

/*關掉-第三層+號旁 符號*/
.stellarnav.mobile li li a.dd-toggle:before{
    display: none;
}

/*第二層文字hover*/
.stellarnav li li:hover > a,
.stellarnav li.has-sub ul li a:hover {
    color: var(--f2-color);
    border: none;
}

/*第三層區塊*/
.stellarnav.mobile li.open li.open{
    padding: 3px;
    background: transparent;
    border: none;
}

}
@media only screen and (max-width: 570px) {
/*logo尺寸*/
.nav-brand {
    max-width: 120px;
}

/*蓋掉預設*/
.stellarnav .menu-toggle {
     padding: 10px;
}

}
@media screen and (max-width: 400px) {
/*logo靠左*//*
.nav-header {
    text-align: left;
}
/*logo偏移*//*
.header_area .nav-brand {
    padding-left: 20px;
    padding-top: 5px;
}
*/
}
/* ▲ 手機板框架 (基本) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 大圖 START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*隱藏-小白點 ----------*/
.swiper-pagination {
    bottom: 1%;
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%);
    display: none;
}

/*小白點-尺寸調整*/
.swiper-pagination-bullet {
    width: clamp(1px, 1vw, 10px);
    height: clamp(1px, 1vw, 10px);
}

/*預設解除背景輪播 ----------*/
#content_main {
    margin:0;
}

.bannerindex {
    position:relative;
    height:auto;
}

.swiper-banner {
    position:static;
    margin:0;
    height:auto;
}

.swiper-slide img {
    height:auto;
}

/*----------*/

/*關掉大圖動畫*//*
.leftUp img,.centerBig img,.rightDownBig img,
.moveRight img,.moveDown img{
animation: none;
}
*/

/*slogan ----------*/
.swiper-slide::after {
    content: "";
    position: absolute;
    z-index: 999;
    pointer-events:none;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
    left: 50%;
    
    
    transform: translate(-50%, -50%);
}

.swiper-slide:nth-child(1)::after {
    background-image: url(https://pic03.eapple.com.tw/rivercar/slogan_A.png);
    aspect-ratio: 85/35;
    width: 45%;
    top: 52%;
}

.swiper-slide:nth-child(2)::after {
    background-image: url(https://pic03.eapple.com.tw/rivercar/slogan_B.png);
    aspect-ratio: 125/55;
    width: 65%;
    top: 58%;
}


/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


@media screen and (max-width: 1024px) {

/*大圖下推*//*
.pageIndex .header_area {
    position:relative;
}

.bannerindex {
    position: relative;
}

/*關掉-編輯區域設空白*//*
#content_main{
    margin-top: 0;
}

/*slogan*//*
.swiper-slide:after{
    width: 35%;
    bottom: 30%;
}

.swiper-slide:nth-child(2):after{
    right: 5%;
}
*/
}

@media screen and (max-width: 768px) {
/*關掉下方空白*/
.bannerindex{
    padding: 0;
    margin: 0;
}

/*大圖比例調整*//*
.swiper-slide img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

/*大圖定位*//*
.swiper-slide:nth-child(1) img{
    object-position:right;
}

.swiper-slide:nth-child(2) img{
    object-position:left;
}

*/
}

@media screen and (max-width: 600px) {
/*slogan-大小定位調整*//*
.swiper-slide:after{
    width: 280px;
    bottom: unset;
    top: 6%;
    filter: drop-shadow(0 0 5px rgba(0 0 0 /50%));
}


.swiper-slide:nth-child(1):after{
    right: unset;
    left: 5%;
}

.swiper-slide:nth-child(2):after{
    right: 1%;
    left: unset;
}

*/
}

/* ▲ 大圖 END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* =============== ▼ FOOTER ▼ =============== */

/* ＝＝＝ 【【  預設區塊不動 ↓↓↓  】】 ＝＝＝ */

/* RWD ↓↓↓ ~~~~~~~~~~~~~~~ */
@media screen and (max-width: 768px) {

    /* 開啟手機板下方按鈕所需設定 */
    #bottom_menu {
        display: block;
    }

    .footer.with_shopping_mode {
        padding: 30px 0 70px;
    }

    #to_top {
        bottom: 60px;
    }
}

/* ＝＝＝ 【【  版型設定(左右) ↓↓↓  】】 ＝＝＝ */

/*footer*/
.footer_logo img {
    width: 100%;
    /* filter: brightness(20); */
}

.footer {
    background: var(--main-color);
    padding: 50px 0px;
    padding-top: 70px;
}

.footer .center {
    width: 90%;
}

.footer_info {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding: 0;
    gap: 20px;
}

.footer_logo {
    /* max-width: 250px; */
    margin: 0px;
}

.footer_info ul {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    width: fit-content;
}

.footer_info li {
    padding: 0px;
}

/* 聯絡資訊 */
.footer_info li:nth-child(1) {
    display: flex;
    flex-direction: column;
}

.footer_info li p,
.footer_info li p a{
    color: var(--bg-color);
    letter-spacing: .15rem;
    font-size: 13px;
    line-height: 200%;
}

/* 導覽按鈕 */
.footer_menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px;
}

.footer_menu a {
    font-size: 12px;
    font-weight: 400;
    color: var(--bg-color);
    background: transparent;
    border: none;
    border-right: 1px solid var(--bg-color);
    padding: 0rem .75rem;
    margin: 0;
    line-height: 1.2rem;
    transition: var(--tr);
}

.footer_menu a:hover {
    color: var(--sub1-color);
    background: transparent;
    transition: var(--tr);
}

.footer_menu a:first-child {
    display: none;
}

.footer_menu a:nth-child(2) {
    border-left: 1px solid var(--bg-color);
}

.box_link {
    display: none;
}

.double_key {
    position: absolute;
    right: 0;
    bottom: 20px;
}

/*YKQK版權塊 -------------------- */
.copy {
    justify-content: flex-end;
    text-align: right;
    padding:0px;
    font-size: 10px;
    color: var(--bg-color);
    border: none;
    margin: auto;
    position: absolute;
    right: calc((100vw - 1200px) / 2);
    bottom: 50px;
    gap: 5px;
    display: flex;
}

.copy a {
    font-size: 10px;
    color: var(--bg-color);
}

.copy a:hover {
    color: var(--bg-color);
    text-decoration: underline var(--bg-color) 1px solid;
    text-underline-offset: 4px;
    transition: var(--tr);
}

/* RWD ↓↓↓ ~~~~~~~~~~~~~~~ */
@media screen and (max-width: 1335px) {
    .copy {
        right: 5vw;
    }
}

@media screen and (max-width: 1024px) {
    .footer_info {
        flex-direction: column;
        gap: 0px;
    }
    .copy {
        display: flex;
        position: relative;
        justify-content: flex-start;
        right: unset;
        left: 5%;
        bottom: 0;
        padding-top: 20px;
    }
    .double_key {
        bottom: 0px;
        right: unset;
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    #bottom_menu {
        display: none;
    }
    .copy {
        left: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }
    .total_view {
        width: fit-content;
    }
    .footer_logo {
        width: 60%;
        min-width: 200px;
    }
    .footer_info li+li {
        margin-top: unset;
    }
}

@media screen and (max-width: 600px) {
    
    .footer_info {
        display: flex;
        padding: 0;
        flex-direction: column;
        align-items: flex-end;
        align-items: flex-start;
        margin-bottom: 0px;
    }

    .footer_info ul {
        margin: auto;
    }

    .footer_logo,
    .footer_menu {
        display: none;
    }

    .box_link {
        display: none;
    }

    .double_key { 
        text-align:center;
        margin: 0px auto;
    }
}

@media screen and (max-width: 400px) {
    .footer_info li:nth-child(1){
        font-size: 12px;
    }
}

/* ＝＝＝ 【【  客製更動處 ↓↓↓  】】 ＝＝＝ */

/* 換 Logo */
.footer_logo img {
    display: none;
}

.footer_logo a::before{
    content: "";
    background-image: url(https://pic03.eapple.com.tw/rivercar/footer_logo.png);
    position: relative;
    background-size: cover;
    aspect-ratio: 3/1;
    width: 100%;
    height: auto;
    left: 0%;
    top: 0%;
    display: block;
}

.footer_info li p.tel::before {
    content: '客服專線1：';
}

.footer_info li p.tel2::before {
    content: '客服專線2：';
}

/* 順序調整 *//*
.footer_info li p.taxid {order: 1;}
.footer_info li p.tel {order: 2;}
.footer_info li p.fax {order: 3;}
.footer_info li p.phone {order: 4;}
.footer_info li p.mail {order:5;}
.footer_info li p.add {order:6;}


/* 隱藏-mail地址 */
/*
.footer_info li p.add,
.footer_info li p.mail{
    display: none;
}

/* RWD ↓↓↓ ~~~~~~~~~~~~~~~ */
/*
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 480px) {}

/* =============== ▲ FOOTER ▲ =============== */


/* ▼ PAGE (基本) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 隱藏-麵包屑 -------------------- */
.path p,
.path p a {
    display: none;
}

/* 頁碼 -------------------- */
.page {
    width: 100%;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.page li {
    display: flex;
    margin: 3px;
    width: 30px;
    height: 30px;
    line-height:30px;
    align-items: center;
    justify-content: center;
}

.page li a {
    display: block;
    width: inherit;
    height: inherit;
    line-height: inherit;
    padding: 0;
    transition:var(--tr);
}

.page strong,
.page a:hover {
    background: var(--main-Color);
    border: 1px solid var(--main-Color);
}

/* ▲ PAGE (基本) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* = = = 分隔線 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


/* ▼ 相簿 START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 版面布局設定 ---------- */

/*排列*/
ul.show-list,
.other_subalbum,
ul.pic-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap:0.5rem;
    margin: 0 auto;
    width: 100%;
}

/*次分類版面微調*/
.subalbum-menu {
    margin: 0;
    padding: 0;
}

ul.show-list:before ,
ul.pic-list:before {
    content:none;
}

/*卡片底色透明*/
.show-list .item ,
.other_subalbum li ,
.pic-list .item {
    width: 100%;
    padding: 0;
    margin: 20px 0;
    background: transparent;
}

/*相簿圖片框*/
.show-list .show_pic ,
.other_subalbum li a div ,
.pic-list .show_pic {
    padding-bottom: 75%;
    display: block;
    position: relative;
    height: 0;
}

/*相簿圖片長寬比例，75% →100:75 = 4:3 */


/*關掉上層透明黑*/
.overlay {
    display: none;
}

/* 相簿文字 ---------- */
.show-list .show_name ,
.other_subalbum li p {
    margin-top: 10px;
    color: var(--f1-color);
    overflow: visible;
}

.show-list .item:hover .show_name ,
.other_subalbum li:hover p {
    color: var(--main-color);
}

/* +++ 相簿次分類頁 -------------------- */
/*隱藏--分類標題&標題後方塊*/
.subalbum-menu h2,
.block {
    display: none;
}

/*觀看更多相簿 ---------- */

/*隱藏-其他次分類區塊*//*
.other_album {
    display: none;
}

/*次分類按鈕*/
.other_album_choice li {
    background: transparent;
    transition: var(--tr);
    border:1px var(--f1-color) solid;
    border-radius: var(--br);
}

.other_album_choice li a {
    color: var(--f1-color);
}

.other_album_choice li:hover {
    background: var(--f1-color);
}

.other_album_choice li:hover a {
    color: var(--bg-color);
}

/*按鈕圖示距離(不動)*/
.other_album_choice li a i.fa-solid.fa-right-from-bracket,
.other_album_choice li a:hover i.fa-solid.fa-right-from-bracket {
    margin: 0 0 0 10px;
}

/*"觀看更多相簿"文字樣式*/
.album_fixed_title {
    background: transparent;
    color: var(--f1-color);
}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*布局調整 ---------- */
@media screen and (max-width: 1280px) {
ul.show-list,.other_subalbum,ul.pic-list {
    grid-template-columns: repeat(3, 1fr);
}

}
@media screen and (max-width: 768px) {
ul.show-list,.other_subalbum,ul.pic-list {
    grid-template-columns: repeat(2, 1fr);
}

}
@media screen and (max-width: 400px) {
ul.show-list,.other_subalbum,ul.pic-list {
    grid-template-columns: 1fr;
}

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*客製*/


/* ▲ 相簿---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 文章管理 (長條+分類版) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*側邊欄 -------------------- */

/*側邊欄寬度*/
.blog_le {
    width: 250px;
    padding: 15px;
}

/*隱藏-選單標題*/
h5.blog_le_t {
    margin-bottom: 1rem;
    display: none;
}

/*"文章分類"文字樣式*/
h5.blog_le_t em {
    text-align: left;
}

/*Article 文字樣式*/
h5.blog_le_t span {
    font: normal var(--f16)/2rem var(--ff2);
    color: var(--f2-color);
    text-transform: uppercase;
    letter-spacing: .1rem;
    text-align: left;
    margin: 0 .5rem;
}

/*隱藏-搜尋區*//*
.blog_search{
    display: none;
}

/*搜尋框-------------------- */
.blog_search input[type=search] {
    border-radius: 0;
    border: 1px solid var(--f2-color);
    /*框線*/
    /*    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);*/
    color: var(--f3-color);
    padding: 10px 35px 10px 20px;
}

/*輸入|跳動*/
.blog_search input[type=search]:focus {
    color: var(--f1-color);
}

/*分類框-------------------- */

.blog_le .accordion {
    border-radius: 0px;
    border: 0px solid var(--main-color);
    /*    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);*/
}

/*hover-底色變化*/
.blog_le .accordion>li:hover,
.blog_le .accordion>li.on_this_category {
    background: var(--main-color) !important;
    transition: var(--tr);
    border-radius: 0px;
}

/*hover-文字偏移*//*
.blog_le .accordion > li:hover .link a,
.blog_le .accordion > li.on_this_category .link a {
    padding-left: 20px;
}

/*主分類框*/
.accordion li .link {
    border-bottom: 1px solid transparent;
    padding: 0;
    /*蓋掉預設*/
}

/*主分類項目文字*/
.accordion li .link a {
    display: inline-block;
    color: var(--main-color);
    transition: var(--tr);
    padding: 0.5rem 1.5rem;
}

/*次分類 -------------------- */
.submenu {
    background: var(--bg-color);
}

.submenu li {
    border-bottom: 0px solid var(--f2-color);
}


/*次分類文字*/
.submenu a {
    color: var(--f2-color);
    background: transparent;
}

.submenu a:hover {
    color: var(--main-color);
    background: transparent;
}

/*關掉次分類圖示*/
.submenu a:before {
    display: none;
}


/*展開圖示*/
.blog_le .accordion li i,
.blog_le .accordion li.open i {
    color: var(--main-color);
}

/* +++ 文章目錄頁 -------------------- */

.blog_page h4.blog_category_title{
    /* display: none; */
}

/*文章卡片 -------------------- */

/*關掉白色遮罩*/
.subbox_item a:after,
.module_i_news li a:after {
    display: none;
}

.clearfix:before,
.clearfix:after {
    display: none;
}

.subbox_item,
.module_i_news li {
    width: 100%;
    transition: var(--tr);
    padding: 15px 0;
    border-bottom: 1px dotted var(--f3-color);
    margin: 10px 0;
}


/*直線*/
.subbox_item:hover:after {
    width: 100%;
    transition: var(--tr);
}

.subbox_item:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0px;
    height: 1px;
    background-color: var(--main-color);
    transition: var(--tr);
    z-index: 1;
}

/*邊框內容不內縮*/
.module_i_news li a,
.subbox_item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

/*文章縮圖寬度*/
.blog_list_le {
    width: 250px;
    padding: 0;
}

/*照片*/
.i_blog_le img,
.blog_list_le img {
    border-radius: var(--br);
    position: relative;
    transform: scale(1);
    left: initial;
    top: initial;
}

.subbox_item:hover .blog_list_le img {
    transform: scale(1.1);
}

/*文字區塊 -------------------- */
/*文字區塊*/
.i_blog_ri,
.blog_list_ri {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

/*樣式微調-文章標題*/
.blog_list_ri h5,
.i_blog_ri h5 {
    color: var(--f1-color);
    transition: all var(--tr);
    order: 1;
}

/*樣式微調-內文*/
.blog_list_ri p,
.i_blog_ri p {
    color: var(--f2-color);
    margin-top: 20px;
    order: 3;
    margin: 1rem 0;
    -webkit-line-clamp: 2;
    letter-spacing: .15rem;
}

.blog_page .subbox_item:hover p{
    color: var(--f1-color);
    transition: all var(--tr);
}

/*樣式微調-日期*/
.blog_list_ri em,
.i_blog_ri em {
    color: var(--f2-color);
    order: 2;
    margin: .25rem 0;
}

/*more*/
.subbox_item a:before,
.module_i_news li a:before {
    content: "READ MORE >";
    position: absolute;
    right: 1rem;
    left: auto;
    bottom: 0;
    opacity: 1;
    text-align: left;
    color: var(--f2-color);
    font: normal var(--f12)/1.5 var(--ff);
    letter-spacing: .1rem;
}

/*hover-變色*/
.subbox_item:hover a:before,
.module_i_news li:hover a :before {
    color: var(--main-color);
}

/* +++ 文章內頁 -------------------- */

/*文章標題置中+底線*/
.blog_in_page h4.blog_category_title {
    text-align: center;
    padding: 0 1rem 1rem 1rem;
    border-bottom: 1px solid var(--f3-color);
}

/*內文距離*/
.blog_ri {
    width: calc(100% - 260px);
    padding: 15px 0 0 50px;
}

/*客戶編輯區*/
.blog_box_edit {
    padding: 2%;
}

/*客戶編輯區文字樣式*/
.blog_box_edit p {
    color: var(--f1-color) !important;
    font-family: var(--ff) !important;
    line-height: 250% !important;
    letter-spacing: .1rem;
}

/*按鈕上下留白*/
.blog_back {
    margin: 3rem 0 1rem auto;
    width: calc(100% - 260px);
    border-top: 1px solid var(--f3-color);
    padding-top: 1rem;
}

/* +++ 首頁文章管理 -------------------- */

/*最多顯示2則*/
.module_i_news li:nth-child(n+3) {
    display: none;
}

/*隱藏-按鈕*/
.i_blog_b {
    display: none;
}

/*布局設定*/
.module_i_news {
    background: var(--bg-color);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

/*文章區塊*/
.module_i_news ul {
    width: 70%;
}

/*標題區塊*/
.module_i_news .title_i_box {
    width: 20%;
    padding-left: 5vw;
    margin: 20px auto;
}

/*文字區塊寬度*/
.i_blog_ri {
    width: calc(100% - 250px);
}

/*圖片寬度*/
.i_blog_le {
    width: 200px;
    overflow: hidden;
    position: relative;
}

/*標題-最新消息*/
.module_i_news .title_i_box h4 {
    font: normal var(--f18) / 1 var(--ff);
    color: var(--f1-color);
    text-align: left;
    border-left: 4px solid var(--main-color);
    padding-left: 30px;
}

/*英文標題*/
.module_i_news .title_i_box h4::before {
    content: "NEWS";
    display: block;
    font: bold 36px /1.5 var(--ff);
    color: var(--main-color);
    letter-spacing: .2rem;
}


/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 960px) {

    /*詳細頁---------------------*/
    /*關掉側邊攔*/
    .blog_in_page .blog_le {
        display: none;
    }

    /*文章區塊寬度調整*/
    .blog_in_page .blog_ri {
        width: 90%;
        padding: 0;
        margin: 10px auto;
        display: block;
    }

    /*首頁嵌入--------------------*/
    .module_i_news {
        flex-direction: column;
        flex-wrap: wrap;
    }

    /*標題寬度*/
    .module_i_news .title_i_box {
        width: 90%;
        margin: 10px 0;
    }

    /*文章區塊寬度*/
    .module_i_news ul {
        width: 90%;
    }

}

@media screen and (max-width: 768px) {

    /*文章區塊-寬度調整*/
    .blog_ri {
        width: 100%;
        padding: 0;
    }

    /*搜尋欄-寬度*/
    .blog_le {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .blog_page h5.blog_le_t {
        display: none;
    }

    .blog_page h4.blog_category_title {
        display: none;
    }

}

@media screen and (max-width: 600px) {

    /*直式*/

    .blog_ri {
        padding: 0 5vw;
    }

    .module_i_news li a,
    .subbox_item a {
        display: grid;
        grid-template-columns: 1fr;
    }

    .blog_list_le {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .blog_list_ri p,
    .i_blog_ri p {
        margin: .5rem 0 1rem 0;
    }

    .subbox_item a:before,
    .module_i_news li a:before {
        font-size: 12px;
    }


    /*首頁嵌入-文字區塊填滿*/
    .i_blog_ri {
        width: 100%;
    }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*客製*/

/*文章按鈕*/
.blog_back a.article_btn_prev,
.blog_back a.article_btn_back,
.blog_back a.article_btn_next{
    font: normal var(--f16)/1.5 var(--ff);
    letter-spacing: .15rem;
    background: transparent;
    color: var(--f1-color);
    transition: var(--tr);
}

.blog_back a.article_btn_prev:hover,
.blog_back a.article_btn_back:hover,
.blog_back a.article_btn_next:hover{
    background: transparent;
    color: var(--ac-color);
}

.blog_back a.article_btn_prev {
    text-align: left;
}

.blog_back a.article_btn_prev:before {
    content: '<<';
    display: inline-block;
}

.blog_back a.article_btn_next {
    text-align: right;
}

.blog_back a.article_btn_next:after {
    content: '>>';
    display: inline-block;
}


/* 白底 */
.blog_ri {
    background: var(--bg-color);
    border-radius: 20px;
    padding: 80px 60px;
}

.blog_page .blog_ri {
    padding: 40px 60px;
}


/* ▲ 文章管理 (長條無分類版) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ▼ 小撇步(促銷方案-單欄) ---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.promotion_title {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 10px 10px;
}

/*日期*/
.time {
    display: flex;
    text-align: left;
    align-items: baseline;
    flex-direction: row;
    color: var(--f2-color);
    padding: 3px 5px;
}

/*年份*/
.promotion_title span {
    border: none;
    padding: 0;
    margin: 0;
    color: var(--f2-color);
}


/*關掉小字*/
.promotion_title h2 span,
.promotion_title em{
    display: none;
}

/*內文*/
.share_page .edit,
.promotions_page .edit {
    margin: auto;
    width: 100%;
    min-height: 50vh;
    padding: 30px 10px;
    color: var(--f1-color);
}

/*其他文章-布局-----------------*/


.other_promotion {
    background: var(--bg2-color);
    border-radius: var(--br);
    padding: 3rem;
    margin: 2rem auto;
}

/*小標*/
.other_promotion:before{
    content: "READ MORE >>";
    display: block;
    font: bold var(--f22) /1.5rem var(--ff2);
    color: var(--f1-color);
    letter-spacing: .1rem;
    padding-left: 1rem;
    margin: 1rem .5rem;
    border-left: 4px solid var(--f1-color);
}

/*文章列表*/
.other_promotion li {
    border-bottom: 1px solid var(--f3-color);
    width: 100%;
    margin: unset;
    padding: 0 1rem;
}

/*卡片區塊*/
.other_promotion li a {
    border: none;/*覆蓋預設*/
    margin: 0;/*覆蓋預設*/
    width: 100%;
    padding: 1rem .5rem;
    transition: var(--tr);
    display: flex;
}

/*隱藏-裝飾線*/
.other_promotion li a:before,
.other_promotion li a:hover:before,
.other_promotion li a:after,
.other_promotion li a:hover:after,
.other_promotion .pmtTime:after {
    display: none;
}

/*年份*/
.other_promotion .pmtTime span {
    color: var(--f2-color);
    padding-right: 10px;
}

/*隱藏-網站公告字樣*/
.other_promotion .pmtTitle span{
    display: none;
}

/*文章卡片標題*/
.other_promotion .pmtTitle h3 {
    line-height: 1.5rem;
    height: 1.5rem;
    text-align: left;
    font-weight: normal;
    margin:unset;
    -webkit-line-clamp: 1;/*一行*/
    color: var(--f2-color);
}

.other_promotion .pmtTime div {
    padding: 0 10px;
}

/*最多顯示8則*/
.other_promotion li:nth-child(n+9){
    display:none;
}

/*hover效果 ----------*/
.other_promotion li a:hover {
    background: unset;
}

.other_promotion li:hover h3,
.other_promotion li:hover .pmtTime span{
    color: var(--main-color);
    transition: var(--tr) ;
}

@media screen and (max-width: 600px){
    .other_promotion li a{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

/* +++ 首頁崁入小撇步 ▼ -------------------- */
/*隱藏-按鈕*/
.pageIndex .i_news_b {
    display: none;
}

/*布局設定 ----------*/
.pageIndex .news_part{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
}

/*標題區塊 ----------*/
.pageIndex .news_part .title_i_box{
    width: 25%;
    margin: 20px auto;
    text-align: left;
}


/*消息區塊 ----------*/
.pageIndex .news_part .news_list{
    width: calc(100% - 25%);
}

/*最多顯示4個*/
.news_list ul li:nth-child(n+5){
    display:none;
}

/*底色*/
.news_list ul li a:hover {
    background: transparent;
}


/*底線*/
.news_list ul li{
    border-bottom:1px dotted var(--f2-color);
}

.news_list ul li:hover{
    border-bottom-color:transparent;
}

/*日期 & read more*/
.news_list ul li span,
.news_list ul li p:after{
    color: var(--f2-color);
    letter-spacing: .15rem;
}

.news_list ul li p:after {
    content: '>>';
}

/*文章標題*/
.news_list ul li p{
    color: var(--f1-color);
}

/*hovwr 變色*/
.news_list ul li a:hover span,
.news_list ul li a:hover p,
.news_list ul li a:hover p:after{
    color: var(--main-color);
}

/*客製-標題變更 ----------*/

/*隱藏-預設標題(最新消息)*/
.news_part .title_i_box h4 {
    font: normal .5rem / 1 var(--ff);
    color: transparent;
    text-align: left;
    border-left: 4px solid var(--main-color);
    padding-left: 1.5rem;
}

/*標題*/
.news_part .title_i_box h4::before {
    content: "最新消息";
    display: block;
    font: bold var(--f36) /1.5 var(--ff);
    color: var(--main-color);
    letter-spacing: .2rem;
}

/*隱藏-預設英文標題*/
.news_part .title_i_box h6{
    display: none;
}

/*英文標題*/
.news_part .title_i_box h4::after {
    content: "news";
    display: block;
    font: bold 14px /1.5 var(--ff);
    color: var(--main-color);
    letter-spacing: .1rem;
    text-transform: uppercase;
}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 768px){
    .pageIndex .news_part {
        flex-direction: column;
    }

    .pageIndex .news_part .title_i_box,
    .pageIndex .news_part .news_list{
        width: 100%;
    }

    .news_list ul{
        padding: unset;
    }

    /*蓋掉預設*/
    .pageIndex .news_list ul li{
        border: none;
        background: none;
        border-bottom: 1px dotted var(--f2-color);
        margin-bottom: 0px;
    }

    /*隱藏 >>*/
    .news_list ul li p:after{
        display: none;
    }

    .news_list ul li a{
        display: flex;
        flex-direction: row;
    }

    .news_list ul li span{
        width: min(40%,150px);
    }

    .news_list ul li p{
        text-align: left;
        padding: .25rem 0;
    }

    /*日期 & read more*/
    .news_list ul li span,
    .news_list ul li p:after{
        color: var(--f2-color);
        font: bold 12px / 1.5 var(--ff2);
        letter-spacing: .15rem;
    }
}


@media screen and (max-width: 600px){
    /*調整高度*/
    .news_list ul li a{
        padding: .5rem;
    }

    /*日期標題上下排列*/
    .news_list ul li a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    /*日期置左*/
    .news_list ul li span{
        text-align: left;
    }

    /*標題*/
    .news_list ul li p{
        line-height: 1.5rem;
    }
}

/* +++ 首頁崁入小撇步 ▲ -------------------- */

/* ▲ 小撇步(促銷方案-單欄)---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ▼ 聯絡我們 (資訊上表單下)--START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*上下布局*/
.contact_content form {
    display: flex;
    flex-direction: column;
}

/*聯絡資訊 ----------*/

/*隱藏-聯絡資訊*/
.contact_page .path,
.contact_content .information_left {
    display: none;
}

/*線上表單 ----------*/
/*寬度*/
.contact_content .information_right {
    width: 90%;
    max-width: 1100px;
    padding: 50px 0;
    margin: 0 auto;
    display: block;
}

/*標題布局*/
.information_right .blank_letter {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 40px;
    padding: 0px;/*蓋掉預設*/
/*    color: transparent;/*隱藏標題*/
}

/*兩欄布局*/
.contact_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
    width: 100%;
}


.contact_form li {
    width: 49%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0 0 24px 0;
    border-bottom: none;
    color: var(--f1-color);
}

/*留言內容-單欄*/
.contact_form li:nth-last-of-type(3) {
    width: 100%;
}

/*驗證碼-布局*/
.contact_form li .form__label {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    text-align: left;
    margin-bottom: .5rem;
    padding-right: 0;
}

/*必填*/
.star {
    order: 1;
    height: 18px;
}

.contact_form li.last cite {
    margin-left: 10px;
}

/*按鈕靠右不換行*/
.contact_form li.last {
    justify-content: flex-end;
    flex-wrap: nowrap;
    height: 4.5rem;
}

@media screen and (max-width: 1028px) {

/*資訊布局*/
.contact_content .information_left{
    /* display: block; */
}

/*聯絡資訊標題*/
.information_left .blank_letter {
    text-align: center;
}

/*文字區塊*/
.list_before.info{
    margin: 1rem 0;
}

/*地圖區塊*/
.contact_le_nomap{

}

}
@media screen and (max-width: 568px) {
    .contact_content .information_left{
        width: 100%;
    }
    .contact_form li {
        width: 100%;
    }

    .contact_form li.last{
        justify-content: space-around;
    }

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.contact_content .information_right {
    max-width: 1400px;
    padding: 80px 60px;
    margin: 0 auto 50px;
    background: var(--bg-color);
    border-radius: 20px;
}
/*客製-編輯區設計滿版*//*
.contact_page .main_part{
    width: 100%;
    max-width: 100%;
}
.contact_editbox{
    padding: 0;
}

/* ▲ 聯絡我們(資訊上表單下)--END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 購物車 (選單在左) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.product_page .show_content,
.product_info_page .show_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* +++ 商品目錄頁 ---------------------------------------- */

.clearfix:before,
.clearfix:after{
    display: none;
}

/*布局設定 ----------*/
/*分類區塊*/
.product_page .product-layer-two {
    width: min(220px,25%);/*寬度最大是 220px，否則就使用 25%*/
    display: inline-block;
    vertical-align: top;
    min-height: 30vw;
    scrollbar-gutter: stable;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0px;
}

/*商品區塊*/
.product_page .products-list {
    width: max(calc((100% - 220px ) - 30px),75%);
    /*寬度最小是 全部-分類區塊-30px，否則就使用 75%*/
    padding: 0 0 0 30px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1vw;
    margin: 0 auto;
}

/*商品區塊 ----------*/

/*商品卡片區塊*/
.products-list .item {
    width: 100%;
    background-color: transparent;
    position: relative;
    padding: 0;
    margin: 0 0 1rem 0;
}


/*商品名稱*/
.products-list .name {
    text-align: center;
    color: var(--f1-color);
    height: unset;
    margin-top: .5rem;
}

/*隱藏-詳細資料按鈕*/
.products-list .more{
    display: none;
}

/*價格*/
.products-list .price b{
    color: var(--ac-color);
}

/*置中*/
.products-list .price{
    text-align: center;
    margin: .25rem 0;
}

/*隱藏-原價*/
.products-list .ori_price{
    display: none;
}

/*左側分類目錄 ----------*/

/*主分類按鈕*/
.product-layer-two > li {
    width:100%;
    max-width:100%;
    padding:0;
    text-align:left;
    margin: .25rem 0;
}

/*主分類文字樣式*/
.product-layer-two li a {
    background: transparent;
    transition: var(--tr);
    color: var(--f1-color);
    border: none;
    padding: .75rem 1rem ;
}

.product-layer-two li ul{
    position: static;
}

/*hover選取*/
.product-layer-two li a:hover ,
.product-layer-two li.active a {
    transition: var(--tr);
    border: none;
    background: var(--sub2-color);
}

/*次分類按鈕*/
.product-layer-two li li {
    background: transparent;
    transition:var(--tr);
    display: block;
    border: none;
    margin: 0px;
}

/*次分類文字*/
.product-layer-two li li a ,
.product-layer-two li.active li a {
    background: transparent;
    transition:var(--tr);
    color:   var(--f2-color);
    padding: .5rem 1rem .5rem 2rem;
    word-break: break-all;
}

/*次分類 hover-文字變色*/
.product-layer-two li li:hover > a {
    background: transparent;
    transition:var(--tr);
    color:var(--main-color);
}

/*次分類圖標 ►*/
.product-layer-two li li > a:before {
    content: " ";
    position: absolute;
    width: .5rem;
    height: .5rem;
    background: var(--f2-color);
    left: 1rem;
    margin-left: 0px;
    top: 50%;
    margin-top: -.25rem;
    clip-path: polygon(0 0, 100% 50% , 0 100%);
    transition: var(--tr);
}

.product-layer-two li li:hover > a:before {
    background:var(--main-color);
}

/*首頁嵌入 ----------*/

.pageIndex .products-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1vw;
    margin: 0 auto;
    padding: 1rem 2%;
}

/*關掉上下間距*/
.pageIndex .products-list .item{
    margin: 0;
    padding: 0;
}

/*最多顯示4個*/
.pageIndex .products-list .item:nth-child(n+5){
    display:none;
}

/*背景*/
.pageIndex .prod_part{
    background:transparent;
    margin-bottom: 120px;
}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media screen and (max-width: 1024px) {
/*商品目錄-2欄*/
.product_page .products-list {
    grid-template-columns: repeat(2,1fr);
}
}

@media screen and (max-width: 768px) {
/*關掉左側分類*/
.product_page ul.product-layer-two {
    display: none;
}

/*商品目錄區塊*/
.product_page .products-list {
    width: 100%;/*擴大*/
    padding: 0;/*取消左側留白*/
    grid-template-columns: repeat(3,1fr);
}
}

@media screen and (max-width: 570px) {
/*商品目錄-2欄*/
.pageIndex .products-list,
.product_page .products-list{
    grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width: 300px) {
/*商品目錄-1欄*/
.pageIndex .products-list,
.product_page .products-list{
    grid-template-columns: 1fr;
}
}

/* +++ 商品詳情頁 ---------------------------------------- */

/*布局設定 ----------*/
/*隱藏-左側目錄*/
.product_info_page .product-layer-two {
   display: none;
}

/*商品區塊填滿*/
/*.product_info_page .products-list,*/
.product-wrapper {
     width: 100%;
}

.product_info_page .half_box {
    width: 100%;
    float: none;
    padding-right: 0;
}

.product_info_page .half_box li.btn_blankTop {
    margin-top: 50px;
    justify-content: space-between;
    display: flex;
}

/*確認送出*/
.product_info_page .half_box li.btn_blankTop input {
    width: calc(50% - 10px);
    background-image: none;
    padding: 0;
    text-align: center;
    height: 50px;
}

/*商品圖 ----------*/

/*隱藏-首圖白色框*/
.bx-wrapper .bx-viewport{
    border: 5px solid transparent ;
    background:transparent;
}

/*隱藏-"商品圖像"字樣*/
.product_pic #bx-pager .block,
.product_pic #bx-pager h6 {
    display: none;
}

/*商品側邊規格 ----------*/
/*資訊框樣式*/
.sidebarBtn {
    background:transparent;
    border: none;
    padding: 1rem 0px;
}

/*隱藏-手機板商品名稱*/
.mobile_product_name{
    display: none;
}

/*商品名稱置左*/
.sidebarBtn h2{
    text-align: left;
    margin: .5rem 0;
}

.product_info li .txt_box {
    color: var(--f1-color);
    width: 100%;
}

/*型號*/
#number_area{
    color: var(--f1-color);
    margin: .5rem 0;
}

/*價格*/
.sidebarBtn .sp_price,
.sidebarBtn .price{
    color: var(--ac-color);
}

/*有特價時的原價*/
.sidebarBtn .ori_price{
    color: var(--f2-color);
    text-decoration:line-through;
}

/*客戶編輯器 ----------*/
/*隱藏-商品資訊標題*/
.product_info_page ul li:first-of-type .prod-thumb {
    visibility: hidden;
}

/*商品 QA ----------*/

/*隱藏-QA區塊*/
.product_info_page ul li:last-of-type .prod-thumb,/*標題*/
.half_box/*表單*/,
.qaform/*詢問紀錄*/{
    display: none;
}

/*相關商品推薦 ----------*/
/*區塊*/
.prod_related {
    background: var(--bg2-color);
    padding: 50px 5%;
}

/*相關推薦標題*/
.prod_related h6 span:before{
    content: '相關推薦';
    color: var(--f1-color);
}

/*布局 ----------*/
.related_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1vw;
    padding: 1rem 0;
}

.related_list li {
    width: 100%;
    padding: 0;
    transition: var(--tr);
}

.related_list li a {
    padding: 0;
    background: transparent;
    transition: var(--tr);
}

/*相關推薦商品標題*/
.related_list li a p {
    margin-top: .5rem;
    color: var(--f1-color);
}

/*按鈕*/
.lastPage{
    margin: 1rem auto;
}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media screen and (max-width: 570px) {
/*相關商品推薦 ----------*/

/*相關推薦-22排列*/
.related_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 1vw;
}
.related_list li a p{
    margin-top: 0px;
}

}

/* ▲  購物車 (選單在左) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.info_fix,
.banner {
    display: none;
}

/* =============== ▼ 下拉選單 ▼ =============== */

/* 隱藏預設 */
.other_select_page .page,
.other_select_page .promotion_title ,
.other_select_page .promotion_title h2,
.other_select_page .pmtTitle span,
.other_select_page .other_promotion,
.other_select_page .other_promotion li a::before,
.other_select_page .other_promotion li a::after{
    display: none;
}

/* =============== ▲ 下拉選單 ▲ =============== */