@charset "utf-8";

/* 首頁僅大圖+放關鍵字 */
body.pageIndex div#content_main {
    display: none;
}

/* 錨點滾動 */
html{
    scroll-behavior: smooth;
  }

/* 大圖 */
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}


/* logo */
.nav-brand h1{
    display: block;
    background: url(https://pic03.eapple.com.tw/pualyang/logo_logo.svg);
    background-size: contain;
    width: 230px;
    height: 52px;
    background-repeat: no-repeat;
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
}

.header_area.sticky  .nav-brand h1 {
    filter: initial;
}

.nav-header {
    height: 100%;
}

a.nav-brand {
    padding: 2px 0;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}

.navigation-portrait .nav-brand {
    justify-content: center;
}

@media screen and (max-width: 768px){
    .nav-header{padding: 2% 0;}
    .nav-brand h1 {filter: initial;}
}

/* 分頁下方 */
body.other_select_page ul.other_promotion.clearfix {
    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;}
}


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

.nav-header{height: 100%;display: flex;justify-content: center;align-items: center;margin-left: 2%;align-items: flex-start;}
a.nav-brand{display: flex;justify-content: left;height: 100%;width: 100%;padding: 5% 0;max-width: 200px;}
.nav-brand img{ height: fit-content;align-self: center;}

/* -- */
span.submenu-indicator-chevron {
    display: none;
}

/* -heade==============r- */
.navigation-portrait .nav-menus-wrapper{width: 80%;}
.main_header_area {background:#fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);}

.nav-header{padding: 0;}
.nav-menu { margin: 0; }
.header_area{width: 100%;}

ul.nav-menu.align-to-right{margin: 0;}


.nav-menu>li a:not(li.tp_links a){padding: 10px 20px;}
.nav-menu>li a:not(li.tp_links a):hover{transition: ease-in-out 0.3s;border-bottom:inset solid 2px #fff;}
.nav-menu>li a:not(li.tp_links){
    /* border-style: solid;border-color: #dddddd; */
    line-height: 7vh;border-left-width: 1px;margin-right: 0; border-top: none;border-bottom: none;border-right: none;}

.nav-menu>li{position: relative;}
.nav-menu>li>a{text-align: center;font-weight: 600;display: block;position: relative;color: #333333;letter-spacing: 2px;font-size: 15px;padding: 0;}
.nav-dropdown>li:hover {
    background: #c97d14;
}

/* -- */
header.header_area.sticky .nav-brand {height: 100%;}
header.header_area.sticky .nav-menu>li a{line-height: 6vh;transition: ease-in-out 0.5s;}
header.header_area.sticky .nav-brand img{max-width: 100%;transition: ease-in-out 0.5s;}
header.header_area.sticky{background:rgba(255,255,255,.8) ;}

/* header.header_area.sticky .nav-brand img{display: none;} */
/* header.header_area.sticky .nav-brand{background-image: url(https://pic03.eapple.com.tw/ttwu/logo2.png);background-repeat:no-repeat;background-size: contain;background-position: center;transition: ease-in-out 0.3s;} */
/* -- */
/* 往兩邊放 */
.main_header_area .container {
    max-width: 1590px;
    margin: auto;
}

/* 下面的線 */
.nav-menu > li:not(.tp_links) > a:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: -webkit-gradient(linear,left top,right top,from(#EA9316),to(#c97d14));
    background: -o-linear-gradient(left,#EA9316 0%,#c97d14 100%);
    background: linear-gradient(
90deg
,#EA9316 0%,#c97d14 100%);
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s,-webkit-transform 0.4s;
    position: absolute;
    bottom: 0;
    left: 0;
}

.nav-menu > li:hover > a:after {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    background: linear-gradient(
360deg
, hsl(0deg 0% 100% / 80%), transparent);
color: #c97d14;
}


@media screen and (max-width: 768px){
    .nav-dropdown{background: #fff;}
    .nav-menu>li a:not(li.tp_links,.nav-menu>li>.nav-dropdown){line-height: 5vh;}
    .header_area{position: relative;}
    .nav-dropdown>li, .nav-dropdown>li>a{    display: flex;
        justify-content: center;
    }
    .navigation-portrait .nav-dropdown>li>a {
        padding: 12px 20px 12px 20px;
        width: 100%;
        text-align: center;
        display: inline-block;
        width: calc(100% - 80px);
    }
    .nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus{background: transparent;}
}
/* 關掉 */
.tp_links a.me_tp_call:before { display:none; }
.tp_links a.me_tp_mail:before { display:none; }


.path{display: none;}
.products-box{display: none;}

/* 小三角 */
.submenu-indicator{margin-top:25px}

/*下拉*/
.nav-menu>li>.nav-dropdown { border: none;text-align: center;}
.submenu-indicator-chevron {border-color: transparent #999999 #999999 transparent;margin-top: -2px;}
.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 #000 #000 transparent;}
.nav-dropdown > li > a { line-height: 4vh !important;line-height: initial;color: #555555; border-bottom: 1px solid #f6f6f638; background: #fff; font-size: 15px;}
 .nav-dropdown>li.focus>a { color: #c97d14;}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus { line-height: initial;color: #ffffff; background: transparent;}

/* ==== */

/* = = = 固定設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = === = = */
/*預設解除背景輪播*/
#content_main {
    margin: 0;
}

.bannerindex {
    position: static;
    height: auto;
}

.swiper-banner {
    position: static;
    margin: 0;
    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;
}

/*文章分享側邊欄設定*/
.blog_le .accordion li .link {
    padding: 0;
}

.blog_le .accordion li .link a {
    padding: 15px 10px;
    display: block;
}

/*按鈕顏色設定*/
.animated-arrow {
    background: #595656;
}

/* 文章管理 */


.subbox_item {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    }

    .subbox_item:nth-child(even){
    background: #efefef;
    }

    .subbox_item a{display:flex;}

    .subbox_item a:hover:before{display:none;}
    .subbox_item a:after{display:none;}

    .blog_list_ri{display: flex;
    align-items: center;flex-wrap: wrap; padding:0px 30px; margin: 30px 0;}

    .blog_list_ri h5 {
    width: 80%;
    padding-right: 30px;
    font-size: 20px;
    }

    .blog_list_ri em {
    width: 20%;
    padding: 0 5px;

    }

    .blog_list_ri p {
    width: 80%;
    padding-right: 30px;
    font-size: 16px;
    }

    .blog_list_le {
    width: 250px;
    display: flex;
    align-items: center;
    }

    .blog_list_le img {
    height: fit-content;
    }

    @media screen and (max-width: 768px){
    .subbox_item {
        margin-bottom: 4%;
    width: calc(100% / 2 - 8px);}
    .blog_list_ri h5{width: 100%;padding-right:0px;}
    .blog_list_ri em{width: 100%;}
    .blog_list_ri p {width: 100%;padding-right:0px; padding: 15px 0;line-height: 1.5;
    }
    .blog_list_ri {padding: 0px 15px;width: 100%;margin: 5px 0;}
    .subbox_item a {
    flex-direction: column;
    }
    .blog_list_le {
    width: 100%;
    padding: 15px;
    }

    .subbox_item{background:#efefef;}
    .blog_list_ri em{order: 1;}

    }

    @media screen and (max-width: 476px){
    .blog_list_ri{margin: 0;}
    .subbox_item {
    width: 100%; margin: 10px 0;}
    }

/* =======BANNER========= */
/*每頁背景*/
.banner {
    font-size: 40px;
    padding: 50px 0;
    background-position: left bottom;
    text-align: center;
    line-height: 100px;
    -moz-box-shadow: 1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;
    -webkit-box-shadow: 1px 1px 3px 2px rgb(51 51 102 / 50%) inset;
    box-shadow: 1px 1px 3px 2px rgb(51 51 102 / 50%) inset;
    background-image: url(https://pic03.eapple.com.tw/pualyang/banner-03.jpg);
    position: relative;
    display: none;
}


.banner h5{
    color: #ffffff;
    text-shadow: #090909b5 0.06em 0.03em 0.2em;
    letter-spacing: 10px;
}



/* 相簿 */
/* = = = 相　簿 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


.show-list .show_name {color: #000000;margin: 0; padding: 7%;line-height: 0;text-align: center;}
.show-list .item:hover .show_name {color: #DF901E;}
.show-list .show_name {font-size: 16px;}
.other_album_choice li {background: #DF901E;}
.other_album_choice li:hover {background: #000000;}
.other_subalbum li p {margin-top: 10px;}
.page strong, .page a:hover {background: #DF901E;}
.other_subalbum li p:hover{
    color: #DF901E;
}

.other_subalbum li a img{
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;}


.other_subalbum li>a>div {
    height: 25vh;
    line-height: 260px;
    padding: 0;
    padding-bottom: 0;
}

.other_subalbum li p {
    color: #000000;
    background: #F5F6F3;
    margin: 0;
    padding: 7%;
    line-height: 0;
    text-align: center;
}

.album_page .show-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
    }

    .album_page .show-list .show_pic {
    height: 25vh;
    line-height: 260px;
    padding: 0;
    padding-bottom: 0;
    }

/* 相簿內頁 */
ul.pic-list.clearfix {
    display: flex;
    flex-wrap: wrap;
}

.pic-list .item {
    justify-content: center;
    display: flex;
    min-width: 309px;
}


.other_album{display: none;}
.pic-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
    min-width: 309px;
}


.pic-list .show_pic {
    height: 35vh;
    line-height: 260px;
    padding: 0;
    padding-bottom: 0;
    border-radius: 100%;
    max-width: 350px;
}

@media screen and (max-width: 1089px){
    ul.pic-list.clearfix {
        justify-content: center;
    }}


/* = = = 個別網站設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/* footer========== */
.footer_info ul{display: block;width: 100%;}
.footer_info li p {
    line-height: 200%;
    color: #fff;
}


.footer {
    background: black;
    padding-top: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.footer_menu a {
    background: transparent;
    color: #fff;
    border: none;
    font-size: 12px;
    width: 48%;
    text-align: center;
    transition: all 0.3s;
}

.copy {
    margin-top: 44px;
    color: #444;
    border-top: 1px #4c4545 solid;
    background: #bfbfbf;
}

.copy a {
    color: #444;
}


.footer_logo {
    display: none;
}

.footer_info {
    display: flex;
    justify-content: space-evenly;
}


/* -footer和關鍵字-- */
@media screen and (max-width: 768px) {
    .footer_info {
        display: initial;
    }
}


/*購物車*/
/*清單頁面*/
.sidebarBtn {
    border: none;
    background: #f9f9f9;
    border-top: 5px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.product-layer-two {
    text-align: center;
}

.product-layer-two li a {
    border: 1px solid #aaa;
    padding: 8px 16px;
    color: #888;
    border-radius: 30px;
}

.product-layer-two li:hover ul {
    border: 1px solid transparent !important;
    border-top: 2px solid transparent !important;
}

.product-layer-two li {
    padding: 3px 0;
}

.product-layer-two li li a {
    background: #a1a1a1;
    padding: 8px 12px;
    color: #fff;
}

/*商品詳細頁*/
.sidebarBtn h2 {
    color: #5a5757;
}

.prod-thumb {
    border-bottom: 3px solid #a9a9a9;
    padding: 15px 0;
    text-align: center;
    color: #5e5b5b;
    margin: 15px 0;
}

.prod .prod-item:first-child .prod-panel {
    line-height: 170%;
}

.lastaction {
    color: #fff;
    background-color: #595656;
}

.nextaction {
    background-color: #595656;
}

/*相簿*/
.album_page .show-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}


.album_page .show-list .show_pic {
    height: 25vh;
    line-height: 260px;
    padding: 0;
    padding-bottom: 0;
}

.show-list .show_name {
    text-align: center;
}

.pic-list .item h6 {
    text-align: center;
}

/* 相簿內頁 */
.pic-list .show_pic img {
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}


.pic-list .show_pic {
    height: 34vh;
    line-height: 260px;
    padding: 0;
    padding-bottom: 0;
}


@media screen and (max-width: 768px) {
    .pic-list .item {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .pic-list .item {
        width: 100%;
    }
}

/*聯絡我們*/
.blank_letter {
    color: #595656;
    font-weight: normal;
}

.list_before.info li:last-child {
    padding-left: 0;
    margin-top: 20px;
}

.list_before.info{max-width: 100%;}

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



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

    /*預設banner= = = = = = = = */
    .bannerindex {
        padding: 0;
        margin: 0;
        position: relative;
    }

    /* 開啟手機板下方按鈕所需設定= = = = = = = = */
    #bottom_menu {
        display: block;
    }

    #to_top {
        bottom: 60px;
    }

    /*以下其他設定= = = = = = = = */
    /*header*/
    .pageIndex .header_area {
        position: relative;
    }

    .banner {
        padding: 80px 0 50px 0;
    }

    /*footer*/
    .footer_info ul {
        width: 100%;
    }
}

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



/* 聯絡我們========== */


.contact_content .information_left {
    display: initial;
}

.information_left.fadeInLeft.animated15.clearfix {
    margin: 0;
    padding: 0;
}

.list_before.info iframe {
    width: 100%;
}

.list_before {
    margin-top: 0px;
    display: flex;
    flex-direction: column-reverse;
}

.list_before {
    margin-top: 0px;
}

.contact_content .information_right {
    width: 100%;
    padding-left: 0px;
}

.blank_letter {
    text-align: center;
    background: #EEEEEE;
    padding: 2%;
}

/* -------促銷方案------- */
body.promotions_page .edit p {
    line-height: 2.4rem;
}


.promotion_title {
    border-bottom: 1px solid #595656;
}

.promotion_title h2 {
    border-bottom: 2px solid #595656;
}

/* 聯絡我們 */
.contact_form li .form__label{width: 90px;}