@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
* {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 300;
}
/* = = = 固定設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = === = = */
/*預設解除背景輪播*/
#content_main {	margin: 0;}
.bannerindex {	position: static;	height: auto;}
.swiper-banner {position: static;margin: 0;height: auto;
}
.swiper-banner .swiper-slide img {	height: auto;}
.swiper-slide img {	height: auto;}
/*版面範圍設定*/
.page {	margin: 0;}
#content {	max-width: 1920px;	margin: 0 auto;}
/*手機板漢堡鈕相關*/
.nav-dropdown > li > a {width: 100%;}
/*手機版底下按鈕*/
#bottom_menu {	display: none !important;}
/*頁首按鈕hover顏色設定*/
.stellarnav > ul > li:hover > a{	color: #fff;}

/*主分類下拉箭頭*/
.stellarnav li.has-sub > a:after {
    height: 8px;
    width: 8px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #eee #eee transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .2s;
    transition: border .2s;
	margin: 0px;
	top: 27px;
    left: 90px;
}
.stellarnav li.has-sub:hover > a:after {
    border-color: transparent #fff #fff transparent;
}
@media screen and (min-width:769px) {
	.stellarnav li.drop-left li.has-sub > a:after {
		height: 8px;
		width: 8px;
		display: block;
		border-style: solid;
		border-width: 0 1px 1px 0;
		border-color: transparent #eee #eee transparent;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: border .2s;
		transition: border .2s;
		margin: 0px;
		top: 16px;
		right: 15px;
	}
	.stellarnav.desktop li.has-sub a {
		padding: 10px 20px;
	}
	.stellarnav > ul > li.drop-left > ul {
		right: unset;
		left: 0px;
	}
	.stellarnav li.drop-left ul ul {
		left: 160px;
		right: 0px;
	}

}

/*編輯頁下拉頁面設定*/
.other_select_page .promotion_title{display: none;}
.other_select_page .other_promotion{display: none;}
.path p, .path p a{display: none;}

/*次分類下拉樣式*/
.stellarnav li li a {border-bottom: 1px solid #fbfbfb;background: #fff;color: #666;font-size: 13px;padding: 10px 20px;}
.stellarnav li li:last-child a{border-bottom: none;}
.stellarnav li li a:hover, .stellarnav li li a:focus {color: #fff;background: #333;}
.stellarnav li li{border: none;}

/*▊▊▊▊▊▊文章分類部分基本設定(固定)-------- ////S T A R T/*/
/*文章分類側邊欄設定*/
.blog_le .accordion li .link {	padding: 0;}
.blog_le .accordion li .link a {padding: 15px 10px;	display: block;}
/*文章跑版設定*/
.blog_subbox {display: flex;flex-wrap: wrap;}
/*////E N D/////*/


/*▊▊▊▊▊▊購物車部分基本設定(固定)-------- ////S T A R T/*/
/*+++清單頁-----------------------*/
.products-list .pic {
	overflow: hidden;
}
.sidebarBtn {
	border: none;
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	padding: 30px 20px;
}
.show_content .product-layer-two li:hover ul {
	border: none;
	border-top: none;
}
/*上方選單*/
.product-layer-two li a {
	background: #f7f7f7;
	border: none;
	color: #777;
}
.product-layer-two li a:hover {
	background: #eee;
}
.product-layer-two li.active a {
	color: #db3b35;
}
/*清單頁_購物車按鈕顏色*/
.products-list .more {
	border: 1px solid #ccc;
	color: #ccc;
}
.products-list a:hover .more {
	background: #888;
	border-color: #888;
	color: #fff;
}
/*+++詳細頁-----------------------*/
.prod_related {
    background: unset;
}
.prod_related h6, .related_list{display: none;}/*相關推薦(預設關起來)*/
.lastPage {background: #888;}/*上一頁*/
/*詳細頁_側邊資訊欄*/
.product_info li span {display: inline-block;background: #eee;width: auto;padding: 5px;color: #777;margin-right: 8px;margin-left: -90px;}
.sidebarBtn .price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.product_info li {
    padding-left: 90px;
    margin: 10px 0;
}
.sidebarBtn form{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.inquiry_a1, .inquiry_a2 {
    width: 47%;
}
.inquiry_a1 {
    margin-right: 6%;
}

/*詳細頁_商品資訊*/
ul.prod {
    width: 71%;
    padding: 0px 10px;
}
.prod-thumb{font-weight: normal;font-size: 20px;padding-bottom: 10px;margin:20px 0;color: #444;}
ul.prod li h3.prod-thumb{
	text-align: left;
	background: unset;
}


.prod-thumb:before{content: "▎";padding-right: 5px;}
/*詳細頁_QA表單*/
.prod > li{margin: 10px 0;padding: 25px;}
.prod > li:nth-child(2){background: #f7f7f7;}
.product_info_page input[type="text"], .product_info_page textarea{background: #fff;}
.breakF {padding: 5px;min-height: 40px;}
.half_box{width: 100%;}
.half_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.half_box:nth-child(1) li:last-child{width: 100%;}
.half_box li {margin: 5px 0;display: inline-block;width: 49%;}
.half_box li.btn_blankTop {margin-top: 24px;}
.half_box li.btn_blankTop input{background-color: #888;background-image: none;width: auto;text-align: center;padding-left: 0;padding: 15px 25px;
	line-height: initial;border-radius: 3px;vertical-align: middle;color: #fff;transition: all .3s;}
.half_box li.btn_blankTop input:hover{background-color: #666;}
.productBtn{margin-top: 0;}
.products-list .price b { color: #c00; font-size: 16px; margin: 0px 5px 13px 0px;}


@media screen and (max-width: 768px){
	.product_info li {padding-left: 110px;}
	.prod > li:first-child{padding: 25px 0;}
	.half_box:nth-child(2) li:last-child{width: 100%;}

}
/*////E N D/////*/

/*▊▊▊▊▊▊聯絡我們部分基本設定(固定)-------- ////S T A R T/*/
button, input, optgroup, select, textarea {outline: none;}
input[type="checkbox"], input[type="radio"] {margin: 8px;}
.blank_letter{font-family: 'Noto Sans TC', sans-serif;}
.list_before.info li:last-child{padding-left: 0;margin-top: 20px;}
.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;}
/*////E N D/////*/

/*▊▊▊▊▊▊文章分類【首頁】部分基本設定(固定)-------- ////S T A R T/*/
.module_i_news {background: #e5e2da;padding: 80px 20px 50px 20px;}
.module_i_news .title_i_box h4 {font-size: 36px;}
.i_blog_ri {padding: 15px 10px;}
.i_blog_ri h5 {font-size: 24px;}
.module_i_news ul {margin: 50px auto;}
.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;}
@media screen and (max-width: 768px){
	.module_i_news li {margin-bottom: 3%;width: 100%;}
}
/*////E N D/////*/

/*▊▊▊▊▊▊文章分類【功能頁】部分基本設定(固定)-------- ////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;text-align: center;}
.subbox_item a:after{display: none;}
.subbox_item a:hover:before {transform: none;padding: 10px 5px;height: 45px;}
/*////E N D/////*/

/*▊▊▊▊▊▊促銷方案【功能頁】部分基本設定(固定)-------- ////S T A R T/*/
.promotion_title {border-bottom: 1px solid #999;}
.promotion_title h2 {padding-bottom: 5px;margin-bottom: 1px;}
.other_promotion .pmtTime {
    font-size: 22px;
    margin: 10px 0 0;
}
.other_promotion .pmtTitle h3 {
    margin-top: 20px;
    height: 45px;
}
.other_promotion li {
    /*width: 100%;*/
    float: left;
    padding: 5px 15px;
    margin: 20px 1.5%;
    border-top: 1px solid #e5e5e5;
}
.other_promotion li:hover {
    border-top: 1px solid #111;
}
.other_promotion li:hover h3 {
    text-decoration: underline;
    font-weight: bold;
}
.other_promotion li a {
    border: unset;
	padding: 0px;
    width: 100%;
    margin: 0px;
}
.other_promotion li a:before, .other_promotion li a:after { display:none; }
.other_promotion li a:hover { background: unset;}

.news_part .title_i_box h4 {
    font-family: 'sans-serif', '微軟正黑體';
    font-size: 20px;
	display: flex;
    flex-direction: column;
}
.news_part .title_i_box h4:before{
	content: "NEWS";
	font-family: 'Noto Sans TC', sans-serif;
    font-weight: 300;
	font-size: 40px;
}
.news_list ul li p{color: #222;}

/*相簿*/
.other_album {
    padding: 20px 0px 0px;
}
.other_album_choice li {
    background: #444444;
	transition:.3s;
}
.other_album_choice li:hover {
    background: #EE7D00;
}
.show-list .show_pic img{ border-radius: 20px;}
.show-list .show_name{text-align: center;}
/*////E N D/////*/

/*按鈕顏色設定*/
.animated-arrow {background: #000;padding-left: 0;text-align: center;}
.arrow{display: none;}

/* = = = 個別網站設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*header*/
.navigation {  display: flex; align-items: center;}
.header_area { padding: 0;}
.main_header_area {background: #000;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.nav-header {padding: 10px;/*position: absolute;*/max-width: 270px;}

.nav-brand { max-width: 270px;  margin-top: 7px;}
.nav-brand img{ max-width: 270px;}
.stellarnav ul {
    text-align: right;
}
.stellarnav > ul > li > a {padding: 16px 20px 16px 10px !important;letter-spacing: 2px;color: #eee;font-size: 16px;transition:.3s; font-weight: 500;line-height: 30px;height: 60px;margin: 0;
}
/*
.stellarnav > ul > li:nth-child(9) > a{display:none;}
.stellarnav > ul > li:nth-child(10) > a{display:none;}
*/
.tp_links{display: none !important;}
.me_tp_features {
    display: none;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
	margin-bottom: 0px;
}
.box_search {
    order: 1;
	margin-bottom: 0px;
}
.me_tp_features a.tp_btn_cart {  color: #fff;}
.me_tp_features a.tp_btn_notice {  color: #fff;}
.box_search input[type=text] {font-size: 12px; border-radius: 0;padding: 5px 10px 5px 32px;}
.shop_search_btn {  background: #ee7d00; border-radius: 0;font-size: 15px;padding: 5px 15px;}


/*footer*/
.footer {background: #000;padding: 30px 0 0;}
.footer_logo{width: 220px;margin: 0 auto;}
.footer_logo img{width: 100%;}
.footer_info{text-align: center;padding: 0;display: flex;  flex-direction: column;}
.footer_info ul{width: 100%;}
.footer_info li {
    padding: 0px 10px;
}
.box_link {
    display: none;
}
.footer_info li p.fax:before {
    content: 'LINE ID：';}

.footer_info li p {
    display: inline-block;
    padding: 9px 12px 0px 12px;}
	
.footer_menu a:nth-child(1) {
    display: none;}


/*.footer_info li:nth-child(1){width: 100%;}
.footer_info li:nth-child(1):after{content: "服務區域及門市據點：勤美/太平/豐原/逢甲/員林/和美 歡迎指名服務";
display: block;margin-top: 10px;color: #fff;}*/
.footer_info li:nth-child(2){width: 100%;margin-top: 20px;}
.footer_info li p{display: inline-block;}
.footer_info li p,.footer_info li a {color: #eee;}
.footer_info li p.mail{display: none;}
.footer_menu a {background: transparent;border: none;font-size: 12px;}
.copy{padding: 15px 0;margin-top: 20px;}
.copy,.copy a{color: #ddd;font-size: 12px;}



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



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

/*內頁BANNER 設定*/
.banner h5 {   font-weight: 500;  position: relative;   font-size: 30px;  color: #fff;  letter-spacing: 6px;}
.banner h5:after {
    content: "";
    width: 79px;
    height: 5px;
    background: #ee7d00;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.banner.banA {  background-image: url(https://pic03.eapple.com.tw/mpowerphone/promotions_page.jpg);  height: 280px;   padding: 100px;  text-shadow: 1px 1px 6px black;}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {  background-image: url(https://pic03.eapple.com.tw/mpowerphone/album_page.jpg);  height: 280px;   padding: 100px;  text-shadow: 1px 1px 6px black;background-position: left;}
.banner.banF {background-image: url(https://pic03.eapple.com.tw/mpowerphone/product_page.jpg);  height: 280px;   padding: 100px;  text-shadow: 1px 1px 6px black;background-position: left;}
.banner.banblog { background-image: url(https://pic03.eapple.com.tw/mpowerphone/blog_page.jpg);  height: 280px;   padding: 100px;  text-shadow: 1px 1px 6px black;}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1024px) {
.stellarnav ul { text-align: center;}
.stellarnav > ul > li > a {    padding: 0px 12px 0px 7px !important; height: 35px;}
.stellarnav li.has-sub > a:after { top: 11px;left: 84px;}
	
}
@media screen and (max-width: 768px) {
	/*預設banner= = = = = = = = */
	.bannerindex { padding:0; margin:0;position: relative;}

	/* 開啟手機板下方按鈕所需設定= = = = = = = = */
	#bottom_menu {display: block; }
	.footer.with_shopping_mode { padding:30px 0 0; }
	#to_top { bottom:60px;}

	/*以下其他設定= = = = = = = = */
	/*header*/
	.nav-header { padding: 10px 20px 10px 0;  text-align: left;position: static;}
	.navigation-portrait .nav-menus-wrapper {background-color: #000;}
	.navigation {
		padding: 0px;
	}
	.stellarnav .menu-toggle {
        padding: 0 15px 0 0;
    }
	.stellarnav .menu-toggle span.bars span{
		background: #eee;
		width: 26px;
    	margin: 0 auto 0.5em;
	}
	.stellarnav .menu-toggle:after {color: #eee;}
	.stellarnav.mobile {
		left: unset;
		right: 0px;
		top: 20px;
	}
	.box_search {
		width: 100%;
	}
	.box_search input[type=text] {
		width: calc(100% - 60px);
	}
	.me_tp_features {
		padding: 0px 10px 10px;
	}
	.me_tp_features a.tp_btn_notice, .me_tp_features a.tp_btn_cart{
		display: none;
	}
	.stellarnav.mobile.left > ul {
		left: 0;
		max-width: 100%;
		background-color: #000;
		padding: 10px;
		-webkit-overflow-scrolling: touch;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease;
	}
	.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {
		background: #000000;
		color: #FFFFFF;
	}
	.stellarnav .icon-close:before, .stellarnav .icon-close:after, .stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after{
		border-bottom: solid 3px #FFFFFF;
	}
	.stellarnav.mobile li.open {
		background: #000000;
		padding: 0px;
	}
	.stellarnav.mobile li.open li.open{ background: transparent;}

	/*.stellarnav > ul > li:last-child {display:none;}*/
	
	.stellarnav > ul > li > a {
		padding: 10px !important;
	}
	.stellarnav.mobile li li.has-sub a {
		padding: 10px 43px 10px 20px;
	}
	
	/*聯絡我們*/
	.list_before.info {width: 100%;max-width: inherit;}
	h5.blog_le_t, .blog_le .accordion {
    display: block;}
	
	
	/*促銷方案*/
	.other_promotion li {
		/*width: 48%;*/
	}
	
	/*購物車*/
	ul.prod {
		width: 100%;
	}
}

@media screen and (max-width: 600px) { 
	/*header*/
	.swiper-pagination{display: none;}
	/*footer*/
	.footer_info li:nth-child(2){margin-top: 20px;}
	.footer_info li p{display: block;}
	.footer_info li p:nth-child(1):after{display: none;}
	.products-list .name { margin-bottom: 15px;}
	
	/*促銷方案*/
	.other_promotion li {
		/*width: 92%;*/
		margin-right: 4%;
		margin-left: 4%;
	}

}

	
@media only screen and (max-width: 570px) {
.stellarnav .menu-toggle {   padding: 0 15px 0 0;}
}