@charset "utf-8";

/*預設解除背景輪播*/
#content_main { margin:0;background: unset;}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}
/*網頁統一設定*/
.main_part {max-width: 100%;margin: auto;padding: 150px 5%;}
.path {display: none;}
.show_content {padding: 0;}

@media screen and (max-width: 1024px) {
.main_part {padding: 100px 5%;}
}
@media screen and (max-width: 768px) {
.main_part {padding: 80px 5%;}
}
@media screen and (max-width: 600px) {
.main_part {padding: 60px 5%;}
}

/*網站按鈕*/
.animated-arrow {display: flex;align-items: center;justify-content: space-between;width: 350px;background: unset;
color: #000000;border: 1px solid #093655;margin: 50px auto 0;height: 80px;line-height: 1;}
.animated-arrow:before {content: '';font-size: 50px;display: block;width: 80px;height: 100%;background-color: #093655;}
.animated-arrow b {display: flex;width: 160px;font-size: 20px;letter-spacing: 0.1em;text-align: center;
flex-direction: column;align-items: center;justify-content: center;gap: 7px;}
.animated-arrow b:after {content: 'MORE';font-size: 15px;font-weight: normal;letter-spacing: 0.15em;color: #f6c14d;}
.fa-arrow-right::before {content: "\2b";font-size: 25px;font-weight: normal;color: #093655;}
.i_blog_b {max-width: 100%;}
.i_blog_b a i.fa-solid.fa-arrow-right {display: flex;margin: 0;height: 100%;width: 80px;
justify-content: center;align-items: center;border-left: 1px solid #093655;}
.i_blog_b a:hover i.fa-solid.fa-arrow-right {margin: 0;background: #9c0019;}
.i_blog_b a:hover i.fa-solid.fa-arrow-right:before {transform: rotate(360deg);color: #fff;transition: all .5s;}

@media screen and (max-width: 1024px) {
.animated-arrow {height: 70px;}
.animated-arrow:before {width: 70px;}
.animated-arrow b {font-size: 18px;}
.animated-arrow b:after {font-size: 14px;}
.i_blog_b a i.fa-solid.fa-arrow-right {width: 70px;}
}
@media screen and (max-width: 600px) {
.animated-arrow {width: 280px;height: 60px;}
.animated-arrow:before {width: 60px;}
.animated-arrow b {font-size: 16px;gap: 5px;}
.animated-arrow b:after {font-size: 12px;}
.i_blog_b a i.fa-solid.fa-arrow-right {width: 60px;}
.fa-arrow-right::before {font-size: 20px;}
}

.page {width: 100%;color: #000000;}

/*HEADER*/
.pageIndex .header_area {position: fixed;background: linear-gradient(180deg, #000000, transparent);}
.header_area {padding: 0 5%;background-size: cover;background-image: url(https://pic03.eapple.com.tw/cotocoto/bluebg.jpg);transition: 0.5s ease;}
.header_area.sticky {box-shadow: 0 0 10px #ccc;background-size:cover;background-image: url(https://pic03.eapple.com.tw/cotocoto/bluebg.jpg);}
.main_header_area .container {max-width: 100%;}
.navigation {grid-template-columns: 300px 1fr;grid-template-rows: 1fr;align-items: center;}

.me_tp_features {padding: 15px 0 0;}
.me_tp_features a {margin: 0 0 0 10px;font-size: 16px;color: #fff;letter-spacing: 0.08em;}
.me_tp_features a:hover {color: #f3c15a;}
.me_tp_features a i {margin: 0 5px 0 0;}
.tp_links {display: none;}

/*LOGO*/
.nav-header {max-width: 350px;padding: 15px 0;}
.nav-brand { display: flex;filter: drop-shadow(0px 0px 3px #0000007c);}

/*選單*/
.stellarnav > ul > li:before {content: '';
    background: url(https://pic03.eapple.com.tw/cotocoto/headermenu_icon-02.svg) no-repeat center;background-size: cover;display: block;
    position: absolute;aspect-ratio: 1 / 1;width: 35px;top: 20%;left: auto;right: -15%;opacity: 0;transition: 0.5s ease;}
.stellarnav > ul > li:hover:before{opacity: 1;}
.stellarnav > ul > li > a {display: block;font-size: 16px;line-height: 1;height: auto;margin: 0;padding: 25px;padding-right: 0;color: #fff;
    letter-spacing: 0.1em;transition: 0.5s ease;}
.stellarnav > ul > li:hover > a {color: #f3c15a;}
.stellarnav > ul > li.has-sub > a {padding-right: 0;}
.stellarnav li.has-sub > a:after {display: none;}

/*下拉選單*/
.stellarnav ul > li > ul {background: #093655;border-top: 2px solid #000000;}
.stellarnav ul > li > ul > li {border: unset;}
.stellarnav ul > li > ul > li+li {border-top: 1px solid #dfdfdf;}
.stellarnav ul > li > ul > li > a {padding: 10px;color: #fff;letter-spacing: 0.1em;text-align: center;}
.stellarnav ul > li > ul > li > a:hover {background: #000000;color: #fff;}

@media screen and (max-width: 1300px) {
.navigation {grid-template-columns: 300px 1fr;}
}
@media screen and (max-width: 1200px) {
.pageIndex .header_area {position: relative;background-size: cover;background-image: url(https://pic03.eapple.com.tw/cotocoto/bluebg.jpg);}
.navigation {grid-template-columns: 1fr;justify-items: center;}
.nav-header {max-width: 300px;}
.me_tp_features {padding: 10px 0 0;text-align: center;}
.stellarnav ul {text-align: center;}
}
@media screen and (max-width: 1024px) {
.nav-header {max-width: 280px;padding: 25px 0 15px;}
.stellarnav > ul > li > a {font-size: 16px;padding: 25px 20px;padding-right: 0;}
}
@media screen and (max-width: 768px) {
.header_area {padding: 0;}
.nav-header {max-width: 250px;padding: 20px 0;}
.me_tp_features {display: none;}
/*MENU*/
.stellarnav.mobile {height: 100%;}
.stellarnav.mobile .menu-toggle { display: flex;flex-direction: column;justify-content: center;
    align-items: center;height: 100%;padding: 0 30px;}
.stellarnav .menu-toggle span.bars {top: 0px;}
.stellarnav .menu-toggle span.bars span {width: 30px;height: 1px;background: #ffffff;margin: 0 auto 4px;}
.stellarnav .menu-toggle:after {color: #ffffff;transform: unset;letter-spacing: 0.1em;font-size: 9px;}

/*選單*/
.stellarnav.mobile.left > ul {border: unset;box-shadow: 0 0 10px #00000080;}
.stellarnav.mobile > ul { border: unset;background: #093655;}
.stellarnav.mobile > ul > li { border-bottom: unset;}
.stellarnav > ul > li:before {display: none;}
.stellarnav.mobile > ul > li > a {padding: 20px 30px; font-size: 15px;line-height: 120%;}
.stellarnav > ul > li.has-sub > a {padding-right: 30px;padding-left:30px;}
.stellarnav.mobile li.open {background: #0a273c;padding: 0;}
.stellarnav > ul > li.drop-left > ul {border-top: unset;background: #0a273c;}
.stellarnav ul > li > ul {transform: unset;left: 0;border-top: 0px solid #dfdfdf;}
.stellarnav.mobile ul > li > ul > li > a {padding: 15px 30px;text-align: left;}

/*CLOSE & +*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {padding: 13px 15px;font-size: 12px;background: #f2bf65;letter-spacing: 0.1em;color: #000;}
.stellarnav .icon-close {width: 18px;height: 10px;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {width: 10px;border-bottom: solid 2px #000;}
.stellarnav.mobile > ul > li > a.dd-toggle {padding: 15px;}
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {border-bottom: solid 2px #fff;}
}

@media only screen and (max-width: 570px) {
.stellarnav.mobile .menu-toggle {padding: 0 20px;}
.stellarnav .menu-toggle span.bars span {width: 30px;}
.stellarnav .menu-toggle:after {font-size: 9px;}
}
@media screen and (max-width: 500px) {
.pageIndex .header_area, .pageIndex .header_area {padding: 0;}
.nav-header {max-width: 220px;}
}
@media screen and (max-width: 400px) {
.nav-header {max-width: 180px;}
}

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

/*網站背景
body:after{
    content:"";
    position:fixed;
    top:0;
    height:100vh;
    left:0;
    right:0;
    z-index:-1;
    background: url(https://pic03.eapple.com.tw/mjluway/all_bg.jpg) center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}

/*內頁BANNER 設定*/
.banner {display: none;background: unset;font-size: 35px;letter-spacing: 0.15em;}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

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

/*FOOTER*/
.footer {background-size: cover;background-image: url(https://pic03.eapple.com.tw/cotocoto/footer.jpg);background-position: center;
    padding: 80px 0 0;font-size: 16px;}
.footer .center {max-width: 1400px;width: 90%;}
.footer_info {grid-template-columns: repeat(2, 1fr);align-items: end;grid-gap: 30px;padding-right: 0;}
.footer_info ul {display: flex;grid-column: 1 / 3;width: 100%;order: 2;justify-content: space-between;align-items: flex-start;
    padding-top: 30px;border-top: 1px solid #ffffff1a;}
.footer_info li:nth-child(1) {display: flex;align-items: flex-start;padding: 0;
    justify-content: flex-start;gap: 15px 0;flex-direction: column;}
.footer_info li p {line-height: 1;letter-spacing: 0.1em;color: #ffffff;font-family: "Nata Sans", sans-serif;}
.footer_info li p a {color: #ffffff;}
.footer_info li p.line:before {content: 'LINE ID：';}

/*FOOTER_MENU*/
.footer_info li:nth-child(2) {padding: 0;}
.footer_menu {display: flex;flex-wrap: wrap;justify-content: flex-end;width: 100%;}
.footer_menu a {text-align: right;padding: 0 0 0px 20px;font-size: 15px;letter-spacing: 0.08em;
    color: #fff;background: unset;border: 0;margin: 0;transition: 0.3s ease;}
.footer_menu a:first-of-type {display: none;}
.footer_menu a:hover {background: unset;color: #f8b62a;transition: 0.3s ease;}

/*FOOTER_ICON*/
.box_link {position: relative;right: 0;max-width: 225px;justify-content: flex-end;max-width: unset;
    align-items: flex-end;flex-direction: unset;flex-wrap: unset;order: 1;max-height: max-content;}
.box_link a {display: flex;width: 40px;height: 40px;background: unset;border: 1px solid;border-radius: 20px;transition: 0.3s ease;
    padding: 0;font-size: 20px;margin: 0px 5px;margin: 0px 5px;color: #f1ebe6;justify-content: center;align-items: center;}
.box_link a:hover {color: #fff;font-size: 18px;transition: 0.3s ease;}
a.me_tp_ig {font-size: 25px;}
.box_link a.me_tp_ig:hover {color: #fff;font-size: 20px;transition: 0.3s ease;}
a.me_tp_call, a.me_tp_mail {display: none;}
/*LOGO*/
.footer_logo {background: url(https://pic03.eapple.com.tw/cotocoto/footer_logo.svg) center no-repeat;
    background-size: contain;max-width: 350px;aspect-ratio: 77 / 16;}
.footer_logo img {display: none;}
/*COPY*/
.copy {max-width: 1400px;width: 90%;margin: auto;text-align: right;letter-spacing: 0.1em;justify-content: flex-end;
    padding:50px 0;font-size: 12px;color: #2b5c7e;border-top: 0;margin-top: 0;font-family: "Nata Sans", sans-serif;}
.copy a {color: #2b5c7e;}
.privacyLinks a+a {border-left: 1px solid #2b5c7e;}
/*top*/
#to_top {bottom: 150px;left: auto;right: 10px;background: #f6c14d;color: #000000;font-weight: 600;
    box-shadow: unset;font-size: 13px;padding-top: 10px;letter-spacing: 0.08em;}
#to_top i.top {height: 12px;}
#to_top i.top:before, #to_top i.top:after {width: 2px;height: 10px;background: #000000;}

@media screen and (max-width: 1024px) {
.footer {font-size: 15px;}
.box_link a {width: 35px;height: 35px;font-size: 18px;}
.box_link a:hover {font-size: 16px;}
a.me_tp_ig {font-size: 23px;}
.box_link a.me_tp_ig:hover {font-size: 18px;}
.footer_menu a {font-size: 14px;padding: 0 0 0px 15px;}
.copy { justify-content: flex-start;}
}
@media screen and (max-width: 960px) {
.footer_info ul {flex-direction: column;gap: 30px 0;padding-bottom: 50px;}
.footer_info li+li {margin-top: 0;}
.footer_menu {justify-content: flex-start;}
.footer_menu a {padding: 10px 15px 0 0;}
.copy {font-size: 13px;}
}
@media screen and (max-width: 768px) {
.footer {font-size: 14px;}
.footer.with_shopping_mode {padding: 55px 0 70px;}
.footer_info {padding: 0;grid-gap: 35px 20px;grid-template-columns: 350px 1fr;}
.footer_info ul {gap: 20px 0;padding-top: 35px;padding-bottom: 50px;}
.footer_info li:nth-child(1) {gap: 13px 0;}
.box_link a {font-size: 16px;}
a.me_tp_ig {font-size: 20px;}
#to_top { bottom:90px;right: 5px;width: 40px;height: 40px;padding-top: 6px;border-radius: 20px;font-size: 12px;}
#to_top i.top {height: 8px;}
#to_top i.top:before, #to_top i.top:after {height: 8px;border-radius: 0;}
.footer_menu a {font-size: 11px;padding-top: 8px;}
.copy {padding: 30px 0;line-height: 1.8;}

#bottom_menu {transform: translateX(-50%);left: 50%; border-radius: 5px 5px 0 0; width: 95%;}
#bottom_menu li a {padding: 15px 5px 10px;color: #093655;}
#bottom_menu li a i {font-size: 18px;}
#bottom_menu li a em {font-size: 13px;letter-spacing: 0.08em;}
}
@media screen and (max-width: 600px) {
.footer_info {grid-gap: 25px 0px;grid-template-columns: 1.5fr 1fr;align-items: center;}
.total_view {display: inline-block;}
.copy {font-size: 12px;}

#bottom_menu li a i {font-size: 17px;}
#bottom_menu li a em {font-size: 12px;}
}
@media screen and (max-width: 450px) {
.footer.with_shopping_mode {padding: 40px 0 70px;font-size: 12px;}
.footer .center {width: 85%;}
.footer_info {grid-gap: 25px 10px;grid-template-columns:1fr;}
.footer_info ul {gap: 15px 0;padding-top: 25px;padding-bottom: 50px;}
.box_link a {width: 30px;height: 30px;font-size: 16px;}
.footer_menu a {font-size: 11px;}
.total_view {display: block;}
.copy {font-size: 10px;width: 80%;}
.privacyLinks {margin: 0;}
.privacyLinks a {padding: 0 5px 0 0;margin-right: 5px;}
.privacyLinks a+a {padding-left: 10px;}
}
@media screen and (max-width: 400px) {
.box_link a {width: 25px;height: 25px;font-size: 12px;margin: 0px 3px;}
}
  

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

/*文章*/


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

/*購物車*/
.product_page.bodyDesktop .show_content {width: 100%;display: flex;justify-content: space-between; flex-wrap: wrap;align-items: flex-start;}
.product_page.bodyDesktop .product_menu_list {width: 15%;margin-bottom: 0;}
.product_page.bodyDesktop .products-list {width: 80%;grid-gap: 15px;grid-template-columns: repeat(4, 1fr);}
.product-layer-two ul {grid-gap: 0;}
.product-layer-two li ul {position: relative;top: 0;}
.product-layer-two li a {border: 0;border-bottom: 1px solid #dfdfdf;background: unset;padding: 15px;font-size: 18px;
color: #000000;letter-spacing: 0.08em;    transition: .3s ease;}
.product-layer-two li:hover a {background: #093655;color: #fff;}
.product-layer-two li i {color: #222;width: 45px;height: 45px;}
.product-layer-two li li a {border: 0;border-bottom: 1px solid #e6ccb2;background: unset;}
.product-layer-two li.active a {border: 0 !important;border-bottom: 1px solid #dfdfdf !important;}
.product-layer-two li.active li {display: block !important;color: #000000;background: #f5f5f5;}
.product-layer-two li.active li a {color: #000000;}
.products-list .item {padding: 5%;background: #ffffff70;}
.products-list .item a {padding-bottom: 50px;}
.products-list .item a .pic img {transition: all .5s;}
.products-list .item a:hover .pic img {transform: scale(1.1);}
.products-list .name {text-align: center;font-size: 18px;color: #000;letter-spacing: 0.08em;
line-height: 1; -webkit-line-clamp: 1;margin-bottom: 15px;height: 18px;}
.products-list .price {margin: 0 0 10px 0;text-align: center;justify-content: center;gap: 20px;}
.products-list .price b {width: fit-content;color: #666;font-size: 16px;letter-spacing: 0.08em;margin: 0;color: #d08c00;font-family: 'Nata Sans';}
.products-list .price .sp_price {color: #093655;text-align: center;}
.products-list .more {display: flex;height: 50px;border: 1px solid #093655;color: #093655;background: #ffffff;letter-spacing: 0.15em;line-height: 1;
    justify-content: center;align-items: center;}
.products-list .item a:hover .more {background: #093655;letter-spacing: 0.15em;}
.products-list .item a:hover .more:before {filter: brightness(1.5);}

@media screen and (max-width: 980px) {
.products-list, .pageIndex .products-list {grid-gap: 30px 15px;}
}

@media screen and (max-width: 768px) {
.product_menu_list > h5 {font-size: 20px;font-weight: 500;margin-bottom: 30px;
    padding-right: 2em;color: #000;display: block;letter-spacing: 0.08em;}
.product_menu_list > h5 a {color: #000;}
.product_menu_list > h5.openNext {margin-bottom: 10px;}
.product-layer-two li a {padding: 10px 0;}
.product-layer-two li li a {padding: 10px 15px;}
.products-list .item a {padding-bottom: 35px;}
.products-list .name {font-size: 15px;margin-bottom: 10px;margin-top: 10px;}
.products-list .more {line-height: 35px;}
}

@media screen and (max-width: 600px) {
.product_menu_list > h5 {font-size: 18px;}
.products-list, .pageIndex .products-list {grid-gap: 20px 10px;}
}

/*購物車內頁*/
.product_info_page .main_part {display: block;max-width: 1500px;}
.product_info_page.bodyDesktop .product_menu_list {display: none;}
.product_info_page.bodyDesktop .product-wrapper {display: flex;width: 100%;grid-gap: 50px;
    flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.product_main {padding: 0;width: 70%;}
.product_pic {padding-left: 150px;}
.proImgSwiper img {height: 100%;object-fit: cover;}
#prod_thumbSwiper {width: 140px;}
#prod_thumbSwiper .swiper-slide::before {background: #000000bf;transition: .3s ease;}
/*圖上的按鈕*/
.proImgSwiper .swiper-button-next:after, .proImgSwiper .swiper-button-prev:after {
    text-shadow: unset;background: #ffffff80;padding: 10px 15px;color: #093655;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 14px);}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 14px);}
/*右側商品規格框*/
.sidebarBtn {padding: 30px;width: 25%;border: 0;background: #ffffff;}
.sidebarBtn h2 {color: #093655;font-size: 25px;letter-spacing: 0.08em;font-weight: 500;}
.sidebarBtn .price span { font-size: 18px;}
.prod_info_clearfix {display: none;}
.product_info li {margin: 15px 0;}
.product_info li span {font-family: 'Noto Serif TC';margin-bottom: 5px;font-size: 14px;color: #666;letter-spacing: 0.15em;}
.product_info li .txt_box {width: 100%;color: #093655;letter-spacing: 0.15em;}
.radio-inline__label {padding: 8px 10px;margin: 5px 0px;color: #093655;border: 1px solid #666;}
.amountNum {width: 100%;height: 35px;color: #000000; margin-left: 0; padding-left: 0;}
.inquiry_a1 {background: #666;letter-spacing: 0.15em;}
.inquiry_a2 {background: #093655;letter-spacing: 0.15em;}
.inquiry_a3 {background: #093655;letter-spacing: 0.15em;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover {letter-spacing: 2px;background: #000000;}
.toShare {border-top: 1px solid #666;color: #666;letter-spacing: 0.15em;}
/*商品資訊*/
.prod_tabs {width: 100%;}
.pd_tabTitle li {border-bottom: 0;}
.pd_tabTitle li a {background: #ffffff91;font-size: 20px;padding: 15px;letter-spacing: 0.15em;transition: 0.5s ease;}
.pd_tabTitle li.activeTab a {color: #000000;background: #ffffff91;padding: 15px;letter-spacing: 0.15em;font-size: 20px;}
.pd_tabTitle li.activeTab::after {background: #093655;}
.pd_tabInner_contain {line-height: 1.8;letter-spacing: 0.1em;}
/*相關推薦*/
.prod_related {background: #ffffffa8;padding: 50px 0 0;}
.prod_related h6 span:before {font-size: 25px;color: #000000;letter-spacing: 0.08em;font-weight: 500;}
.related_list {max-width: 1500px;width: 90%;grid-template-columns: repeat(4, 1fr);padding-bottom: 20px;}
.related_list li a {padding: 5px;transition: .3s ease;}
.related_list li a:hover {transform: scale(0.95);}
.related_list li a p {letter-spacing: 0.08em;padding-top: 5px;color: #000000;font-size: 17px;}
.lastPage {width: 100%;background: #666;padding: 15px 20px;letter-spacing: 0.08em;margin: 30px auto 0;transition: .3s ease;}
.lastPage:hover {background: #093655;}

@media screen and (max-width: 1200px) {
.product_main {width: 60%;}
.sidebarBtn {width: 35%;}
/*圖片們*/
.product_pic {padding-left: 95px;}
#prod_thumbSwiper {width: 85px;}
/*下方商品資訊*/
.prod_tabs {margin-top: 50px;}
}

@media screen and (max-width: 1024px) {
/*改直排*/
.product_info_page.bodyDesktop .product-wrapper {flex-direction: column;}
.product_main {width: 100%;}
/*圖片們*/
.product_pic {padding-left: 125px;}
#prod_thumbSwiper {width: 115px;}
/*右側商品規格框*/
.sidebarBtn {width: 100%;}
/*商品資訊*/
.prod_tabs {margin-top: 0;}
.pd_tabTitle li a, .pd_tabTitle li.activeTab a {font-size: 18px;}
/*相關推薦*/
.prod_related h6 span:before {font-size: 22px;}
.related_list {grid-template-columns: repeat(4, 1fr);grid-gap: 15px;}
.related_list li a p {font-size: 16px;}
}

@media screen and (max-width: 768px) {
.mobile_product_name {display: none;}
/*圖片們*/
.product_pic {padding-left: 0;}
#prod_thumbSwiper {width: 100%;}
#prod_thumbSwiper .swiper-slide {padding-top: calc(20% - 2px);}
/*右側商品規格框*/
.sidebarBtn {margin: 20px auto;padding: 15px;}
.sidebarBtn h2 {font-size: 22px;}
/*商品資訊*/
.pd_tabTitle li.activeTab a, .pd_tabTitle li a {font-size: 18px;}
/*相關推薦*/
.related_list li a p {font-size: 15px;}
}

@media screen and (max-width: 600px) {
/*右側商品規格框*/
.sidebarBtn {margin: 20px auto;padding: 15px;}
.sidebarBtn h2 {font-size: 20px;}
/*商品資訊*/
.pd_tabTitle li.activeTab a, .pd_tabTitle li a {font-size: 16px;}
.pd_tabInner_contain {font-size: 15px;}
/*相關推薦*/
.prod_related h6 span:before {font-size: 20px;}
.related_list {grid-template-columns: repeat(2, 1fr);}
.related_list li a p {font-size: 14px;}
}

@media screen and (max-width: 500px) {
.proImgSwiper .swiper-button-next:after, .proImgSwiper .swiper-button-prev:after {font-size: 17px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 10px);}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 10px);}
/*商品資訊*/
.pd_tabTitle li.activeTab a, .pd_tabTitle li a {font-size: 15px;}
.pd_tabInner_contain {padding-top: 0px;font-size: 14px;}
/*相關推薦*/
.prod_related h6 span:before {font-size: 18px;}
.related_list li a p {font-size: 13px;}
}

/*購物車頁面*/
.car_page .show_content {position: relative;}
.shopping-cart { min-height: 20vw;}
.shopping-cart .cart_head {background: #093655;}
.shopping-cart .cell {padding: 10px;letter-spacing: 0.08em;}
.shopping-cart .cell.product_name {font-weight: normal;}

.small_pic {width: 150px;height: 150px;border-radius: 5px;}
.shopping-cart .cell.product_name p {width: calc(100% - 160px);letter-spacing: 0.1em;font-weight: 400;line-height: 1.5;color: #000;}

.car_page .information_left {display: block;position: absolute;bottom: 0;width: 50%;}
.contact_le_map a {background: #093655;border-radius: 5px;}
.contact_le_map a b {letter-spacing: 0.1em;font-weight: 400;}
.blank_letter {padding-top: 0;font-family: 'Rubik';font-weight: normal;font-size: 25px;letter-spacing: 0.08em;color: #000000;}
.ACCN1:before, .ACCN2:before, .ACCN3:before, .ACCN4:before {color: #000;}
.contact_le_map {display: none;}

.total_amount li span {}
.total_amount .rewrite_simple, .total_amount .send_simple {width: 50%;letter-spacing: 0.08em;height: 50px;line-height: 52px;}
.rewrite_simple {background: #666;}
.send_simple {background: #093655;}

@media screen and (max-width: 1200px) {
.car_page .information_left {width: 40%;}
}
@media screen and (max-width: 1024px) {
.total_amount {width: 100%;}
.car_page .information_left {position: relative;width: 100%;padding-top: 30px;}
}
@media screen and (max-width: 768px) {
.shopping-cart .cell:before {font-weight: normal;padding-bottom: 10px;color: #093655;}
.amountNum {width: 50%;line-height: 1;padding: 0;}
.shopping-cart .cell.amount:last-child {border-bottom: unset;}
.total_amount .rewrite_simple, .total_amount .send_simple {width: 48%;margin: 0;}
}

@media screen and (max-width: 450px) {
.small_pic {width: 75px;height: 75px;}
.shopping-cart .cell.product_name p {width: calc(100% - 90px);}
.car_page .information_left {padding-top: 0;}
.shopping-cart .cell:before {text-align: left; width: 50px;}
}

/*訂購資料*/
.remit_page form.style1 {width: 100%;}
.separate_title {font-size: 16px;letter-spacing: 0.08em;color: #000000;padding: 10px;background: #ffffff8c;}
.formbox_form {margin-top: 15px;margin-bottom: 15px;color: #000000;font-size: 16px;padding: 0;}
.formbox_form li .form__label {letter-spacing: 0.08em;}
.form label .inputbox {filter: hue-rotate(300deg);}
.border200 {width: 100%;border: unset;padding: 5px 10px;border-radius: 5px;background: #ffffff;letter-spacing: 0.08em;}
.longer {width: 100%;}
.form label {color: #000000;}
.form label .inputbox {margin-right: 8px;top:2px;}
.form label.Bigcheck .inputbox {background-size: contain;}
.form label .inputbox.Big { width: 18px;height: 17px;}
.remit_page .rewrite_simple, .remit_page .send_simple {width: 48%;height: 50px;line-height: 52px;letter-spacing: 0.08em;}

/*匯款通知*/
.form_content {padding:0;max-width: unset;letter-spacing: 0.1em;}


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





@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {}
}

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