@charset "utf-8";



/***************************************************************/
/*LOGO*/

.nav-header {  top: 10px;}

.nav-brand img {}
.footer_logo {}
.footer_logo img{ }


/*header*/
/*首頁*/
.pageIndex .header_area { position: fixed; width: 100%;}
.pageIndex .main_header_area { background: rgba(250,250,250,0.8);  height: 85px;}
.main_header_area { background:#fff;  height: 85px;}

.main_header_area .container { max-width: 80%;}



/*選單*/

.nav-menu {   margin: 20px 0 0 0;}
.nav-menu>li>a {
    padding: 5px 18px;
    font-size: 17px;
    position: relative;
}
.nav-menu > li:hover > a {    /*下拉展開時選單顏色更改*/
    color: #5ca1be;
    letter-spacing: 3px;
    transition: 0.5s;
}

.nav-menu > li > a:after {
    content: '';
    display: block;
    width: 20px;
    height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    transition: all .3s ease-in-out;
    transform: translate(0,15px);
    display: none;
}

.nav-menu > li:hover > a:after {
    height: 50px;
    bottom: 35px;
    display: block;
}
.nav-menu > li > a:after {   background: url(https://pic03.eapple.com.tw/cupcats2020/header_icon.png) no-repeat 50% 50%;}
.nav-menu > li:nth-last-child(1) > a:after { display: none;}


/*下拉選單*/
.nav-dropdown > li:hover>a, .nav-dropdown > li.focus>a{  /*下拉時第二層選單顏色更改*/
    color: #343a40;
    background:#efefef;
}


/*footer*/
.footer {  background: url(https://pic03.eapple.com.tw/cupcats2020/footer_bg.jpg);}

.footer_info li:nth-child(1) {  width: 100%;}
.footer_info li:nth-child(2) {  width: 100%;}
.footer_menu a { margin: 10px 4px;}

.copy a { color: #333333;}
.copy a:hover { color: rgb(90 163 188);}

/*首頁*/
.pageIndex .main_part {   border-top: 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;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.path { display: none;}

/*內頁BANNER 設定*/
.banner {
    background: url(https://pic03.eapple.com.tw/cupcats2020/banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner.banblog {}
.product_page .banner , .product_info_page .banner , .car_page .banner , .car_page .banner {}
.album_page .banner , .album_info_page .banner  {}
.contact_page .banner , .map_page .banner {}



.banner h5 {
    color: #796554;
    font-size: 30px;
    top: 10px;
    position: relative;
    letter-spacing: 10px;
    filter: drop-shadow(6px 9px 4px #fff);
}


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



/*按鍵*/
.pageIndex .animated-arrow { background: #5ca1be; margin: 3% auto 0px;}
.animated-arrow { background: #5ca1be; margin: 0 auto;}

/*聯絡我們*/
.list_before.info li:nth-last-child(1) { padding-left: 0px;}
.contact_content {  padding: 0px;}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*促銷方案*/
.pageIndex .news_part {
    margin: 0 auto;
    padding-left: 10px;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
.pageIndex div#content_main {
    background: url(https://pic03.eapple.com.tw/cupcats2020/new_bag2.jpg)fixed ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top: 5px solid #cbb6ad;
}
.title_box h2 {
    font-family: 'Dancing Script', cursive;
}

.pageIndex .news_list ul li {  background: rgb(250 248 244/80%);}
.pageIndex .title_box {
    letter-spacing: 5px;
    color: #5ca1be;
    margin-left: 0px;
}
.title_box span {
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 600px) {
.pageIndex .title_box {   margin-left: auto;}
.pageIndex div#content_main {
    background-repeat: space;
    background-size: auto;
    background-attachment: unset !important;
}

}

/*文章設定*/
/*首頁*/
.pageIndex .module_i_news {
    padding: 140px 20px 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
}

.title_i_box {  position: relative;}
.module_i_news .title_i_box h4 {
    font-size: 20px;
    letter-spacing: 2px;
}
.module_i_news ul {
    display: flex;
    max-width: 1366px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.title_i_box:before {
    content: "Cat Hnowledge";
    font-size: 60px;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%,-110%);
    font-family: 'Dancing Script', cursive;
    letter-spacing: 5px;
    color: #5ca1be;
    width: 800px;
}

.module_i_news li {  width: 24%;}
.i_blog_le {  padding: 5px; width: 100%;}
.module_i_news li a {  height: 490px;}
.i_blog_ri { width: 100%; padding: 5px 10px;}
.i_blog_ri h5 {   font-weight: 600; border-bottom: 1px solid;  padding-bottom: 1%; letter-spacing: 6px;}
.i_blog_ri p { font-size: 16px;}
.module_i_news .animated-arrow { padding-left: 4%; margin: auto;}

/*hover*/
.module_i_news li a:after {  background: rgb(202 186 165 / 42%);}

/**/
/*列表頁*/
.blog_page .subbox_item { width: 48%;}
/*分類按鍵*/
.link a { font-size: 17px;  font-weight: 500;}


/*文章分類按鍵範圍*/
.link a { width: 100%; display: block; padding: 15px 15px;}
.accordion li .link { padding: 0;}

.blog_list_le {  width: 100%;}
.blog_page h4.blog_category_title { display: none;}
.blog_subbox.clearfix {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.subbox_item { width: 33%;  padding: 15px;}
.subbox_item a {  height: 480px;}
.blog_list_ri { width: 100%;}
.blog_list_ri h5 {   font-size: 20px;  border-bottom: 1px solid; padding: 5px 0px;}
.blog_list_ri p { font-size: 15px;}
.subbox_item a:after {  background: rgb(202 186 165 / 42%);}

/*文章內頁*/
h4.blog_category_title { color: #d2ac5c;  font-size: 25px;}


/*內頁按鍵*/
.blog_back a.article_btn_back {    background: #5ca1be;}

@media screen and (max-width: 768px) {
.subbox_item a {  height: auto;}
}

@media screen and (max-width: 600px) {
.module_i_news li {  width: 47%;  }
.module_i_news li a {  height: auto;}



}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*相簿*/
.show-list .item:hover .show_name {  color: #5ca1be;}
.show-list .show_pic img:hover { transform: scale(1.1); transition: 0.5s;}
.album_page .main_part {  max-width: 1366px;}

.album_page .show-list .show_pic img {
    max-width: 100% !important;
    min-width: 100%;
    height: 280px !important;
    max-height: 280px !important;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    max-width: 100%;
    display: inline-block;
}
.overlay {  background: none;}

/*相簿二層*/
.other_subalbum li a img:hover {  transform: scale(1.1);    transition: 0.5s;}
.other_subalbum li div {
    text-align: center;
    overflow: hidden;
}
.other_subalbum li a img {
    max-width: 100%;
    height: 250px;
    max-height: 250px;
}

.other_subalbum li { margin: 2% 1%; text-align: center;}
.other_subalbum li p {  padding-top: 10px;}
.other_subalbum li a img {
    height: 280px !important;
    max-height: 280px !important;
    width: 100%;
    min-width: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    display: inline-block;
}

/*相簿三層*/
.pic-list .show_pic img {  height: 240px;}

@media screen and (max-width: 1050px) {
/*相簿*/
.show-list .item { width: 47%;}
.pic-list .item { width: 47%;}

}


@media screen and (max-width: 600px) {
/*相簿*/
.show-list .item {
    width: 100%;
    margin: 20px 0;
}
/*第二層分類*/
.other_subalbum li { width: 100%;}
img.one-edge-shadow { height: auto;}

/*相簿內頁*/
.pic-list .item { width: 100%;}
/*.album_info_page .pic-list .show_pic {  padding-bottom: 100%;}*/
.pic-list .item { margin: 10px 0;}
.pic-list .show_pic img {  height: 300px;}

}


/* ********************************************************************* */
/*購物車*/
/*首頁*/
.pageIndex .title_box span {
    color: #333;
    font-weight: 600;
}

.pageIndex .products-box {
    background: url(https://pic03.eapple.com.tw/sinkaiyuan/sinkaiyuan_bg.jpg) fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px;
}
.pageIndex .products-list .pic img {
    max-width: 100%;
    padding: 5px;
    background: #fff;
}
.pageIndex ul.products-list.clearfix {
    display: flex;
    width: 100%;
    max-width: 1366px;
    margin: auto;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.pageIndex .i_blog_ri { height: 150px;}

.products-list .pic { padding-bottom: 75%;}
.products-list .name {  font-size: 17px;}

.products-list .pic img {
    max-width: 100%;
    height: 330px !important;
    max-height: 330px !important;
    width: 100%;
    min-width: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    display: inline-block;
}

/*按鍵*/
.products-box .animated-arrow {   padding-left: 4%; }
.products-list .more {  border: 1px solid #b3b3b3;  color: #b3b3b3;}
.products-list a:hover .more {  background: #b3b3b3;  border-color: #b3b3b3;  color: #fff;}

/*內頁*/
.products-list .item { width: 33%;}
.product_page .main_part { max-width: 1366px;}
.mobile_product_name {  display: block;}
.sidebarBtn {  border: 2px #ddd solid;}

li.prod-item {  padding-bottom: 5%;}

.products-list .pic { overflow: hidden;  height: 330px;}

.products-list .pic img:hover {
    transform: scale(1.1);
    transition: 0.5s;
}
.products-list .name { height: 60px;}

@media screen and (max-width: 1090px) {
.products-list .item {  width: 49%;}
}
@media screen and (max-width: 768px) {
.pageIndex .products-box {   background-attachment: unset;}
}

@media screen and (max-width: 600px) {
.pageIndex ul.products-list.clearfix {    justify-content: space-between;}
.products-list .item {  width: 100%;}
}

/*購物車END*/
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */





@media screen and (max-width: 768px) {
/*優化*/
/* 大圖調整 */
.swiper-slide img {
    animation-fill-mode: none;
    -webkit-animation-fill-mode: none;}

/* 新版最新消息內頁 */
.blog_back {display: flex; justify-content: space-between; align-items: center; align-content: center;}
.blog_back a {width:31.5%;}	
	
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}

/*手機選單*/
.nav-dropdown > li > a{ width: 80%;}

/*header*/
.main_header_area .container {  max-width: 100%;}
.navigation-portrait .nav-menus-wrapper {    width: 80%;}
.pageIndex .header_area {  position: relative;}
.pageIndex .main_header_area {  height: 75px;}
.main_header_area {  height: 75px;}


/*footer*/
.footer_logo { margin: auto;}
.footer_info ul li:nth-child(1) { text-align: center;}

}

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

/* 手機版 輪播圖另外在換圖*/
/*等比例*/

    .swiper-slide img { display:none; }
	.swiper-container-fade .swiper-slide {
        padding-bottom: calc(100% / 1*1.1);
        height: 0;
        width: 100% !important;
    }
	.swiper-slide:nth-child(1) { background-image: url(https://pic03.eapple.com.tw/cupcats2020/pn-banner-01.jpg); background-position: top; background-size:cover;}
    .swiper-slide:nth-child(2) { background-image: url(https://pic03.eapple.com.tw/cupcats2020/pn-banner-02.jpg); background-position: top; background-size:cover;}
	


/*footer選單對齊*/
.footer_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
.footer_menu a {
    display: inline-block;
    padding: 5px 7px;
    border: 1px #ccc solid;
    margin: 0 4px 4px 0;
    line-height: 100%;
    width: 50%;
    max-width: 89px;
	text-align: center;
}

/*banner*/
.banner {  height: 200px;}
.banner h5 { font-size: 22px;}


}