@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body{overflow-x:hidden; font-family:'Josefin Sans',"Noto Sans TC",微軟正黑體,arial , sans-serif; font-weight: 400;}

/*lifu45122984-力富貨櫃(0517-白色版)*/

/*上方選單解除滑動固定*/
body{ overflow: overlay;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*反白顏色*/
::-moz-selection{  background-color:#378fa9 ;  color: #fff;}
::selection{  background-color:#378fa9 ;  color: #fff;}

/*右側滾輪設定*/
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(102, 102, 102, 0.6);}
::-webkit-scrollbar-thumb { background-color: #378fa9 ;}
::-webkit-scrollbar-thumb:hover { background: #378fa9 ;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



.banC { background-image: url(https://pic03.eapple.com.tw/yufu/banc.jpg);  background-color: #DDDDDD; }
.banner { color: #3f90aa; padding: 220px 0 130px 0; background: repeat center center #dddddd;}
.blog_page h5{color:#378fa9 ;}
.promotions_page h5{color:#378fa9 ;}
.contact_page h5{ color: #378fa9 ;}
.banner.banB{background-image: url(https://pic03.eapple.com.tw/lijing4169/bannerb.jpg);}
.banner.banC{background-image: url(https://pic03.eapple.com.tw/lijing4169/banC.jpg);}
.banner.banE{background-image: url(https://pic03.eapple.com.tw/lijing4169/banC.jpg);}
.h5{ color: #378fa9 ;transform: translatey(-280%);}





/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.nav-brand { padding:10px 0 10px 0;}
.nav-brand img { max-width: 327px;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display:none;}

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


/*預設解除背景輪播*/
#content_main { margin:0;}
#content {
    background-color: #DDDDDD;
    /*background-image: url(https://pic03.eapple.com.tw/yufu/bg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center bottom;
}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}

@media screen and (max-width: 1024px) {
    .bannerindex { padding:0; margin:0;}
    .banner {padding: 120px 0 130px 0;}}


@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}

@media screen and (max-width: 425px) {  .banner {padding: 80px 0 80px 0;}}


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


/* 大圖箭頭 */
.swiper-wrapper .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 81px;
    left: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100000;
    bottom: 110px;
    border-right: 5px solid #378fa9 ;
    border-bottom: 5px solid #378fa9 ;
    transform: translateX(-50%) rotate(45deg);
    -webkit-animation: bannerScrollAnimation 0.8s linear infinite;
    animation: bannerScrollAnimation 0.8s linear infinite;
}




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*多語系*/
.me_tp_features a { vertical-align: unset;}
.tp_lang { display: inline-block;}
.tp_lang a:before { padding: 1px 3px; border: 1px solid #378fa9 ; background: transparent; border: 0px solid #378fa9 ; font-size: 12px;}
.tp_lang a.lang_tw:after { content: '';  border-right: 1px solid #cccccc;  padding: 0 0px 0 5px;}
.tp_lang a.lang_tw:before { content: 'TW';color: #378fa9 ;}
.tp_lang a.lang_en:before { content: 'EN';color: #777777;}
/*搜尋_購物車_匯款通知*/
.tp_links { display: none;}
.me_tp_features { margin-bottom: 3px; padding: 0 19px 0 1px;}
.me_tp_features a { display: none;}
@media screen and (max-width: 768px) {
.me_tp_features { margin-bottom: 0px;  padding: 10px;}
}
/*搜尋欄*/
form#hs_search {padding-right: 56px;}
.box_search input[type=text] { box-sizing: border-box; width: 100%; height: 27px;border-radius: 0;    background: url(none) no-repeat 9px center #fff; }
.box_search { width: 310px;}
.shop_search_btn { background: #378fa9 ;  color: #ffffff; border-radius: 0px;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */





/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.pageIndex .main_part { border-top: none;}
.header_area { position: fixed; width: 100%;}
.main_header_area {
    background: #ffffff;
    transition: all 0.5s ease;
    border-top: 4px #378fa9  solid;
    border-bottom: 1px solid #eeeeee;
}
.main_header_area .container { max-width: 1300px;}
.sticky .main_header_area { background: #ffffff;	/*backdrop-filter: blur(5px); */transition: 0.5s; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); margin: 20px 20px;}
.sticky .nav-menu > li > a { color: #000;}
.sticky .nav-menu>li:not(.tp_links) { border-left: 0px solid #eee;}
.sticky .nav-menu>li:nth-child(5) { border-right: 0px solid #eee;}
.tp_links{ display:none;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */






/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*新選單*/
.navigation {  padding: 15px 0 0 0px;}
.stellarnav li { font-size: 17px;}
.stellarnav li a { color: #000; padding: 10px 10px;}
.stellarnav > ul > li { padding: 0 5px;}
.header_area.sticky{    background: rgb(255 255 255 / 0%);}
.header_area {background: #f0f0f000;}


/*第一層*/
.stellarnav > ul > li > a {
    margin: 0 5px;
    padding: 0px 10px 0;
    position: relative;
    letter-spacing: 1.5px;
    color: #333333;
    transition: all 0.1s;
    font-weight: 600;
}
.stellarnav > ul > li > a b { font-weight: 400;}
.stellarnav > ul > li > a:hover { color: #378fa9 ;}
.stellarnav li li a{ transition: all 0.2s ease-in-out;}/*下拉分類滑過前*/
.stellarnav li li a:hover { background: #378fa9 ; color: #ffffff;}/*下拉分類滑過後*/
.stellarnav > ul > li > a {font-size: 20px}

/*選單下拉三角槓槓*/
.stellarnav li.has-sub > a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 2px;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    display: block;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: transparent #378fa9  #378fa9  transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/*按鈕效果*/
.stellarnav > ul > li:hover::after {
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.stellarnav > ul > li::after {
    content: "";
    background: #FA5098;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 0%;
    transform: scale(0,1);
    transition: 0.5s ease-in-out;
}

/*下拉分類橫向箭頭*/
.stellarnav li li.has-sub > a:after {
    content: '';
    display: inline-block;

    position: absolute;
    top: 45%;
    right: 10px;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #cccccc #cccccc transparent;
    -webkit-transform: rotate(253deg);
    transform: rotate(-45deg);
}


/* 浮動隱藏 */
.linksBtn{display:block;}

/*-------------------------------------------------*/

/*第二層*/
.stellarnav li li { border: none !important;}
.stellarnav li li > a, .stellarnav li li.has-sub > a {
    color: #333333;
    padding: 10px 15px;
    transition: all 0.3s;
    letter-spacing: 1.5px;
    border-left: 1px solid transparent;
    font-size: 14px;
    background: #ffffff;
    box-shadow: 4px 5px 23px rgb(0 0 0 / 10%);
}/*下拉背景*/
.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a { padding-left: 20px;  border-left: 4px solid #384ca3;}
.stellarnav > ul >li >ul { left: 50%;  transform: translateX(-42%);}
.stellarnav ul ul { width:200px; border: 0 solid transparent;}/*下拉分類寬度/外框*/
.stellarnav li li { border: none;}
.stellarnav li li + li { border-top: 1px solid #eeeeee;}
.stellarnav li.drop-left ul ul { right: 100%;}
.stellarnav ul ul ul { left: 100%;}


/*-------------------*/
/*下拉次分類(箭頭)*/
.stellarnav li.drop-left li.has-sub > a:after {
    float: left;
    margin-right: 10px;
    border-left: 0;
    border-top: 1px solid #ccc;
    border-bottom: 0px solid transparent;
    border-right: 1px solid #ccc;
}
.stellarnav li li.has-sub > a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 45%;
    right: 10px;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #cccccc #cccccc transparent;
    -webkit-transform: rotate(253deg);
    transform: rotate(45deg);
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */





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

/*首頁(購物車)*/
.i_prod_tit {padding: 40px 0 20px;}
.i_prod_tit span { font-size: 34px; color: #333333; line-height: 1.2;  font-weight: 900;  margin-bottom: 15px;}

/*首頁(最新消息/促銷方案)*/
.news_list ul li span { background: #ebebeb; font-weight: 500; color: #003a74;}
.news_list ul li p { padding: 15px 70px 15px 15px;}
.news_list ul li p:after { background: #378fa9 ;  padding: 3px 5px;  border-radius: 2px;  color: #fff;  content: 'READ MORE';}
.news_list ul li a:hover p { color: #333; letter-spacing: 1.4px;}
.news_list ul li a:hover {  background: rgb(238 238 238 / 50%);}
/*送出按鈕*/
.animated-arrow { background: #ffffff;  border: 1px solid #378fa9 ; color: #333333;}
.animated-arrow:hover { background: #378fa9 ; border: 1px solid #378fa9 ; color: #ffffff;}
.animated-arrow b {font-weight: 300;transition: all .2s;}
.i_prod_b a i.fa-solid.fa-arrow-right { transition: all .2s;}
.news_part * { transition: all .2s;}
.news_part .title_i_box h6 { font-size: 17px; color: #d8d8d8;}
.news_part .title_i_box h4 { font-size: 40px; color: #143877; font-weight: 700;}

/*首頁(促銷方案-內頁)*/
.promotion_title * { vertical-align: middle;}
.promotions_page .show_content { border-bottom: 1px solid #cecece;}
.promotion_title {border-bottom: 1px solid #d6d6d6; padding: 10px 0;}
.promotion_title h2 {font-size: 24px; color: #378fa9 ;}
.promotion_title em {display: none;}
.promotion_title span { border: 0px #ccc dashed; padding: 2px 0px; margin: 0 2px 2px 0;}
.promotions_page.edit { margin: auto; padding: 20px 1%;}
.other_promotion { padding: 25px 0;}
.other_promotion li span{ color: #378fa9 ;}
.other_promotion .pmtTime span { font-size: 12px; color: #818181;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media only screen and (max-width: 1024px) {   
    .me_tp_features {margin:  0 0;}
    .header_area{     position: relative;   background: #ffffff;}
    .header_area.sticky{position: fixed;}



}


#to_top {box-shadow: none; border-radius: 0%;}


@media only screen and (max-width: 768px) {
    .me_tp_features {display: none;}
    .stellarnav .menu-toggle span.bars span {background: #378fa9 ;}
    .stellarnav .menu-toggle:after {    color:#378fa9 ;}
    .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {background: #378fa9 ;    color: #fff;}
    .stellarnav .icon-close:before {border-bottom: solid 3px #ffffff;}
    .stellarnav .icon-close:after {border-bottom: solid 3px #ffffff;}
    .stellarnav.mobile {margin: 10px 0 0 5px;}
}


@media only screen and (max-width: 425px) {
.nav-brand img {
    max-width: 130px;
}

.nav-brand {
    padding: 10px 0 10px 0;
}
}


/* ====footer===================================================================================================================== */
/*Footer/＝＝＝＝＝*/
.footer {    padding: 80px 0px;  background-image: url(https://pic03.eapple.com.tw/lijing4169/footer.jpg);}
.footer_info li p, .footer_info li p > a {    color: #e8e8e8; line-height: 220%;}
.footer_info {    display: flex;    padding: 0;    justify-content: space-between;}
.footer_logo {        display: none; }
.footer_logo img {    max-width: 100px;}
.footer_info ul {    display: flex;    align-items: flex-start;    justify-content: space-between;    width: 100%;}
.footer_info li {    padding: 0;}
.footer_info li:nth-child(1) {    width: 48%;}
.footer_info li:nth-child(2) {    width: 48%;    text-align: right;}

.footer_menu a {
    background: transparent;
    color: #eee;
    border: none;
    /* width: 42%; */
    display: block;
}
.footer_menu a:first-child {    display: none;}
.footer_menu a:hover {    background: transparent; color: #FA5098;}

.box_link {
    top: 100%;
    width: 100%;
    text-align: left;
    padding: 0 13.5%;
    transition: all 0.3s;
}
.box_link a {
    display: none;
    width: 30px;
    height: 30px;
    background: transparent;
    border-radius: 30px;
    font-size: 18px;
    padding: 2px;
    color: #eee;
    border: 1px #88888847 solid;
    transition: all .3s;
}
.box_link a:hover {    background: transparent;    color: #767676;}
.copy {    border: none;    padding: 85px 0 60px;    text-align: right;    width: 100%;    max-width: 1200px;    margin: 0 auto;max-width: 1300px;}
.copy, .copy a {    color: #ddd; transition:all 0.3s;}
.copy a:hover {color: rgb(147, 221, 255);}



.contact_content .information_right{width: calc(98% - 300px);}
.contact_le_map a { background: #378fa9 ;}
.contact_form li.last cite { background: #378fa9 ;}
.red {    color: #378fa9 ;}
.blank_letter {    color: #101010;}
.blank_letter{    color:#525252} 


@media screen and (max-width: 1024px) { .footer .center{max-width: 800px;}}
@media screen and (max-width: 768px) { .footer .center{max-width: 600px;}}
@media screen and (max-width: 425px) { .footer .center{max-width: 380px;}}
@media screen and (max-width: 375px) { .footer .center{max-width: 350px;}}
@media screen and (max-width: 320px){ .footer_menu a {    width: 95%;}}

/*--RWD---------------------------------------*/

@media screen and (max-width: 1024px){
    /*.footer_info {padding: 0 80px 0 0;}*/
    .copy {max-width: 800px;}
}

@media screen and (max-width: 768px) {
    /*footer*/
    .footer_info { align-items: center;}
    .footer_logo { text-align: center;}
    .footer_info ul { flex-direction: column;}
    .footer_info li:nth-child(1) { width: 100%;text-align: center;}
    .footer_info li:nth-child(2) { width: 100%; border-left: none;text-align: center;}
    .copy {    text-align: center;}
    .double_key {    text-align: center;}
    ul#bottom_menu {display: flex;}

    /*底部按鈕*/
    #to_top { bottom:60px;}
    #bottom_menu {display: block; }
    .footer.with_shopping_mode { padding:30px 0 70px; }

    .footer_menu {
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 15px 0;
    }
    .copy {    padding: 30px 0 60px;}
}

@media screen and (max-width: 600px) { 
    /*footer*/
    .footer_info ul { width: 100%;}

    /*聯絡icon*/
    .box_link { text-align: center;}
}
@media screen and (max-width: 425px) {
    .footer_menu {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
    }
    .copy {
        padding: 0px 0 20px;
    }
}


/*文章管理/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*首頁_文章管理*/
h5.blog_le_t em{display: none;}
h5.blog_le_t span {display: none;}


/*首*/
.module_i_news ul{width: 90%;	grid-template-columns:1fr 1fr 1fr 1fr ;}
.module_i_news ul, .blog_subbox {  display: grid;  gap: 30px;}
.pageIndex .module_i_news { max-width: 2000px; margin: 0 auto; padding: 70px 0 120px 0; background-image: url(https://pic03.eapple.com.tw/700451/ind_news_bg.jpg), url(https://pic03.eapple.com.tw/700451/ind_bg.jpg);
    background-position: left top, center; background-repeat: no-repeat, repeat;}
.pageIndex .module_i_news ul { max-width: 1400px; width: 100%; margin: 70px auto 20px auto;}
.pageIndex .module_i_news li {border-bottom: 0px #eee solid; }
.pageIndex .module_i_news .title_i_box:before { content: ""; width: 550px; border-top: 1px solid #DDE3D2;  position: absolute;  z-index: 1;}
.module_i_news .title_i_box {  text-align: center;  display: flex;  justify-content: center; align-items: flex-end; margin: 0;}
.pageIndex .module_i_news .title_i_box h6:before {	content: "01"; position: relative; top: 132px; left: -120px; width: 90px; font-size: 12px; border: 1px solid #7F9F7D; padding: 35px 35px; height: 90px; display: block;
	    transform: rotate(90deg) translateX(0);}
.pageIndex .module_i_news .title_i_box h6 {font-size: 110px; color: #5F745D; font-weight: 500; font-family: Noto Sans TC; letter-spacing: 5px; padding: 0 0 0 120px;}/*英標*/
.pageIndex .module_i_news .title_i_box h4 {  font-size: 18px;   color: #858585;  font-weight: 300;  font-family: Noto Sans TC;  padding: 0 0px 0px 20px;  bottom: 28px;  position: relative;}/*中標*/
.pageIndex .i_blog_ri { background: #fff; transform: translate(35px, -60px); padding: 15px 35px; position: relative;}
.pageIndex .i_blog_ri h5 {  height: 66px; font-size: 18px; padding: 10px 0; color: #555555; transition: all 0.3s; -webkit-line-clamp: 2;}
.pageIndex .module_i_news li a:hover h5 { color:#A28C62;}
.i_blog_le{ box-shadow: 4px 16px 40px rgba(30, 103, 64, 0.16);}
.blog_list_le { box-shadow: 4px 16px 40px rgba(30, 103, 64, 0.16);}
.pageIndex .i_blog_ri em { font-size: 12px;  margin: 0;}
.pageIndex .i_blog_ri p { display:none;}
.module_i_news li:hover .i_blog_ri:before { width: 100%;}
.i_blog_ri:before { content: ""; width: 0;  height: 1px;  background: #A28C62;  transition: all .5s;  position: absolute;  bottom: 0;  left: 0;}
.pageIndex .i_blog_le, .blog_list_le {  overflow: hidden;}
.i_blog_le, .i_blog_ri{  width: 100%;}
.pageIndex .i_blog_le img, .blog_list_le img { transition: 0.5s;}
.pageIndex .module_i_news li :hover .i_blog_le img, .subbox_item:hover .blog_list_le img { transform: translate(-50%, -50%) scale(1.05); }
.pageIndex .subbox_item a:hover:before, .subbox_item a:hover:after { opacity: 0; transition: all .5s;}
.module_i_news li{  width: 100%;}

/*查看更多按鈕*/
.fa-arrow-right::before { content: "+";}
.animated-arrow { font-size: 16px; font-weight: 200;  font-family: Noto Sans TC;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
.footer {    padding: 80px 0px; }}

@media screen and (max-width: 1200px) {
    @media screen and (max-width: 980px) {
        @media screen and (max-width: 768px) {
            .box_link {
                display: none;}}}}



/* = = = 相簿管理 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*--作品展示---------------------------------------*/

.work_page .main_part, .work_class_page .main_part, .work_info_page .main_part { max-width: 1400px; width: 90%; margin: 0 auto;}

/*--相簿管理/外層---------------------------------------*/

/*版面*/
.album_page .main_part, .album_class_page .main_part, .album_info_page .main_part { max-width: 1400px; width: 90%; margin: 0 auto;}
ul.show-list, .other_subalbum, ul.pic-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}

/*相簿*/
ul.show-list::before, ul.pic-list::before { content: none;}
.overlay { transform: scale(1,0); z-index: 1;}
.show-list .item, .other_subalbum li, .pic-list .item { width: 100%; margin: 0; padding: 5px;}
.show-list .show_pic, .other_subalbum li a div, .pic-list .show_pic { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 75%;}/*相簿圖片長寬比例，75% →100:75 = 4:3 */
.show-list .show_pic 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%);
}
.show-list .show_name { text-align: center;}
.show-list .item:hover .show_name { color: #fff;}

/*--相簿管理/內層---------------------------------------*/

/*其他相簿*/
.album_fixed_title { background: transparent;}
.other_album_choice li { background: #fff;}
.subalbum-menu h2 { color: #378fa9 ; font-size: 24px;}
.other_subalbum li p { margin-top: 10px; text-align: center; font-size: 20px; font-weight: 600;}
.other_album_choice li a { }

/*次分類*/
.block { display: none;}


.pic-list .show_pic img{    height: unset;}

/*--RWD---------------------------------------*/

@media screen and (max-width: 1024px) { .module_i_news ul { grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width: 980px) { .blog_subbox { grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width: 768px) { 
    h4.blog_category_title { font-size: 24px;}
    h4.blog_category_title span { font-size: 20px;}
    ul.show-list, .other_subalbum, ul.pic-list { grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 600px) {
    .module_i_news ul, .blog_subbox { grid-template-columns:1fr;}
    .i_blog_le, .blog_list_le { padding-bottom: 75%;}
    h4.blog_category_title { font-size: 20px;}
    h4.blog_category_title span { font-size: 18px;}
}
@media screen and (max-width: 425px) {
    ul.show-list, .other_subalbum, ul.pic-list { grid-template-columns: repeat(1,1fr);}
}


/* 聯絡============================================== */
@media only screen and (max-width: 768px) { .contact_content .information_right{width: calc(98% - 10px);}}
@media only screen and (max-width: 425px) {.contact_content .information_right {width: calc(170% - 300px);} .contact_content{padding: 0px 0;}}
@media only screen and (max-width: 375px) {.contact_content .information_right {width: calc(170% - 260px);}}
@media only screen and (max-width: 320px) {.contact_content .information_right {width: calc(170% - 220px);}}