@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{overflow-x:hidden; font-family: 'Cormorant+Garamond', Noto Sans TC;}


/*網站全域設定/＝＝＝＝＝*/
:root {
  --MainColor: #789549; /*網站主要色系*/
  --SubColor: #A386B9; /*網站輔助色系1*/
  --SubColor2: #dfd9c5; /*網站輔助色系2*/
  --SFont:'Ibarra Real Nova','Noto Serif TC', serif;/*特殊字體*/
  --pd100:100px 0;
  --m100:100px;
  --m50:50px;
  --m30:30px;
  --f48:48px;
  --f40:40px;
  --f36:36px;
  --f32:32px;
  --f28:28px;
  --f24:24px;
  --f22:22px;
  --f20:20px;
  --f18:18px;
}
@media (max-width:1024px) {
:root{
  --m50:40px;
  --m30:25px;
  --f48:40px;
  --f40:36px;
  --f36:32px;
  --f32:28px;
  --f28:24px;
  --f24:22px;
  --f22:20px;
}
}
@media (max-width:768px) {
:root{
  --pd100:70px 0;
  --m100:70px;
  --m50:30px;
  --m30:20px;
  --f48:32px;
  --f40:28px;
  --f36:26px;
  --f32:24px;
  --f28:20px;
  --f24:20px;
  --f20:18px;
  --f18:17px;
}
}
@media (max-width:600px) {
:root{
  --pd100:50px 0;
  --m100:50px;
  --m50:25px;
  --f48:28px;
  --f40:24px;
  --f36:22px;
  --f32:20px;
  --f28:18px;
  --f24:18px;
  --f22:18px;
  --f20:17px;
  --f18:16px;
}
}
@media (max-width:375px) {
:root{
  --f48:24px;
  --f40:20px;
  --f36:18px;
  --f32:18px;
  --f28:17px;
  --f24:17px;
  --f22:17px;
  --f20:16px;
  --f18:15px;
}
}

/*變數*/
:root {
    --transition: 0.5s ease-out;/*變化 var(--transition)*/
    --transition2: all 3s cubic-bezier(0.190, 1.000, 0.220, 1.000);/*變化 var(--transition2)*/
    --border-radius: 4px;/*var(--border-radius)*/
}


/*  = 預設解除背景輪播 =  */

#content_main {
    margin: 0;    background: #f4f4f4;
}

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

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

.swiper-slide img {
    height: auto;
}




@media screen and (max-width: 768px) {
    header.header_area.sticky {  position: fixed;}
    
    .bannerindex {
        padding: 0;
        margin: 0;
    }
}


/*網站全域變數設定*/
:root {
    --bg-color: #fff; /*背景色-白 var(--bg-color)*/
    --first-color: #004783; /*主色-藍 #bea15c*/
    --second-color: #b3c8da; /*輔色-淺藍 var(--second-color)*/
    --third-color: #e8eff4; /*輔色-橘 var(--third-color)*/
    --accent-color: #789549; /*強調色-紅 var(--accent-color)*/
    --dark-gray: #333;  /* 深灰 var(--dark-gray)*/
    --medium-gray: #aaa; /* 中度灰 var(--medium-gray)*/
    --light-gray: #d9d9d9;  /* 淺灰 var(--light-gray)*/
    --f32:32px;/*var(--f32)*/
    --f24:24px;/*var(--f24)*/
    --f21:21px;/*var(--f21)*/
    --f17:17px;/*var(--f17)*/
    --f15:15px;/*var(--f15)*/
    --f14:14px;/*var(--f14)*/
    --f12:12px;/*var(--f12)*/
}

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

body{
    font-weight: 400;
}
/*背景色*/
#content {
    background-color: var(--bg-color);
}

::selection {
    color: rgb(255, 255, 255);
    background: #bea15c;
}

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

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

/*軌道顏色*/
::-webkit-scrollbar-track{
    background-color: #d1d1d1;
    border-radius: 3px;
}

/*滑塊*/
::-webkit-scrollbar-thumb {
    background-color: #799648;
    border-radius: 3px;
}

/*版面寬度*/
.main_header_area .container{
    max-width: 1200px;
    width: 100%;
}

.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;
}
.main_part {padding: 145px 20px;}


/* top */

#to_top {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 600;
    width: 50px;
    height: 50px;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 1000;
    color: #f0f0ee;
    text-align: center;
    text-decoration: none;
    background: #789549;
    box-shadow:none;
    border-radius: 20%;}

    #to_top i:before, #to_top i:after {    background: #f0f0ee;}
    #to_top i.top:before, #to_top i.top:after{height: 12px;width: 2px;top: 0;left: 50%;}

/*============== BANNER================================================================================================== */
.banB {display: none;}
.banF {background-image: url(https://pic03.eapple.com.tw/amoonears/bn2.jpg);}
.banner.banblog{background-image: url(https://pic03.eapple.com.tw/amoonears/bn3.jpg);}
.banC{background-image: url(https://pic03.eapple.com.tw/amoonears/bn1.jpg);}
.banA {display: none;}

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

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

/*SubMenu*/
.shop_search_btn {
   background-color:#3d7ac4;
}
/* ▲  大圖 (基本) END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/* 麵包屑 -------------------- */
.path p,
.path p a {
    color: var(--medium-gray);
    letter-spacing: .1rem;
}

.path p a:hover {
    color: #bea15c;
}

/*分頁頁標*/
.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:.5s ease-out;
}

.page strong,
.page a:hover {
    background: #bea15c;
    border: 1px solid #bea15c;
}


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

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

.header_area {    background: #f0f0f000;}
.header_area.sticky {    background: rgb(255 255 255 / 0%);}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;}


/* 購物車隱藏 */
.me_tp_features a i {display: none;}
.me_tp_features {display: none;}

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

/*logo定位 */
.nav-header {
    top: 16px;
    left: 2vw;
}

/*logo大小*/
.header_area .nav-brand {
    max-width: 170px;
    width: 100%;
    transition: .3s
}


.header_area.sticky .nav-brand {
    max-width: 125px;
    width: 100%;
    transition: .3s
}

/*header樣式*/

.header_area {
    position: fixed;
    z-index: 9999;
    width: 100%;
}

.main_header_area {
    background: #e8e8e800;
   /* box-shadow: 1px 1px 10px rgb(105 83 83 / 23%);*/
    transition: .5s ease-out;
    margin: 0;
    border-radius: 0;
}

/*header下拉後底色磨砂感*/
.sticky .main_header_area.animated {
    background: #efefef;
    backdrop-filter: saturate(93%) blur(10px);
    border-radius: 10vw;
    margin: 1vw 5vw;
}

.banner {display: none;}

/*選單文字*/
.stellarnav > ul > li > a {
    color: #72604c;
    font-family: var(--ff);
    font-size: var(--f15);
    letter-spacing: 0.15rem;
    text-align: center;
    transition: .5s ease-out;
    height: 50px;
    margin: 0px 0px 1px 0px; /*選單高度*/
    padding: 20px 10px 0 10px; /*選單間距*/
    font-weight: 600
}

.stellarnav > ul > li > a :hover {
    color: var(--second-color);
}

.navigation { padding: 25px 0 10px 0px;}
.stellarnav > ul > li:nth-child(9), .stellarnav > ul > li:nth-child(10){display:none;}
.stellarnav a.dd-toggle .icon-plus:before{    border-bottom: solid 2px #7a964e;}
.stellarnav a.dd-toggle .icon-plus:after {    border-bottom: solid 2px #7a964e;}
.stellarnav .icon-close:before{border-bottom: solid 2px #ffffff;}
.stellarnav .icon-close:after {border-bottom: solid 2px #ffffff;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {    background: #7a964e;}
.stellarnav a {color: #ffffff;}
.stellarnav.mobile ul {    background: #f7f7f7;}

/*選單圖示 ---------- */

/*通用設定*/
.stellarnav > ul > li > a:before {
    content: "";
    background: url(https://pic03.eapple.com.tw/drlin/header.png) no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    position: absolute;
    left: 50%;
    transition: .5s ease-out;
    transform: translate(-50%);
    bottom: 10px;
    opacity: 0;
}

.stellarnav > ul > li > a:hover::before {
    transform: translate(-50%);
    bottom: 25px;
    transition: .5s ease-out;
    opacity: 1;
}

/*圖示替換*/

.stellarnav > ul > li:nth-child( 2n ) > a:before {
    background: url(https://pic03.eapple.com.tw/drlin/header1.png) no-repeat;
    background-size: contain;
}


/*文字底線-中間往左右*//*
.stellarnav > ul > li:after {
    content: "";
    width: 0;
    height: 1px ;
    position: absolute;
    bottom: 15px; /*底線垂直位置
    left: 50%;
    transform: translateX(-50%);
    background: var(--accent-color);
    transition: all .3s;
}

.stellarnav > ul > li:hover::after {
    width: 80%;
}

/*文字底線-左到右*/
.stellarnav > ul > li:nth-child(8) { display: none;}
.stellarnav > ul > li:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0px;
    width: calc(100% - 2 * 2px);
    height: 2px;
    background: var(--accent-color);
    overflow: hidden;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform .3s cubic-bezier(.76,0,.24,1);
}

.stellarnav > ul > li:hover::after {
    transform-origin: 0 50%;
    transform: scaleX(1);
}

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

.stellarnav li a {
    padding: 7px 10px;
    display: block;
    color: #bea15c;
}

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



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

/*次選單樣式-半透明底色*/
.stellarnav ul ul ,
.stellarnav ul ul ul {
    overflow: auto;
    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%);
    backdrop-filter: saturate(180%) blur(5px);
    width: 215px;/*加寬*/
    max-height: 400px;
}

/*第三層滾動條設定*/
.stellarnav ul ul ul {
    overflow-x: hidden;
    /*overflow-y: scroll;*/
    scrollbar-gutter: stable;
}

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

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

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

/*欄位hover樣式*//*
.stellarnav li li:hover > a ,
.stellarnav li li.has-sub:hover > a {
    color: #bea15c;
    border-color:#bea15c ;
}
*/

/*hover欄位樣式-向右滑動*/
.stellarnav li.has-sub ul li a:hover{
    color: #80964f;
}

/*文字底色透明*/
.stellarnav.desktop li.has-sub ul a {
    background: transparent;
    transition: .5s ease-out;
    letter-spacing: .1rem;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .main_part {
        padding: 40px 20px;
    }

    .header_area {
        position: relative;
        background: #ebece9;}

    .header_area.sticky {
        position: fixed;}
    

/*關掉-header下拉效果*/
.sticky .main_header_area.animated {
    border-radius: 0vw;
    margin: 0px;
}

.navigation {
    padding: 20px 0 0 0;
}

.stellarnav > ul > li > a {
    margin: 0px;
    padding: 0px 10px 0 10px;
    height: 35px;
}

/*隱藏-風扇插圖*/
.stellarnav > ul > li > a:before{
    display: none;
}

}


@media screen and (max-width: 768px) {
    .sticky .main_header_area.animated {
        background: #efefef;
        backdrop-filter:unset;
        border-radius: 10vw;
        margin: 1vw 5vw;
    }

    .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu{    padding: 20px 0 0 30px;}
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{background-color: #ebece9;}
}

@media screen and (max-width: 425px) {
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile{ padding: 10px 20px;}}



/* ▲ HEADER---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */




/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/


@keyframes jump {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* 像是上移 10px */
    }
    100% {
        transform: translateY(0);
    }
}

.footer {
    background-image: url(https://pic03.eapple.com.tw/drlin/footer.jpg);
    padding: 60px 0 0;
}

.footer::before {
    content: '';
    position: absolute;
    background: url(https://pic03.eapple.com.tw/drlin/logo_footer.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    bottom: 15px;
    width: 25%;
    aspect-ratio: 44 / 25;
    animation: jump 1s infinite linear alternate;
}

.footer_logo img {display: none;}

.footer_logo {display: none;}

.footer_info li p.mail { display: none; }
.box_link a { display: none; }
.footer .center {
    position: relative;
    max-width: 1600px;
}
.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0px;
    flex-direction: column;
	margin-bottom: 15px;
}
.footer_menu {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 5px;
}
.footer_menu a {
    margin: 0;
    text-align: left;
    padding: 0;
    transition: all 0.3s;
    border: none;
    background: transparent;
    color: #72604c;
    display: block;
    width: fit-content;
}
.footer_menu a:before {    content: "．";}
.footer_menu a:nth-child(1) {    display: none;}
.footer_menu a:hover {    background: transparent;color:#A386B9;}
.copy {
	color: #789549;
	border:none;
	margin-top: 0px;
	position: relative;
	padding: 15px 0;
}
.copy a{
	color: #789549;
	transition:all 0.3s;
}

.copy a:hover {
    color: #8f4b07;
}

.footer_info li { padding: 25px; }
.footer_info ul>li:before {
    font-size: 115%;
    color: #789549;
    display: block;
    margin: 0 0 20px;
    border-bottom: 1px solid #789549;
    padding-bottom: 10px;
    letter-spacing: 0.2em;
    font-weight: bold;
}
.footer_info ul>li:nth-child(1):before {    content: "聯絡資訊 CONTACT";}
.footer_info ul>li:nth-child(2):before {    content: "網站選單 MAIN MENU";}

.footer_menu>a:nth-child(13){display: none;}

.footer_info li:nth-child(1) a, .footer_info li:nth-child(1) p {
	color: #72604c;
	letter-spacing: 0.15em;
}
.footer_info ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px,100%), 1fr));
	gap: 0 20px; 
	letter-spacing: 0.15em;
    font-weight: 600;
}
.footer_logo img { max-width: 180px; }
.footer_logo {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    margin: 0px;
}

.footer_info ul{    width: 65%;}

.info_fix {
    width: 70px;
    box-sizing: border-box;
    position: fixed;
    bottom: 70px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}


@media screen and (max-width: 768px) {
.footer {
    background-image: url(https://pic03.eapple.com.tw/drlin/footer_768.jpg);
    padding: 60px 0 0;
}

}

@media screen and (max-width: 600px) {
.footer_info li {
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}



}

@media screen and (max-width: 425px) {
.footer {background: url(https://pic03.eapple.com.tw/drlin/footer_768.jpg) no-repeat bottom center;}
.footer::before {    bottom: 495px;    width: 50%;}
.header_area .nav-brand{    max-width: 125px;}}

@media screen and (max-width: 375px) { .footer::before {  bottom: 550px;}}



@media screen and (max-width: 320px) {
    .footer::before {    bottom: 580px;    width: 50%;}
    .footer_info li {      padding-left: 10px;}}



/*#bottom_menu 隱藏*/
#bottom_menu {        display: none;}



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

/*文章設定*/
#content  {background: url(https://pic03.eapple.com.tw/drlin/bg.jpg) repeat center center;}

.blog_box {display: flex;flex-direction: column;}
.blog_le, .blog_ri {width: 100%;padding: 0;margin-bottom: 0;}
h5.blog_le_t, .blog_search {display: none;}
.blog_le .accordion {display: flex;border-radius: 0;border: 0;align-items: center;justify-content: center;padding-bottom: 100px;}
.accordion li .link {padding: 5px 30px;font-size: 16px;font-weight: 400;letter-spacing: 0.15em;border-bottom: 0;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {background: #D6EDCD!important;    border-radius: 20px;}
.blog_le ul li:not(:last-child) {border-right: 1px solid #ccc;}
.accordion li .link a {color: #6C4C33;}

h4.blog_category_title {display: none;}
.blog_subbox {display: flex;flex-wrap: wrap;}
.subbox_item {width: 100%;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #6C4C33;}
.subbox_item a {display: grid;grid-template-columns: 1fr 4fr;column-gap: 50px;align-items: center;background-color: #fff;padding: 20px; border-radius: 50px;}
.subbox_item a:before {letter-spacing: 0.08em;color: #6C4C33;font-size: 16px; right: 60px;}
.subbox_item a:after {background: #ffffff80;border: 0;border-radius: 50px;}
.blog_list_le {width: 100%;padding: 0;}
.blog_list_ri {grid-template-rows: 1fr 1fr 1fr;padding: 0;width: 100%;}
.blog_list_ri h5 {font-weight: 400;font-size: 22px;letter-spacing: 0.08em;-webkit-box-orient: inherit;}
.blog_list_ri em {font-size: 15px;letter-spacing: 0.15em;margin: 0;line-height: 2;}
.blog_list_ri p {font-size: 16px;color: #999;letter-spacing: 0.05em;line-height: 1.5;}


.blog_list_le img {    border-radius: 20%;}
.blog_list_ri h5 {color: #391911}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a{color: #391911 !important;}
.accordion li .link a {font-size: 24px;}

/*文章內頁*/
.blog_in_page h4.blog_category_title {display: block;
    color: #000000;font-size: 25px;letter-spacing: 0.05em;font-weight: 500;
    border-bottom: 1px #ccc solid;padding: 0 0 15px 0;margin-bottom: 30px;}
.blog_box_edit * {line-height: 180%;letter-spacing: 0.05em;}

.blog_back {display: flex;text-align: center;justify-content: space-between;}
.blog_back a {
    position: relative;font-size: 16px;letter-spacing: 0.15em;color: #6C4C33;
    border: 1px solid #ccc;display: inline-block;padding: 15px;width: 30%;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_back, .blog_back a.article_btn_next {background: unset;}
.blog_back a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background-color: #000000;
    z-index: -1;
}
.blog_back a:hover {color: #FFF;}
.blog_back a:hover::before {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.accordion li+li .link{border-top:unset;}
.blog_le ul li:not(:last-child){border-right:unset;}

@media screen and (max-width: 1024px) {
/*文章*/

/*文章內頁*/
.blog_le .accordion {padding-bottom: 80px;}
.blog_in_page h4.blog_category_title {font-size: 22px;margin-bottom: 20px;}
.blog_back a {padding: 10px 15px;font-size: 15px;}
}
@media screen and (max-width: 768px) {
.blog_le .accordion {padding-bottom: 50px;}
.accordion li .link {padding: 5px 20px;font-size: 15px;}
.blog_in_page h4.blog_category_title {font-size: 20px;}
.blog_box_edit * span {font-size: 15px !important;}
.subbox_item a {grid-template-columns: 1fr 2fr;}
.blog_list_ri {    grid-template-rows: 1fr 0fr 1fr;}
}
@media screen and (max-width: 600px) {
.subbox_item {margin-bottom: 15px;padding-bottom: 15px;}
.subbox_item a {grid-template-columns: unset;grid-template-rows: 2fr 1fr;column-gap: 0;row-gap: 30px;}
.blog_list_ri {padding: 0 5%;}
.blog_list_ri h5 {font-size: 20px;}
.blog_list_ri em {font-size: 14px;}
.blog_list_ri p {font-size: 14px;}
}
@media screen and (max-width: 450px) {
.subbox_item a:before {bottom: 0px;}
.blog_box_edit * span {font-size: 14px !important;}
.blog_back a {padding: 8px 10px;font-size: 14px;}
.subbox_item a {        grid-template-rows: 1fr 0fr;}
}





/*購物車/＝＝＝＝＝============================================================================================================================*/
.product_page #content{background-image: url(https://pic03.eapple.com.tw/drlin/bg.jpg);}
.prod_part {    width: 90%;max-width: 1600px;}
.products-list {    display: grid;    gap: 10px;    grid-template-columns: 1fr 1fr 1fr 1fr;}
.products-list:before{content:none;}
.products-list .item {    width: 100%;}


body.pageIndex .products-list {
	padding: 40px 0;
}


body.pageIndex .products-list .item:nth-child(n+9) {
	display:none;
}

.products-list .pic {
    /*border: 6px #FFFFFF solid;*/
    line-height: 0px;
    border-radius: 40px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0px;
    height: 100%;
	transition:.5s;
}

/*.products-list a:hover .pic {
	border: 5px #ff8b00 solid;
}*/

.products-list .pic::before {
    content: "+";
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    z-index: 999;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    color: #FFFFFF;
    border: 2px #FFFFFF solid;
	opacity:0;
	transition:.5s;
}

.products-list .pic::after {
    content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	opacity:0;
	transition:.5s;
}

.products-list a:hover .pic::before, .products-list a:hover .pic::after {
	opacity:1;
}



.products-list .pic img {
    display: block;
    max-width: 100%;
    min-width: 100%;
    height: unset;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
	transition:.5s;
	transform:scale(1);
}

.products-list a:hover .pic img {
	transform:scale(1.05);
}

.products-list .name {
    text-align: center;
	transition:.5s;
}

.products-list a:hover .name {
	color: #799648;
}



/*購物車/外層＝＝*/
/*顏色*/
.products-list .more {
	border: 1px solid #00436c;
    color: #00436c;
	display:none;
}
.products-list .item a:hover .more {
	background: #00436c;
}

/*價格*/
.products-list .price {    display: flex;    margin-bottom: 5px;    align-items: center;    justify-content: center;    flex-wrap: wrap;}
.products-list .price b {    margin: 0 5px;    line-height: 180%;    text-align: center;color: #799648;}
.products-list .price b.ori_price {    font-size: 14px;color: #888888;}

/*外層版面*/
.product_page .main_part {    width: 90%;	max-width: 1500px;}
.product_page .show_content {    display: flex;    flex-wrap: wrap;    align-items: flex-start;    justify-content: space-between;}
.product_page .products-list {    width: calc(100% - 280px);}
.product-layer-two {    width: 250px;    margin: 0;}
.product_info_page .product-layer-two {    display: none;}
.product-layer-two li {    margin: 0;    width: 100%;padding: 0 10px;}
.product-layer-two > li.active {    /*background: #f2f2f2;*/}
.product-layer-two li.active a {    border: unset;border-bottom: 1px dotted #ccc;}
/**/
.product-layer-two li a {    color: #222;    border: none;    background: transparent;    transition: all 0.3s;    line-height: 200%;    transition: all 0.3s;}
.product-layer-two > li > a {    border-bottom: 1px dotted #ccc;/*padding-left: 25px;*/}
.product-layer-two li:hover > a , .product-layer-two li.active > a{
	color: #ffffff;
    background: #799648;
	padding-left: 25px;
    border-radius: 50px;
}

.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #018be0; color:#fff;}
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: #ADA17E;
    background: #dddddd;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
	display:none;
}
/**/
.product-layer-two li ul {    position: relative;padding-top: 1px;}
.product-layer-two li li {    border: none;background: transparent;}
.product-layer-two li li a{    background: transparent;}
.product-layer-two li li:hover a{color: #799648;background: transparent;}

/*hover到才顯示副選單 關掉↓*/
.product-layer-two li li {    display: block;}

/*購物車/內層＝＝*/
.product_info_page .main_part {    width: 90%;}
ul.prod li h3.prod-thumb {
    background: unset;
    text-align: left;
}
ul.prod li {
    margin-bottom: 20px;
}

.qaform .breakF {
    border: 1px #cccccc solid;
    background: #FFFFFF;
}
.product_pic #bx-pager h6{
	display:none;
}

.product-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
/*按鈕顏色*/
.inquiry_a1{background: #799648;}
.inquiry_a2{background: #799648;}
.inquiry_a3{background: #799648;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #799648;}
.lastaction, .nextaction, .lastPage {    
	color: #FFFFFF;
	background: #799648;
	transition:.3s;
}

.lastaction:hover, .nextaction:hover, .lastPage:hover {    
	background: #799648;
}

/*商品側邊規格*/
.sidebarBtn {
    border: unset;
    background: unset;
}
.product_info li .txt_box {    color: #222222;    width: 100%;    margin: 5px 0px;}
.sidebarBtn .price span {
    display: inline-block;
}
.sidebarBtn .price span.ori_price {  color: #777;display: block;text-decoration: line-through;}
.sidebarBtn .price span.sp_price {   color: #799648;display: block;}
.sidebarBtn .price {
    border-bottom: 1px solid #aaa;
	color: #c98625;
}
.toShare {
    border-top: 1px solid #aaa;
}

.mobile_product_name{font-size: 24px;}
/*相關推薦*/
.prod_related h6 span:before{font-size: 28px;}
.prod_related {
    background: unset;
}
.related_list li a {
    background: unset;
}

/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {
/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr 1fr;}}


@media screen and (max-width: 1024px) {
/*購物車/＝＝＝＝＝*/
.product_page .products-list {    grid-template-columns: 1fr 1fr;}}

	
@media screen and (max-width: 768px) {
/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr;}
.product_page .products-list ,.product-layer-two {    width:100%;}
.prod_related h6 span:before{font-size: 24px;}
.mobile_product_name {
    display: none;
}
.sidebarBtn {
    order: -1;
    margin: 0px auto 20px;
}

.product_pic {
    padding-top: 0px;
}

body.pageIndex .products-list {
    padding: 40px 0 20px;
}

/*順序*/
.product_page .products-list {    order: -1;}}


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

/*購物車/＝＝＝＝＝*/
.prod_related h6 span:before{font-size: 20px;}
.products-list .pic {
    border: unset;
}}


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

	/*購物車/＝＝＝＝＝*/
	.products-list , .product_page .products-list  {    grid-template-columns: 0.5fr;}}
	



/* 浮動 */
.linksBtn {display: none;}