@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: "Sorts Mill Goudy", Noto Serif TC;}

body{
	overflow-x:hidden;
	font-family:"Archivo Black","Noto Sans TC";
	font-weight: 400;
  letter-spacing: 1px;
}

.edit_part { padding: 0;}
.path p{display: none;}
.promotion_title h2 { display: none;}
.other_promotion {display: none;}
.other_select_page .page{display: none;}
.swiper-banner .swiper-slide img {animation: none;}
/*滾動條全域設定---------- */

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

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

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

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

/*Logo ----------*/
.main_header_area .container {max-width: 1500px;}
.nav-brand img{filter: contrast(0) brightness(100);}
.header_area.sticky .nav-brand img{filter: contrast(0) brightness(100);padding: 10px 10px 0;}

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

/*logo大小*/
.header_area .nav-brand {
    max-width: 250px;
    width: 100%;margin: 10px 0;
}

.header_area.sticky .nav-brand {
    display: block;
    max-width: 230px;
    width: 100%;
}

/*header樣式*/

.header_area {
    padding: 0;
    z-index: 9999;
    width: 100%;
    background: #1A4C7B;
}

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

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

.header_area.sticky{    background: #ffffff00;padding-top: 10px;}



/*選單文字*/
.stellarnav > ul > li > a {
    color: #ffffff;
    font-family:"Sorts Mill Goudy","Noto Sens TC";
    font-size: 17px;margin: 25px 5px 0;}

.header_area.sticky .stellarnav > ul > li > a{margin: 25px 5px 0;}


.stellarnav > ul > li > a :hover {
    color: #ffffff83;
}
.stellarnav > ul > li > a:not(.dd-toggle):before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
}

.stellarnav.desktop li.has-sub >a:after {
    content: '▼';
    margin-left: 0;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translateY(-50%);
    border-left: unset;
    border-right: unset;
    border-top: unset;
}

.stellarnav li {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px 1%;
    position: relative;
    line-height: normal;
    vertical-align: middle;
    text-align: left;
}
.navigation { padding: 0; grid-template-columns:250px 1fr;}
.stellarnav a.dd-toggle .icon-plus:before{    border-bottom: solid 2px #A68A60;}
.stellarnav a.dd-toggle .icon-plus:after {    border-bottom: solid 2px #A68A60;}
.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: #e1bfb4;}
.stellarnav a {color: #ffffff;}
.stellarnav.mobile ul {    background: #f7f7f7;}

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

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

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

/*文字底線-左到右*/
.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::after {
    transform-origin: 0 50%;
    transform: scaleX(1);
}

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

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

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



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

/*次選單樣式-半透明底色*/
.stellarnav ul ul ,
.stellarnav ul ul ul {
    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: #8e8e8e;
    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: #1a4c7b;transition: .5s ease-out;padding-left: 15px;
}

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

@media screen and (max-width: 1440px) {.navigation {
    padding: 20px 16px 10px 20px;}}


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


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

}

/* = = = footer = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(139deg, #7db9e4c4 0%, #1A4C7B 60%, #1A4C7B 85%, #1A4C7B 100%);
}
.footer {padding: 0;}

.box_link {
    position: absolute;
    top: 80%;
    right: 0px;
    width: auto;
    max-width: 200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    max-height: 100%;
    justify-content: flex-end;
    z-index: 10;
    display: none;
}

.box_link a{border: 1px #ffffff47 solid;color: #ffffff47;}
.box_link a:hover {
    border: 1px#ffffff47 solid;
    background: #ddd4c5;
    color: #7a6e5c;
}

.footer .center {
    position: relative;
    width: 98%;
    max-width: 1600px;
    padding: 60px 0 30px 0;
    font-size: 13px;
}
.footer_info {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
    position: relative;
    flex-direction: column;
    gap: 10px;
}
.footer_logo{ max-width: 300px;}
.footer_logo img {
    max-width: 100%;
    filter: brightness(10);
}

.footer_info ul {
    position: relative;
    border-top: 1px solid #ffffff47;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}
/* �舐窗鞈��� */
.footer_info li{
    padding: 0;
}
.footer_info li p {
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
    color: #ece9e3;
}
.footer_info li p a{
    color: #ece9e3;
}

/* 蝬脤����� */
.footer_info li:nth-child(2) {
    /* position: absolute; */
    right: 0;
    top: 0;
}
.footer_menu {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
        flex-wrap: wrap;
}
.footer_menu a:first-child{
    display: none;
}
.footer_menu a {
    color: #DDD4C5;
    background: transparent;
    border: 0;
    letter-spacing: 1.25px;
    margin: 0 0 10px;
    transition: all .3s cubic-bezier(.165,.84,.44,1);
}

.footer_menu a:hover {
    background: transparent;
    color: #ece9e3;
}

@media screen and (max-width: 768px) {
    /* ��见���𧢲��踎銝𧢲䲮��厰�閙���閮剖�� */
    #bottom_menu { display: none    }
    .footer.with_shopping_mode { padding: 0; }
    #to_top {    }

    /* footer */
    .footer_logo{
        background-position: center top;
    }
    .footer_info {
        align-items: center;
    }
    .footer_info ul{
        flex-direction: column-reverse;
        padding: 0;
        margin-top: 20px;
        gap: 30px;
    }
    .footer_menu {
        border-bottom: 1px solid #ffffff47;
        padding-bottom: 10px;
        justify-content: center;
    }
    .footer_info li p{
        text-align: center;
    }
    
    .box_link {
        display: none;
    }

}

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

.copy {
    color: #fcfbf7;
    border: none;
    margin: 0;
    font-size: 9.5px;
    letter-spacing: 1.25px;
    font-family: var(--SFontE);
    font-weight: 300;
    text-align: center;
    padding: 8px 0;
    position: relative;
    background: #123555;
    color: #b7b5b2;
}
.copy a {
    color: #fcfbf7;
    color: #b7b5b2;
} 

/* banner */
.banner {display: none;}
.banA {display: none;}
.banB {display: none;}

/*文章設定*/
.body.blog_page .main_part{ width: 1500px;}
.subbox_item a:hover:before, .subbox_item a:hover:after {  opacity: 1;  transition: all .5s;   color: #2d2d2d;}
  
.blog_list_le:before, .blog_list_le:after { 
      content: " "; 
      opacity: 0;    
      z-index: 1;    
      position: absolute;
      left: 50%;
      top: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .5s ease;
      transform-origin: center;
      transform: translate(-50%, -50%) scale(0.8);
      display: none;}

.blog_list_le:before {
      background-size: contain;
      background-position: center;
      background-image: url(https://pic03.eapple.com.tw/neweraglasses/inpage_icon.svg);
      background-repeat: no-repeat;
      width: 100%;
      height: 2.7vw;
      left: 50.5%;}
  
.blog_list_le:after {
      width: 4.16vw;
      height: 4.16vw;
      border: 1px solid #f2f2f3;
      border-radius: 50%;}

.subbox_item a:hover .blog_list_le:after, .subbox_item a:hover .blog_list_le:before {
      opacity: 1;
      transition-delay: .1s;
      transform: translate(-50%, -50%) scale(1);}

.blog_back a.article_btn_prev:hover {background: #444;color: #fff;}


/*首頁顯示文章*/
.module_i_news .title_i_box h6 {
    color: #1a4c7b;
    font-size: 20px;
    font-family: "Noto Serif", serif;}
.animated-arrow {background: #444;}
.i_blog_ri h5 {color: #636363;-webkit-box-orient: unset;}
.module_i_news {padding: 100px 20px;}

.module_i_news .title_i_box h4 {
  color: #636363;
  font-family: "Noto Serif TC", serif;
  font-size: 35px;
  font-weight: 800;
  letter-spacing: 0.1em;}

.module_i_news .title_i_box:after {
    content: "";
    position: absolute;
    height: 6px;
    background: #1a4c7b;
    width: 50px;
    transition: all 0.3s;
    right: 0;
    left: 50%;
    transform: translate(-50%, 250%);
}

.module_i_news .title_i_box {margin-bottom: 70px;}
.i_blog_b {margin-top: 30px;}
.module_i_news ul,{display: grid;gap: 10px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.module_i_news li , .subbox_item {width: 100%;}
.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%;}
.i_blog_le , .blog_list_le{position: relative;padding-bottom: 100%;height: 0;}/*文章縮圖長寬比例，100% →100:100 = 1:1 正方形 */
.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%);}
.i_blog_le, .i_blog_ri , .blog_list_le , .blog_list_ri {width: 100%;}
.module_i_news ul{width: 90%;grid-template-columns:1fr 1fr 1fr 1fr;}
.module_i_news li a {
        position: relative;
        display: flex;
        flex-direction: column;}
.module_i_news_list, .module_i_news_list.swiper {display: flex;justify-content: center;}
.module_i_news_list{padding: 0;}

  /*文章設定*/
  .clearfix:before,
  .clearfix:after {display: none;}
    body.blog_page .main_part {max-width: 90%;width: 1600px;}
  
  body.blog_page h4.blog_category_title {display: none;}
  
  .blog_subbox.clearfix {
    margin: 0 auto;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;}
  
  .blog_le {padding: 0;}
  h5.blog_le_t{display: none;}
  
  h5.blog_le_t em {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
    writing-mode: vertical-rl;
    height: 80px;
    border-left: 1px solid #BFBFBF;
    padding-top: 0;
    padding-right: 15px;
    margin-top: 0px;
    font-size: 17px;}
  
  h5.blog_le_t span {display: none;}
  
  .blog_le .accordion {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-radius: 0;
    overflow: inherit;
    margin-bottom: 10px;
    border: 0px;
    margin-top: 40px;}

  .blog_shareData {justify-content: flex-end;}
  .blog_le .accordion li {
    float: left;
    position: relative;
    text-align: center;}
  .articel_mainPic img {display: none;}
    .blog_le {width: 100%;position: relative;}
  .blog_search input[type=submit] {height: 53px;}
  
  .blog_search input[type=search] {
    height: 53px;
    border-radius: 0;}
  
  .blog_search {
    width: 280px;
    position: absolute;
    top: 36px;
    right: 0;}
  
  .blog_ri {
    width: 100%;
    padding: 0;
    min-height: 60vh;}
  
  .submenu li {width: 100% !important;}
  
  .blog_le .accordion>li:hover .link a,
  .blog_le .accordion>li.on_this_category .link a {
    color: #fff !important;
    background:  #1a4c7b;
    font-weight: bold;}
  
  .blog_le .accordion>li:hover,
  .blog_le .accordion>li.on_this_category {background: transparent !important;}
  .lastPage {background: #1a4c7b;width: 230px;}
.news_related {padding: 110px 15px 60px;}
  .blog_le .accordion li div a {
    color: #444;
    border-right:none;
    font-weight: 500;
    padding: 5px 20px;
    margin: 10px 5px 10px 0;}
  
  .blog_le .accordion li i {color: #357AA6;right: 35px;}
  
  .submenu {
    background: #ffffff;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
    border: 1px solid #ececec;}
  
  .blog_le .accordion>li:hover .link i,
  .blog_le .accordion>li.on_this_category .link i {color: #a4a4a4 !important;}
  .blog_le .accordion li div a:hover {background: #1a4c7b !important;color: #fff;}

  .submenu a:hover {
    background: #ffffff;
    color: #1a4c7b;
    font-weight: bold;}
  
  .submenu a:before {
    content: "。";}
  
  .fa-chevron-down:before {
    content: "↓";
    color: transparent;}
  
  .submenu a {
    position: relative;
    color: #666;
    padding: 12px 12px 12px 25px;
    transition: all 0.5s ease;
    display: inline-block;
    text-decoration: none;
    float: left;}
  
  .accordion li .link {border-bottom: 0px solid #CCC;}
  
  @media screen and (max-width: 768px) {
    .module_i_news ul{ grid-template-columns:1fr 1fr; }
     .module_i_news li { margin-top:24px; border-bottom: 0px;}
     .module_i_news .title_i_box{ margin-bottom:0px;}
     .module_i_news{ padding:60px 20px;}
    .blog_le .accordion {display: none;}
  
    .blog_search {
        position: relative;
        width: 100%;
        top: 0;
        margin-top: 40px;}}
  
  @media screen and (max-width: 476px) {
    h4.blog_category_title{font-size: 22px;}}
  
  @media screen and (max-width:450px){
    .module_i_news ul{ grid-template-columns:1fr; } }
  
  /* end */
  .blog_back a.article_btn_back {
    background: transparent;
    border: none;
    color: #666;
    transition: all 0.3s ease-in-out;}
  
  .blog_back a.article_btn_back:hover {filter: brightness(1.2);transition: all 0.3s ease-in-out;}
  
  .blog_back a.article_btn_prev,
  .blog_back a.article_btn_next {
    background: transparent;
    border: none;
    color: #666;}

  .blog_back a.article_btn_prev:hover,
  .blog_back a.article_btn_next:hover {
    filter: brightness(1.2);
    transition: all 0.3s ease-in-out;}
  
  .blog_list_ri {
    width: calc(100%);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: -80px;}
  
  .blog_box {width: 100%;max-width: 100%;}
  body.blog_page .subbox_item:hover .blog_list_le {
    transition: border-radius 1.2s cubic-bezier(.165, .84, .44, 1), filter .5s cubic-bezier(.165, .84, .44, 1), -webkit-filter .8s cubic-bezier(.165, .84, .44, 1);}
  
  .subbox_item {
    width: 100%;
      background-color: transparent;
    overflow: hidden;
    margin-bottom: 2%;
    position: relative;}
  
  .subbox_item a {
    display: flex;
    flex-direction: column;}
  
  .subbox_item a:after {display: none;}
  
  .subbox_item:hover img {
    transform: translate(-50%, -50%) scale(1.05);
    object-fit: cover;
    width: 100%;
    transition: all 0.4s ease;
    opacity: 0.8;}
  
  .blog_list_le img {
    display: block;
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;}

  .blog_list_le {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 100%;
    padding: 0;
    padding-bottom: 0;
    aspect-ratio: 12/9;
    height: auto;}
    
  .subbox_item a:before {display: none;}
  
  .blog_list_ri em {
    order: 3;
    width: 100%;
    text-align: left;
    color: #808080;
    margin: 20px 0 -15px;
    padding: 0 20px;}

  .blog_list_ri h5 {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 10px 20px;
    color: #fff;
    background: #1a4c7b;
    position: relative;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: initial;
    font-size: 16px;
    display: block;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: block;
    width: 95%;
    min-height: 36px;}

.subbox_item:hover h5:before {border-right: 12px solid #ebebeb;}
.subbox_item:hover h5:after {background-color: #1a1a1a;}
  
.blog_list_ri p {
    border-top: 1px solid transparent;
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    line-height: 1.5625;
    padding:20px 20px 0;
    width: 100%;
    -webkit-line-clamp: inherit;
    height: 50px;}
  
.blog_list_ri p:after {content: '...';}
.subbox_item:hover:before { width: 100%;transition: all .5s;}

 /*文章內頁設定*/
.articel_mainPic img {display: none;}
.blog_shareData {justify-content: flex-end;}
h4.blog_category_title {margin-bottom: 0;}
.blog_box_edit * {
    font-family: "微軟正黑體";
    line-height: 200%;
    color: #444;}
.blog_ri {padding: 0;} 
.blog_back a.article_btn_prev,.blog_back a.article_btn_next,.blog_back a.article_btn_back {
    background: none;
    color: #333;
    letter-spacing: 1px;}
.blog_back a {width: auto;}
    
.blog_back {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;}
    
.blog_back:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #00000017;
    bottom: 56px;}   


@media screen and (max-width: 768px) {
  .blog_list_ri p {padding: 0px 20px 0}
.blog_search {width: unset;position: unset;}    
.blog_subbox {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}}


  @media screen and (max-width: 1400px) {
    .subbox_item a {grid-auto-flow: initial;}
    .blog_list_le {margin: auto;}
    .blog_subbox.clearfix {grid-template-columns: 1fr 1fr;}}
  
  @media screen and (max-width: 1024px) {
    .blog_le.fadeInLeft.animated15.clearfix { position: relative; top: auto;}
    .blog_list_le { width: 100%;}
    .blog_list_ri { width: 100%;padding: 0;}
    .blog_list_ri i {bottom: -7px;}
    .blog_list_le {width: 100%;}
    .blog_list_ri { width: 100%;top: -10px;}
    .blog_list_ri h5 {-webkit-line-clamp: initial; min-height: auto;}
    .module_i_news li a, .subbox_item a{ border-bottom: 0px;}}

  @media screen and (max-width:990px) {
    .subbox_item{ border-bottom: 0px;}
    .blog_search{ top: -18px;}}
  
  @media screen and (max-width:960px) {
    .subbox_item{ border-bottom: 0px;}}
  
  @media screen and (max-width:650px) {
    .blog_subbox.clearfix {grid-template-columns: 1fr;}
    .blog_list_ri em{margin: 0px 0 -15px;}}
  
  @media screen and (max-width: 476px) {
    .blog_box {width: 100%;}
    .blog_box_edit {padding: 1em;margin-bottom: 40px;}
    .blog_subbox.clearfix {grid-template-columns: 1fr;}
    .blog_box { margin-bottom: 80px;}
    .blog_list_ri em{ margin: 10px 0 -15px;}}

/*購物車*/
.product_page .main_part { max-width:1500px;margin: 50px auto;}


.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative; width: 220px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px);}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; /*display:block !important;*/}
.product-layer-two li li { display: block; padding:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:5px 10px;}
.product-layer-two li li:hover > a { background:#fff; color:#1A4C7B;}
.product-layer-two > li {margin: 0 10px;padding:0; text-align:left; border-bottom:1px dotted #ccc; padding-bottom: 5px;}
.product-layer-two > li ul > li + li { margin-top:5px;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: transparent; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#1A4C7B;}
.product-layer-two li a {background: #faf9f8;    color: #1a4c7b;}
.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;}

body.product_info_page.bodyDesktop .product_menu_list>ul { display: flex;}

#prod_thumbSwiper {display: none;}
.product_pic {padding-left: 0;}
.proImgSwiper img {
    width: 80%;
    object-fit: contain;}

.product_main {width: 59%;}
.sidebarBtn { width: 40%;}
/*按鈕顏色*/
.products-list .price b {color: #E89C45;font-weight: 500;}
.products-list .more {
    border: 1px solid #333333;
    color: #333333;}
.products-list .item a:hover .more {background: #333333;}
.product-layer-two li a:hover { background: #1A4C7B;color: #fff;}
.video-layer-two li a:hover { background: #1A4C7B;color: #fff;}
@media screen and (max-width: 768px) {
.me_tp_features {display: none;}
.show_content {padding: 0;}
.product_menu_list,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}
.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}}


/*影片設定*/
.video_page .main_part { max-width:1500px;margin: 50px auto;}
.video-list {
    grid-template-columns: 1fr 1fr 1fr;}