*{    font-family: 'noto sans tc';}
:root {
    --first-color: #1C5D7C; /*主色-深藍 var(--first-color)*/
    --second-color: #73b2dc; /*輔色-淺藍 var(--second-color)*/
    --third-color: #d3731f; /*輔色-橘 var(--third-color)*/
    --accent-color: #c0146c; /*強調色-桃紅 var(--accent-color)*/
    --dark-gray: #333;  /* 深灰 var(--dark-gray)*/
    --medium-gray: #999; /* 中度灰 var(--medium-gray)*/
    --light-gray: #eee;  /* 淺灰 var(--light-gray)*/
    --bg-color: #fff; /*背景色-白 var(--bg-color)*/
    --bg2-color: #d5e8f5; /*背景色-淺藍 var(--bg2-color)*/
    --ff:'Noto Sans TC', sans-serif; /*字型 var(--ff)*/
    --f24:24px;/*var(--f24)*/
    --f21:21px;/*var(--f21)*/
    --f17: 16px;/*var(--f17)*/
    --f15:15px;/*var(--f15)*/
    --f14:14px;/*var(--f14)*/
    --f12:12px;/*var(--f12)*/
}

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

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

#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}

@media screen and (max-width: 1024px) {
.me_tp_features{justify-content: center;}
}
@media screen and (max-width: 768px) {
    .bannerindex { padding:0; margin:0;}
}
.sb_marquee {display: none;}

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

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

/*header logo定位 */
.nav-header {
    top: 12px;
    left: 2vw;
}
.header_area{padding:0;position: sticky;}
/*logo大小*/
.header_area .nav-brand {
    max-width: 180px;
    width: 80%;
}

.nav-brand img {
    width: 90%;
}
.tp_links {
    display: none;
}

/*header樣式*/
.main_header_area {
    background: #ffffff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.1);
    transition: all 0.5s ease;
    margin: 0;
    border-radius: 0;
}

/*header下拉後底色磨砂感*//*
.sticky .main_header_area.animated {
    background: rgb(39, 126, 178, 0.6);
    backdrop-filter: saturate(93%) blur(10px);
    border: solid 1px rgba(39, 126, 178, 0.1);
}
/* 隱藏選單購物車(搜尋) */
.me_tp_features{display:none;}
/*選單區塊置右*/
.stellarnav ul {
    text-align: right;
}

/*選單文字*/
.stellarnav > ul > li > a {
    font-family: 'noto sans tc';
    font-weight: 400;
    color: #3D95C0;
    font-size: var(--f17);
    letter-spacing: 0.15rem;
    margin: 14px 0px 8px 0px;
    padding: 0px 12px 0;
}
.stellarnav > ul > li:hover > a{
    font-weight: 700;
    color: #1C5D7C;
}
/*文字底線*/
.stellarnav > ul > li:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 17px; /*底線垂直位置*/
    left: 50%;
    transform: translateX(-50%);
    background: #3D95C0;
    transition: all 0.5s ease;
}

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


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

@media screen and (max-width: 1024px) {
    .stellarnav ul {
    text-align: center;
}
}
@media screen and (max-width: 768px) {
    .pageIndex .header_area {
        position: relative;
    }
    .header_area.sticky{position: fixed;}
    .stellarnav .menu-toggle {
        padding:20px 10px;
    }
    .stellarnav > ul > li:before{display:none;}
    .nav-header{max-width: 140px;padding: 10px 0;margin: 0;}
    .me_tp_features{margin:0;}
    .stellarnav > ul > li > a{    margin: 0;}
}
/* ▼ FOOTER---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

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

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

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


/*資訊內容改色*/
.footer_info li p,
.footer_info li p> a {
    line-height: 1.5rem;
    letter-spacing: 0.1rem;
    color: #ffffff;
    /* padding-left: 0; */
}

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

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

.footer_menu a:hover {
    background: #ffffff;
    color: #1C5D7C;
    transition: all 0.5s ease;
}
.footer_menu a:nth-child(1){
display:none;
}
.footer_info li p.tel2:before {
    content: '手機：';
}

.bottom_menu li {
    display: none;
}
/*揚京版權塊 -------------------- */
.copy {
    text-align: center;
    padding: 7px 0;
    font-size: var(--f12);
    letter-spacing: 0.1rem;
    color: #ffffff;
    margin-top: 30px;
    background-color: #3f3f3f;
}

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

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


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

@media screen and (max-width: 768px) {
.footer_info{padding:0;}
/*左右改上下排列*/
.footer_info ul{
    display: flex;
    flex-direction: column;
}

.footer_info li{
    width: 100%;
    padding: 0;
    justify-content: left;
}
   .footer_info li:nth-child(1) {justify-content: left;padding-left: 10px;}
.footer_info li p,
.footer_info li p> a{
    padding-left: 0;
}

/*關掉按鈕*/
.footer_menu{
    /* display: none; */
    justify-content: left;
}
#bottom_menu {
    display: none;
}
}
/* ▲ FOOTER---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



*{    font-family: 'noto sans tc';}
:root {
    --first-color: #1C5D7C; /*主色-深藍 var(--first-color)*/
    --second-color: #73b2dc; /*輔色-淺藍 var(--second-color)*/
    --third-color: #d3731f; /*輔色-橘 var(--third-color)*/
    --accent-color: #c0146c; /*強調色-桃紅 var(--accent-color)*/
    --dark-gray: #333;  /* 深灰 var(--dark-gray)*/
    --medium-gray: #999; /* 中度灰 var(--medium-gray)*/
    --light-gray: #eee;  /* 淺灰 var(--light-gray)*/
    --bg-color: #fff; /*背景色-白 var(--bg-color)*/
    --bg2-color: #d5e8f5; /*背景色-淺藍 var(--bg2-color)*/
    --ff:'Noto Sans TC', sans-serif; /*字型 var(--ff)*/
    --f24:24px;/*var(--f24)*/
    --f21:21px;/*var(--f21)*/
    --f17: 16px;/*var(--f17)*/
    --f15:15px;/*var(--f15)*/
    --f14:14px;/*var(--f14)*/
    --f12:12px;/*var(--f12)*/
}

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

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

#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}

@media screen and (max-width: 1024px) {
.me_tp_features{justify-content: center;}
}
@media screen and (max-width: 768px) {
    .bannerindex { padding:0; margin:0;}
}
.sb_marquee {display: none;}

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

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

/*header logo定位 */
.nav-header {
    top: 12px;
    left: 2vw;
}
.header_area{padding:0;position: sticky;}
/*logo大小*/
.header_area .nav-brand {
    max-width: 180px;
    width: 80%;
}

.nav-brand img {
    width: 90%;
}
.tp_links {
    display: none;
}

/*header樣式*/
.main_header_area {
    background: #ffffff;
    box-shadow: 1px 1px 5px rgba(0,0,0,.1);
    transition: all 0.5s ease;
    margin: 0;
    border-radius: 0;
}

/*header下拉後底色磨砂感*//*
.sticky .main_header_area.animated {
    background: rgb(39, 126, 178, 0.6);
    backdrop-filter: saturate(93%) blur(10px);
    border: solid 1px rgba(39, 126, 178, 0.1);
}
/* 隱藏選單購物車(搜尋) */
.me_tp_features{display:none;}
/*選單區塊置右*/
.stellarnav ul {
    text-align: right;
}

/*選單文字*/
.stellarnav > ul > li > a {
    font-family: 'noto sans tc';
    font-weight: 400;
    color: #3D95C0;
    font-size: var(--f17);
    letter-spacing: 0.15rem;
    margin: 14px 0px 8px 0px;
    padding: 0px 12px 0;
}
.stellarnav > ul > li:hover > a{
    font-weight: 700;
    color: #1C5D7C;
}
/*文字底線*/
.stellarnav > ul > li:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 17px; /*底線垂直位置*/
    left: 50%;
    transform: translateX(-50%);
    background: #3D95C0;
    transition: all 0.5s ease;
}

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


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

@media screen and (max-width: 1024px) {
    .stellarnav ul {
    text-align: center;
}
}
@media screen and (max-width: 768px) {
    .pageIndex .header_area {
        position: relative;
    }
    .header_area.sticky{position: fixed;}
    .stellarnav .menu-toggle {
        padding:20px 10px;
    }
    .stellarnav > ul > li:before{display:none;}
    .nav-header{max-width: 140px;padding: 10px 0;margin: 0;}
    .me_tp_features{margin:0;}
    .stellarnav > ul > li > a{    margin: 0;}
}
/* ▼ FOOTER---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

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

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

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


/*資訊內容改色*/
.footer_info li p,
.footer_info li p> a {
    line-height: 1.5rem;
    letter-spacing: 0.1rem;
    color: #ffffff;
    /* padding-left: 0; */
}

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

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

.footer_menu a:hover {
    background: #ffffff;
    color: #1C5D7C;
    transition: all 0.5s ease;
}
.footer_menu a:nth-child(1){
display:none;
}
.footer_info li p.tel2:before {
    content: '手機：';
}

.bottom_menu li {
    display: none;
}
/*揚京版權塊 -------------------- */
.copy {
    text-align: center;
    padding: 7px 0;
    font-size: var(--f12);
    letter-spacing: 0.1rem;
    color: #ffffff;
    margin-top: 30px;
    background-color: #3f3f3f;
}

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

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


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

@media screen and (max-width: 768px) {
.footer_info{padding:0;}
/*左右改上下排列*/
.footer_info ul{
    display: flex;
    flex-direction: column;
}

.footer_info li{
    width: 100%;
    padding: 0;
    justify-content: left;
}
   .footer_info li:nth-child(1) {justify-content: left;padding-left: 10px;}
.footer_info li p,
.footer_info li p> a{
    padding-left: 0;
}

/*關掉按鈕*/
.footer_menu{
    /* display: none; */
    justify-content: left;
}
#bottom_menu {
    display: none;
}
}
/* ▲ FOOTER---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */




/* ▼ PRODUCT---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.banF {
    background-image: url(https://pic03.eapple.com.tw/048233289/banF.jpg);
}

.banner{
    min-height: 300px;
    font-size: 35px;
}


h5 {
    color: white;
    letter-spacing: .3rem;
    text-shadow: 0 0 0.3rem rgba(0, 0, 0, 50%);
}

.products-list {
    grid-template-columns: repeat(4, 1fr);
}

.products-list .item{
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: 3px 3px 9.7px 0 rgba(0, 0, 0, 0.10);
    padding: 0px 0px 35px 0px;
}

.products-list .item a{
    padding-bottom: 0px;
    letter-spacing: 2.7px;
}

.products-list .item a:hover .more {
    background: #1C5D7C;
    letter-spacing: 2.7px;
}

.products-list .pic {
    aspect-ratio: 4 / 3;
}

.products-list .pic img {
    object-fit: contain;
}

.products-list .name {
    font-size: 17px;
    font-weight: 600;
    color: #474747;
    padding: 0 20px;
    margin-top: 35px;
}

.products-list .price b {
    color: rgba(71, 71, 71, 0.70);
    font-size: 16px;
    padding: 0 20px;
}

.products-list .more {
    position: static;
    transform: none;
    left: auto;
    bottom: auto;
    margin-top: 25px;
    width: calc(100% - 30px);
    border-radius: 15px;
    border: 1.5px solid #565656;
    text-align: center;
    font-weight: medium;
    border: 1px solid #1C5D7C;
    color: #1C5D7C;
}

.products-list .item .more{
    width:80%;
    margin:20px auto 0;
    border-radius:15px;
    border:1.5px solid #1C5D7C;
    text-align:center;
    font-weight:500;
}

.products-list .price {
    margin: 5px 0 0 0;
}

.products-list .price b {
    font-size: 18px;
}

.show_content {
    padding: 40px 10px;
}

/* ▲ PRODUCT---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



/*購物車/外層＝＝*/
/*顏色*/
.products-list .more {    border: 1px solid #1C5D7C;    color: #1C5D7C;}
.products-list .item a:hover .more {    background: #1C5D7C;}
/*價格*/
.products-list .price {    display: flex;    margin-bottom: 5px;    align-items: center;  flex-wrap: wrap;     justify-content: flex-start;}
.products-list .price b {    margin: 0 5px;    line-height: 180%;    text-align: center; color: #696969;;}
.products-list .price b.ori_price {    font-size: 14px;}

/*外層版面*/
.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: #1C5D7C;}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #1C5D7C; color:#fff;}
.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 19px;
    content: "＞";
    color: #1C5D7C;
    background: #f2f2f2;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
}
/**/
.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: #1C5D7C;}

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

/*購物車/內層＝＝*/
.product_info_page .main_part {    width: 90%;}
ul.prod li .prod-panel {    margin: 15px 0;} 

/*按鈕顏色*/
.inquiry_a1{background: #cbc0a0;}
.inquiry_a2{background: #bdab77;}
.inquiry_a3{background: linear-gradient(90deg, #0099e2, #A8000F);}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: linear-gradient(90deg, #0099e2, #A8000F);}
.lastaction {    color: #737171;    background-color: #f2f2f2;}
.nextaction {    background-color: #1C5D7C;}
.lastPage {    background: #1C5D7C;     width: 250px;}

/*商品側邊規格*/
.sidebarBtn {border: 0;}
.product_info li .txt_box {    color: #222222;    width: 100%;}
.sidebarBtn .sp_price {   color: #ec1b1b;}
.mobile_product_name{font-size: 24px;}

/*相關推薦*/
.prod_related {
	background: #ffffff;
    padding: 30px 10px;
    border-top: 1px #c9c9c9 solid;
    max-width: 1200px;
    margin: auto;
}
.prod_related h6 span:before{font-size: 28px;}
.related_list li {padding: 0;}
.related_list li a {padding: 10px;}


/* ▼ 相關推薦產品---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.prod_related h6 span:before {
    color: #3D95C0;
}

.lastPage {
    background: #1C5D7C;
}

/* ▲ 相關推薦產品---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼ NEWS---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.banner {
     background-image: url(https://pic03.eapple.com.tw/048233289/banner_banblog.jpg);
}

.blog_list_le img{
    transform:scale(1);
    transition:transform .5s;
}

.subbox_item:hover .blog_list_le img{
    transform:scale(1.1);
}

.accordion li .link a {
    color: #1c1c1c;
}

.blog_le .accordion > li:hover .link, .blog_le .accordion > li.on_this_category .link {
    background-color: #1C5D7C;
}

h5.blog_le_t {
    color: #1C5D7C;
    text-shadow: none;
    margin-bottom: 20px;
}

.blog_list_ri h5 {
    text-shadow: none;
}

.blog_list_le {
    border-radius: 10px;
    overflow: hidden;
}

.blog_list_ri {
    padding: 3px 10px;
}

.blog_subbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.blog_list_le img{
    transform:scale(1);
    transition:transform .5s;
}

.subbox_item:hover .blog_list_le img{
    transform:scale(1.1);
}

.subbox_item a:hover:before, .subbox_item a:hover:after{
    display:none;
}

.blog_list_ri h5 {
    margin-top: 8px;
}

.blog_list_ri>*+* {
    margin: 5px 0;
}

.blog_list_ri p {
    -webkit-line-clamp: 2;
    line-height: 140%;
}

.subbox_item > a {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    align-items: stretch;
}

.subbox_item a:after {
    background: rgba(28, 93, 124, 0.9);
    display:none;
}

.subbox_item:hover {
    box-shadow: none;
}

/*
.blog_list_le img {
    transform: scale(1.1);
}
*/

/* ▲ NEWS---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ▼ 聯絡我們---START ▼ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.contact_content .information_left {
    display: none;
}

.contact_content .information_right {
    padding-left: 10px;
}

.contact_form li.last cite {
    background: #1C5D7C;
}

.note {
    margin: 15px;
}


.contact_content form{
    display:flex;
    justify-content:center;
}

.information_left{
    display:none;
}

.information_right{
    width:80%;
    max-width:1000px;
    float:none;
}


/* ▲ 聯絡我們---END ▲ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */