@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
/*網站全域設定/＝＝＝＝＝*/
/*
  #ADA17E /*網站主要色系
  #cbc0a0 /*網站輔助色系1
  #658781; /*網站輔助色系2*/
  
  
.path{display:none;}
#bottom_menu li a {  display: none;}



/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.main_header_area {background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.stellarnav li.has-sub > a { position: relative;}
.nav-header { z-index: 9999;}

.promotion_title { display: none;}
.other_promotion li a {  display: none;}



/*選單最大寬度設定*/
.main_header_area .container {  max-width: 1600px; margin: auto;}
.nav-brand {  width: 443px; margin-top: 13px;}
.stellarnav li a {padding: 20px;letter-spacing: 2px;color: #eee;font-size: 15px;}
.tp_links{display: none !important;}
.stellarnav > ul > li.drop-left > ul { right: 0; left: 0;}



/*第一層*/
.stellarnav > ul > li > a {  transition: all 0.3s; color: #898989;   letter-spacing: 1px;   padding: 25px 20px;}
.stellarnav > ul > li > a:hover {  color: #0467B3;font-weight:bold;}



/*.stellarnav > ul > li:hover > a{color: #fff;}*/
/*第二層*/
.stellarnav li.drop-left li.has-sub > a:after {  border-top: none;  border-bottom: none;   border-right: none;  content: '＋';  color: #0467B3;}
.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {  color: #fff;  padding-left: 10px;  border: none;  border-color: #fff;  transform: 0.5s; background:#0467B3;} 

.stellarnav li li > a, .stellarnav li li.has-sub > a {  font-size: 14px; color: #383838; padding: 15px 12px;transition: all 0.3s;border-left:1px solid transparent; transform: 0.5s;}

.stellarnav ul > li:nth-of-type(8) {    display: none;}
 
.footer_menu a:nth-child(9) { display: none;}
.footer_info li p.taxid:before {  content: '電話：';}
	


/*功能按鈕*/
.animated-arrow { background: #0467b3;}
.me_tp_features {  display: none; width: 100%;  text-align: right;  margin-bottom: 7px;}



/*隱藏購物車搜尋欄*//*
.box_search{display:none;}
/*隱藏購物車*//*
.me_tp_features a.tp_btn_cart {display: none;}
/*隱藏匯款通知*//*
.me_tp_features a.tp_btn_notice{display: none;}
/*隱藏選單按鈕連結*/


/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*//*
.pageIndex .header_area{position: fixed;    width: 100%;}

/*Footer/＝＝＝＝＝*/
.footer {   background: #fff;   padding: 50px 0 0;}
.footer_logo > a {   background: url(https://pic03.eapple.com.tw/104tom/logo-2_2.png) no-repeat;  width: 270px;  height: 155px;   display: inline-block;  background-size: contain;}
.footer_logo img{display: none;}
.footer_info ul {padding-left: 30px;}
.footer_info li{display: inline-block;vertical-align: top;}
.footer_menu a { text-align: center;  background: #0467b3;  border: none;  color: #fff; font-size: 12px;  padding: 7px;}
.footer_info {display: flex;  flex-wrap: wrap;  align-items: start;  justify-content: space-between;}

.copy {  padding: 20px 0;  border-top: 1px #e7e7e7 solid;   margin-top: 10px;}
.box_link{display: none;}


.footer_info {display: flex;  flex-wrap: wrap;  align-items: start;  justify-content: space-between;}
.footer_menu {display: grid;  grid-template-columns: repeat(auto-fit, minmax(min(70px,100%), 1fr));  gap: 5px;}/*footer按鈕最小寬度100px*/
.box_link a{transition:all 0.3s;}
.box_link a:hover {background: #909090;  color: #fff;}
.box_link {display: none;}
.footer_info li {display: inline-block; width: 100%;}
.footer_info li p {display: inline-block; width: 48%;}



/*購物車*/

.product_info li {  margin: 10px 0;}
.products-list .more { border: 1px solid #0467b3;  color: #0467b3;}
.products-list .item a:hover .more {  background: #0467b3;  color: #fff;   letter-spacing: 2px;}

a.me_tp_mail {  display: none;}
a.me_tp_call {  display: none;}


/*大圖/＝＝＝＝＝*/
/*預設解除背景輪播*/
#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: 768px) {
.bannerindex { padding:0; margin:0;}
}

/*內頁BANNER 設定*/
.banner h5 {  font-weight: bold;  position: relative;   font-size: 30px;  letter-spacing: 6px;}
.banner {}
.banner h5:after {  content: "";  display: block; font-size: 13px;margin-top: 5px;}
.banner.banA {background-image: url(https://pic03.eapple.com.tw/104tom/banner_team.jpg);  height: 350px; display: flex; flex-direction: column;  justify-content: center;}
.banner.banA h5:after{content: "Professional Team";}
.banner.banB {background-image: url(https://pic03.eapple.com.tw/104tom/banner_team.jpg);  height: 350px; display: flex; flex-direction: column;  justify-content: center;}
.banner.banB h5:after{content: "Professional  Team";}
.banner.banC {background-image: url(https://pic03.eapple.com.tw/104tom/banner_contact.jpg);  height: 350px; display: flex; flex-direction: column;  justify-content: center;}
.banner.banC h5:after{content: "Contact Us";}
.banner.banD {}
.banner.banE {}
.banner.banF {background-image: url(https://pic03.eapple.com.tw/104tom/banner_course.jpg);  height: 350px; display: flex; flex-direction: column;  justify-content: center;}
.banner.banF h5:after{content: "Course";}
.banner.banblog {background-image: url(https://pic03.eapple.com.tw/104tom/banner_news.jpg);  height: 350px; display: flex; flex-direction: column;  justify-content: center;}
.banner.banblog h5:after{content: "News";}


/*Page/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*麵包屑＝＝*/
.path p a:hover {    color: #ADA17E;}
/*頁碼＝＝*/
.page {    width: 100%;    margin: 40px auto;    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;}
.page li {    display: flex;    margin: 3px;    width: 30px;    height: 30px;    line-height:30px;    align-items: center;    justify-content: center;}
.page li a {    display: block;    width: inherit;    height: inherit;    line-height: inherit;    padding: 0;    transition:all 0.3s;}
.page strong, .page a:hover {    background: #ADA17E;border: 1px solid #ADA17E;}




.module_i_news .title_i_box h6 {  font-size: 24px; color: #212121;  font-family: monospace;  letter-spacing: 2px;}
.i_prod_tit h2 { font-size: 24px; color: #212121;  font-family: monospace;  letter-spacing: 2px;}
.module_i_news .title_i_box h4 {font-size: 24px; color: #202020;  font-weight: 500;}

.product_info { margin: 20px 0;   display: none;}
.inquiry_a3 {  background: #e5b06f;  display: none;}
.toShare {  display: none;}
.products-list .price b {  margin: 0 5px;  line-height: 180%;  text-align: center;  color: #ff0e0e;}
.products-list .price b.ori_price { font-size: 13px;  color: #8b8b8b;}

.products-list .name {   font-size: 20px;  color: #444;  height: 34px;  font-weight: 600;}



/*▊▊▊▊▊▊文章分類【功能頁】部分基本設定(固定)-------- ////S T A R T/*/
.blog_list_ri {padding: 15px 10px;}
.blog_list_ri h5 {font-size: 20px;}
.subbox_item{background: #fff;margin: 5px;}
.subbox_item a{padding: 10px 5px;}
.subbox_item a:before {width: 100%;bottom: 0;top: auto;transform: none;left: 0;font-size: 14px;transition: all .5s;
	overflow: hidden;padding: 0;height: 0;background: #f3f3f3;color: #555;letter-spacing: 2px;}
.subbox_item a:after{display: none;}
.subbox_item a:hover:before {transform: none;padding: 10px 5px;height: 45px;}
/*////E N D/////*/

/*文章分類*/
.submenu a:hover {background: #c5b65e;}
.subbox_item{width: 100%;border-bottom: 2px dashed #eee;}
.subbox_item a:before {   background: #000;   color: #fff;  text-align: center;}
.blog_in_page .banner{display: none;}/*詳細頁不顯示banner*/

h4.blog_category_title {  border-bottom: 1px #ccc solid;}


/*▊▊▊▊▊▊文章分類【功能頁】部分基本設定(固定)-------- ////S T A R T/*/
/*側邊*/
h5.blog_le_t em {font-size: 16px;}
h5.blog_le_t span {font-size: 16px;}
.blog_le {margin-top: 20px;}

/*▊▊▊▊▊▊文章分類【首頁】部分基本設定(固定)-------- ////S T A R T/*/
.module_i_news {  background: #efefef;  padding: 50px 20px 50px 20px;}
.i_blog_ri {padding: 15px 10px;}
.i_blog_ri h5 {font-size: 24px;}
.module_i_news li{background: #fff;box-shadow: 0 0 8px rgb(0 0 0 / 10%);width: 48%;margin: 0.5%;}
.module_i_news li a{padding: 10px 5px;}
.module_i_news li a:before {width: 100%;bottom: 0;top: auto;transform: none;left: 0;font-size: 14px;transition: all .5s;
	overflow: hidden;padding: 0;height: 0;background: #f3f3f3;color: #555;letter-spacing: 2px;}
.module_i_news li a:after{display: none;}
.module_i_news li a:hover:before {transform: none;padding: 10px 5px;height: 45px;}

/*首頁文章*/
.module_i_news ul {margin: 30px auto;}
.module_i_news li {width: 32%;}
.module_i_news li:nth-child(n+4){display: none;}
.i_blog_le{width: 100%;}
.i_blog_ri{width: 100%;}
.module_i_news li a:before {   background: #0467b3; color: #eee;}


@media screen and (max-width: 768px){
	.module_i_news li {margin-bottom: 3%;width: 100%;}
}
/*////E N D/////*/


h4.blog_category_title {text-align: left;font-weight: 500;  margin-bottom: 36px;border-bottom: 1px #ccc solid;}
.blog_page .subbox_item { width:100%; display:inline-block; vertical-align:top; float:none !important; background: #fbfbfb;}
.blog_page .subbox_item a:after {background: rgba(255,255,255,0.5); border: 0px #ddd solid;}
.blog_page .blog_list_le {display: block; width: 49%; padding: 0;}
.blog_page .blog_list_ri {  display: block;  width: 49%;  padding: 2vw 1vw;  background: #fbfbfb;}
.blog_list_ri h5 {font-size: 28px !important; height: 72px; text-align: left; display: block; letter-spacing: 2px; font-weight: 300;}
.blog_list_ri em {margin: 40px auto 10px; letter-spacing: 2px;}
.blog_list_le img {display: block;max-height: 40vh;max-width: 100%;min-width: 100%;object-fit: cover;height: 100%;border: 1px solid #eee;}
.subbox_item a {display: flex;justify-content: space-between;flex-wrap: wrap;}
.blog_list_ri p {letter-spacing: 2px;}
.blog_le .accordion > li:hover .link {background: #0467b3;}
.blog_le .accordion > li.on_this_category .link {background: #0467b3;}
.subbox_item a:before {background: #0467b3; color:#fff;}
.blog_list_ri p {padding-top: 8px; /*font-size: 17px;*/}
.blog_back a.article_btn_back {background: #7A7281;}
.blog_search input[type=search] {border-radius: 0px; border: solid 1px #eee;}
.blog_le .accordion {border-radius: 0px; border: solid 1px #eee;}
.subbox_item a:before {font-size: 13px;}
.blog_back a.article_btn_prev {background: #7A7281;}
.blog_back a.article_btn_next {background: #7A7281;}
.accordion li .link {font-weight: 400;}


@media screen and (max-width: 768px){
h5.blog_le_t, .blog_le .accordion {display: block;}
.stellarnav .menu-toggle span.bars {  top: 0px;}

}


@media screen and (max-width: 600px){
.blog_list_ri h5 {
    font-size: 16px !important;
    height: 72px;
    text-align: left;
    display: block;
    letter-spacing: 2px;
    font-weight: bold;
}
}


/*相簿/＝＝＝＝＝*/
/*作品展示*/
.work_page .main_part , .work_class_page .main_part, .work_info_page .main_part{    max-width: 1400px; width: 90%;    margin: 0 auto;}
/*相簿管理*/
.album_page .main_part , .album_class_page .main_part, .album_info_page .main_part{    max-width: 1400px; width: 90%;    margin: 0 auto;}
/*版面*/
ul.show-list, .other_subalbum, ul.pic-list {    display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 20px;}
ul.show-list:before , ul.pic-list:before{content:none;}
.overlay {    z-index: 1;}
.show-list .item , .other_subalbum li , .pic-list .item{width: 100%;margin:0;padding:5px;}
.show-list .show_pic , .other_subalbum li a div , .pic-list .show_pic{    display: block;    position: relative;    overflow: hidden;    height: 0;}
.show-list .show_pic , .other_subalbum li a div , .pic-list .show_pic    {    padding-bottom: 75%;}/*相簿圖片長寬比例，75% →100:75 = 4:3 */
.show-list .show_pic img , .other_subalbum li a img, .pic-list .show_pic 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%);}
.show-list .item:hover .show_name {    color: #ADA17E;}
.other_album_choice li {    background: #ADA17E;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 24px;}
.other_subalbum li p {    margin-top: 10px;}
/**/

/*促銷方案/＝＝＝＝＝*/
.news_part {    width: 90%;}
.news_list ul li a:hover {    background: #f9f9f9;}
.news_list ul li p:after {    background: #ADA17E;    padding: 3px 5px;    border-radius: 5px;    color: #fff;}

.other_promotion li a:hover:before , .other_promotion li a:hover:after {border-color:#ADA17E;}

/*聯絡我們/＝＝＝＝＝*/
.contact_le_map a {    background: #ADA17E;}
.contact_form li.last cite {background: #0467b3;}
.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before {  font-weight: 600;}


/*▊▊▊▊▊▊聯絡我們部分基本設定(固定)-------- ////S T A R T/*/
button, input, optgroup, select, textarea {outline: none;background: #ededed;}
input[type="checkbox"], input[type="radio"] {margin: 8px;}
.blank_letter{font-family: 'Noto Sans TC', sans-serif;}
.innersend {padding-left: 0 !important;text-align: center;}
.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before{font-weight: 500;}
/*表格樣式*/
.contact_form li {padding: 5px 20px 5px 0;}
.contact_form li .form__label {text-align: left;margin-left: 0;width: 100%;}
.contact_form li.last{width: 100%;}
button, input, optgroup, select, textarea {background: #f5f5f5;}
.noborder {padding: 8px 0;margin-top: 6px;border: 2px solid #ccc;}
.form select {background-color: #fff;border: 2px solid #ccc;padding: 8px 26px 8px 3px;margin-top: 10px;width: 100%;margin-top: 10px;}

.contact_form li.last blockquote, .contact_form li.last cite {  border: 1px #9e9e9e solid;}



@media screen and (max-width: 600px){
	.contact_form li{width: 100%;}
	.contact_form li.last {  text-align: left;}
}
/*////E N D/////*/





/*會員/＝＝＝＝＝*/
.send_simple{background-color: #ADA17E;}
.rewrite_simple{background-color: #cbc0a0;}
.member_title p {    border-top: 2px #ADA17E solid;}
.login_mem_submit{background: #ADA17E;}
.login_mem_other_link a{color: #ADA17E;}
.member_login_regist a{background: #ADA17E;}
.mem_regist_title_s {    background: #cbc0a0;    color: #fff;}

/*RWD1250/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1250px) {
    .footer_info li:nth-child(2) {   width: 75%; right: -25%;}
}

/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {
/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr 1fr;}
}

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
/*Header/＝＝＝＝＝*/
.navigation {    padding: 10px;}
.main_header_area .container {   max-width: 100%;}
.main_header_area {  height: auto;} 
.stellarnav > ul > li > a {margin-bottom: 0;}  
.header_area.sticky .nav-header {display: none;}     
/*Logo/＝＝＝＝＝*/
.header_area.sticky .nav-brand{max-width: 0;}

/*文章管理/＝＝＝＝＝*/
.module_i_news ul{grid-template-columns:1fr 1fr;}

/*購物車/＝＝＝＝＝*/
.product_page .products-list {    grid-template-columns: 1fr 1fr;}

}

/*RWD980/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 980px) {
/*文章管理/＝＝＝＝＝*/
.blog_subbox{grid-template-columns:1fr 1fr;}


/*相簿/＝＝＝＝＝*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr 1fr;}

/*footer/＝＝＝＝＝*/
.footer_info li:nth-child(2) {  width: 100%;  right: 0;}
.footer_logo a img {width: 230px;}
.footer_info ul {width: 100%;}
.footer_info {  flex-wrap: nowrap;  flex-direction: row;}

.footer_logo { display: block;  margin-bottom: 4px;  margin-left: 3px;}



}

/*RWD768/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 768px) {
/*選單漸變效果＝＝*/
/*首頁固定選單*//*
.pageIndex .header_area{position: position:relative;}

/*側邊選單/＝＝＝＝＝*/
.stellarnav.mobile {width: auto;}/*擋到logo*/
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 10px;border-left:none;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding: 10px;border-color:transparent;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #ffffff;}
.stellarnav .icon-close:after, .stellarnav .icon-close:before {border-bottom: solid 1px #a8a8a8;}
.stellarnav > ul > li > a { color: #737373;  font-size: 15px;}
.stellarnav > ul > li:hover > a {  color: #444f26;}
.stellarnav a.dd-toggle .icon-plus:after, .stellarnav a.dd-toggle .icon-plus:before {border-bottom: solid 1px #777;}
/*header/＝＝＝＝＝*/
.navigation {  padding: 10px;  padding-bottom: 5px;}
.stellarnav .menu-toggle:after {display:none;}
.stellarnav .menu-toggle span.bars span {background: #565656;}
.header_area, .header_area.sticky {  position: relative;}
.header_area.sticky .nav-header {display: block;}  

.footer_info li p { display: inline-block;  width: 100%;}  
.stellarnav .menu-toggle { padding: 28px 15px;}


/*Logo/＝＝＝＝＝*/

.nav-brand {
    width: 443px;
    margin-top: 0px;}



/*Footer/＝＝＝＝＝*/
#to_top { bottom:60px;}
#bottom_menu {display: block; }
.footer_logo {    text-align: center;}
.footer_info {   display: flex;  flex-wrap: wrap;  align-items: center; justify-content: flex-start;}
.footer_info li:nth-child(1) {justify-content: flex-start;  padding: 0;}
.footer_menu { justify-content: flex-start;  margin-left: -10px;}    

/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 28px;}

/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr;}
.product_page .products-list ,.product-layer-two {    width:100%;}
.prod_related h6 span:before{font-size: 24px;}

/*順序*/
.product_page .products-list {    order: -1;}

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}

h5.blog_le_t, .blog_le .accordion { display: block;}


/*相簿/＝＝＝＝＝*/
.mobile_product_name{font-size: 20px;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 20px;}

}

/*RWD600/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 600px) {
/*Footer/＝＝＝＝＝*/
.box_link {    text-align: center;}

/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 24px;}

/*購物車/＝＝＝＝＝*/
.prod_related h6 span:before{font-size: 20px;}

/*文章管理/＝＝＝＝＝*/
.module_i_news ul , .blog_subbox{grid-template-columns:1fr;}
h4.blog_category_title{font-size: 20px;}
h4.blog_category_title span{font-size: 18px;}
.blog_list_ri em {  margin: 0;
}

.nav-brand { width: 250px; margin-top: 6px;}



/*相簿/＝＝＝＝＝*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr;}
.mobile_product_name{font-size: 18px;}
.subalbum-menu h2{    font-size: 18px;}

/*促銷方案/＝＝＝＝＝*/
.news_list ul li p:after {    width: fit-content;    margin: 10px auto 0;}
}

/*RWD500/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 500px) {
    .footer_info li:nth-child(1) {flex-direction: column;}
    .footer_menu {flex-wrap: wrap;}
}

/*RWD375/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 375px) {
/*購物車/＝＝＝＝＝*/
.products-list , .product_page .products-list  {    grid-template-columns: 1fr;}
}