@charset "utf-8";
body { --mainColor:#222222; --mainBColor:#777777; --mainCColor:#b0b0b0; --mainCDolor:#fff000; --mainCEolor:#817b21; }
#content {  max-width: calc(100% - 15%);  margin: 0 0 0 auto;padding-bottom: 50px; position: relative;}
.main_part { max-width: 1630px;  padding: 25px 40px 50px 0;}

/*滾輪*/
/*scrollbar*/
::-webkit-scrollbar { width: 0px;}
::-webkit-scrollbar-thumb { background: var(--mainCColor);}
::-webkit-scrollbar-track { background: #f7f7f7;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*header*/
/*選單移至側邊*/
.header_area{  position: fixed; width: 100%; right: 0;  top: 9%;  /*transform: translateY(-50%);*/
               width: fit-content; transition: 1.5s; background: transparent; border-bottom: none; left: 0; padding-left: 3.5%;}
.nav-header { max-width: 90px;grid-row: auto;  justify-content: flex-start;transition: 0.5s;}
.header_area.sticky .nav-header { max-width: 70px;}
.header_area.sticky:before { background: #f4f4f4; content: "";  height: 100%; width: 180px; position: absolute; left: 0; top: 0;}
.main_header_area{background: transparent;}


.header_area .main_header_area .container{  max-width: 100%; width: 100%;}

.header_area .navigation { display: flex; flex-direction: column;  justify-content: space-between; grid-gap: 35px; padding: 0px;}
.header_area .stellarnav{  display: flex; justify-content: flex-start; padding-left: 2px;}
.header_area .stellarnav>ul {
        width: auto; max-width: 160px; margin-right: auto; margin-left: 0; display: flex;
        flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.header_area .stellarnav li{ text-align: left;}
.stellarnav li a { padding: 6px 10px;   color: #9a9a9a;  font-size: 11px; letter-spacing: 1px;}

.stellarnav li.has-sub > a:after { border-left: unset;border-right: unset; border-top: unset; content: "+";}
.header_area .stellarnav li li.has-sub > a:after{ float: unset; right: unset; left: 0; right: 0;  border-left: 0;}
/*.header_area .stellarnav > ul > li:nth-of-type(7)>a:after {  opacity: 0;}*/
.header_area .stellarnav ul ul,
.header_area .stellarnav ul ul ul {left: unset;  top: 0;  background: transparent;  position: relative; margin-bottom: 15px;}
.header_area .stellarnav ul ul ul {  position: absolute;}
.header_area .stellarnav > ul > li > a { text-align: left; color: var(--mainBColor); line-height: 30px; height: 30px;  margin: 0; position: relative; letter-spacing: 2px; font-size: 14px; position: relative;}
.header_area .stellarnav > ul > li > a:before { content: "+"; position: absolute; left: 0;
        top: 0%;  height: 40px; line-height: 40px;  color: var(--mainCColor);  display: none;}
.stellarnav li.has-sub > a:after {display: none;}
.header_area .stellarnav > ul > li > a:hover:before { display: block;}

/*.header_area .stellarnav > ul > li > a:hover:before { opacity: 1;}*/
.stellarnav > ul > li > a b:nth-of-type(2) { font-size: 12px;}
.stellarnav > ul > li > a b {padding-left: 0;}
.stellarnav > ul > li > a:hover b { padding-left: 20px;}

.header_area .stellarnav li li { border: 0;}
.header_area .stellarnav li li:hover > a , 
.header_area .stellarnav > ul > li > a:hover { color: var(--mainCColor);}

/*下滑*/
.header_area.sticky { width: fit-content; height: 100%; top: 0;  margin: auto 0; padding-right: 2%; padding-left: 2.5%;}
.header_area.sticky .main_header_area { margin: auto 0;  top: 50%;  transform: translateY(-50%); position: relative;}

/*icon*/
.me_tp_features { text-align: left; order: 3; display: none;}
.headerSticky .me_tp_features { display: block;}

.me_tp_features a i { margin: 0 10px 0 3px;}
.tp_links { display: flex; width: fit-content; flex-direction: column; align-items: center;}
.tp_links a { font-size: 15px; color: #666;transition: 0.5s; padding: 5px 3px;}
.tp_links a:hover { color: var(--mainCEolor);}
i.fa-solid.fa-phone-volume { display: none;}
.tp_links a.me_tp_fb { order: 2;}
.tp_links a.me_tp_mail { order: 4;}
.tp_links a.me_tp_yt {  order: 3;}
.tp_links:hover a { opacity: 0.6;}
.tp_links a:hover { opacity: 1;}

/* 主分類超過30個但次分類直接顯示*/ 
.stellarnav.desktop li.bigMenu>ul{grid-gap: 10px;}
.stellarnav.desktop li.bigMenu li{border: 0;}
.stellarnav.desktop li.bigMenu>ul>li>a{border: 1px solid #ddd;}
.stellarnav.desktop li.bigMenu ul ul{display: block !important; position: relative; top: 0; background: unset; border: 0;}
.stellarnav.desktop li.bigMenu ul ul li{border: 0;}

/*footer*/
.footer_logo { display: none; }
.footer { background: transparent; padding: 25px 0 50px;  max-width: calc(100% - 15%); margin: 0 0 0 auto; border-top: 1px solid #efefef;}
.footer .center { max-width: 100%; padding: 0 15px;}

.footer_info { grid-template-columns: 1fr; padding-right: 0px;}
.footer_info ul { max-width: 1200px; margin: 0 0 0 auto;}

.footer_info li:nth-child(1) { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end;  text-align: right;}
.footer_info li:nth-child(2) { display: none;}
.footer_info li p {  padding: 0 80px 0 0; color: var(--mainBColor);  font-size: 12px; letter-spacing: 1px;  width: 100%; line-height: 200%;}
.footer_info li p.fax:before { content: '營業時間：';}
.footer_menu a:nth-of-type(1) { display: none;}/*首頁不顯示*/

.copy { text-align: right; padding: 7px 105px 7px 0; font-size: 13px; color: #cfcfcf; border-top: unset; margin-top: 5px; justify-content: end;}
.copy a { color:#cfcfcf;}
.copy a:hover { color: var(--mainCColor);}

/*大圖*/
.BannerHome03 .swiperBan03 { max-width: calc(100% - 15%);  margin: 0 0 0 auto;}
.BannerHome03 .thumbs03 { transform: translateX(0%); left: 3.5%; width: fit-content; bottom: 30px; overflow: inherit;}

.swiper-free-mode>.swiper-wrapper { display: flex; flex-direction: column;grid-gap: 15px 0; width: 100%; max-width: 8vw; margin: 0; position: relative}
.swiper-free-mode>.swiper-wrapper:before { content: "";  background: #ffffffb3;  position: absolute;  width: 100%; height: calc(100% - 30px);  z-index: 0;  right: -15px;  top: 7px;}

.swiper-wrapper {padding-top: 30px; position: relative;}
.swiper-wrapper:before { content: ""; position: absolute;  z-index: 999; pointer-events: none; background: #ffffffb8;
        background-size: contain; background-repeat: no-repeat;  top: 0%; right: 7%;  width: 1px; height: 0;  background-position: right;
        padding-bottom: calc(100% / 1 * 0.34); animation: slide-bottom 1.5s both; animation-delay: 0.5s;}
        
.BannerHome03 .swiperBan03 .swiper-slide img { height: auto;}
.BannerHome03 .thumbs03 .swiper-slide { width: 100% !important; position: relative; transition: 0.5s;}
.BannerHome03 .thumbs03 .swiper-slide:hover { margin-left: 10px;}
.BannerHome03 .thumbs03 .swiper-slide:before { right: -30px; position: absolute; bottom: 10px; font-weight: 300; letter-spacing: 2px; color: #888;}
.BannerHome03 .thumbs03 .swiper-slide:nth-of-type(1):before { content: "01";}
.BannerHome03 .thumbs03 .swiper-slide:nth-of-type(2):before { content: "02";}
.BannerHome03 .thumbs03 .swiper-slide:after { content: ""; background: #d8d8d8; width: 60px; height: 1px; right: -104px; bottom: 18px; position: absolute;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after ,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after 
{ display: none;}/*輪播箭頭刪除*/
.BannerHome03 .swiper-slide { position: relative;}
.BannerHome03 .swiper-fade .swiper-slide-active:before { background: linear-gradient(to left, #00000054 0%, #00000000 100%);
        content: "";  position: absolute;  right: 0; height: 100%;  width: 500px; z-index: 999;}
.BannerHome03 .swiperBan03 .swiper-slide:after { content: ""; position: absolute; z-index: 999; pointer-events: none; background-size: contain; background-repeat: no-repeat;
        background-position: right;  width: 150px; height: 207px; right: 5%; bottom: 7%;}
.BannerHome03 .swiperBan03 .swiper-slide:nth-child(1):after{ background: url(https://pic03.eapple.com.tw/aaroninterior/banner01_be.svg);}
.BannerHome03 .swiperBan03 .swiper-slide:nth-child(2):after{ background: url(https://pic03.eapple.com.tw/aaroninterior/banner02_be.svg);}
.pageIndex .swiper-slide.swiper-slide-active:after{animation: slide-top 3s 0.7s both;}

/*下滑*/
.headerSticky .BannerHome03 .thumbs03 .swiper-slide:hover { margin-left: 0px;}
.headerSticky .BannerHome03 .thumbs03 { left: 14%;}
.headerSticky .BannerHome03 .thumbs03 .swiper-slide:before { right: -4px; bottom: auto; top: -6px; background: rgb(255 255 255 / 85%); padding: 5px;}
.headerSticky .BannerHome03 .thumbs03 .swiper-slide:after {display: none;}

@keyframes slide-top {
    0% {-webkit-transform: translateY(80%); transform: translateY(80%); opacity: 0; }
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1;}
}

@keyframes slide-bottom {
    0% {-webkit-transform: translateY(-80%); transform: translateY(-80%); opacity: 0; }
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1;}
}

/*特效END*/

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

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2025.12.18  */
.product_page .main_part { max-width:1500px;}

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

.ProdFilter_Item_Show { width: 100%;}
.Prods_Menulists { width: 100%; padding: 0;}
.Prods_Wrap { width: calc(100% - 270px);}

/* 篩選器-左手邊 / 產品分類-上面
.ProdFilter_ { order: 2;}
.Prods_Menulists { order: 1;}
.Prods_Wrap { order: 3;}
.ProdFilter_ { width: 250px; letter-spacing: 1px;}
.ProdFilter_ li { width: 100%;}
.ProdFilter_ li > a { background: #f3f3f3; border: none; border-bottom: 3px #ddd solid;}
.ProdFilter_ dl { position: static; width: 100%; display: block;}
*/

/* 產品分類-左手邊 / 篩選器-上面 */

.ProdFilter_ { order: 1; margin-bottom: 25px;}
.Prods_Menulists { order: 2;}
.Prods_Wrap { order: 3;}
.Prods_Menulists { width: 250px; letter-spacing: 1px;}
.Prods_Menulists ul {}
.Prods_Menulists > ul > li { width: 100%; flex-wrap: wrap;}
.Prods_Menulists ul ul { position: static; border: none;}
.Prods_Menulists ul li ul li {}
.Prods_Menulists li.has-sub.open > a { background: #f0f0f0;}

.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;}

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

/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.path p, .path p a {text-align: left; margin-bottom: 30px;}
.contact_page .path p, .path p a { margin-bottom: 50px;}

/*內頁BANNER 設定*/
.banner.banB { display: none;}
.banner { background-image: unset;  background: transparent;font-size: 25px;  padding: 0px;  text-align: left;justify-content: flex-start;}
.banner h5 { font-weight: 300;  letter-spacing: 4px;  padding-left: 10px; position: relative; padding-top: 60px;width: 100%;}
.banner h5:before {  position: absolute;  font-size: 40px;  color: var(--mainCColor); top: 0; left: 5px;}
.banner h5:after { position: absolute;  font-size: 15px;  color: var(--mainColor); font-weight: 500;left: 10px;  bottom: -40px;}

.banner.banE h5:before { content: "Work"; }        
.banner.banE h5:after { content: "精選設計案例，呈現空間從概念到實現的完整樣貌";}
.banner.banblog h5:before { content: "Blog"; }     
.banner.banblog h5:after { content: "即時掌握專案進度、活動資訊與設計趨勢";}
.contact_page .banner h5:before { content: "Contact"; } 
.contact_page .banner h5:after  { content: "歡迎與我們聯繫，填寫表單或透過以下資訊與我們取得聯絡";}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*文章設定*/
/*首頁*/
.module_i_news { padding: 120px 20px 80px;}
.module_i_news section { max-width: 1610px;  margin: 0 0 0 auto;}
.module_i_news .title_i_box {  margin-bottom: 40px;  text-align: left;  position: relative;  padding-bottom: 50px;}
.module_i_news .title_i_box h6 {  font-size: 45px;  color: var(--mainBColor);  font-weight: 300;}
.module_i_news .title_i_box h4 { font-size: 19px; color: var(--mainBColor);  font-weight: 500; padding-top: 10px; letter-spacing: 4px;}
.module_i_news .title_i_box:before {  content: "";  width: 250px;  height: 1px;  background: var(--mainCColor);  position: absolute; bottom: 0;}
.module_i_news .title_i_box:after { content: "即時掌握專案進度、活動資訊與設計趨勢";  color: #777777;  position: absolute;  font-size: 16px; left: 300px;  bottom: -10px;  letter-spacing: 2px;}

.module_i_news ul { grid-gap: 50px;  grid-template-columns: 1fr 1fr 1fr;}
.module_i_news li { position: relative;}
.module_i_news li a {  grid-template-columns: 1fr;  grid-gap: 20px;}
.module_i_news li a:after { display: none;}
.module_i_news li:before { position: absolute; right: 0; top: -69px; font-size: 50px;  letter-spacing: 5px; color: var(--mainCColor); font-weight: 100;  font-family: "Noto Sans";}
.module_i_news li:nth-child(1):before { content: "01"; }
.module_i_news li:nth-child(2):before { content: "02"; }
.module_i_news li:nth-child(3):before { content: "03"; }
.module_i_news li:nth-child(2) { margin-top: 50px;}
.module_i_news li:nth-child(3) { margin-top: 100px;}
.module_i_news li:nth-child(4) {  display: none;}

.i_blog_le { position: relative;}
.i_blog_le:before , .blog_list_le::before{ content: 'READ MORE';  position: absolute;  z-index: 19;  bottom: 15px;  right: 10px;  opacity: 0; text-align: center;  font-size: 15px; color: #fff; transition: all .6s;}
.module_i_news li a:hover .i_blog_le:before , .module_i_news li a:hover .blog_list_le::before { opacity: 1;}
.i_blog_ri { padding: 5px 10px;}
.i_blog_ri h5 , .blog_list_ri h5 { font-weight: 500; font-size: 17px; letter-spacing: 2px; color: var(--mainColor);}
.i_blog_ri em , .blog_list_ri em {  font-size: 14px;  color: var(--mainCColor);  margin: 7px 0 25px;  letter-spacing: 1px;}
.i_blog_b { max-width: 100%; margin: auto;  text-align: left;padding-left: 20px;}

.module_i_news_list { padding: 120px 0 0;  margin: 0 0 0 auto; max-width: 1470px;}
.module_i_news li a:before {display: none;}
.i_blog_le img {transition: 1s; filter: grayscale(0.5);}
.module_i_news li a:hover img { transform: scale(1.15);filter: grayscale(0);}

/*列表*/
h5.blog_le_t { display: none;}
.blog_search { margin-bottom: 30px;}
.show_content.blog_box { display: flex; flex-direction: row;  flex-wrap: wrap;  padding: 0px 5px;}
.blog_search form { width: 250px; position: relative;}
.blog_search input[type=search] { font-size: 12px; color: #999999;  border: unset; border-radius: 0px;  padding: 10px 35px 10px 10px;  border-bottom: 1px solid;}
.blog_le .accordion { display: flex;  flex-direction: row; flex-wrap: wrap;  border: unset;  border-radius: 0px;}
.accordion li+li .link { border-top: unset; padding-right: 30px;}
.accordion li .link a {  padding: 15px 10px; color: var(--mainColor);  font-size: 14px; font-weight: 700;  position: relative; letter-spacing: 4px; padding-right: 50px;}
.blog_le, .blog_ri { padding: 0px 3px; width: 100%;}
.blog_le .accordion li { width: auto;}
.blog_le .accordion li .link i {right: 15px;}
.fa-chevron-down::before { content: "+";  font-size: 12px;  color: var(--mainCColor);}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a { color: var(--mainBColor) !important;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: transparent !important;}
.blog_le .submenu li.on_this_category a, .submenu a:hover {  background: transparent;  color: #a0a0a0;}
.blog_le .submenu {  background: transparent; font-size: 13px;}
.blog_le .submenu a { padding: 12px 12px 12px 10px; }
.blog_le .submenu a i { display: none;}
.toShareNews .Boxed { margin-left: 0px;}
.blog_shareData { padding: 0px 0 15px;}

.blog_subbox { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));  grid-gap: 30px;}
.blog_list_le { overflow: hidden;}
.subbox_item a { grid-template-columns: 1fr;}
.subbox_item a:after , .subbox_item a:before {display: none; }
.subbox_item a:hover img { transform: scale(1.04); filter: grayscale(0); filter: grayscale(0);}
.subbox_item a img {transition: 0.8s; filter: grayscale(0.5);}


/*內頁*/
.blog_le.fadeInLeft.animated15 { display: none;}
.articel_mainPic { display: none;}
.toShareNews {justify-content: flex-start; }
h4.blog_category_title { color: var(--mainColor); font-size: 25px; font-weight: 500; letter-spacing: 4px; padding: 0px; margin-bottom: 10px;}

.blog_back { grid-gap: 15px;}
.blog_back a { font-size: 15px;  color: var(--mainBColor);  padding: 15px 20px;  border-bottom: 1px solid var(--mainCColor); letter-spacing: 3px; transition: 0.8s;}
.blog_back a.article_btn_prev , .blog_back a.article_btn_back , .blog_back a.article_btn_next { background: transparent;}
.blog_back a:hover { letter-spacing: 6px;}

/*相關文章*/
.news_related { background: transparent; padding: 50px 5px 25px;}
.news_related h6 { max-width: 100%; margin: 0 auto 25px 0; text-align: left;}
.news_related_list {  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-gap: 20px; max-width: 100%;}
.news_related h6 span:before { font-size: 16px; color: var(--mainBColor);  font-weight: 500; letter-spacing: 4px; padding-right: 4px; border-left: 3px solid; padding-left: 10px;}
.news_related h6 span:after {  content: "";  width: 90%;  position: absolute;  height: 1px;  background: var(--mainCColor); right: 0; top: 50%;}
.Wish_Click {  display: none !important;}
.news_related_list li > a { text-align: left; padding: 0px;}
.news_related_list li > a p { font-size: 16px; color: #333; line-height: 1.5; padding: 10px; letter-spacing: 0.15em;}
.news_related_list li > a img { transition: 0.8s; filter: grayscale(0.5);}
.news_related_list li > a:hover img { transform: scale(1.04); filter: grayscale(0); filter: grayscale(0);}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*相簿*/
/*首頁*/
.module_i_album { padding: 0px;}
.module_i_album section { width: 100%;  max-width: 1610px; margin: 0 0 0 auto;display: grid; padding-right: 40px; position: relative; grid-template-columns: 70% 1fr; gap: 55px;}
.module_i_album section:before { content: "";  background: url(https://pic03.eapple.com.tw/aaroninterior/new_home_bg.jpg);
        background-position: right;  background-repeat: no-repeat;  background-size: cover;  position: absolute; 
        width: 93%; height: 0; right: 0; top: 50%; transform: translateY(-50%); padding-bottom: calc(100% / 1 * 0.45); opacity: 0.5;}
.pageIndex .show-list { grid-template-columns: 1fr;}
.pageIndex .show-list li:nth-child(n+2) { display: none;}
.i_album_list_box { width: 100%; max-width: 100%; grid-row: 1 / span 2;}
.show-list .item { position: relative;}
.show-list .show_pic { aspect-ratio: 16 / 9;}
.show-list .show_pic img { filter: grayscale(0.5); transition: 0.8s;}
.show-list .item a:hover .show_pic img { transform: scale(1.04);filter: grayscale(0);}
.pageIndex .show-list .item p { position: absolute;  bottom: 0px;  left: 0px; background: #ffffff9e;  padding: 10px 25px; letter-spacing: 1px;}

.module_i_album .title_i_box { margin-bottom: 0px; text-align: left; height: fit-content;  order: 2; padding-top: 150px; width: 100%; z-index: 99;}
.module_i_album .title_i_box h6 { font-size: 45px;  color: var(--mainBColor); font-weight: 300; letter-spacing: 5px;}
.module_i_album .title_i_box h4 { font-size: 19px; color: var(--mainBColor); font-weight: 500; letter-spacing: 4px; padding-top: 10px; position: relative;}
.module_i_album .title_i_box h4:before { position: absolute; font-size: 16px;  color: var(--mainColor); content: "精選設計案例，呈現空間從概念到實現的完整樣貌"; top: 60px;}

.animated-arrow { margin: 0px auto 0 0; background: transparent;  color: var(--mainBColor);  border: unset; width: fit-content;  height: fit-content;}
.animated-arrow b { letter-spacing: 2px; font-weight: 500;}
.module_i_album section .i_album_b { margin-top: 0px; height: fit-content;  order: 3;  width: 100%;}

/*hover*/
.overlay { display: none;}

/*列表*/
.album_class_page .main_part { padding: 25px 40px 50px 0;}
.subalbum-menu {  padding: 0px; margin: 0px 0;}
.subalbum-menu h2 { display: none;}
.show-list { grid-template-columns: repeat(3, 1fr);}
.show-list .item p { background: #ffffffd4; padding: 15px 10px; letter-spacing: 1px; transition: 0.8s;}
.show-list .item a:hover p {  letter-spacing: 2px;}

/*內頁*/
.other_album { padding-top: 50px;}
.album_fixed_title { font-size: 16px;  color: var(--mainBColor); padding-right: 14px; letter-spacing: 4px; position: relative; width: 100%;}
.album_fixed_title i { display: none;}
.album_fixed_title span {  position: relative; width: 100%;}
.news_related h6 span { position: relative; width: 100%; display: block;}
.album_fixed_title span:before { border-left: 3px solid; padding-left: 10px;}
.album_fixed_title span:after { content: ""; width: 90%;  position: absolute;  height: 1px;  background: var(--mainCColor);  right: 0; top: 50%;}
.other_album_choice li { background: transparent; font-size: 14px; border-radius: 0px; padding: 7px 0px;  letter-spacing: 1px;}
.other_album_choice li a { color: var(--mainCColor);}

.pic-list { grid-template-columns: repeat(3, 1fr);  grid-gap: 30px;}
.album_descrip { margin-bottom: 30px; color: #444; line-height: 1.8; font-size: 14px;}

.lastPage { font-size: 14px;  color: var(--mainBColor);  background: transparent; border-bottom: 1px solid var(--mainCColor);
        letter-spacing: 3px;  padding: 15px 20px; margin: 40px auto 0 0;  width: fit-content; text-align: left;transition: 0.8s;}
.lastPage:hover { letter-spacing: 6px;}

/*聯絡我們*/
.contact_page .main_part { padding: 25px 0px 50px 0;}
.contact_content .information_right { padding-right: 0;}
.contact_page #content:before {  background: url(https://pic03.eapple.com.tw/aaroninterior/con_bg.png);  background-repeat: no-repeat;
        background-size: auto;  background-position: top right; content: "";  width: 730px;  height: 635px;  position: absolute; right: 60px;}
.contact_content { padding: 0px;}
ul.list_before.info { display: flex; flex-direction: row; flex-wrap: wrap;}
.contact_content form {  display: flex;  flex-direction: column;}
.contact_content .information_left { width: 100%; max-width: 600px; padding: 0px 0 120px 10px;}
.blank_letter { font-size: 25px; color: var(--mainColor); font-weight: 500; letter-spacing: 7px; position: relative;}
h4.blank_letter.i , h4.blank_letter.f { position: relative; padding-bottom: 20px;}
.list_before { margin-top: 0px;}
.list_before.info li { width: 50%; padding-left: 40px; font-size: 14px;  color: var(--mainColor); letter-spacing: 1px;margin: 3px 0;padding-left: 65px;}
.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before
 { width: 56px;  font-size: 14px; text-align: right;}
.info_FAX:before {  content: "營業時間";}
.contact_le_nomap { max-width: 600px; filter: grayscale(1); transition: 0.5s;}
.contact_le_nomap:hover { filter: grayscale(0);}

/*表格*/
.contact_content .information_right { max-width: 100%;  width: 100%;padding-left: 10px; position: relative;}
.contact_content .information_right:before { position: absolute;  content: "Fill out the form, and we will get in touch with you.";  font-size: 13px;
        letter-spacing: 1px;  color: var(--mainCColor); transform: rotate(270deg);  font-weight: 300; left: -125px; bottom: 32%;}
.contact_form { max-width: 100%; width: 95%; font-size: 15px; color: #444; display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 25px 50px;
         align-items: start; padding: 80px 100px 80px 120px;  border: 1px solid #d4d4d4; border-radius: 120px 0 0 120px; margin: 50px 0 20px auto;position: relative;}
.contact_form li { display: grid;  grid-template-columns: 1fr; grid-column: auto / span 3; grid-gap: 10px; justify-items: start;}
.contact_form li .form__label { max-width: fit-content; font-size: 14px; letter-spacing: 2px;}
.contact_form li:nth-child(6), .contact_form li:nth-child(5) {  grid-column: auto / span 6;}
.contact_form li:nth-child(7), .contact_form li:nth-child(8),
.contact_form li:nth-child(9), .contact_form li:nth-child(10) {  grid-column: auto / span 12;}
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert {
   grid-template-columns: repeat(auto-fit, minmax(13px, 13px) minmax(80px, 1fr)); padding-left: 2px; font-size: 14px;}
.contact_form li.last { text-align: left;  justify-content: flex-start; grid-gap: 40px;}
.contact_page .last .animated-arrow { margin: 0px; width: auto;}
.animated-arrow b:hover { letter-spacing: 5px;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
/*購物車*/    
.product_main { display: block; width: 100%;}    
.sidebarBtn { display: block; width: 100%;}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {}
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}

/*購物車*/
/* 篩選器-左手邊 / 產品分類-上面
.Prods_Wrap { width: 100%;}
.ProdFilter_ { width: 100%;}
.ProdFilter_Item_Show { width: calc(100% - 110px);}
.ProdFilter_ { order: 1;}
.Prods_Menulists { order: 2;}
.ProdFilter_ li > a span { color: #333;}
*/
.Prods_Wrap { width: 100%; margin-top: 20px;}
.ProdFilter_ { width: 100%;}
.Prods_Menulists { opacity: 0; display: none;}

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