@charset "utf-8";

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/


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


/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/


/*電腦LOGO
.nav-brand {}
*/

/*手機LOGO
.nav-brand-m {}
*/


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


/*預設解除背景輪播
#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;}
}*/


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


/*主選單*/
.nav-header {padding: 10px 10px;} /*LOGO位置*/
.nav-brand {width: 100%;} /*LOGO寬度*/
.main_header_area {height: 90px; background: rgba(255,255,255,.9); box-shadow: 1px 1px 6px #9a9a9a;} /*底色*/
.nav-menu {margin: 13px 0 24px 0;}
.nav-menu > li > a {color: #000000; letter-spacing: 1px; font-size: 16px;} /*文字*/
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {color: #8c8c8c;} /*文字hover*/
.nav-menu>li>a {padding: 0px 15px 0px 15px;} /*按鈕間距*/
.nav-dropdown > li > a, .nav-dropdown > li > a {letter-spacing: 1px; background: #ffffff; color: #000000;} /*下拉文字*/
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {color: #ffffff; background: #c5c5c5;} /*下拉文字hover*/
.nav-dropdown>li:hover>a .submenu-indicator-chevron, .nav-dropdown>.focus>a .submenu-indicator-chevron {border-color: transparent #fff #fff transparent;} /*下拉箭頭反白*/
.nav-menu>li>.nav-dropdown {border: solid 1px #ffffff;} /*下拉選單邊框*/
.nav-dropdown > li > a {border-bottom: 0px solid #f6f6f6;} /*下拉選單下邊框線*/
/*.tp_links a.me_tp_call:before {background-image: url(https://pic03.eapple.com.tw/meifon168/whatsapp.svg); background-size: 32px 32px; display:none;} 電話按鈕*/
/*.tp_links a.me_tp_mail:before {background-image: url(https://pic03.eapple.com.tw/meifon168/envelope.svg); background-size: 32px 32px; display:none;} 信箱按鈕*/



/*手機板選單調整*/
.navigation-portrait .nav-toggle {color: #000000;}
.nav-toggle:before {background-color: #000000; box-shadow: 0 0.5em 0 0 #000000, 0 1em 0 0 #000000;}

/*頁尾*/
.footer {background: #ffffff;} /*底色*/
.footer_info li p {color: #000000; letter-spacing: 1px;} /*文字*/
.footer_menu a {border: 1px #ababab solid; margin: 0 8px 8px 0; background: #ffffff; letter-spacing: 1px; color: #000000;} /*按鈕*/
.footer_menu a:hover {border: 1px #c5c5c5 solid; background: #c5c5c5;}
/*.copy {color: #fff;border-top: 1px #b70d2b solid;} 版權*/
/*.copy a {color: #fff;}*/
.footer_info li p a {color: #000;}
.footer_info li:nth-child(1) {width: 49%;}
.footer_info li:nth-child(2) {width: 49%; margin-top: 0px;}
	

		
		
/*相簿*/
.show-list .show_name {color: #000000;}
.show-list .item:hover .show_name {color: #c5c5c5;}
.show-list .show_name {font-size: 16px;}
.other_album_choice li {background: #c5c5c5;}
.other_album_choice li:hover {background: #000000;}

.page strong, .page a:hover {background: #4176ba;}

/*購物車*/
.products-list .more {border: 1px solid #c5c5c5; color: #c5c5c5;}
.products-list a:hover .more {border: 1px solid #c5c5c5; color: #ffffff; background-color: #c5c5c5;}
.lastPage {background: #c5c5c5;}
.product-layer-two li ul {width: 200%;} /*購物車分類下拉選項寬度*/
.products-box {padding: 50px 10px 30px 10px;}

/*促銷方案*/
.promotion_title {border-bottom: 1px solid #ababab;}
.promotion_title h2 {border-bottom: 2px solid #ababab;}

/*新版文章分享*/
.blog_le .accordion > li:hover .link {background: #c5c5c5;}
.blog_le .accordion > li.on_this_category .link {background: #999999;}
.subbox_item a:before {background: #c5c5c5; color: #fff;}
.blog_list_ri em {display: none;}
.blog_list_ri p {padding-top: 8px;}
.blog_back a.article_btn_back {background: #c5c5c5;}

/*聯絡我們*/
.animated-arrow {background: #bfa25d;}




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


/*預設解除背景輪播
#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 設定*/
.path{display: none;}
.banner h5 {color: #000000; display:none;}
.promotions_page .banA {background-image: url(); background-position: top center; width: 100%; height: 200px;} /*促銷方案*/
.banner.banD {}
.services_page .banB {background-image: url(https://pic03.eapple.com.tw/yirui/SBN/SBN1.jpg); background-position: top center; width: 100%; height: 300px;} /*服務項目*/
.other_page .banB {display: none;} /*其他頁面*/
.map_page .banB {display: none;} /*map*/
.contact_page .banC {background-image: url(https://pic03.eapple.com.tw/yirui/SBN/SBN5.jpg); background-position: top center; width: 100%; height: 300px;} /*聯絡我們*/
.work_page .banE {display: none;} /*相簿-外*/
.work_info_page .banE {display: none;} /*相簿-內*/
.product_page .banF {background-image: url(https://pic03.eapple.com.tw/yirui/SBN/SBN4.jpg); background-position: top center; width: 100%; height: 300px;} /*購物車-外*/
.product_info_page .banF {display: none;} /*購物車-內*/
.blog_page .banblog {background-image: url(https://pic03.eapple.com.tw/yirui/SBN/SBN2.jpg); background-position: top center; width: 100%; height: 300px;} /*最新消息-外*/
.blog_in_page .banblog {background-image: url(https://pic03.eapple.com.tw/yirui/SBN/SBN2.jpg); background-position: top center; width: 100%; height: 300px;} /*最新消息-內*/
.album_page .banE {background-image: url(https://pic03.eapple.com.tw/yirui/SBN/SBN3.jpg); background-position: top center; width: 100%; height: 300px;} /*相簿分類-外*/
.album_info_page .banE {display: none;} /*相簿分類-外*/

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


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/


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


/*相本分類全版面 ( 限制最寬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: 1024px) {
.nav-menu {padding: 0 0;}
}

@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}

.navigation-portrait .nav-menu > li > a {padding-left: 10px;}
.nav-menu {padding: 0 10px 0 10px;}
.main_header_area {height: 78px;}

/*製作選單隔線*/
.nav-menu>li {border-left: 0px;}
.nav-header {padding: 5px 10px;}
}

@media screen and (max-width: 600px) { 
.products-box {padding-top: 40px;}

.nav-header {padding: 5px 50px 0 10px;}

/*調整手機板選單*/
.navigation-portrait .nav-dropdown>li>a {padding: 12px 20px 12px 20px; width: 100%;}
.navigation-portrait .nav-menu a {color: #000000;}
.nav-dropdown > li > a, .nav-dropdown > li > a {letter-spacing: 2px; color: #000000; background: none;} /*下拉文字*/
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {background: none;} /*下拉文字hover*/
.nav-dropdown > li > a:hover {color:#000000;} /*下拉文字hover*/
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a {color: #000000;} /*下拉文字hover2*/
}

@media screen and (max-width: 425px) { 
.copy {padding-bottom: 18px;}
.banner {height: 100px;}

.footer_logo img {width: 200px;}

}