@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inria+Serif&family=Noto+Serif+TC&display=swap');
.pageIndex .main_part{border-top:none;}
body{
    font-family:'Noto Serif TC','Inria Serif', sans-serif, arial ;
}

/*
關於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;}
}*/


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


/*主選單*/
.me_tp_features {margin-top: 15px;}
.nav-header {margin: 4px 0px; width: 100%; text-align: center;} /*LOGO位置*/
.nav-brand {width: 100%; padding-top: 5px;} /*LOGO寬度*/
.nav-brand img {max-width: 300px;}
.main_header_area {height: 194px; background: #003060; border-bottom: 50px solid #ffffff; box-shadow: 4px 4px 4px rgb(207 207 207 / 80%);} /*底色*/
.nav-menu {margin: 152px 0 24px 0; padding: 0 0px 0 0px; text-align: center; width: 100%;}
.nav-menu > li > a {color: #0f3058;; letter-spacing: 1px; font-size: 14px; font-family:'Noto Serif TC','Inria Serif', sans-serif, arial; margin: 0 0px;} /*文字*/
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {color: #14345b; background: #ffffff; width: 100%;} /*文字hover*/
.nav-menu>li>a {padding:0; background: #ffffff;} /*按鈕間距*/
.nav-menu>li {text-align: center; width: 12%; border-right: 0px solid #aad9df; border-left: 0px solid #aad9df;}
.nav-menu>li:last-child {border-right: 0px solid #ffffff; border-left: 0px solid #ffffff;}
.nav-dropdown > li > a, .nav-dropdown > li > a {letter-spacing: 1px; background: #ffffff; color: #003060; text-align: center;} /*下拉文字*/
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {color: #14345b; background: #e4f0f3;} /*下拉文字hover*/
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a {color: #14345b;} /*下拉文字hover2*/
.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 0px #ffffff; min-width: 140px;} /*下拉選單邊框*/
.nav-dropdown > li > a {border-bottom: 0px solid #f6f6f6;} /*下拉選單下邊框線*/
.nav-dropdown .nav-dropdown {border: solid 0px #f0f0f0;}
.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;} /*信箱按鈕*/
.me_tp_features {z-index: 999;}
.submenu-indicator {display: none;}
li.tp_links {display: none;}

.nav-menu>li:hover>a .submenu-indicator-chevron, .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron {
    border-color: transparent #083455 #083455 transparent;} /*下拉箭頭顏色*/


@media screen and (min-width: 1024px) {
/*網頁板-下拉頁的主選單按鈕無連結*/
.nav-menu>li:nth-child(1)>a {pointer-events: none;} 
}



/*手機板選單調整*/
.navigation-portrait .nav-toggle {color: #ffffff;}
.nav-toggle:before {background-color: #ffffff; box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff;}
#bottom_menu li {width: 100%;} /*下方選單滿版*/


/*頁尾*/
.footer {/*background: #083060;*/ padding: 50px 0 0;
background: linear-gradient(270deg, #003060 33%, #022B54 74%);
background: -moz-linear-gradient(270deg, #003060 33%, #022B54 74%);
background: -webkit-linear-gradient(270deg, #003060 33%, #022B54 74%);
background: -o-linear-gradient(270deg, #003060 33%, #022B54 74%);} /*底色*/
.footer_info li p {color: #ffffff; letter-spacing: 1px;} /*文字*/
.footer_menu {padding-bottom: 20px; padding-top: 10px;}
.footer_menu a {border: 0px #ababab solid; margin:0 8px 8px 0; background: none; letter-spacing: 1px; color: #ffffff; font-size: 12px;} /*按鈕*/
.footer_menu a:hover {border: 0px #003060 solid; background: none; color: #a1bcc4;}
.copy {color: #a1bbc4; border-top: 1px #214a7c solid;} /*版權*/
.copy a {color: #a1bbc4;}
.copy a:hover {color: #a1bbc4;}
.footer_info li p a {color: #fff;}
.footer_info li:nth-child(1) {width: 100%; margin-left: 7px;}
.footer_info li:nth-child(2) {width: 100%;margin-top: 16px;}
.footer_logo img{width: 260px;}

.footer_info li p.taxid:before {content: 'LINE ID：';} /* 統編 改 LINE ID: */
.TAXID:before {content: "LINE ID";} /* 統編 改 LINE ID: */
.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before {width: 60px;}
.list_before.info li {padding-left: 60px;}


.footer_menu a:last-child {display: none;}


/*首頁購物車區塊*/
.products-box {background: #ffffff; display: none;}

/*首頁促銷方案區塊*/
.news_part {display: none;}
		
		
#content_main {background-color: #ffffff;}	
#content {background: #9AB1BF;}
.main_part {background: #fff !important;}
.product_page .main_part {background: #c8d7f8 !important;}
/*.product_info_page .main_part {background: #fff;}*/
		
/*相簿*/
.show-list .show_name {color: #000000;}
.show-list .item:hover .show_name {color: #003060;}
.show-list .show_name {font-size: 16px;}
.other_album_choice li {background: #003060;}
.other_album_choice li:hover {background: #000000;}

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

/*購物車*/
.products-list .more {border: 1px solid #003060; color: #003060; display:none;}
.products-list a:hover .more {border: 1px solid #003060; color: #ffffff; background-color: #003060;}
.lastPage {background: #003060; margin-bottom: 0px;}
.product-layer-two li ul {width: 110%;} /*購物車分類下拉選項寬度*/
li.prod-item:last-child {display: none;} /*隱藏QA*/
.products-list .name {text-align: center; color: #083060;}
.product-layer-two {text-align: center;}
.product-layer-two li a {
    position: relative;
    border: 0px solid #aaa;
    padding: 5px 14px;
    display: block;
    font-size: 16px;
    color: #00305F;
	font-weight: 600;
	font-family: "微軟正黑體";
	background: linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
	background: -moz-linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
	background: -webkit-linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
	background: -o-linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
}
h3.prod-thumb {margin-bottom: 20px; display:none;}
.prod_related {background: #9ab1bf; padding: 50px 15px;}
.prod_related h6 span:before {color: #ffffff; letter-spacing: 8px;}


/*排除頁面過短會抖動*/
.product_page #content {min-height: 700px;}
.product_page .main_part {min-height: 700px;}


/*內隱藏資訊卡*/
.sidebarBtn {display:none;}
.mobile_product_name {display:none;}
.product_main {width: 100%;}
.product_pic {padding-left: 190px;}
.accordion-item:nth-child(2) {display:none;} /*QA*/
.block {background: #a6a19e;}
.product_pic #bx-pager {color: #a6a19e;}
#bx-pager h6 {display: none;}
.product_pic #bx-pager {margin-top: 30px;}
.product_pic #bx-pager a {border: 1px solid #ffffff;}


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

/*新版文章分享*/
.blog_le .accordion > li:hover .link {background: #003060;}
.blog_le .accordion > li.on_this_category .link {
	font-weight: 600;
	font-family: "微軟正黑體";
	background: linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
	background: -moz-linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
	background: -webkit-linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
	background: -o-linear-gradient(270deg, #DFCE7D 0%, #D8C25F 100%);
}
.blog_le .accordion > li.on_this_category .link a {
    color: #003060 !important;}
.subbox_item a:before {background: #003060; color: #fff;}
.blog_list_ri em {display: none;}
.blog_list_ri p {padding-top: 8px;}
.blog_back a.article_btn_back {background: #003060;}
.blog_search input[type=search] {border-radius: 0px;}
.blog_le .accordion {border-radius: 0px;}
.blog_le {font-family: "微軟正黑體";}


/*文章設定圖大文小try*/
/*h4.blog_category_title { text-align:center; border:none; font-weight: 100; color:#ad866a;}*/
.subbox_item { width:32%; display:inline-block; vertical-align:top; float:none !important;}
.subbox_item a:after {background: rgba(255,255,255,0.5); border: 0px #ddd solid;}
.blog_list_le, .blog_list_ri { display:block; width:100%;}

.blog_list_ri em {
    font-size: 14px;
    color: #999;
    font-style: normal;
    display: block !important; 
    margin: 7px 0;}


/*聯絡我們*/
.animated-arrow {background: #003060;}
.list_before.info li:last-child {padding-left: 0px;}
.contact_content {padding: 0px 0;}


/*下拉頁面*/
.other_select_page .promotion_title h2 {display: none;}
.other_select_page .other_promotion {display: none;}
.other_select_page .page {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 設定*/
.path{display: none;}
.banner {display: none;}
.banner h5 {display: none; color: #000000; padding-top: 10px; letter-spacing: 6px;}
.promotions_page .banA {background-image: url(); background-position: top center; width: 100%; height: 200px;} /*促銷方案*/
.banner.banD {}
.services_page .banB {background-image: url(); background-position: top center; width: 100%; height: 200px;} /*服務項目*/
.other_page .banB {display: none;} /*其他頁面*/
.other_select_page .banA {display: none;} /*其他頁面*/
.map_page .banB {display: none;} /*map*/
.contact_page .banC {display: none;} /*聯絡我們*/
.work_page .banE {display: none;} /*相簿-外*/
.work_info_page .banE {display: none;} /*相簿-內*/
.product_page .banF {background-image: url(); background-position: top center; width: 100%; height: 200px;} /*購物車-外*/
.product_info_page .banF {background-image: url(); background-position: top center; width: 100%; height: 200px;} /*購物車-內*/
.blog_page .banblog {background-image: url(); background-position: top center; width: 100%; height: 200px;} /*最新消息-外*/
.blog_in_page .banblog {background-image: url(); background-position: top center; width: 100%; height: 200px;} /*最新消息-內*/


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


/*文章設定*/
/*一排呈現
.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;}
.nav-menu>li>a {padding: 0;}
.nav-menu>li>.nav-dropdown {min-width: 144px;}
}

@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: 136px; border-bottom: 0px solid #ffffff;}


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

/*調整手機板選單*/
.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*/

.main_header_area {box-shadow: none;}

.bannerindex {margin-top: -9% !important; padding-bottom: 50% !important;} /*大圖微調*/
}

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

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

/*購物車*/
.product_pic {padding-left: 0px;}
.product_pic #bx-pager {margin-bottom: 50px;}

.subbox_item {width: 100%;}
}

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

@media screen and (max-width: 320px) {
.main_header_area {height: 126px;}
.nav-brand img {max-width: 260px;}
.footer_logo img {width: 260px;}
}