@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&family=El Messiri:ital,wght@0,100..900;1,100..900&display=swap');
/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/
body{
	overflow-x:hidden;
	font-family:"El Messiri","Noto Serif TC","Noto Sans TC","Source Sans Pro","微軟正黑體","arial","sans-serif";
	font-weight: 300;
  letter-spacing: 2px;font-size: 16px;}
.page {display: none;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
#to_top {
    bottom: 90px;
    left: unset;
    right: 0;
    width: 45px;
    height: 45px;
    padding-top: 6px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background: #d2b48c;
    box-shadow: none;
    border-radius: 7px 0 0 7px;}

#to_top i.top:before, #to_top i.top:after {height: 10px;}
#to_top i:before, #to_top i:after {background: #fff;}
.edit_part {padding: 0;}
.me_tp_features {display: none;}

@media screen and (max-width:1024px) {
    .me_tp_features {margin-top: 10px; padding-right: 0;}
}
@media screen and (max-width:768px) {

    .me_tp_features {display: none;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
#content_main { margin:0;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}


.pageIndex .header_area{top: 0;}
/*bannerindex/＝＝＝＝＝*/
.swiper-banner .swiper-slide img {animation: none;}
.bannerindex { position:sticky; height:auto;}/*custom原本有寫*/
.bannerindex .swiper-banner { position:static; margin:0; height:auto;}/*custom原本有寫*/
.bannerindex .swiper-slide img { height:auto;}/*custom原本有寫*/
.bannerindex .swiper-slide {position: relative;}/*因為偽元素，所以要加的*/
.bannerindex .swiper-slide:before ,.bannerindex .swiper-slide:after { content: ""; position: absolute;  z-index: 999; pointer-events:none;}

.bannerindex .swiper-slide:nth-child(2)::after {
    background: url(https://pic03.eapple.com.tw/lippinail/banner-02.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100% !important;
    background-position: left;
    padding-bottom: calc(100% / 1* 0.43);}

    .bannerindex .swiper-slide:nth-child(1):before{
    content: "";
    display: block;
    position: absolute;
    top: 5%;
    background: url(https://pic03.eapple.com.tw/lippinail/banner-03.png);
    width: 100%;
    max-width: 80%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10000;mix-blend-mode: multiply;
    animation: swiff 15s infinite cubic-bezier(0.65, 0.01, 0.28, 0.94);    opacity: 0.3;
}

    .bannerindex .swiper-slide:nth-child(2):before{
    content: "";
    display: block;
    position: absolute;
    top: 5%;
    background: url(https://pic03.eapple.com.tw/lippinail/banner-03.png);
    width: 100%;
    max-width: 80%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10000;mix-blend-mode: multiply;
    animation: swiff 15s infinite cubic-bezier(0.65, 0.01, 0.28, 0.94);    opacity: 0.3;
}

@keyframes swiff {
    0%,100%{
        transform: scale(1.2) rotateZ(0deg) translate(0px,0);
    }
    50%{
        transform: scale(1.3) rotateZ(2deg) translate(-100px,0);
    }

}



.bannerindex .swiper-slide.swiper-slide-active:nth-child(1)::after {animation:fade-in-elegant  2.5s ease-in-out both;}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2)::after {animation:fade-in-elegant  2.5s ease-in-out both;}
/*上升特效*/
@keyframes slide-top {
    0% {-webkit-transform: translateY(100%);  /* 一開始的位置 在Y-100(最下方)*/
              transform: translateY(100%);
              opacity:0;/*透明度0*/}
    100% {-webkit-transform: translateY(0);/* 跑到最後終止的位置 在Y-0(最上方)*/
              transform: translateY(0);
              opacity:1;/*透明度顯示*/}
    }
  
    @keyframes fade-in-elegant {
      0% {
          opacity: 0;
          transform: translateY(20px); /* 從下方滑入 */
      }
      100% {
          opacity: 1;
          transform: translateY(0); /* 最終位置 */
      }
  }
  
  @keyframes slide-fade-in {
      0% {
          opacity: 0;
          transform: translateX(-20px); /* 從左側滑入 */
      }
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
  @-webkit-keyframes fade-in-bck {
      0% {
        -webkit-transform: translateZ(150px);
                transform: translateZ(150px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        opacity: 1;
      }
    }
    @keyframes fade-in-bck {
      0% {
        -webkit-transform: translateZ(150px);
                transform: translateZ(150px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        opacity: 1;
      }
    }

@media screen and (max-width: 1600px) {
    .bannerindex .swiper-slide:nth-child(2):before {
    top: -5%;
    }}

@media screen and (max-width: 1500px) {
    .bannerindex .swiper-slide:nth-child(2):before {width: 80%;top: -10%;}
.navigation {max-width: 1200px;}

}

@media screen and (max-width: 1024px) {.bannerindex .swiper-slide:nth-child(2):before {width:100%;top: 0%;}}


    @media screen and (max-width: 768px) {
      .bannerindex {
          padding-bottom: 0%;
      }}
.bannerindex .swiper-pagination, .stellarnav li.has-sub > a:after {display: none;}

/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.edit_part {max-width: unset;margin: 0;padding: 0;}
.other_page .main_part {max-width: unset;padding: 0px;margin: 0;width: 100%;}
.main_part{max-width: 1400px;width: 100%;margin: auto;padding: 80px 0;}
.show_content{width: 100%;max-width: 100%;padding: 0;}
.nav-header {max-width: 0px;}
.header_area.sticky .nav-header {max-width: 85px;align-items: flex-start;}
/*反白顏色/＝＝＝＝＝*/
::-moz-selection{  background-color: #444;  color: #fff;}
::selection{  background-color: #444;  color: #fff;}
.linkBox_Open + span i {transform:rotate(45deg);}

/*Header/＝＝＝＝＝*/
.main_header_area{background: #f5deb3;}
.main_header_area .container {max-width: 95%;}
.navigation {padding: 0;width: 97%;margin: 0 auto;}
.header_area {background: none;padding: 0;}

/*第一層*/
.stellarnav > ul > li > a {transition: all 0.3s;margin: 40px 25px 0;padding: 0;color:#fff;font-size: 15px;}
.header_area.sticky .stellarnav > ul > li > a {margin: 20px 25px 0;}
.stellarnav > ul > li:hover > a{color:#ffffffb5;}
/*icon/＝＝＝＝＝*/
.stellarnav li.has-sub > a {padding: 0;}
.stellarnav li.has-sub > a:nth-child(2) {padding: 7px 20px 7px 0px !important;}


    .stellarnav li.has-sub > a:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #a7a7a7;}
    .stellarnav > ul > li:hover > a:nth-of-type(1)::before {top: -10px;transition: 0.3s;}
    .stellarnav > ul > li > a:nth-of-type(1)::before {transition: 0.3s;}
        
.stellarnav li li:hover{padding-left: 10px;transition: 0.3s;}
.stellarnav .icon-close:before{border-bottom: solid 3px rgba(255, 255, 255, 0.9);}
.stellarnav .icon-close:after {border-bottom: solid 3px rgba(255, 255, 255, 0.9);}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {background: #a47f5b;color: #fff;}
.stellarnav.mobile ul {background: #ffffffcf;}
/*第二層*/

/*SubMenu*/
.shop_search_btn {background: #A47F5B;}
.tp_links a{display: none;}
.info_fix>span {display: none};

/*側邊選單*/
.info_fix {    bottom: 200px;    right: 16px;}
.stellarnav.mobile > ul > li > a.dd-toggle {  margin: 0;}
.stellarnav.mobile li.open {background: #FDF8EE;}
/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*/
.header_area{position: fixed;    width: 100%;}
.header_area .main_header_area {    background: transparent;transition:all 0.5s;margin-top: 10px;position: relative;}
.header_area.sticky .main_header_area {background:#f5deb3;margin-top: 0;}
.header_area.sticky .main_header_area:after{max-width: 100%;opacity: 0;}
.header_area.sticky .main_header_area .container{max-width: 100%;height: 65px;}

@media screen and (max-width: 1200px) {
.navigation { grid-template-columns: 100px 1fr;}
.stellarnav > ul > li.has-sub > a { padding-right: 0;}

}

@media screen and (max-width: 1024px) {
.stellarnav > ul > li:nth-of-type(3) > a:nth-of-type(1)::before {left: 8px;}
.main_header_area .container {max-width: 100%;}
}

@media screen and (max-width: 850px) {
    .stellarnav > ul > li > a {margin: 0;}
.stellarnav > ul > li > a {font-size: 14px;}}

@media screen and (max-width: 768px) {
.pageIndex .header_area {position: relative;}
.stellarnav.mobile > ul > li > a {margin-top: 0;}
.stellarnav > ul > li:nth-of-type(3) > a:nth-of-type(1)::before{ left: 100px;}
.me_tp_features {display: none;}
.main_header_area .container {
    max-width: 100%;
}}

@media screen and (max-width: 500px) {
.nav-header {max-width: 90px;}}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */



/*點點*/
.swiper-pagination {display: none;}

.banner h5:before {
  content: '';
  color: #FFF;
    font-family: "Noto Sans TC";
    text-shadow: none;
    font-size: 20px;
    letter-spacing: 3px;
    display: block;
    font-weight: 300;}

.banner h5 {
  font-size: 24px;
  color: #ffffff;
  padding-top: 20px;
  font-weight: 400;
  letter-spacing: 10px;
  font-family: "Noto Serif TC";}

.banner{
  background-image: url(https://pic03.eapple.com.tw/lippinail/banner-01.jpg);
  background: #000;
  height: 100vh;
  background-attachment: fixed;
  width: 100%;
  padding: 0;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;}

.banner.banblog[data-banner=news_a_list_4688] {background-image: url(https://pic03.eapple.com.tw/lippinail/banner-01.jpg);}
.banner.banblog[data-banner=news_a_list_4688] h5:before {content: 'NEWS';}

.banner.banE{background-image: url(https://pic03.eapple.com.tw/lippinail/banner-02.jpg);}
.banner.banE h5:before {content: 'PORTFOLIO';}

.banner.banblog[data-banner=news_a_list_4689] {background-image: url(https://pic03.eapple.com.tw/lippinail/banner-03.jpg);}
.banner.banblog[data-banner=news_a_list_4689] h5:before {content: 'CLASS';}


.banner.banA {display:none;} 

/*麵包屑*/
.path{display:none;} 
.path p a:hover {display:none; color: #909090;}
.promotion_title {display: none;}
.other_promotion {display: none;}


/*Footer*/
.footer_info li p.tel:before {content: '常用電話：';}
.footer_info li p.mail:before {content: 'Email：';}


.footer_info li p:before {letter-spacing: 2px;}
.footer_logo img {display: none;}
.copy { background: #d2b48c;color: #ffffff;}
.copy a{color: #ffffff;}

.footer_menu a:hover {
  background: none;
  color: #c39b6a;
  font-weight: 500;}

.footer_menu a {    
  display: inline-block;
  padding: 5px 7px 5px 15px;
  border: none;
  margin: 0px 4px 4px 0px;
  font-size: 14px;
  line-height: 100%;
  color: #998367;
  background: none;
  border-left: 1px #ccc solid;
  transition: all 0.3s;}


.box_link{ display: none;}
.footer {background: #fef5e4;border-top: 1px solid #fff;}

.footer_info ul {
  display: inline-block;
  vertical-align: top;
  width: 100%;}

.footer_info li {display: block;padding: 10px 0 10px 0;}
.footer_info li p {color: #998367;font-weight: 400;}

.footer_info li p a {color: #998367;}
.footer .center {position: relative;max-width: 90%;}
.footer .center {
  position: relative;
  max-width: 90%;
  padding: 30px 0;}

.footer_info {
  padding: 0;
  display: flex;
  grid-gap: 20px;
  padding-right: 0;
  flex-wrap: wrap;}

.footer_info li:nth-child(2) {
  position: absolute;
  right: 0;
  top: 14px;}

@media screen and (max-width: 1200px) {
.footer_info li:nth-child(2) {position: unset;}
.footer .center {padding: 0;}
.footer_info li+li {margin-top: 0px;}}

@media screen and (max-width: 768px) {
.footer_menu a:nth-child(2) {border-left: 1px #ccc solid;}}

@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.articel_mainPic img {
    display: none;}
.blog_shareData { justify-content: flex-end;}
.news_related {background: #fff;}
.lastPage { background: #A47F5B;}
/*首頁顯示文章*/
.i_prod_tit h2, .i_video_tit h2 {color: #a47f5b;font-size: 40px;}
.animated-arrow {
  height: 45px;
  width: 200px;
  background: #a47f5b;}
.i_blog_ri h5 {color: #fff;}
.module_i_news .title_i_box h4 {color: #ffffff;}
.i_blog_b {margin-top: 30px;}
.module_i_news ul, .blog_subbox {display: grid;gap: 10px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.module_i_news li , .subbox_item {width: 100%;}
.module_i_news li a , .subbox_item a {padding: 5px;}
.module_i_news li a:after , .subbox_item a:after{pointer-events:none;}
.i_blog_le, .i_blog_ri , .blog_list_le , .blog_list_ri {    width: 100%;}
.i_blog_le , .blog_list_le{    position: relative;    padding-bottom: 100%;    height: 0;}/*文章縮圖長寬比例，100% →100:100 = 1:1 正方形 */
.i_blog_le img , .blog_list_le img{
	display:block;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}
.i_blog_le, .i_blog_ri , .blog_list_le , .blog_list_ri {    width: 100%;}
.module_i_news ul{width: 90%;	grid-template-columns:1fr 1fr 1fr 1fr;}
.module_i_news li a {
        position: relative;
        display: flex;
        flex-direction: column;}
.module_i_news_list, .module_i_news_list.swiper {display: flex;justify-content: center;}
.module_i_news_list{padding: 0;}

/*文章設定*/

/*文章管理/＝＝＝＝＝*/
.blog_page .main_part, .blog_in_page .main_part { max-width: 1500px;}
h4.blog_category_title { font-size: 28px; color:#d2b48c;}
h4.blog_category_title span { font-size: 24px;}
h5.blog_le_t { display: none;}
.blog_le .accordion {border-radius: 0;border: none;}
/*文章管理/外層＝＝*/
.module_i_news { padding: 100px 20px;}
.module_i_news ul, .blog_subbox { display: grid; gap: 0;}
.module_i_news li, .subbox_item {
  width: 100%;
  position: relative;
  height: 100%;
  transition: .3s ease-in-out;
}
.subbox_item a:hover img { opacity: 1;}
.subbox_item{margin-bottom: 0;}
.module_i_news li:hover, .subbox_item:hover { background-color: #f5deb384; transition: all 0.3s ease-in-out;}
.module_i_news li:hover:before, .subbox_item:hover:before { opacity: 0;}
.module_i_news li:hover::after, .subbox_item:hover::after { opacity: 0;}
.subbox_item a {
    display: flex;
    flex-direction: column;}
.blog_subbox:hover .subbox_item { opacity: .6; transition: .3s ease-in-out;}
.blog_subbox:hover .subbox_item:hover { opacity: 1; transition: .3s ease-in-out;}

.module_i_news li:before, .subbox_item:before, .module_i_news li:after, .subbox_item:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 86.04%;
  background-color: #f5deb3;
  -webkit-transition: opacity .4s linear;
  transition: opacity .4s linear;
}
.module_i_news li:before, .subbox_item:before {left: 0;}
.module_i_news li:after, .subbox_item:after  {    right: 0;}

.module_i_news .title_i_box h6 {
  font-size: 17px;
  color: var(--SubColor_2);
  font-family:  "Cinzel", serif;
  font-weight: normal;
}
.module_i_news .title_i_box h4 {
  font-size: 36px;
  color: var(--TextColor_2);
  font-weight: 500;
  font-family: "Noto Serif TC", serif;
  letter-spacing: 3px;
}
.i_blog_ri h5, .blog_list_ri h5 {
  color:#d2b48c;
  font-size: 18px;
  padding-top: 7px;
  padding-bottom: 2px;
}
.i_blog_ri p, .blog_list_ri p {font-size: 14px;}
.module_i_news li a, .subbox_item a {
  padding: 5px;
  padding: 16.66% 14.28% 7.71% 14.28%;
}
.module_i_news li a:after , .subbox_item a:after { pointer-events:none;}
.module_i_news li a:before, .subbox_item a:before {
  display: none;
}
.module_i_news li a:after, .subbox_item a:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #f5deb3;
  -webkit-transition: opacity .4s linear;
  transition: opacity .4s linear;
  content: "";
  opacity: 1;
  border: none;
  top: 100%;
}
.i_blog_le, .i_blog_ri , .blog_list_le , .blog_list_ri { width: 100%;}
.i_blog_le , .blog_list_le{ position: relative; padding-bottom: 100%; height: 0;}/*文章縮圖長寬比例，100% →100:100 = 1:1 正方形 */

.i_blog_le img , .blog_list_le img{
display:block;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  -webkit-object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.i_blog_ri em, .blog_list_ri em {
  padding-right: 3.1em;
  font-size: 10px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  top: 14.66%;
  left: 5%;
  color: #24231f;
  font-family: var(--SFontE);
}

/*側邊*/
.blog_le{ margin-top: 66px;}
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: none !important;}
.accordion li .link a { color:#d2b48c !important;}
.submenu a:hover { background: #f5deb3;}
/*首*/
.module_i_news ul {
  width: 100%;
  grid-template-columns: repeat(4,1fr);
  max-width: 1600px;
}
/*功*/
.blog_subbox{grid-template-columns: repeat(3,1fr);}
.blog_subbox:before{content:none;}

/*文章管理/內層＝＝*/
.blog_back a.article_btn_back{background:#d2b48c;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next { background: #f5deb3;}

@media screen and (max-width:1024px) {
  .blog_subbox{ grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width:768px) {
  .blog_page .main_part, .blog_in_page .main_part { padding: 0 0 100px;}
}

@media screen and (max-width:450px) {
  .blog_subbox{ grid-template-columns: 1fr;}
}


/*聯絡我們*/
.contact_page .main_part {width: 100%;}
.contact_editbox {
    margin: 0;
    padding: 0;}
.contact_form li textarea.noborder{border: none;}
.contact_form li input.noborder {border: none;}
.contact_content {
    max-width: 1200px;
    margin: auto;
    padding: 0;}
.contact_form li.last cite {background: #A47F5B;}
.contact_content .information_right {width: 100%;margin-bottom: 80px;}
.contact_content .information_left { display: none;}
.contact_form li {display: flex;flex-direction: column;}
.contact_form li .form__label {
  display: block;
  max-width: 100%;
  text-align: left;}
.contact_form li.last {display: flex;flex-direction: row;} 
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert {display: flex;grid-gap: 15px;}
.contact_form li.last blockquote, .contact_form li.last cite {border: none;}
.blank_letter {
    text-align: center;
    font-family: unset;
    padding-top: 70px;
    font-size: 25px;
    color: #6f4e32;}
@media screen and (max-width: 768px) {
  @media screen and (max-width: 600px) {
      .contact_form li .form__label {background: none;
      }}}

@media screen and (max-width:600px){
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert { display: grid;}}



/*相本列表*/
.show-list {grid-template-columns: 1fr 1fr 1fr;}
.subalbum-menu h2 {display: none;}
.other_subalbum li {background: none;}
.album_fixed_title {background: none;}
.other_subalbum li a p {
    color: #6f4e32;
    font-weight: 600;
    letter-spacing: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 2;}
.other_album {text-align: right;}

@media screen and (max-width: 768px) {
.show-list { grid-template-columns: 1fr 1fr;}}

@media screen and (max-width: 500px) {
.show-list { grid-template-columns: 1fr;}}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a
 { color: #d2b48c !important;}

.blog_le .accordion > li:hover .link a{padding-left: 20px;transition: all 0.6s ease;}
/*相簿設定*/
.album_page .main_part {
    max-width: 2000px;
    margin: 0;
    padding: 0;}

.show_content {margin: 0;padding: 0;}
.show-list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0;}

.show-list .show_name {
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 50%;
    left: 50%;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 10px;
    color: #fff;
    text-align: center;
    margin: 0;
    transition: all ease-in .3s;
    opacity: 1;
    transform: translate(-50%, -50%);}
.show-list .item:hover .show_name {color: #fff;}
.show-list .show_pic img {filter: brightness(0.8);}
.show-list .show_pic img:hover {filter: brightness(1.0);}
.album_page .page {display: none;}

.subalbum-menu {margin: 0;padding: 0;}
.subalbum-menu h2 {display: none;}
.album_class_page .main_part {
    max-width: 2000px;
    margin: 0;
    padding: 0;}
.other_subalbum li a p{
  position: absolute;
    top: 50%;
    bottom: 50%;
    right: 50%;
    left: 50%;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 10px;
    color: #fff;
    text-align: center;
    margin: 0;
    transition: all ease-in .3s;
    opacity: 1;
    transform: translate(-50%, -50%);}

.other_album_choice {display: none;}
.other_album {display: none;}
.album_class_page .page {display: none;}

@media screen and (max-width: 700px) {
.show-list {grid-template-columns: 1fr;}}