@charset "utf-8";


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

/*預設解除背景輪播*/
.path {display: none;}
.bannerindex {position: relative;}
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 768px) {}

/*網站統一設定*/
.main_part {max-width: 1500px;padding: 100px 0;width: 90%;}
.show_content {padding: 0;}
.page {margin: 50px auto;color: #000000;gap: 5px;}
.page li {margin: 0;display: flex;width: 30px;height: 30px;line-height: 30px;
justify-content: center;align-items: center;align-content: center;text-align: center;border-radius: 50px;transition: .3s;}
.page li a, .page li strong {width: 30px;height: 30px;line-height: 30px;color: #000000;}
.page strong, .page a:hover {background: #000000;color: #ffffff;}
.page li.activeN {background: #000000;color: #ffffff;}

@media screen and (max-width: 1024px) {
.main_part {padding: 80px 0;}
.page {font-size: 15px;gap: 3px;}
}
@media screen and (max-width: 500px) {
.main_part {padding: 60px 0;}
.page {font-size: 14px;gap: 2px;}
}
@media screen and (max-width: 425px) {
.main_part {padding: 50px 0;}
.page {font-size: 13px;gap: 0;}
}

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


/*HEADER*/
.pageIndex .header_area  {position: fixed;}
.header_area {top: 0;position: relative;padding: 0;background: #ffffff;box-shadow:0 0 10px #66666673;transition: .3s;}
.header_area.sticky {background: rgba(255, 255, 255, .85);}
.navigation {grid-template-columns: 300px 1fr;align-items: center;}
.main_header_area .container {max-width: 90%;}
.tp_links {display: none;}

/*LOGO*/
.nav-header {padding: 15px 0;max-width: 250px;}
.nav-brand {display: flex;}

/*選單*/
.stellarnav > ul > li > a {padding: 30px 12px;color: #000;display: block;font-size: 17px;line-height: 1;
    height: auto;margin: 0;letter-spacing: 0.05em;transition: .3s;}
.stellarnav > ul > li.has-sub > a {padding-right: 25px;}
.stellarnav li.has-sub > a:after {margin-left: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;
	border-top: 8px solid #000000;right: 10px;}
.stellarnav > ul > li > a:hover {color: #2b98cd;transition: .3s;}
.stellarnav li.has-sub > a:hover:after {border-top: 8px solid #2c96d2;transition: .3s;}

.stellarnav > ul > li:last-of-type > a {background: #ff7800;color: #fff;border-radius: 50px;padding: 15px 25px;margin-left: 10px;
    transition: .3s;}
.stellarnav > ul > li:last-of-type > a:hover {color: #fff;background: #2b98cd;transition: .3s;}

/*下拉選單*/
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-track { background: #ccc;}
::-webkit-scrollbar-thumb { background: #333;}

.stellarnav > ul > li > ul {background: #eee;max-height: 350px;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.stellarnav > ul > li > ul > li > ul {background: #fff;}
.stellarnav > ul > li > ul > li, .stellarnav > ul > li > ul > li > ul > li {border: none;}
.stellarnav > ul > li > ul > li+li, .stellarnav > ul > li > ul > li > ul > li+li {border-top: 1px solid #fff;}
.stellarnav > ul > li > ul > li > a, .stellarnav > ul > li > ul > li > ul > li > a {color: #000;font-size: 15px;padding: 12px 15px;transition: .3s;}
.stellarnav > ul > li > ul > li > a:hover, .stellarnav > ul > li > ul > li > ul > li > a:hover {background: #73aac9;color: #fff;transition: .3s;}

@media screen and (max-width: 1200px) {
.nav-header {max-width: 200px;}
.navigation {grid-template-columns: 200px 1fr;}
}
@media screen and (max-width: 1024px) {
.main_header_area .container {max-width: 100%;}
.me_tp_features {margin: 0;}
.stellarnav ul {padding-bottom: 15px;}
.stellarnav > ul > li > a {padding: 15px 10px;}
.stellarnav > ul > li.has-sub > a {padding-right: 20px;}
.stellarnav li.has-sub > a:after {right: 6px;border-top: 6px solid #000000;}
}
@media screen and (max-width: 768px) {
.stellarnav.mobile {display: flex;height: 100%;justify-content: center;align-items: center;}
.stellarnav .menu-toggle {padding: 10px 20px;}
.stellarnav .menu-toggle:after {display: none;}
.stellarnav .menu-toggle span.bars {top: 0;}
.stellarnav .menu-toggle span.bars span {width: 30px;height: 1px;border-radius: 6px;background: #000000;margin: 0 auto 6px;}

.stellarnav.mobile.left > ul {border: none;box-shadow: 0 0 10px #eee;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {background: #73aac9;color: #fff; letter-spacing: 0.08em;}
.stellarnav .icon-close {width: 20px;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {border-bottom: solid 2px #fff;}
.stellarnav ul {padding-bottom: 0;}
.stellarnav.mobile > ul > li {border-bottom: 1px #eee solid;}
.stellarnav.mobile > ul > li:last-of-type {border-bottom: unset; margin-top: 20px;}
.stellarnav > ul > li:last-of-type > a {margin-left: 15px;margin-right: 15px;text-align: center;}
.stellarnav.mobile > ul > li > a {padding: 20px 40px;}
.stellarnav.mobile > ul > li > a.dd-toggle {padding: 20px 0;}
.stellarnav.mobile li.open {background: #eff5f8;}
.stellarnav.mobile ul ul {background: #ffffff80;}
.stellarnav > ul > li > ul > li > a, .stellarnav > ul > li > ul > li > ul > li > a {padding: 15px 40px;}
}
@media screen and (max-width: 570px) {
.stellarnav .menu-toggle {padding: 10px 20px;}
}
@media screen and (max-width: 450px) {
.nav-header {max-width: 150px;}
}

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

/*內頁BANNER 設定*/
.banner {background: unset;min-height: 35vh;padding: 0;}
.banner h5 {font-weight: normal;letter-spacing: 0.08em;font-size: 28px;}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

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

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

/*FOOTER*/
/*copy*/
.copy {margin-top: 30px;padding: 20px 0;color: #000000;border-top: unset;background: #e8f0f5;letter-spacing: 0.05em;}

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {
#bottom_menu {display: none;}
.copy {padding: 20px 5%;padding-right: 5%;font-size: 12px;}
}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {
.copy {font-size: 10px;}
}

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

/*文章設定*/


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

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

/*影音專區*/


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

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

/*購物車*/


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

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

/*促銷方案*/


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

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

/*聯絡資訊*/


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

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