@charset "utf-8";
/*字體-思源黑體*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap');


/*變數*/
:root {
    --first-color: #58BDEC; /*主色-藍 var(--first-color)*/
    --second-color: #C1DFED; /*輔色-30%藍 var(--second-color) */
    --third-color: #FEFCF5; /*輔色-5%黃 var(--third-color) */
    --accent-color: #F5CD3B; /*強調色-金黃 var(--accent-color)*/
    --f1-color: #555;  /* 深灰 var(--dark-gray) var(--f1-color)*/
    --f2-color: #ccc; /* 中度灰 var(--medium-gray) var(--f2-color)*/
    --f3-color: #F9F9F9;  /* 淺灰 var(--light-gray) var(--f3-color)*/
    --bg-color: #fff; /*背景色-白 var(--bg-color)*/
    --bg2-color: #F6FCFE; /*背景色-5%藍 var(--bg2-color)*/
    --linear-gradient:linear-gradient(135deg, rgba(88,189,236,1) 60%,rgba(245,205,59,.5) 90%,rgba(242,129,29,0) 100%);
    --ff:'Noto Sans TC', sans-serif; /*字型 var(--ff)*/
    --ff2:'Cinzel', 'Noto Sans TC', sans-serif; /*字型 var(--ff2)*/
    --f24:24px;/*var(--f24)*/
    --f21:21px;/*var(--f21)*/
    --f17:17px;/*var(--f17)*/
    --f15:15px;/*var(--f15)*/
    --f14:14px;/*var(--f14)*/
    --f12:12px;/*var(--f12)*/
    --border-radius: 2vw;/*var(--border-radius)*/
}

@media screen and (max-width: 968px) {
:root {
    --f24:20px;
    --f21:18px;
    --f17:15px;
    --f15:13px;
    --f14:13px;
    --f12:10px;
}
}

body{
    letter-spacing: 0.1rem;
    font: normal 14px/1.5 var(--ff);
}

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

/*選取外觀*/
::selection {
    color: var(--bg-color);
    background: var(--first-color);
}

/*滾動條全域設定---------- */

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

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

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

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

.album_page .main_part ,
.album_class_page .main_part,
.album_info_page .main_part,
.share_page .main_part,
.product_page .main_part,
.product_info_page .main_part,
.contact_page .main_part,
.inquiry_page .main_part,
.work_page .main_part ,
.work_class_page .main_part,
.work_info_page .main_part{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

/*首頁嵌入區塊寬度*/
.pageIndex .news_part,
.pageIndex .module_i_news,
.pageIndex .prod_part{
    padding: 50px 10%;
    max-width: 100vw;
}

/* ▼ 統一文字設定 ▼  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*標題文字樣式(文章管理、聯絡我們、相簿、估價單、購物車)*/
h5.blog_le_t em,
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: bold var(--f24)/2 var(--ff);
    color: var(--first-color);
    letter-spacing: .2rem;
    text-align: center;
    line-height: 30px;
    padding-top: 0px;/*聯絡我們*/
}

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


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

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

/* 內文(粗) -------------------- */
.submenu a,/*文章目錄頁|次分類*/
.product-layer-two li li a,/*商品目錄頁|次分類*/
.products-list .name,/*商品目錄頁|商品名稱*/
.products-list .price b,/*商品目錄頁|價格*/
.product_info_page ul.prod li,
#number_area,/*商品詳細頁-型號*/
.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,
.TEL:before,.TEL2:before,.PHONE:before,.FAX:before,/*聯絡我們 | 聯絡資訊-標題*/
.TAXID:before,.MAIL:before,.ADD:before,.ADD2:before,
.remit_page .formbox_form /*匯款通知*/,
.total_amount li,
.shopping-cart .cell {
    font: bold var(--f15)/1.5 var(--ff);
    letter-spacing: .15rem;
}

/* 內文 -------------------- */
.footer_info li p,
.footer_info li p> a,
.me_tp_features a.tp_btn_notice,
.me_tp_features a.tp_btn_cart,
.list_before,/*聯絡我們 | 聯絡資訊-內容*/
.contact_form li .form__insert,/*聯絡我們 | 選取欄文字*/
.form select,/*聯絡我們 | 下拉選單文字*/
.blog_list_ri p,/*文章管理 |目錄頁-文章卡片內文 */
.i_blog_ri p,/*首頁嵌入-文章管理|文章內文*/
.blog_box_edit,/*文章管理 | 詳細頁-內文*/
.share_page .edit/*小撇步 | 詳細頁-內文*/ {
    font: normal var(--f14)/1.5 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,/*首頁嵌入-文章管理|文章時間*/
.product_info li span,/*商品規格*/
.product_info_page .toShare b,/*分享到*/
.path p,/*麵包屑*/
.path p a,
.note/*必填*/,
.shop_search_btn,
.shop_search_txt {
    font: normal var(--f12) / 1.5 var(--ff2);
    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,
.blog_back a.article_btn_prev,
.blog_back a.article_btn_back,
.blog_back a.article_btn_next,
.send_simple,.rewrite_simple,
.animated-arrow {
    font: bold var(--f15)/1.5 var(--ff);
    letter-spacing: .15rem;
    background: var(--bg-color);
    background-image: none;
    color: var(--first-color);
    border:1px var(--first-color) solid;
    border-radius: var(--border-radius);
    transition: ease .5s;
}

/*文章按鈕外觀微調*/
.blog_back a.article_btn_next{
    border-radius: 0 3vw 3vw 0 ;
}

.blog_back a.article_btn_prev{
    border-radius: 3vw 0 0 3vw ;
}

.blog_back a.article_btn_back{
    border-radius: 0vw;
}


/*按鈕高度微調-首頁崁入&購物車*/
.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,
.blog_back a.article_btn_prev:hover,
.blog_back a.article_btn_back:hover,
.blog_back a.article_btn_next:hover,
.send_simple:hover,
.animated-arrow:hover {
    background: var(--first-color);
    color: var(--bg-color);
    border:1px var(--first-color) solid;
    letter-spacing: .3rem;
}

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

/*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;
}

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

/* 欄位樣式 (聯絡我們、商品QA"商品規格"&"分享到"文字*)*/
.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);
}

/* 輸入框及輸入文字樣式 (聯絡我們、商品QA) */
.contact_form li input.noborder,
.contact_form li textarea.noborder,
.qaform .breakF,
.remit_page .border200 {
    border: 0px var(--first-color) solid;
    background: transparent;
    border-bottom: 1px var(--f2-color) solid;
    padding: 10px;
    color: var(--f1-color);
    letter-spacing: .1rem;
    width: 100%;
}

/*必填*/
.red {
    color: var(--accent-color);
}

/*下拉選單外觀*/
.form select{
    margin: 10px 0 0 0;/*框外間距*/
    padding: 3px 26px 3px 5px;/*框內間距*/
    background: var(--bg-color);
    color: var(--f1-color);
    border: 1px solid var(--f3-color);
    border-radius: 0.5vw;
}

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

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

/*全域照片hover效果*/

/*照片框*//*
.i_blog_le img, .blog_list_le img,
.show-list .show_pic,
.other_subalbum li a div,
.pic-list .show_pic,
.related_list li a img {
    border-radius: var(--border-radius);
    border: 3px solid transparent;
    transition: ease .5s;
}

/*選取透明*/
.module_i_news li:hover .i_blog_le img,
.subbox_item:hover .blog_list_le img,
.products-list .item:hover .pic img,
.products-list .item a:hover .show_pic,
.other_subalbum li:hover a div,
.pic-list .item:hover .show_pic,
.show-list .item a:hover .show_pic,
.related_list li a:hover img  {
    opacity: 0.6;
    transition: ease .5s;
}

/*商品目錄-商品名稱變色*/
.subbox_item:hover .blog_list_ri h5,
.products-list .item a:hover .name,
.related_list li a:hover p{
    color: var(--first-color);
    transition: ease .5s;
}

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

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

/*選單寬度內縮*/
.main_header_area .container {
    transition: all 0.5s ease;
    padding: 0 2%;
}

.navigation {
    padding: 0;
}

.stellarnav {
    z-index: 0;
}

/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/

/*上方選單右邊設定 臉書/LINE/電話/信箱------------*/
/*隱藏*/
.me_tp_features,
.tp_links{
    display: none;
}

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

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

/*隱藏-footer logo & footer icon*/
.footer_logo,
.box_link {
    display: none;
}

/*揚京版權塊 -------------------- */
.copy {
    padding: 7px 0;
    font: normal 12px/1.5 var(--ff);
    letter-spacing: .1rem;
    color:var(--bg-color);
    margin-top: 5px;
    background-color:var(--first-color);
    border-top: 0px transparent; solid;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.copy a {
    color:var(--bg-color);
}

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

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

/* ▼ 大圖 (基本) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*大圖固定比例*/
.swiper-slide img {
    height: auto;
}

/*demo滿版*/
.edit_part {
    max-width: inherit;
    margin: auto;
    padding: 0;
}

/* ▲  大圖 (基本) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 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:all 0.5s;
}

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

/* 按鈕 -------------------- */
.animated-arrow {
    background: var(--first-color);
}


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

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


/* ▼ HEADER---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/*logo定位 */
.nav-header {
    padding: 6px 0 0 3vw;
}

/*logo大小*/
.header_area .nav-brand {
    width: clamp(150px, 18vw, 200px);
}

/*全域header樣式+首頁header下拉*/
.main_header_area,
.pageIndex .sticky .main_header_area.animated {
    background: linear-gradient(135deg, rgba(88,189,236,1) 60%,rgba(245,205,59,.5) 90%,rgba(242,129,29,0) 100%);
    margin-right: 0vw;
}

/*首頁header樣式*/
.pageIndex .main_header_area {
    background: linear-gradient(135deg, rgba(88,189,236,1) 25%,rgba(245,205,59,0.4) 55%,rgba(242,129,29,0) 95%);
    transition: .5s ease-out;
    margin-right: 10vw;
}

/*隱藏後兩個選單*/
.stellarnav > ul > li:last-child,
.stellarnav > ul > li:nth-last-child(-n+2) {
    display: none;
}

.footer_menu a:last-child,
.footer_menu a:nth-last-child(-n+2) {
    display: none;
}



/*選單文字*/
.stellarnav > ul > li > a {
    color: var(--bg-color);
    font: bold var(--f15)/1.5 var(--ff);
    letter-spacing: 0.15rem;
    text-align: center;
    transition: all .3s;
    margin: 45px 0px 15px 0px; /*選單高度*/
    padding: 0 1rem; /*選單間距*/
    height: 1.5rem;
    text-shadow: 0rem 0rem 0.2rem rgba(0 0 0 /20%);
}

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

/hover文字上浮 ---------- */

.stellarnav > ul > li:hover > a {
    transform: translateY(-8px);
    transition: .5s ease-out;
}

/*圖示*//*
.stellarnav > ul > li > a:before {
    content: "";
    background: url(https://pic03.eapple.com.tw/tarotleeking99/icon-01.png) no-repeat;
    width: 20px;
    height: 30px;
    background-size: contain;
    position: absolute;
    left: 50%;
    transition: .5s ease-out;
    transform: translate(-50%);
    bottom: 20px;
    opacity: 0.6;
    filter: drop-shadow(0em 0em 0.2rem rgba(0 0 0 / 20%));
}

.stellarnav > ul > li > a:hover::before {
    transition: .5s ease-out;
    opacity: 1;
}

*/
.stellarnav > ul > li:hover::before {
    transform-origin: 0 50%;
    transform: scaleX(1);
    transition: .5s ease-out;
}

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

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

/*次選單樣式-實心*/
.stellarnav ul ul {
    background: var(--bg-color);
    border: none;
    border-radius: 0 0 4px 4px;
    padding: 7px;
    width: 180px;
}

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

/*次選單文字樣式*/
.stellarnav li a {
    padding: 7px 10px;
    display: block;
    color: var(--f1-color);
    font: normal 14px/1.5 var(--ff);
    letter-spacing: .1rem;
}

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

/*欄位hover樣式*//*
.stellarnav li li:hover > a ,
.stellarnav li li.has-sub:hover > a {
    color: var(--first-color);
    border-color:var(--first-color) ;
}
*/

/*次選單 hover-向右滑動*/
.stellarnav li.has-sub ul li a:hover{
    color: var(--first-color);
}

/*文字底色透明*/
.stellarnav.desktop li.has-sub ul a {
    background: transparent;
    letter-spacing: .1rem;
    font: normal var(--f15) var(--ff);
}


@media screen and (max-width: 1200px) {
/*關掉-右推*/
.pageIndex .main_header_area{
    margin-right: 0vw;
}
}

@media screen and (max-width: 1024px) {
/*關掉-背景色變化*/
.main_header_area,
.pageIndex .main_header_area,
.pageIndex .sticky .main_header_area.animated{
    background: var(--first-color);
}

/*選單文字高度*/
.stellarnav > ul > li > a{
    margin: 3px 0px;/*選單高度*/
    padding: 0 .5rem;/*選單間距*/
}

/*hover-變色+關掉上浮 */
.stellarnav > ul > li:hover > a {
    transform: none;
    color: var(--accent-color);
}

/*logo定位-關掉左偏 */
.nav-header {
    padding: 6px 0 0 0;
}

}

/* +++ 手機板選單 ▼ -------------------- */

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

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

/*logo圖層往後+定位*//*
.pageIndex .nav-header,
.nav-header,
.sticky .nav-header {
    z-index: 0;
    top: 0.5rem;
}

/*調整左右邊緣*/
.main_header_area .container,
.sticky .main_header_area .container{
    padding:  0 ;
}

/*漢堡選單 -------------------- */
/*右滑出現*/
.stellarnav.mobile.left > ul{
    left: -100vw;
    transition: all .5s;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    max-height: 100vh;
}

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

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

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

/*menu & close 文字樣式*/
.stellarnav .menu-toggle:after,
.stellarnav.mobile.right .close-menu,
.stellarnav.mobile.left .close-menu  {
    font: bold 14px/1.5rem var(--ff);
    color: var(--bg-color);
    letter-spacing: .2rem;
}

/*打開後 close 表頭*/
.stellarnav.mobile.right .close-menu,
.stellarnav.mobile.left .close-menu {
    background: var(--first-color);
    text-align: right;
    padding-right: 25px;
    color: var(--bg-color);
}

.stellarnav .icon-close {
    margin-right: 6px;
}

.stellarnav .icon-close:before,
.stellarnav .icon-close:after {
    border-bottom: solid 3px  var(--bg-color);
}

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

/*選單寬度加陰影*/
.stellarnav.mobile.left > ul {
    border: none;
    box-shadow: 1px 0px 10px rgba(0,0,0,.3);
    padding-top: 0;
    background: var(--first-color);
    backdrop-filter: saturate(180%) blur(10px);
}

/*選單外寬度*/
.stellarnav.mobile > ul > li {
    width: auto;
    text-align: left;
    border-bottom: none;
}

/*選單文字*/
.stellarnav.mobile > ul > li > a {
    padding: 0;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    padding: 15px 25px;
    line-height: 1rem; /*按鈕高度*/
}


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

/*隱藏-英文*/
.stellarnav.mobile > ul > li > a b:last-child{
    display: none;
}

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

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

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

/*下拉區塊-外層*/
.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;
    margin-top: -15px;
}

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

/*第二層文字*/
.stellarnav.mobile li a,
.stellarnav.mobile li li.has-sub a {
    padding-left: 20px;
    color:var(--bg-color);
    border-bottom: none;
    font-size: 15px;
    line-height: 1.2rem;
}

/*第二層文字 符號*/
.stellarnav li.has-sub ul li a:before{
    content: "- ";
}

/*關掉-第三層+號旁 符號*/
.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(--accent-color);
    border: none;
}


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


}
/* ▲ 手機板框架 (基本) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ▲ HEADER---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ FOOTER---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.footer {
    padding: 30px 0 0;
    font: normal var(--f14)/1.5 var(--ff);
    background: var(--bg-color);
    position: relative;
    z-index: 99;
}

.footer_info {
    padding: 0 5% ;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer_info ul {
    display: flex;
    vertical-align: top;
    width: calc(100% - 10px);
    flex-direction: row;
}

.footer_info li {
    display: grid;
    padding-left: 2%;
    align-content: space-between;
    width: 50%;
    color: var(--bg-color) !important;
}

/*資訊內容改色*/
.footer_info li p,
.footer_info li p> a {
    line-height: 1.5rem;
    letter-spacing: 0.1rem;
    color: var(--first-color);
    padding-left: .5em;
}

/*選單按鈕*/
.footer_menu {
    text-align: center;
    padding-top: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.footer_menu a {
    display: revert;
    padding: 5px 15px;
    border: 1px var(--first-color) solid;
    margin: 0.5rem;
    font: normal var(--f12)/1 var(--ff) ;
    letter-spacing: 0.1rem;
    color: var(--first-color);
    background: var(--bg-color);
    border-radius: 15px;
}

.footer_menu a:hover {
    background: var(--first-color);
    color: var(--bg-color);
    transition: all 0.5s ease;
}

 /*footer客製修改-------------------- */

/*營業時間*/
.footer_info li:nth-child(1):after{
    content: '營業時間:   一~日   AM11:30 ~PM9:00 <採預約>';
    font: normal var(--f14)/1.5 var(--ff);
    padding-left: .5em;
    color: var(--first-color);
}

/*標題*/
.footer_info li p.line:before{
    content: '官方LINE:';
}

.footer_info li p.add:before{
    content: '台北工作室:';
}

.footer_info li p.add2:before{
    content: '高雄工作室:';
}

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

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

/*左右改上下排列*/
.footer_info ul{
    display: flex;
    flex-direction: column;
}

.footer_info li{
    width: 100%;
    padding: 0;
    justify-content: center;
}

.footer_info li p,
.footer_info li p> a{
    padding-left: 0;
}

/*關掉按鈕*/
.footer_menu{
    display: none;
}

.footer_info li:nth-child(1):after{
    padding-left: 0;
}

}

/* ▲ FOOTER---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 大圖 (基本) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*大圖固定比例*/
.swiper-slide img {
    height: auto;
    max-height: 100vh;
}

/*demo滿版*/
.edit_part {
    max-width: inherit;
    margin: auto;
    padding: 0;
}

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

/*大圖滿版*/
.bannerindex {
    position:relative;
    height: 50vw;
    max-height: 100vh;
}

/*預設解除背景輪播/整體下滑-方式1*/
#content_main {
    margin:0;
}


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

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

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

/* ▼ 大圖-slogan偽元素設定 ---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*偽元素定位 -------------------- */
.swiper-slide:before {
    content: "";
    position: absolute;
    z-index: 999;
    pointer-events:none;
    background-size: contain;
    background-repeat: no-repeat;
}


.swiper-slide:nth-child(2):before {
    width: 100%;
    background-image: url(https://pic03.eapple.com.tw/tarotleeking99/slogan_B.png);
    aspect-ratio: 2/1;
    height: auto;
    bottom: 0;
    right: 0;
}
/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


@media screen and (max-width: 1024px) {
/*大圖下推*/
.pageIndex .header_area {
    position:relative;
}

/*調整-偽元素定位*/
.swiper-slide:nth-child(2):before{
    transform: translateY(-9%);
}

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

}

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

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

}
/* ▼ 相簿 (基本) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

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

/*次分類版面微調*/
.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: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    border-radius: var(--border-radius);
}

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


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

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 768px) {
ul.show-list,
.other_subalbum,
ul.pic-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    gap: 15px;
}

}
/* ▲ 相簿 (基本) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/* 相簿文字 -------------------- */
.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(--first-color);
}


/* 相簿圖片 -------------------- */
.show-list .show_pic img,
.pic-list .show_pic img ,
.other_subalbum li a img {
    transition: all .5s ;
    display: block;
    object-fit: cover;
    min-width: 100%;
    height: 100%;
    position: absolute;
    filter: blur(0px);/*毛玻璃效果*/
}

/*hover放大圖片*//*
.show-list .show_pic img:hover,
.pic-list .show_pic img:hover,
.other_subalbum li a img:hover {
    transform: scale(1.1);
    filter: blur(2px);
}

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

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

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

/*次分類按鈕*/
.other_album_choice li {
    background: var(--bg-color);
    transition: ease .5s;
    border:1px var(--first-color) solid;
    border-radius: var(--border-radius);
}

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

.other_album_choice li:hover {
    background: var(--first-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);
}


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


/* ▼ 購物車 (兩欄) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5
*/

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

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

/*布局設定 ----------*/
/*分類寬度&高度滑軌*/
.product_page .product-layer-two {
    width: min(220px,25%);
    min-height: 30vw;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2vw;
    max-height: 40vh;
    scrollbar-gutter: stable;
    overflow-x: hidden;
    margin: 0px;
    background: var(--bg-color);
    border-radius: 1vw;
    padding: 20px;
}

/*商品區塊寬度*/
.product_page .products-list {
    width: max(calc((100% - 240px)*.9),75%);
    padding: 0 0 0 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    gap:.5rem;
    margin: 0 auto;
}

/*首頁嵌入*//*
.pageIndex .products-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap:0.5rem;
    margin: 0 auto;
}

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

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

/*隱藏-商品前後空白*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display:none;
}

/*商品卡片寬度*/
.products-list .item {
    width: 100%;
    background-color: transparent;
    margin-bottom: 15px;
    position: relative;
}

/*照片剪裁框-圓角+1:1*/
.products-list .pic {
    border-radius: var(--border-radius);
    padding-bottom: 100%;
}

/*商品照片*/
.products-list .pic img {
    transition: ease .5s;
    display: block;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 9 / 9;
}


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

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

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

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

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

/*左側目錄 ----------*/

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

/*主分類文字樣式*/
.product-layer-two li a {
    background: transparent;
    color: var(--first-color);
    border: none;
    padding: 10px 10px;
    border-radius: var(--border-radius);
}

/*主分類選取*/
.product-layer-two li a:hover ,
.product-layer-two li.active a {
    transition: all 0.8s;
    border: none;
    color: var(--f1-color);
}

/*
.product-layer-two > li ul > li + li {
    margin-top:5px;
}
*/

/*次分類區塊*/
.blog_le .accordion li.default .submenu,
.product-layer-two li ul {
    position:static;
    display:block !important;
    margin-top:1px;
  }

.product-layer-two li:hover ul {
    border: none !important;
    display:block !important;
 }

/*次分類文字框*/
.product-layer-two li li,
.submenu li {
    display: block;
    transition:all ease .5s;
    border: none;
    background: transparent;
    padding: 6px 5px 6px 10px;/*次分類右推+上下間距*/
}


/*次分類文字*/
.product-layer-two li li a,
.product-layer-two li.active li a ,
.submenu a{
    color: var(--f1-color);
    word-break: break-all;
    background: transparent;
    padding: 0;
    padding-left: 5px;/*空給標頭*/
    font-weight: normal ;/*蓋掉原始設定*/
}

/*次分類hover-向右偏移*/
.product-layer-two li li:hover,
.submenu a:hover {
    margin-left: 0px;
}

/*次分類hover-變色*/
.product-layer-two li li:hover > a,
.submenu a:hover {
    background: transparent;
    color:var(--first-color);
}

/*隱藏-次分類圖標*/
.submenu a:before,
.product-layer-two li li > a:before {
   display: none;
}

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

/*布局設定 ----------*/
/*商品詳細頁-關掉左側目錄*/
.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;
}

/*商品圖像-布局調整 ----------*/

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

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

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

/*商品名稱置左*/
.sidebarBtn h2{
    text-align: left;
    padding-bottom: 10px;
}

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

/*型號*/
#number_area{
    olor: var(--f1-color);
}

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

/*特價*/
.sidebarBtn .sp_price{
    color: var(--accent-color);
}

/*只有價格*/
.product_info_page .sidebarBtn .price,
.product_info_page .sidebarBtn .price span{
    color: var(--f1-color);
    text-align: left;
    border-bottom: none;
}


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

/*表格標題*/
.product_info_page ul.prod li h3.prod-thumb,
.prod_related h6{
    color: var(--first-color);
    background: transparent;
    border-bottom: 2px var(--first-color) solid;
    margin-bottom: 50px;
    height: 2.5rem;
}

/*表格左右內縮*/
.product_info_page ul.prod li .prod-panel {
    padding: 0 5%;
}

/*按鈕文字回正*/
.productBtn{
    padding: 0;
}


/*相關商品推薦 ----------*/
/*區塊*/
.prod_related {
    background: transparent;
    padding: 25px 15px 1px 15px;
}

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

/*布局 ----------*/
.related_list {
    display: grid;
    gap:0.5rem;
    grid-template-columns: repeat(auto-fill,minmax(190px,1fr));
    padding: 10px 5%;
}

.related_list li {
    width: 100%;
    padding: 0;
    transition: ease .5s;
}

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

.related_list li a {
    padding: 0;
    background: transparent;
    transition: ease .5s;
}

/*客製-彩色背景調整*/
/*商品詳頁-白底*/
.product-wrapper{
    background: rgba(255 255 255 / 100%);
    padding: 50px 20px;
    border-radius: var(--border-radius);
}

.product_info_page ul.prod li{
    padding: 0 5%;
}

/*相關推薦-磨砂白底*/
.prod_related{
    background: rgba(255 255 255 / 50%);
    backdrop-filter: saturate(50%) blur(5px);
    padding: 80px 5% 20px;
}


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

@media screen and (max-width: 1280px) {
.product_page .products-list,
.related_list{
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
}

@media screen and (max-width: 768px) {
.product_page ul.product-layer-two {
    display: none;
}

.product_page .products-list{
    padding: 0;
    width: 100%;
}

.products-list,
.product-wrapper {
    width: 100%;
}

.product-layer-two {margin-right: 0;}
.product-layer-two > li {margin-bottom: 5px;}
.product_page .show_content > a {order: 1;}
.product_page ul.products-list {order: 2;}
.product_page ul.page {order: 3;}


}

@media screen and (max-width: 568px) {
.product_page .products-list,
.related_list{
    grid-template-columns: repeat(auto-fill, minmax(153px, 1fr));
}

.related_list{
    padding: 10px 2%;
}



}

/* ▲  購物車 (兩欄) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 文章管理 (基本) START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/*版面布局設定 -------------------- */
/*排列*/
.blog_subbox {
   width: 95%;
   display: grid;
   grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
   gap: 20px;
   margin: 0 auto;
}

/*首頁嵌入*/
.module_i_news ul {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    gap: 20px;
    margin: 0 auto;
}

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

.blog_subbox:before{
    content:none;
}

.module_i_news li ,
.subbox_item {
    width: 100%;
    background-color: transparent;
}

.module_i_news li a ,
.subbox_item a {
    padding: 5px;
}

.module_i_news li a:after ,
.subbox_item a:after{
    pointer-events:none;
}

.i_blog_le,
.i_blog_ri ,
.blog_list_le ,
.blog_list_ri {
    width: 100%;
}

/*文章縮圖長寬比例，100% →100:100 = 1:1 正方形 */
.i_blog_le ,
.blog_list_le{
    position: relative;
    padding-bottom: 100%;
    height: 0;
}

/*照片*/
.i_blog_le img ,
.blog_list_le img {
    display:block;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/*側邊 -------------------- */
.blog_le .accordion > li {
    transition:all 0.8s;
}



/* ▲ 文章管理 (基本) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ 文章管理---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*側邊欄 -------------------- */
/*底色*/
.blog_le {
    background: var(--bg-color);
    padding: 15px;
    border-radius: 1vw;
}

/*選單標題*/
h5.blog_le_t {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-top: 10px;
}

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

/*Article 文字樣式*/
h5.blog_le_t span {
    font: lighter 16px/2 var(--ff);
    color: var(--second-color);
    text-transform: uppercase;
    letter-spacing: .1rem;
    text-align: left;
}

/*搜尋框-------------------- */
.blog_search input[type=search] {
    border-radius: 0vw;
    border: 1px solid var(--first-color);
    color: var(--f3-color);
    padding: 10px 35px 10px 20px;
}
/*輸入|跳動*/
.blog_search input[type=search]:focus {
    color: var(--f1-color);
}

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

/*圓角*/
.blog_le .accordion > li{
    border-radius: 3vw;
}

/*hover-底色變化*/
.blog_le .accordion > li:hover,
.blog_le .accordion > li.on_this_category{
    background: transparent!important;
    transition: all 0.8s;
    border-radius: 15px;
}


/*hover-文字偏移*/
.blog_le .accordion > li:hover .link a,
.blog_le .accordion > li.on_this_category .link a {
    padding-left: 10px;
    color: var(--f1-color)!important;
}

/*次分類 -------------------- */
.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(--first-color);
    background: transparent;
    padding-left: 30px;
}

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

/*次分類框*/
.accordion li .link {
    border-bottom: 0px solid  var(--f2-color);
    padding: .5rem;
    margin: .5rem 0;
}

/*分類項目文字*/
.accordion li .link a {
    display: inline-block;
    color: var(--first-color);
    padding-left: 10px;
    transition: all 0.8s;
    height: 1.5rem;
    padding-top: .2rem;
}

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

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

/*隱藏-分類標題*/
.blog_page h4.blog_category_title{
    display: none;
}

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

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

.subbox_item,
.module_i_news li {
    border:  var(--f2-color) 0px solid;
    transition: all 0.6s ease;
}

/*區塊陰影*/
.subbox_item:hover,
.module_i_news li:hover {
    opacity: 0.5;
    box-shadow: none;
}

/*邊框內容不內縮*/
.module_i_news li a,
.subbox_item a {
    padding: 0;
}

/*照片圓角*/
.i_blog_le img,
.blog_list_le img {
    border-radius: var(--border-radius);
}

/*文字區塊 -------------------- */
/*文字區塊內縮*/
.blog_list_ri {
    padding: 3% 5% 7%;
}

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

/*樣式微調-內文*/
.blog_list_ri p,
.i_blog_ri p {
    color: var(--f1-color);
    text-align: left;
}

/*樣式微調-日期*/
.blog_list_ri em,
.i_blog_ri em {
    color:  var(--f1-color);
    margin: 5px 0;
}

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

/*文章標題靠左*/
h4.blog_category_title{
    text-align: left;
    padding: 0 2%;
    color: var(--f1-color);
}

/*內文距離*/
.blog_ri {
    padding: 0 0 0 30px;
}

/*內文文字樣式*/
.blog_box_edit {
    color: var(--f1-color);
    padding: 2%;
}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 768px) {
/*關掉文章分類標題*//*
h5.blog_le_t{
    display: none;
}

/*調整-文章分類框樣式*/
.blog_le{
    background: transparent;
}

/*水平*/
h5.blog_le_t{
    flex-direction: row;
}

h5.blog_le_t em,
h5.blog_le_t span{
    color: var(--bg-color);
    padding-right: 1rem;
}

/*關掉文章左邊留白*/
.blog_ri{
    margin-bottom: 2vw;
    padding:0px;
}


}

@media screen and (max-width: 568px) {
.module_i_news ul,
.blog_subbox{
    grid-template-columns: repeat(auto-fill, minmax(153px, 1fr));
    gap: 10px;
}

}

/* ▲ 文章管理---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ BANNER---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*內頁 BANNER 設定*/
.banner {
    display: none;
}

/* ▲ BANNER---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*購物車結帳頁*/
.car_page .information_left {
    display: block;
}