@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 {}
*/
/*******************************************/
/*聯絡我們MAP區改滿版編輯區*/
.contact_content {    width: 100%;padding: 0;}
.contact_page .main_part {    max-width: 100%;    padding: 0;}
.contact_page .path {    display: none;}
.contact_content .information_left {    width: 100%;    padding: 0;}
.contact_content .information_right {    width: 90%;    margin: 80px auto;    padding: 0 10px;    display: block;}
.contact_content .information_left > h4.blank_letter {    display: none;}
.contact_content .list_before {    width: 100%;		max-width: 100%;    padding: 0;    margin: 0 auto;}
.contact_content .list_before > li:not(li:last-of-type) {    display: none;}
.contact_content .list_before.info > li:last-of-type {    padding: 0;    margin: 0;}
@media screen and (max-width: 768px) {.contact_content .information_right {    margin: 50px auto;}}
/**/
/*電腦版表單最大寬度設定*/
.contact_content .information_right {    max-width: 1000px;}
/**/
/*******************************************/


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


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

/*上面顏色*/
.main_header_area {
    background:#eac349;box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);}
.nav-brand img {
    max-width: 120%;}
.tp_links a.me_tp_call:before {display:none;}
.tp_links a.me_tp_mail:before {display:none;}
.nav-menu>li a{color:#000;font-weight: bold;}
.nav-menu>li>a {
    font-size: 16px;
    padding: 5px 15px;}
.nav-menu>li{
	letter-spacing: 1px;
	text-align: center;
	margin:auto;
	position: relative;}
.nav-menu > li > a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    background: transparent;
    border-radius: 50%;
    transition: all 0.5s;    
}
.nav-menu > li > a:hover:before {
    FONT-WEIGHT: 500;
    background: #fff;
    top: -25%;
    transition: all 0.5s;
}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {
    color: #fff;
    font-weight: bold;}
.nav-menu{    margin: 48px 0px 10px 0;}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {
    color: #000;
    background: #eac349;}
.nav-header{padding:20px;}
.me_tp_features{top:5px;}
.submenu-indicator-chevron{    border-color: transparent #000 #000 transparent;}

/*FOOTER*/
.footer{background:#f7d260;}
.footer_logo img {max-width:250px;}
.footer_menu a{text-align: center;
    width: 83px;
	background: #fff089;
    border-radius: 10px;
	border: 1px #fff solid;}
.footer_menu a:hover {
    background: #fbc93e;
    color: #fff;}
.copy{background: #0e0e0e;}
.footer_info li p.fax:before {
    content: '投訴專線：';}
.footer_info li p.tel:before {
    content: '預約專線：';
}
.footer_info li p:nth-child(3){display:none;}
.mail{display:none;}

/*累積人氣*/
.total_view{display:none;}
/**/
.animated-arrow{
    background:#fbc93e;}
/*背景*/
#content{background: linear-gradient(to bottom, rgba(51,51,51,1)0%, rgba(20,20,20,1)100%);
    padding-bottom: 1px;}
#content_main {
    background: #242424;}
/*最新消息*/
.promotion_title span,.time,.edit,.promotion_title span,.promotion_title h2,.other_promotion li{    color: #fff;}
.other_promotion .pmtTime{color: #fff;}
.pmtTitle,.other_promotion .pmtTitle h3{color: #fff;}
.path{color: #eac349;    border-bottom: 1px solid #fff;}
.path a{color: #eac349;}
/*文章*/
.blog_list_ri h5{color: #eac349;}
.blog_list_ri em,.blog_list_ri p,{color: #fff;}
h5.blog_le_t{color: #fff;}
.link a{color: #fff;}
h4.blog_category_title{color: #fff;}
.blog_box_edit{color: #fff;}
.submenu a:hover {
    background: #eac349;
    color: #000;}
/*聯絡資訊*/
.blank_letter,.list_before,.contact_form {color: #fff;}
.noborder{color:#000;    border-radius: 5px;}

/*相簿*/
.pic-list .show_pic {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 0;
    height: 0;
    padding-bottom: 100%;}
.products-list .name{color: #fff;}
/*首頁最新消息*/
.title_box,.title_box span,.news_list ul li span{color: #fff;}
.news_list a{color: #fff;}
/*作品*/
.show-list .show_name{color:#fff;}
.album_fixed_title{color: #fff;background: #181818;}
/**/
.prod-thumb{color:#fff;}
.half_box{color:#fff;}
.prod_related {
    background: #eac349;}
/*下拉選單*/
.nav-menu>li:nth-last-child(3)>.nav-dropdown{border: solid 1px #ffffff; min-width: 110px; max-height: 230px; overflow-y: scroll; overflow-x: hidden;background-color: #fff;
    width: 154px;}
.nav-menu>li:nth-last-child(4)>.nav-dropdown{border: solid 1px #ffffff; min-width: 210px; max-height: 230px; overflow-y: scroll; overflow-x: hidden;background-color: #fff;
    width: 154px;}
/*商品*/
.products-list .price b{color: #e8c55a;}
.products-list .more {
    border: 1px solid #eac349;
    color: #eac349;}
.mobile_product_name{color:#fff;}
.nextaction{background-color: #eac349;}
.lastPage{    background: #eac349;}
	

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


/*內頁BANNER 設定*/
.banner {
    background-image: url(https://pic03.eapple.com.tw/oooomni/banner-12.jpg);
    background-attachment: fixed;
    background-size: contain;
    background-position: top center;
    height: 25vw;
    max-height: 400px;
    position: relative;
    background-repeat: no-repeat;}
.banner h5 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 45%;
    text-shadow: 0 0 5px #000;
    color: #fff;
    letter-spacing: 2px;
    text-indent: 2px;}
@media screen and (max-width: 768px) {
.banner h5{font-size: 28px;}
}
@media screen and (max-width: 600px) {
.banner h5{font-size: 24px;}
.banner {
    background-attachment: unset;
    background-size: cover;
    height: 40vw;
    max-height: unset;
}}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

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


/*文章設定*/
/*一排呈現
.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: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.navigation-portrait .nav-menus-wrapper{width:60%;background-color: #f7d260;}
.nav-header{padding:0px;}
.nav-brand{    width: 190px;}
.nav-brand img{max-width: 100%;    margin-top: 10px;}
.nav-menu>li:nth-last-child(3)>.nav-dropdown {
    border: solid 1px #ffffff;
    min-width: 110px;
    overflow-y: scroll;
    overflow-x: hidden;
   
    width: 100%;}
.nav-menu>li:nth-last-child(4)>.nav-dropdown {
    border: solid 1px #ffffff;
    min-width: 110px;
    overflow-y: scroll;
    overflow-x: hidden;
  
    width: 100%;}
.nav-menu > li > a:hover:before {display:none;}

.navigation-portrait .nav-menu>li{border-top: solid 1px #333;}
.nav-dropdown > li > a, .megamenu-list > li > a {
    width: fit-content;}
	
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {
    color:#000;}
	.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus{background: #eac349;
    width: 100%;}
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a {
    color: #000;}
.nav-menu > li > a:before{display:none;}
.nav-dropdown{background:#fff;}

/* 手機版 輪播圖另外在換圖*/
.swiper-slide img { display:none; }
.swiper-slide {    width: 100%;    height: 0;    padding-bottom: calc(100% / 6 * 7);}
.bannerindex { height: auto; padding:0;}
.swiper-slide:nth-child(2) { background-image: url(https://pic03.eapple.com.tw/oooomni/cellphone01.jpg); background-size:cover; background-repeat:no-repeat;}
.swiper-slide:nth-child(1) { background-image: url(https://pic03.eapple.com.tw/oooomni/cellphone02.jpg); background-size:cover;background-repeat:no-repeat;}
}

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