@charset "utf-8";
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*all*/
/*.box_container { margin-top: -100px;}*/
.main_part {   width: 100%; max-width: 1700px; margin: -110px auto 0;  padding: 0px 20px; background: #fff;  border-radius: 120px 120px 0px 0px;   overflow: hidden;}
.show_content {  margin: auto;  padding: 70px 20px;}
/*header*/
.header_area { padding: 10px 20px;background: #ffffff; }
.stellarnav > ul > li > a { letter-spacing: 1px;padding: 0 5px; line-height: 60px; height: 60px;margin: 0 9px;overflow: inherit;transition: 0.5s;}

.main_header_area .container {  max-width: 1630px; transition: 0.8s;}
.navigation { grid-template-columns: 180px 1fr 180px; align-items: center;}
.stellarnav ul { text-align: right;}
.stellarnav li.has-sub > a:after{display: none;}
.stellarnav > ul > li.has-sub > a { padding-right: 0px;}

.stellarnav > ul > li>a:after {
    content: ""; height: 3px;  width: 0%; background: #E2B896; bottom: 0;
    left: 50%; position: absolute; transition: 0.8s; transform: translateX(-50%);}
.stellarnav > ul > li:hover>a:after { width: 100%;}



/*hover*/
.stellarnav ul:hover li a { opacity: 0.8; transition: all 0.3s ease-in-out;}
.stellarnav ul li:hover a {opacity: 1;transition: all 0.3s ease-in-out;}
.stellarnav > ul > li:hover > a { letter-spacing: 3px; }

/*次分類*/
.stellarnav ul ul {  width: max-content;}
.stellarnav.desktop li.has-sub li:hover > a {background: #E2B896;color: #fff;}

/*下滑*/
.header_area.sticky .container { max-width: 95%;}
.header_area.sticky {  background: rgba(255, 255, 255, .8); box-shadow: 0px 3px 10px #00000030;}
/*上方選單右邊設定 臉書/LINE/電話/信箱*/
.me_tp_features { width: 180px; order: 2;}
.tp_links { display: flex; justify-content: flex-end;}
.tp_links a { font-size: 16px; color: #666; margin: 0;}
.me_tp_features a i { margin: 0 8px;}
.me_tp_features a:hover i { color: #E2B896;}

/*電腦LOGO*/
.nav-brand { display: flex; align-items: center;}
.nav-header {  max-width: 180px;  grid-row: auto;}
.footer_logo { max-width: 200px;}

/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}

/*footer*/
.footer { background: url(https://pic03.eapple.com.tw/pshenrychen/footer_bg.png); padding: 70px 0 0;  border-top: unset;}
.footer .center { max-width: 100%; padding: 0 80px;}
.footer_info { padding-right: 0px;}
.box_link {display: none;}
.footer_info ul {position: relative; display: flex; width: 100%; justify-content: space-around;}
.footer_info ul li:nth-child(1):before {
    content: "CONTACT US"; font-size: 20px;color: #000; left: 10px; top: 0%; position: absolute;  letter-spacing: 1px;font-weight: 800;}
.footer_info ul { display: flex; width: 100%; justify-content: flex-end;}
.footer_info li:nth-child(1) { width: 400px; position: relative; padding-top: 40px;}
.footer_info li:nth-child(2) { width: 300px;}
.footer_info li p { line-height: 200%; letter-spacing: 1px; color: #000000;}

.footer_menu { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: relative;  padding-top: 30px;}
.footer_menu:before { content: "LINK"; font-size: 20px; color: #000; left: 0px; top: 0%; transform: translateY(-50%); position: absolute;font-weight: 800;letter-spacing: 1px;}
.footer_menu a {
    display: inline-block; padding: 5px 7px 5px 15px; border: unset; margin: 0 0px 5px 0; font-size: 14px; position: relative; line-height: 100%;
    color: #000; background: transparent;  width: 46%; letter-spacing: 2px; transition: 0.5s;}

.footer_menu a:before { content: ""; background: #666; width: 5px;height: 5px;position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer_menu a:hover { background: transparent; color: #333; letter-spacing: 4px;}
.copy { text-align: center; padding: 20px 0; font-size: 13px; color: #ffffff; border-top: unset; margin-top: 30px; background: #97805d;}
.copy a { color: #fff;}
.copy a:hover { color: #c00;}

/*大圖*/
#content_main {  margin: 0;}
.bannerindex { position: static; height: auto;}
.swiper-banner { position: static; margin: 0; height: auto;}
.swiper-slide { padding: 0px !important;}

.bannerindex .swiper-slide img { height: auto;}
.bannerindex .swiper-pagination { display: none;}
.bannerindex .swiper-slide { position: relative;}
.bannerindex .swiper-slide:nth-child(1).swiper-slide-active:before  {content: ""; position: absolute;  z-index: 999; pointer-events: none;}
.bannerindex .swiper-slide:nth-child(2).swiper-slide-active:before  {content: ""; position: absolute;  z-index: 999; pointer-events: none;}
.bannerindex .swiper-slide:nth-child(1).swiper-slide-active:after,.bannerindex .swiper-slide:nth-child(2).swiper-slide-active:after  {
    content: ""; background: url(https://pic03.eapple.com.tw/pshenrychen/benner_af.svg); position: absolute;  z-index: 999; pointer-events: none;
    width: 100% !important; height: 0px !important;background-size: contain;  background-repeat: no-repeat;
    -webkit-transform: rotate(360deg); animation: rotation 90s linear infinite; -webkit-animation: rotation 90s linear infinite;background-position:center;}

.bannerindex .swiper-slide:nth-child(1).swiper-slide-active:before {
    background: url(https://pic03.eapple.com.tw/pshenrychen/benner_be.svg);
    background-size: contain; background-repeat: no-repeat; top: 30%;  right: 22%; width: 100% !important; height: 0 !important;
    background-position: right; padding-bottom: calc(100% / 1 * 0.22);}

.bannerindex .swiper-slide:nth-child(2).swiper-slide-active:before {
    background: url(https://pic03.eapple.com.tw/pshenrychen/benner2_be.svg);
    background-size: contain;  background-repeat: no-repeat; top: 34%; left: 13%; width: 100% !important;
    height: 0px !important; background-position: left; padding-bottom: calc(100% / 1 * 0.2);}

.bannerindex .swiper-slide:nth-child(1).swiper-slide-active:after { top: 42%; left: 1.5%; padding-bottom: calc(100% / 1* 0.06)}
.bannerindex .swiper-slide:nth-child(2).swiper-slide-active:after { top: 46%; right: 34%; padding-bottom: calc(100% / 1 * 0.055);}

.bannerindex .swiper-slide.swiper-slide-active:before {  animation: slide-top 2s both;  animation-delay: 0.5s;}    
.bannerindex .swiper-slide.swiper-slide-active:after {  animation: slide-top2 2s both;  animation-delay: 0.5s;}

@keyframes slide-top {
    0% {-webkit-transform: translateY(80%); transform: translateY(80%); opacity: 0; }
    100% { -webkit-transform: translateY(30%); transform: translateY(30%); opacity: 1;}
}
@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*購物車******************************************************** */
.product_page .main_part { max-width:1200px;}

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative; width: 220px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px);}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; /*display:block !important;*/}
.product-layer-two li li { display: block; padding:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:5px 10px;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc; padding-bottom: 5px;}
.product-layer-two > li ul > li + li { margin-top:5px;}

.product_info_page .product-layer-two { display: none;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: transparent; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; 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 p, .path p a { text-align: left;  padding-bottom: 50px;}
.path  {display: none;}

/*內頁BANNER 設定*/
.banner { background-position: center !important;  background-repeat: no-repeat !important; background-size: cover !important;height: 650px;position: relative;z-index: -1;}
.banner:before {  content: ""; background: linear-gradient(to top, rgb(0 0 0) -9%, 30%, rgb(0 0 0 / 0%) 100%);
        width: 100%;   left: 0; position: absolute; height: 350px;  bottom: 0px;  background-position: bottom;}
.other_page .banner { background: url(https://pic03.eapple.com.tw/pshenrychen/banner01.jpg);}
.banE { background: url(https://pic03.eapple.com.tw/pshenrychen/banner02.jpg);}
.banner.banblog { background: url(https://pic03.eapple.com.tw/pshenrychen/banner03.jpg);}


.banner h5 { font-size: 30px; color: #fff; position: relative; letter-spacing: 3px; animation: slide-top 1.5s 0.5s both;width: 100%; }
.banner h5:after {
        display: block;
        font-size: 19px;
        padding-top: 10px;
        font-weight: 500;
        text-decoration-color: #b79275 !important;
        text-decoration: underline;
        text-underline-offset: -6px;
        text-decoration-thickness: 13px;
        filter: drop-shadow(1px 1px 20px #969c9f);
}
.other_page .banner h5:after { content: "用專業和溫度，陪伴你打造專屬於自己的自然之美"; }
.banE h5:after { content: "真實案例，專業見證。透過療程前後的轉變，看見醫美的實力與細節"; }
.banner.banblog h5:after { content: "醫師觀點 X 醫美知識，讓您更安心做出每一個選擇";}

.banner h5:before { display: block; opacity: 0.4; top: -10%; position: absolute;font-weight: 800;color: #fff; z-index: -1;
    left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 55px; white-space: nowrap;}
.banner.banC h5:before { content: "Contact us";}
.banner.banblog h5:before { content: "From the Doctor’s Desk";}
.other_page h5:before { content: "Meet Our Doctors";}
.banE h5:before { content: "Proven Results by Our Experts"; }



/*動畫*/
@keyframes slide-top {
    0% { -webkit-transform: translateY(100%);transform: translateY(100%); opacity:0; }
    100% {-webkit-transform: translateY(0); transform: translateY(0); opacity:1;}
}


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

/*文章 ***************************************************************** */
.main_part {}
.blog_subbox { grid-template-columns: 1fr;  grid-gap: 50px;}
.subbox_item a { grid-template-columns: 360px 1fr;}

/*分類*/
.blog_le .accordion { border-radius: 0px;}
.blog_search input[type=search]{border-radius: 0px;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #e2b795 !important;}

/*右側*/
.blog_page h4.blog_category_title , h5.blog_le_t { display: none;}
.blog_list_ri h5 { letter-spacing: 2px; font-weight: 500; font-size: 25px;}
.blog_list_ri em { font-size: 14px; color: #ffffff; padding: 5px 10px; width: fit-content; margin-top: 15px; background: #3e3e3e; letter-spacing: 2px;}
.blog_list_ri p {  font-size: 15px; border-top: 1px solid #afafaf; margin-top: 20px; padding-top: 15px;padding-left: 5px;}
.blog_search input[type=submit]{  filter: grayscale(1);}
/*hover*/
.subbox_item a:after{display: none;}
.subbox_item:hover { border: 1px solid #efefef; padding: 15px;}

/*內頁*/
.articel_mainPic {  display: none;}
.blog_shareData { align-items: flex-start; align-content: flex-start; flex-direction: column;}
.blog_shareData .visitors_num { padding: 10px 0;}  

.subbox_item{ border: 1px solid transparent;}
.blog_back a.article_btn_back {  background: transparent;  border: 1px solid #e2b795;    color: #e2b795;} 
.blog_back a.article_btn_prev ,.blog_back a.article_btn_next { background: transparent; color: #e2b795; border: 1px solid;}
.blog_back {  width: 600px; margin: 0 auto;}
.product_info { margin: 35px 0 20px;}
.blog_le, .blog_ri { margin-bottom: 5vw;}
.blog_ri { padding-left: 70px;  width: calc(100% - 300px);}
.blog_le {  width: 250px;   position: sticky;   top: 110px;}

/*按鈕*/
.blog_back a.article_btn_prev:hover, .blog_back a.article_btn_next:hover { background: #e2b795; color: #fff;}
.blog_back a.article_btn_back:hover { background: #e2b795;color: #fff;} 

/*首頁*/
.module_i_news { padding: 100px 20px 80px;}
.module_i_news section {  max-width: 1500px; margin: 0 auto;  display: flex;  flex-wrap: wrap;   flex-direction: row;justify-content: space-between;}
.module_i_news_list { width: calc(100% - 320px);padding: 0;}
.module_i_news .title_i_box {  margin-bottom: 0px; text-align: left; width: 250px;}

.module_i_news .title_i_box h4 {
        font-size: 20px;
        color: #1F1F1F;
        font-weight: 500;
        letter-spacing: 3px;
        position: relative;
        top: 175px;
}
.module_i_news .title_i_box h4:before {
        content: "Article";
        font-size: 55px;
        color: #E1B795;
        position: absolute;
        top: -77px;
}
.module_i_news .title_i_box h4:after {
        content: "";
        background: url(https://pic03.eapple.com.tw/pshenrychen/new_title.svg);
        position: absolute;
        left: 0;
        top: -150px;
        width: 60px;
        height: 60px;
        background-size: contain;
        background-repeat: no-repeat;
}
.module_i_news ul {  grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;}

.i_blog_b { max-width: fit-content;  margin: 0 auto 0 0; }
.i_blog_b a {  margin: -50px auto 0 0;  display: block;}
.animated-arrow {
        background: #fff; color: #e2b795; display: inline-block; width: 150px;
        border-radius: 50px;  border: 1px solid #e2b795;}

.i_blog_b a:hover { background: #e2b795; color: #fff;}        
.i_blog_b a > b { font-size: 16px;padding-left: 10px;}
.fa-arrow-right::before { content: "+"; font-size: 14px;}

.module_i_news li a { grid-template-columns: 1fr;}
.module_i_news li:nth-child(4) {  display: none;}

.i_blog_ri { max-height: 180px; min-height: 180px;}
.i_blog_le { aspect-ratio: 16 / 9;   order: 2;}
.i_blog_ri h5 { margin-bottom: 15px;}
.i_blog_ri em { margin: 7px 0 10px; border-bottom: 1px solid;  padding-bottom: 12px;}

/*hover*/
.module_i_news li a:after ,.module_i_news li a:before {display: none;}
.module_i_news li:hover img { transform: scale(1.05); transition: 0.5s;}
.i_blog_le img { transition: 0.5s;}
.module_i_news li a:hover h5 { color: #9f7b5f;}

/*相關分類*//*文章+購物車*/
.related_list { max-width: 1500px;}
.news_related , .prod_related { background: transparent; padding: 50px 15px;} 
.news_related h6 span:before, .prod_related h6 span:before { font-size: 25px; color: #464d50; letter-spacing: 5px;font-weight: 500;}
.news_related h6 span:after { content: ""; width: calc(100% - 250px); position: absolute; background: #888; height: 1px; right: 0;  top: 50%;}
.news_related h6 {  max-width: 1500px; margin: 0 auto 50px; text-align: left; position: relative;}
.lastPage {  color: #e2b795; background: transparent; border: 1px solid;}
.news_related_list {  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));}
.news_related_list li a , .related_list li a { padding: 0px;background: transparent;}
.news_related_list li a p , .related_list li a p{ padding: 10px 0px; text-align: center;color: #888;}
.lastPage:hover { background: #e2b795;  color: #fff;}


/*相簿 ********************************************* */
/*首頁*/
.module_i_album .title_i_box { position: absolute;  z-index: 99;  margin: 0 auto; text-align: center;  display: block;  width: 100%; margin-top: -55px;letter-spacing: 2px;}
.module_i_album .title_i_box:before {
        content: "";  background: #f9f9f9;   position: absolute;  width: 285px;  height: 87px;
        z-index: -1;  left: 50%;  transform: translateX(-50%); top: -10px;}
.module_i_album .title_i_box h6 {  font-size: 30px;  color: #e2b795;  font-weight: 500;  letter-spacing: 2px;}
.module_i_album .title_i_box h4 { font-size: 17px;  color: #e2b795;  font-weight: 500;}

.module_i_album section { width: 100%;  max-width: 100%;}
.i_album_list {  grid-gap: 0vw;}
.i_album_list_box {padding: 0px 0;}
.module_i_album { padding: 0px;}
.i_album_b {  display: none;}

.pageIndex .i_album_list li div {width: 100%;aspect-ratio: unset;  height: 600px;}
.pageIndex .i_album_list li a p {
        background: linear-gradient(to top, #000000, #00000000);   color: #ffffff;  height: 15em;   padding: 0 35px 50px;
        letter-spacing: 5px;  font-size: 17px;  writing-mode: tb;align-items:flex-end;  justify-content: flex-end;}

/*hover*/
.pageIndex .i_album_list li:hover p { height: 100%; justify-content: flex-end;   padding-bottom: 100px;}
.pageIndex .i_album_list li a:before { content: "";
        background: url(https://pic03.eapple.com.tw/urcurtain/search_img.svg);
        width: 30px;  height: 30px; position: absolute;
        left: 39px; bottom: 0%;  z-index: 99; opacity: 0; transition: 0.6s;}

.i_album_list li:hover a:before {  opacity: 1;  bottom: 6%;}


/*樣式*/
.i_album_list li a p {
        background: linear-gradient(to top, #000000, #00000000);   color: #ffffff;  height: 9em;
        letter-spacing: 2px;  font-size: 17px; align-items:center;padding-bottom: 20px;}
/* flex-basis: ; */
ul.i_album_list li { flex-grow: 1;box-sizing: border-box;margin: auto 0; display: inline-block;  vertical-align: top;}
.i_album_list li div { aspect-ratio: unset; height: 34vw;}
.i_album_list li:hover img { transform: scale(1.02);}

@media screen and (max-width: 768px) {  .pageIndex .i_album_list li div {height: 350px;}}

/*列表*/
.show-list { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); grid-gap: 30px;}
.subalbum-menu h2 { color:#111111; letter-spacing: 5px;}
.overlay { display: none !important; }
.other_subalbum li a p { line-height: 2; background: linear-gradient(to top, #000000, #00000000);
    color: #ffffff; height: 4em; letter-spacing: 2px;  font-size: 17px; position: absolute; bottom: 0;  width: 100%;  transition: 0.5s; display: flex;  align-items: center; justify-content: center; align-content: center;}
.other_subalbum li:hover a p {  height: 100%; }

/*內頁*/
.album_info_page .pic-list .item h6 { font-size: 15px; color: #111; padding: 15px 5px;transition: 0.5s;}
.album_info_page .pic-list { grid-gap: 35px 20px;grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));}
.pic-list .item:hover h6 { color: #e2b795;}
h4.blog_category_title { color: #333; border-bottom: 1px #ccc solid; font-size: 25px;padding-bottom: 25px;}

.album_descrip {
        margin-bottom: 50px;color: #444; line-height: 1.8; font-size: 16px;
        letter-spacing: 2px; padding-bottom: 25px; border-bottom: 1px solid #bababa; position: relative;}

.pic-list .show_pic img { transition: 0.5s;}
.pic-list a:hover .show_pic img { transform: scale(1.05);}
.album_a .other_album { display: none;}

/*hover*/
.show-list .item a:before{
    content: ""; background: url(https://pic03.eapple.com.tw/urcurtain/search_img.svg);
    width: 30px; height: 30px; position: absolute; transform: translateX(-50%); left: 50%;  top: 100%;  z-index: 99;  opacity: 0;  transition: 0.6s;}
.show-list .item:hover a:before {  opacity: 1;  top: 63%;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1200px) {
/*文章*/
.blog_list_ri h5 { font-size: 20px;}
}


@media screen and (max-width: 1080px) {
/*文章*/
.blog_subbox { grid-template-columns: 1fr 1fr;  grid-gap: 40px 20px;}
.subbox_item a { grid-template-columns: 1fr;}
.blog_ri { margin-bottom: 0vw;  padding: 0 0 0 50px;}
.blog_le { position: relative;  top: 0px;   padding: 0px;}
.blog_list_ri em { font-size: 12px; letter-spacing: 1px;}
.blog_list_ri h5 {  letter-spacing: 1px;  font-size: 17px;}
}

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


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

/*購物車*/
.product_menu_list,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}
.product_page .product_menu_list>h5{display: block;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}

/*文章*/
.blog_le, .blog_ri { padding: 20px 0;}
h4.blog_category_title { font-size: 20px;}
.blog_le, .blog_ri { margin-bottom: 0vw;  padding: 0px 0 10px;}

/*相簿*/
.pageIndex .i_album_list li a p { align-items: flex-end;writing-mode: unset;justify-content: center;padding: 0 35px 30px;}
.pageIndex .i_album_list li a:before {display: none;}
.pageIndex .i_album_list li:hover p {  height: 100%; justify-content: center; padding-bottom: 30px;}
}

@media screen and (max-width: 600px) { 
/*文章*/
.blog_subbox {  grid-template-columns: 1fr;   grid-gap: 40px 20px;}
.blog_back {  width: 100%;grid-template-columns: 1fr;}

/*相簿*/
.album_descrip { line-height: 1.4; font-size: 15px;  letter-spacing: 1px; }
.album_info_page .pic-list { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 10px 20px;}
.pic-list .show_pic {  aspect-ratio: auto;}
}