@charset "utf-8";

/*吳天泰*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=WindSong:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');







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




  



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


/*預設解除背景輪播*/
#content_main { margin:0;    z-index: 1;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;width: 100%;left: -50%;} 
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}





/*版面*/
.pageIndex .main_part{max-width: 100%;padding: 0 0;}
.services_page .main_part{max-width: 100%;padding: 0 0;}
.contact_page .main_part{ width: 100%;max-width: 80%;padding: 0 0;margin: 0 auto;}
.work_page .main_part,.work_info_page .main_part,.product_page .main_part{max-width: 75%;}
.product_info_page .main_part{max-width: 1000px;}
.share_page .main_part{max-width: 75%;}
.other_select_page .main_part { max-width: 100%;padding: 0 0; min-height: 0;}
.other_page .main_part{ max-width: 100%;padding: 0 0; min-height: 0;}
#content_main{background: #ffffff;}
.promotions_page .main_part{max-width: 80%;}
.promotions_page .show_content{width: 100%;max-width: 80%;}


/*選單V符號*/
.submenu-indicator-chevron{
	display:none;
}


.swiper-banner {
    position: static;
    margin: 0;
    height: auto;
}


/*選單設定*/

.header_area .main_header_area .container {
	width:100%;
    max-width: 90%;
    margin: auto;
    transition: all 0.7s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.header_area.sticky .main_header_area .container{
	width:100%;
	max-width: 90%;
	
}

.nav-brand h1{ display:none;}

.pageIndex > .header_area{
	position: fixed;
	width: 100%;
	top: 0;
}
.header_area.sticky .main_header_area{
	background: #ffffff;
	height: 100px;
	position: relative;
}

.pageIndex .main_header_area{
	background: #ffffff;
	height: 137px;
}
.main_header_area{
	background: #ffffff;
	height: 100px;
}




.nav-header{
	background-size: 5%;
	 width: 100%;
	display: block;
}

.header_area .nav-brand {
	background-size: 100%;
    transition: all .7s;
	text-align: left;
}
.header_area.sticky .nav-brand{
	background-size: 100%;
}

.pageIndex .header_area .nav-brand {
	background-size: 5%;
}

.pageIndex .header_area.sticky  .nav-brand{
	background-size: 5%;
    background-position: left top;
	transition: all .7s;
}

/* 隱藏「音樂會與商演合作」選單 */
.nav-menu li a[href*="id=10828"] {
    display: none !important;
}




/*電腦LOGO*/
.nav-brand {
    background-image: url(https://pic03.eapple.com.tw/tientaiwu/logo.svg);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-size: 5%;
    background-position: center top;
}

.pageIndex .nav-brand {
 	position: absolute;
	float: none;
    width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.nav-brand {
 	position: absolute;
	float: none;
    width: auto;
    text-align: center;

}

.pageIndex .header_area {
    position: fixed;
    background: none;
    width: 100%;
    top: 0;
}


.pageIndex .header_area .nav-menu {
	width:100%;
     margin: 94px 0 0 0; 
	 text-align: center;
	 padding:0;
	 border-top: 1px solid rgba(0,0,0,.05);
	 z-index: 999999;
}

.pageIndex .header_area.sticky .nav-menu, .header_area.sticky .nav-menu, .nav-menu, .header_area .nav-menu {
    width: auto;
    margin: 32px 0 0 0;
    text-align: right;
    padding: 0;
    border-top: none;
    z-index: 999999;
	position: relative;
}

	
.nav-menu>li>a {
    color: #000000;
	padding: 11px 14px;
    letter-spacing: 1px;
    font-family: 'Noto Sans TC', sans-serif;
}


.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a{ 
	 color: #213052;
}
.nav-menu>li {
	position: relative;
}

.nav-menu>li:after {
    content: "";
    left: 0;
    width: 0;
    transition: all 0.8s;
    height: 3px;
    position: absolute;
   	background: linear-gradient(90deg,#F4E88B,#b5834a);
    bottom: 0;
	z-index: 999999;
}

.nav-menu>li:hover:after {
	 width: 100%;
	 z-index: 999999;
}

/*選單下拉文字下方線條*/
.nav-menu>li>.nav-dropdown {
    border: none;
}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus{
	color: #213052;
}

/*選單下拉文字置中*/
.nav-dropdown>li{text-align: center;}


.nav-menu>li>.nav-dropdown{
	border: solid 1px #2f4167;
	
}
.nav-dropdown>li>a {
    background-color: #ffffff;
    color: #000000;
}

.nav-dropdown>li>a:hover, .nav-dropdown>li>a:focus {
    color: #fff;
    background: #213052;
}

/*選單下拉寬度*/
.nav-dropdown{
    min-width: 120px;
}

.nav-menu{ margin: 17px 0;}

/*首頁-購物車隱藏*/
.pageIndex .products-box{display:none;}
.pageIndex .main_part{border-top: none;}
.pageIndex .main_part:nth-child(2) {display:none;}




/*下拉*/
.other_select_page .promotion_title{ display:none;}
.other_select_page .clearfix{ display:none;}
.other_select_page .page{ display:none;}
.promotion_title{border-bottom: 1px solid #d6d6d6;}
.promotion_title h2 {
    border-bottom: none;
    font-family: 'Noto Serif TC', serif;
    font-size: 28px;
    color: #2f4167;
    font-weight: 600;
    padding-bottom: 26px;
    letter-spacing: 2px;
}
.other_promotion{    display: flex;    flex-direction: row;flex-wrap: wrap;}
.promotions_page .other_promotion li{background: #dddddd;}
.promotions_page .other_promotion li{width: 24%;margin:0;}
.promotions_page .other_promotion li {border: 1px solid #ffffff;}
.promotions_page .other_promotion li:hover{    background: #eeeded;}

/*分享文章*/
.share_page .promotion_title{display: none;}
.share_page .other_promotion .pmtTitle h3 {
    font-size: 20px;
    color: #454545;
}
.share_page .other_promotion .pmtTime { display: none;}
.share_page .other_promotion{text-decoration: none;}
.share_page .other_promotion li {
    background: #dddddd;
    border-top: none;
    box-shadow: 0px 1px 6px rgb(162 162 162 / 20%);
    border-radius: 30px 0 30px 0;
}
.share_page .other_promotion li:hover { border-radius: 0 30px 0 30px ;background: #dddddd;}
.share_page .other_promotion li:hover h3{text-decoration:none;font-weight: 100;}
.share_page .pmtTitle{color: #959595;}



/*相簿*/
.show-list .item{ text-align:center;}
.show-list .show_name{color: #666666; letter-spacing:0.1em;font-size: 19px;font-weight: 100;}
.show-list .item:hover .show_name{color: #c4b6b5;}

/*按鈕*/
.lastPage{background: #9b9b9b;}

/*購物車*/
.product_page .products-list .pic {
    padding-bottom: 62%;
    aspect-ratio: 4.8 / 3;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
}
.product_page .products-list .name {
    height: 54px;
    z-index: 1;
    position: relative;
    font-size: 17px;
    text-align:center;
}
.product_page .products-list .more{display:none;}
.product_page .products-list .item {
    width: 33%;
    overflow: hidden;
}
.products-list .pic img {
    max-width: 100%;
    height: auto;
    object-fit: none;
    object-position: center;
}
/*購物車*/
.accordion{border-top: none;}
/*QA隱藏*/
.accordion-thumb{display:none;}
.half_box{display:none;}
.accordion-item{border-bottom: none;}
/*規格隱藏*/
.sidebarBtn{display:none;}
/*分類隱藏*/
.product-layer-two{display:none;}
/*主圖隱藏*/
.product_pic .bx-wrapper{display:none;}
/*6張小圖隱藏*/
.product_pic #bx-pager{display:none;}
/*文字資訊欄位擴展*/
.product_main{width:100%;}
/*直接讓商品資訊展開,不會點擊開闔*/
.accordion-panel { display: block !important;}

/*聯絡我們*/
.animated-arrow{background: #212c48;}
.blank_letter {
    font-family: 'Noto Serif TC', serif;
    font-size: 30px;
    letter-spacing: 4px;
    line-height: 1.8em;
    color: #2f4167;
    text-align: center;
    font-weight: 700;
}
.contact_content{padding:  0;}
.contact_content .information_left{width: 100%;padding-left: 0;}
.contact_form {
	border-radius: 8px;
    width: 100%;
    background: #d8d8dc;
}
.contact_form li{border-bottom: none;width:100%; margin:0 auto;padding-left: 240px; margin:0 auto;line-height: 3.5em;}
.contact_form li .form__label{width: 200px;margin-left: -220px;}
.noborder{background:#faf8f7;line-height: 1.8em;}
.list_before.info li:nth-child(1){display: none;}
.list_before.info li:nth-child(2){display: none;}
.list_before.info li:nth-child(3){display: none;}
.list_before.info li:nth-child(4){display: none;}
.contact_content .information_left h4{display: none;}
input[type="checkbox"], input[type="radio"]{width: 46px;}
.contact_content .information_right {
    width: 100%;
    max-width: 90%;
    padding-bottom: 95px;
    padding-left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.contact_content{width: 100%;}



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


/*內頁BANNER 設定*/
.services_page .banner,.share_page .banner,.product_page .banner,.product_info_page .banner{
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2F4167;
    position: relative;
    z-index: 0;
}
.services_page .banner h5 ,.share_page .banner h5,.product_page .banner h5,.product_info_page .banner h5{
   	font-family: 'Noto Serif TC', serif;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg,#ffee67,#ffbb26,#bd880e);
    -webkit-background-clip: text;
    color: transparent;
    width: max-content;
    margin: 0 auto;
    z-index: 2;
	font-size: 34px;
	font-weight: 500;
	letter-spacing: 5px;
}
.services_page .banner.banB::after,.share_page .banner.banA::after,.product_page .banner.banF::after,.product_info_page  .banner.banF::after{
    content: ' ';
	background:#68738F;
    z-index: 1;
    position: absolute;
	top:32%;
  	left:0;
   width:100%;
   height:70px;
}
.banner h5 {
    color: #ffffff;
    font-family: 'Noto Serif TC', serif;
    background: #68738F;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	font-weight: 500;
	font-size: 34px;
	letter-spacing: 5px;
}
.banner {
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2F4167;
}

.other_select_page.banner h5 {display:none;}
.other_select_page .banner.banA {display:none;}



/*麵包屑*/
.path{display:none;}
/* *********************************** */


/*頁腳顏色*/
.footer {
    background-image: url(https://pic03.eapple.com.tw/tientaiwu/footer.jpg);
	background-repeat: repeat-y;
}
.footer_logo img {
    width: 30%;
 
}

.footer_logo a:before {
    content: url(https://pic03.eapple.com.tw/tientaiwu/footer-logo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

/*頁腳-版面*/
.footer .center {
	margin: 1% auto;
	max-width: 80%;
}
/*頁腳-文字*/
.footer_info li p {
    color: #ffffff;
	line-height: 160%;
}
.footer_info li p a {
    color: #ffffff;
	line-height: 160%;
}
.footer_info li{
     margin-top: 0px; 
}

/*選單*/
.footer_menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(170px,100%), 1fr));
    gap: 5px;
}

.footer_menu li {
    padding: 1px 20px !important;
    border: 1px solid #ad9b70;
    margin: 0 7px;
}

/*頁腳下menu同top-menu字調整*/
.footer_menu li a {
    color: #555555;
}
/*頁腳-選單*/
.footer_menu a {
    color: #fff;
    background: none;
    border: 1px #596278 solid;
	text-align: center;
}

/*頁腳-選單-變色"*/
.footer_menu a:hover{
	background: #686f81;
}
.footer_info {
    width: 100%;
    padding: 0 0;
}
.footer_info ul {
    color: #555555;
}
/*copy頁腳下方字體顏色調整*/	
.copy {
	border-top: 1px #585e70 solid;
    color: #818181;
    letter-spacing: 0.2em;
}

.copy a{color: #818181;}

.footer_info li:nth-child(1),.footer_info li:nth-child(2){width: 100%;}
.footer_info li:nth-child(2) {
    margin: 2% 0;
}

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


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/
.blog_page h4.blog_category_title{  font-family: fangsong;}



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


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


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


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1500px){
.nav-brand {
    background-size: 7%;
}
.header_area.sticky .nav-brand {
    background-size: 7%;
}	
.footer_info {
    width: 100%;
    padding: 0 0;
}	

.footer .center {
    max-width: 95%;
}
.footer_logo {
    width: 20%;
}
.footer_info ul{
	width: 78%;
}



	
}
@media screen and (max-width: 1280px){
.pageIndex .header_area{ position: relative;}
.header_area{ position: relative;}
.header_area .main_header_area .container{max-width: 100%;}
.header_area.sticky .main_header_area .container{max-width: 100%;}
.swiper-pagination{bottom: 3%;margin-left: 0;}

.nav-brand{background-size: 25%;}
.header_area.sticky .nav-brand {
    background-size: 25%;
}
.pageIndex .header_area .nav-brand{
	 background-size: 7%;
}

.pageIndex .header_area.sticky .nav-brand {
    background-size: 7%;
}
.bannerindex {
    position: relative;
}


.contact_page .main_part{
	 max-width: 90%;
}

/*產品*/
.product_page .show_content{
    width: 100%;
    margin: auto;
    padding: 0;
}
.work_page .main_part, .work_info_page .main_part, .product_page .main_part{
    max-width: 90%;
}

.footer .center {
    max-width: 95%;
}
.footer_info {
    padding: 0;
}
.footer_logo {
    width: 20%;
}
.footer_info ul{width: 77%;}

.footer_logo a:before{
    padding: 0 1%;
}

	
}
@media screen and (max-width: 1024px){
.nav-menu>li>a{font-size: 14px; padding: 18px 5px;}
.footer_info li:nth-child(1){width: 100%;}
.footer_info li:nth-child(2){width: 100%;margin: 3% 0;}
.footer_menu{ grid-template-columns: repeat(auto-fit, minmax(min(150px,100%), 1fr));}



	

}
@media screen and (max-width: 912px){
.nav-brand{text-align: center;}
.nav-menu>li>a{padding: 11px 8px;}	
.main_header_area{height: 137px;}
.header_area.sticky .main_header_area{height: 137px;}
.header_area.sticky .nav-brand{max-width: 100%;}
.pageIndex .header_area.sticky .nav-menu, .header_area.sticky .nav-menu, .nav-menu, .header_area .nav-menu{margin: 94px 0 0 0;text-align: center;}
.header_area .nav-brand {
    text-align: center;
    max-width: 100%;
    width: 100%;
	background-size: 10%;
}
.pageIndex .header_area .nav-brand{
	background-size: 10%;
}

.pageIndex .header_area.sticky .nav-brand {
    background-size: 10%;
}

.nav-brand {
    background-size: 10%;
}
.header_area.sticky .nav-brand {
    background-size: 10%;
}
.nav-menu>li{
    text-align: center;
}


.footer_logo {
    width: 100%;
}
.footer_info ul{ width: 100%;}

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

.nav-menu>li>a {
    padding: 11px 5px;
	font-size: 13px;
}


}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block;background: #bba095;}
#bottom_menu li{width: 100%;background: #ffffff;}
#bottom_menu li a{color:#000000;}
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
/* 手機版 輪播圖 設定*/
.swiper-banner{position: relative;height: inherit;transform: translate(0%, 0%);width: 100%;left: 0%;}
.swiper-slide img { display:none; }
.bannerindex {position: relative;width: 100%;height:100vh; padding:0;background: transparent;}
.swiper-container-fade .swiper-slide:nth-child(1){ background-image: url(https://pic03.eapple.com.tw/tientaiwu/phone820_01.jpg);    background-size: cover;}
.swiper-container-fade .swiper-slide:nth-child(2){ background-image: url(https://pic03.eapple.com.tw/tientaiwu/phone820_02.jpg);    background-size: cover;}
.swiper-container-fade .swiper-slide:nth-child(3){ background-image: url(https://pic03.eapple.com.tw/tientaiwu/phone820_03.jpg);    background-size: cover;}

.main_header_area{height: 100px;}
.header_area.sticky .main_header_area{height: 90px;}
.pageIndex .main_header_area{height: 90px;}
.pageIndex .header_area{position: fixed;}
.pageIndex .header_area.sticky{position: fixed;}
/*漢堡三槓*/
.nav-header{width: 100%;text-align: left;}
.pageIndex .nav-brand img { max-width: 40%;}
.nav-toggle{top: 25px;}

.nav-menu{padding: 0 0;}
.nav-menu>li{text-align: center;}
.nav-toggle:before{    background-color: #4f617e;box-shadow: 0 0.5em 0 0 #4f617e, 0 1em 0 0 #4f617e;}
.nav-toggle:after{color: #6e8096;}
/*手機LOGO*/
.nav-brand-m {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    position: absolute;
    align-items: center;
}
.nav-brand-m img {
    max-width: 20%;
    padding: 1% 0;
}

.navigation-portrait .nav-menus-wrapper {
    background-color: #ffffff;
    background-image: url(https://pic03.eapple.com.tw/tientaiwu/phone-menu.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.nav-dropdown>li{background: #ffffff;}
.navigation-portrait .nav-menu>li:nth-child(9){ display:none;}
.navigation-portrait .nav-menu>li:nth-child(8){border-bottom: solid 1px #f0f0f0;}
.navigation-portrait .nav-dropdown>li>a{width: 100%;}


.list_before.info {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
}
/*分享文章*/
.promotions_page .other_promotion li {
    width: 48%;}


/*購物車*/
.product_page .products-list .item {width: 49%;}

.banner h5 {
    font-family: 'Noto Serif TC', serif;
    font-weight: 500;
    letter-spacing: 4px;
    font-size: 30px;
}
   

}

@media screen and (max-width: 540px) { 
/*大圖換圖*/
.swiper-container-fade .swiper-slide:nth-child(1){ background-image: url(https://pic03.eapple.com.tw/tientaiwu/phone540_01.jpg);    background-size: cover;}
.swiper-container-fade .swiper-slide:nth-child(2){ background-image: url(https://pic03.eapple.com.tw/tientaiwu/phone540_02.jpg);    background-size: cover;}
.swiper-container-fade .swiper-slide:nth-child(3){ background-image: url(https://pic03.eapple.com.tw/tientaiwu/phone540_03.jpg);    background-size: cover;}


.nav-brand {
    background-size:15%;
}
.header_area.sticky .nav-brand{
	
	background-size:15%;
}
.header_area .nav-brand{
	
	background-size:15%;
}
.pageIndex .header_area .nav-brand {
    background-size:15%;
}
.pageIndex .header_area.sticky .nav-brand {
    background-size:15%;
}



.promotions_page .other_promotion li {
    width: 100%;
}
.promotions_page .show_content {
    width: 100%;
    max-width: 100%;
}
.pageIndex .main_header_area{
	background: #ffffff;
	height: 100px;
}




.contact_form li .form__label {
    width: 100%;
    margin-left: 0;
	text-align: left;
	padding: 0 3%;
}
.contact_form li{
	width: 100%;
	padding-left: 0;
}
.noborder{
	width: 90%;
	margin: 0 auto;
	display: flex;
}
.contact_page .main_part{
	max-width: 90%;
	
}
.contact_content .information_right{
    padding: 0;

}

.footer_logo a:before{
    padding: 0 2%;
}


}

@media screen and (max-width: 480px) { 
.share_page .main_part{padding: 0 0;}
.share_page .edit{padding: 0 0;}

.nav-brand {
    background-size:23%;
}
.header_area.sticky .nav-brand{
	
	background-size:23%;
}
.header_area .nav-brand{
	
	background-size:23%;
}
.pageIndex .header_area .nav-brand {
    background-size:23%;
    position: relative;
}
.pageIndex .header_area.sticky .nav-brand {
    background-size:23%;
    position: relative;
}	


	
	

	
/*購物車*/
.product_page .products-list .item {width:100%;}



/*聯絡我們*/
input[type="checkbox"], input[type="radio"] {
    width: 24px;
}
.contact_form li .form__insert {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contact_form li .form__label{font-size: 20px;}
.contact_form li .form__label{padding: 0 6%;}



/*footer*/
.footer_logo{width: 100%;}	
	
}