@charset "utf-8";

/*●●●●●●●●●●●●●●●●●●●●●●●●   隱藏內容   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.me_tp_features{display:none;}
.box_link{display:none;}
.tp_links{display:none;}
.path p, .path p a { display: none;}
.footer_logo{display:none;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   大範圍設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
*{letter-spacing: .1rem;}
*{font-family: /*"Kosugi Maru", sans-serif;*/}
:root{
/*顏色*/
--mainColor01:　#308c96;  /*湖水綠*/ --mainColor02:　#b6964e;  /*金色*/
--subColor01: #efefef;   /*灰色*/ --subColor02: #253536;   /*墨綠色*/ --textColor: #333333; /*文字*/

/* 字型 */
--ffmain: "微軟正黑體"; --ffsub:"Noto Sans TC", sans-serif;
}

#content_main { margin-top: 0;}
#content_main, #content {background: url(https://pic03.eapple.com.tw/jinyi/co_bg.jpg) top no-repeat; background-size: cover;background-attachment: fixed;}

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

/*●●●●●●●●●●●●●●●●●●●●●●●●   浮動按鈕   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.info_fix_links{ display:block !important;}/*保持展開*/
.info_fix>span { display: none;}/*隱藏展開鈕*/
.linksBtn, .info_fix:hover>.linksBtn{ background: #de8c66;}

.info_fix_links a { background:rgb(184 25 39 /0.5); border: 1px solid white;}
.info_fix_links a:hover {  background:rgb(184 25 39);animation: move2 2s; animation-timing-function: ease-out;}

.info_fix_links a:nth-of-type(even) { background: rgb(56 82 163/0.5);}
.info_fix_links a:nth-of-type(even):hover {  background: rgb(56 82 163);}

@keyframes move2{	0%{transform: rotateY(0deg);}	100%{transform:  rotateY(360deg);}}

/*●●●●●●●●●●●●●●●●●●●●●●●●   查看更多按鈕   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.animated-arrow {border-radius: 20px;background: unset;transition:.3s;position:relative;overflow:hidden;
    color: #fff; background: #e6e6e6;font-size: 14px;height: 40px; line-height: 40px;}

.animated-arrow b, .animated-arrow i{position:relative; z-index:99;}
.animated-arrow b{ font-weight: normal;}
.animated-arrow::after { background: #edacac; content:"";position:absolute;width:0px;height:100%;top:0px;left:0px;transition:.5s;}
.animated-arrow:hover {	color: #fff;}
.animated-arrow:hover::after {	width:100%;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○//*首頁大圖*/
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}

/*共用*/
.bannerindex:before {
    content: "";
    width: 100%;
    height: 10vw;
    position: absolute;
    top: 0;
    left: 0;
    /*background: linear-gradient(180deg, rgb(234 224 198 / 81%), transparent);*/
    z-index: 10;
    mix-blend-mode: hard-light;
}
.bannerindex .swiper-banner:before, .swiper-banner:after{
    content: " ";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition-duration: 2s;
    transition-timing-function: linear;
}
.bannerindex .swiper-banner:before {
    width: 100%;
    background: url(https://pic03.eapple.com.tw/jinyi/cover.png);
    background-size: contain;
    left: 0;
    height: 100%;
    background-repeat: repeat-x;
    -webkit-animation: anime_wave01 20s linear 10s infinite alternate;
    animation: anime_wave01 20s linear 0s infinite alternate;
    -webkit-animation-duration: 150s;
    animation-duration: 30s;
    mix-blend-mode: luminosity;
    opacity: .5;
}
@keyframes anime_wave01 { from { background-position: 0 0;} to { background-position: -2000px 0;}}

/*各別*/
.bannerindex .swiper-slide{position: relative;}
.bannerindex .swiper-slide:before, .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition-duration: 2s;
    transition-timing-function: linear;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before, .swiper-slide.swiper-slide-active:nth-child(1):after,
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before, .swiper-slide.swiper-slide-active:nth-child(2):after {
    background-image: url(https://pic03.eapple.com.tw/jinyi/BNA1.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
	top: 0;
    background-size: contain;
    position: absolute;
    z-index: 101;
    animation: up_pop 1.5s ease;
	
}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after, .swiper-slide.swiper-slide-active:nth-child(2):after{
    background-image: url(https://pic03.eapple.com.tw/jinyi/BNA2.png);
    animation: fade_in 1.5s ease;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { background-image: url(https://pic03.eapple.com.tw/jinyi/BNB1.png);}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after{   background-image: url(https://pic03.eapple.com.tw/jinyi/BNB2.png);}

@keyframes up_pop {
 0% { transform: translateY(50%); opacity: 0;}
 60% { transform: translateY(0);}
 70% { transform: translateY(5%);opacity: 1;}
 100% { transform: translateY(0);}
}
@keyframes fade_in {
 0% { opacity: 0;}
 60% { opacity: 0;}
 75% { opacity: 1;}
 80% { opacity: 0;}
 85% { opacity: 1;}
 100% { opacity: 1;}
}

/*大圖滑動點*//*
.bannerindex {--swiper-pagination-color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction
{bottom: auto;top: 50%;left: 2vw;width: 25px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{margin: 0px 5px; width: 3px; height: 13px;border-radius: 2px;}

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

/*○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○//*內頁大圖*/
.banner {/*background: url(https://pic03.eapple.com.tw/shingfushin/ban.jpg) no-repeat;*/
background-position: center top !important;background-size: cover !important;height: 35vw;background: #757575;}
.banner h5 {font-weight: 400;color: #eee;margin-top: 8vw;font-size: 18px;}
.banner h5:before{content: "JinYi";/*font-family: serif;*/display: block;font-size: 40px;
    margin-bottom: 15px;color: #ccc;}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {/*background: url(https://pic03.eapple.com.tw/top1car/ban07.jpg) no-repeat;*/}
.banner.banblog {/*background: url(https://pic03.eapple.com.tw/top1car/ban08.jpg) no-repeat;*/}

@media screen and (max-width: 768px) {
	.bannerindex { /*padding-bottom:0%;*/}
	.banner{height: 300px;}
	.banner h5 {}
	.banner h5:before{}
}
@media screen and (max-width: 450px){
	.banner{height: 250px;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   功能頁首頁顯示-外掛   ●●●●●●●●●●●●●●●●●●●●●●●●*/

/*英文*/
.i_prod_tit h2, .i_video_tit h2, .news_part .title_i_box h6, .module_i_album .title_i_box h6, .module_i_news .title_i_box h6
{/*font-family: serif;*/font-weight: bold;font-size: 40px; color: #fff;letter-spacing: 0;}

/*中文*/
.i_prod_tit span, .i_video_tit span, .news_part .title_i_box h4, .module_i_album .title_i_box h4, .module_i_news .title_i_box h4
{color: #db9486;font-size: 22px;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*LOGO*/
.main_header_area .container {max-width: 95%; padding: 10px 0 5px;}
.nav-header {max-width: 300px;}

/*底色*/
/*首頁*/
.pageIndex .header_area{opacity: 0;transition: all .5s;}
/*
.pageIndex .header_area:before{content: "";width: 80%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);
background: transparent;transition: all .5s;}

.pageIndex .header_area.sticky:before{width: 100%;background: #000000d4;transition: all .5s;}
.pageIndex .header_area, .pageIndex .header_area.sticky {background: transparent;position: fixed;}*/

/*內頁*/
.header_area { padding: 0;}

.header_area, .header_area.sticky {background: #000000d4; position: fixed;}
.header_area.sticky {opacity: 1;transition: all .5s;}

.navigation {display: flex;align-items: center;grid-gap: 0 10px;}

/*第一層*/
.stellarnav ul {display: flex; justify-content: flex-end;gap: 15px;}
/*.stellarnav > ul > li:before{content: "+"; color: #ffcfbe;font-style: italic;}*/
.stellarnav > ul > li { display: flex; align-items: center;}


.stellarnav > ul > li > a{color:#fff;letter-spacing: .2rem;transition: all .5s;}
.stellarnav > ul > li > a:hover {color: #ff3659;}
.stellarnav > ul > li:nth-of-type(even) > a:hover {color: #366bff;}

.stellarnav > ul > li > a b{font-family: Archivo Black; font-weight: bold;}
.stellarnav > ul > li > a b:nth-of-type(2){font-weight: bold;/* font-family: serif;*/ letter-spacing: 0;}

/*主選單箭頭*/
.stellarnav li.has-sub > a:after {border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 5px solid #ffbc68;}

/*第二層*/
.stellarnav ul ul{ background: transparent;top: 40px;}
.stellarnav li a{ color: #777777;padding: 10px;transition: 1s ease;}
.stellarnav li.has-sub li {border: none; border-bottom: 1px solid #d69e88; background: #ffffffe8;}
.stellarnav li.has-sub li a:hover{background: #de8686; color: #fff; padding-left: 18px;}

@media screen and (max-width: 1024px) {
.stellarnav ul { justify-content: center;}
.pageIndex .header_area, .pageIndex .header_area.sticky { position: sticky; background: #000000d4; opacity: 1;}
}

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

/*menu*/
.stellarnav .menu-toggle:after { color: #fff;}
.stellarnav .menu-toggle span.bars span { background: #fff;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { /* padding: 0;*/}
.stellarnav {margin-top: 0;}

/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: transparent; color: #e1e1e1; padding: 18px;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {border-bottom: solid 1px #ffffff; margin: 1.5px 1.5px 0 -5px;}

/*摨閗𠧧*/
.stellarnav.mobile li a { border-bottom: none;text-align: justify;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {  background: #757575e3; backdrop-filter: saturate(93%) blur(5px);}
.stellarnav.mobile > ul > li { border-bottom: 1px #ffffff33 solid;}
.stellarnav.mobile > ul > li:hover { border-bottom: 1px #ffffff29 solid;background: #0000003b;}
.stellarnav.mobile > ul > li > a b{color: white !important;}

/*蝚砌��惜*/
.stellarnav.mobile li.open{ background: transparent;}
.stellarnav.mobile ul ul {margin:0 50px 15px 15px;}
.stellarnav li li a {}
.stellarnav li li:hover a { background: #1c1c1c;}

/*�����*/
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {  border-bottom: solid 2px #90bdff;}
.stellarnav > ul > li > a{letter-spacing: 2px; margin: 0 5px;}
.stellarnav > ul > li > a b { color: #fff;  line-height: 200%;}
.stellarnav > ul > li.has-sub > a{padding: 10px;}

}





/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.footer{background: #fff;padding: 0;}
.footer .center {max-width: 1000px;width: 90%;}
/*LOGO*/
/*聯絡資料*/
.footer_info {display: flex; flex-direction: column; grid-gap: 10px;padding: 20px 0 0;}
.footer_info ul{display: flex; flex-direction: column; align-items: center;}

.footer_info li {display: flex; flex-wrap: wrap; justify-content: center;text-align: center; gap: 0 20px;}
.footer_info li:nth-child(1){}
.footer_info li:nth-child(2){}
.footer_info li+li { margin-top: 0;}

.footer_info li p, .footer_info li p a{color: #494439;font-weight: bold;}
.footer_info li p:before { color: #747474;}

/*按鈕*/
.footer_menu a{background: #303030;border: none;color: white;font-size: 12px;padding: 6px 8px;position: relative;z-index: 1; margin: 5px 0;width: 88px;}

.footer_menu a:first-child{display: none;}
.footer_menu a:before{content: "";width: 0;height: 100%;position: absolute;top: 0;left: 0;transition: all .5s;background:#23438e;z-index: -1;}
.footer_menu a:nth-of-type(even):before{background:#bc2020;}
.footer_menu a:hover:before{left: auto;right: 0;width: 100%;transition: all .5s;}

/*copy*/
.copy {padding: 8px 0 10px; background: #939393; margin-top: 5px;}
.copy, .copy a{font-size: 10px; color: #fff;letter-spacing: 0;}

/*#to_top*/
#to_top { border: 1px solid #ffffff33; background: #828282b5; box-shadow: none; border-radius: 0; color: #ffffff;bottom: 90px;}
#to_top i:before, #to_top i:after { background: #ffffff;}

/*#bottom_menu*/
#bottom_menu{background: #d8d8d8; box-shadow: none;}
#bottom_menu li { border-right: 1px solid #ffffff;}
#bottom_menu li a i { color: white;}
#bottom_menu li a em {color: #878787;}

@media screen and (max-width: 768px) {
	.footer { padding: 0 0 55px;}
    #to_top { bottom: 66px; }
}


/*●●●●●●●●●●●●●●●●●●●●●●●●   促銷方案&小撇步-最新消息   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*共用*/

/*首頁顯示*/
.news_part { background: url(https://pic03.eapple.com.tw/chengjhen2025/i_article_bg.jpg) no-repeat; 
             background-size: cover; background-position: center; border-bottom: 1px solid gainsboro;}
			 
.news_list ul { max-width: 800px; margin: auto;}
.news_list ul li p { color: #616161;}
.news_list ul li p:after { content: 'Read More'; /*font-family: serif; */font-weight: bold; margin-right: 15px; color: #feb9a5;}

.news_list ul li a {background: #ffffffb3;border-bottom: none; margin: 10px 0 0;}
.news_list ul li a:hover { background: #ffe5d4;}
.news_list ul li a:hover p:after { color: white;}

/*促銷首頁*/
/*促銷內頁*/

/*●●●●●●●●●●●●●●●●●●●●●●●●   文章-幸福指南   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*共用*/

/*首頁顯示*/
.module_i_news {background: url(https://pic03.eapple.com.tw/chengjhen2025/i_article_bg.jpg) no-repeat;
                background-size: cover;background-position: center;}

.module_i_news .title_i_box{margin-bottom: 10px;}
.module_i_news section {max-width: 1600px;}
.module_i_news ul {grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2%;}
.module_i_news li a {grid-template-columns: 1fr;}

.module_i_news li a:before { color: #fff; background: #ffc886; border-radius: 15px;padding: 15px 20px;
    /*font-family: serif; */top: 40%;left: 50%;bottom: auto;right: auto;transform: translate(-50%,-50%);}
.module_i_news li a:after {background: transparent; border: 2px #ff50004d solid; border-radius: 20px;}

.i_blog_le { border-radius: 20px; border: 2px solid #ffffff;}
.i_blog_ri {padding: 15px 5px;}
.i_blog_ri h5 {font-size: 18px;color: #585858;}
.i_blog_ri p {line-height: 160%;font-size: 12px;color: #888;}

/*文章首頁*/
/*文章內頁*/
@media screen and (max-width: 768px){
.module_i_news ul {grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));}
}
@media screen and (max-width: 450px){
	/*首頁*/
	.module_i_news .title_i_box h4 {font-size: 24px;}
	.module_i_news ul {}
}

/******************************************

*******************

****************************

***************************

**********************************************************************************

*************************************************************************************

*******************

****************************

***************************

**********************************************************************************

********************************************************************************************/

/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*側邊*/
.blog_le{padding: 0 7px;}
h5.blog_le_t{text-align: center;margin-bottom: 0;}
h5.blog_le_t em,h5.blog_le_t span{display: none;}
.blog_search input[type=search]{border-radius: 0;}
.blog_le .accordion {border-radius: 0;}
.accordion li .link a {font-size: 13px;font-weight: 500;letter-spacing: .6rem;text-align: center;}
.submenu a {padding: 12px 12px 12px 30px;background: #fff;font-size: 12px;}
/*分類頁*/
.blog_ri {padding: 0 0 0 50px;}
.blog_page h4.blog_category_title{display: none;}
.blog_subbox {grid-template-columns: 1fr;}
.subbox_item a {grid-template-columns: 200px 1fr;align-items: center;grid-gap: 50px;padding-right: 50px;}
.subbox_item a:before {font-size: 12px;padding: 5px 20px;background: #c1a383;color: #fff;
	bottom: auto;right: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.subbox_item a:after {background: rgba(256,256,256,.5);border: none;}
.blog_list_ri h5 {color: #444;font-weight: 400;}
.blog_list_ri em {font-size: 12px;}
.blog_list_ri p {font-weight: 400;letter-spacing: .2rem;line-height: 160%;font-size: 12px;margin-top: 20px;}
/*文章頁*/
h4.blog_category_title {padding: 0;font-size: 20px;letter-spacing: .4rem;margin-bottom: 0;font-weight: 400;}
.blog_shareData{border-bottom: 1px solid #eee;padding-bottom: 10px;}
.toShareNews b{font-size: 12px;font-weight: 400;}
.toShareNews a object{max-width: 20px;}
.articel_mainPic{display: none;}/*清單縮圖*/
.blog_back {grid-gap: 0;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {
	background: transparent;color: #888;border: 1px solid #888;font-size: 14px;padding: 12px;}
.blog_back a.article_btn_back{background: #888;padding: 12px;}
.news_related {background: transparent;padding: 50px 15px;margin-top: 50px;}
.news_related h6 span:before {font-size: 18px;letter-spacing: .6rem;font-weight: 500;color: #555;}
.news_related_list li a p {padding: 5px 5px 10px;line-height: 1.6;}
.lastPage {background: #c1a383;font-size: 16px;}

@media screen and (max-width: 1024px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 120px 1fr;align-items: start; grid-gap: 30px;padding: 15px 0;}
}
@media screen and (max-width: 768px){
	/*側邊*/
	.blog_le{padding: 0;}
	/*分類頁*/
	.blog_list_ri{padding: 0;}
	.blog_list_ri h5 {font-size: 16px;}
	/*文章頁*/
	.blog_le, .blog_ri{margin-bottom: 50px;}
	.blog_back a.article_btn_prev,.blog_back a.article_btn_next,.blog_back a.article_btn_back{font-size: 12px;}
	.lastPage{font-size: 12px;}
}
@media screen and (max-width: 450px){
	/*分類頁*/
	.subbox_item a {grid-template-columns: 80px 1fr;grid-gap: 15px;}
}
/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*側邊*/
.accordion li .link a{color: #fff;font-weight: 400;}
/*分類頁*/
.blog_list_ri h5 {color: #fff;}
.subbox_item a:before {background: linear-gradient(45deg, #0e2673, #2196de);}
.subbox_item a:after {background: rgb(67 67 67 / 50%);}
/*文章頁*/
h4.blog_category_title{color: #fff;}
.blog_back a.article_btn_back {background: #ccc;color: #000;    font-size: 14px;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {color: #eee;border: 1px solid #ccc;font-size: 14px;}
.news_related {border-top: 1px solid #ccc;}
.news_related h6 span:before{color: #eee;}
.news_related_list li a {padding: 0;background: #222;}
.news_related_list li a p {color: #ccc;padding: 20px 5px;}
.lastPage {background: linear-gradient(45deg, #0e2673, #2196de);font-size: 12px;margin: 40px auto 0;}

@media screen and (max-width: 1024px){
}
@media screen and (max-width: 960px) {
	/*分類頁*/
    .subbox_item {border-bottom: 1px #555 solid;}
}
@media (max-width: 768px) {
	/*首頁*/
    .module_i_news li {border-bottom: none;}
    /*分類頁*/
    .blog_ri {padding: 0;}
}
@media screen and (max-width: 450px){
	/*文章頁*/
	.news_related_list li a p {font-size: 12px;}

}

/*●●●●●●●●●●●●●●●●●●●●●●●●   相簿管理(有分類)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*分類頁面*/
.subalbum-menu{padding: 0;margin: 0;}
.subalbum-menu h2 {font-size: 18px;color: #333;letter-spacing: .6rem;display: none;}
.show-list .show_pic {aspect-ratio: 4 / 5;}
.show-list .show_pic img {transform: scale(1);filter: grayscale(1);-webkit-filter: grayscale(1);transition: all .5s;}
.show-list .show_name{color: #333;letter-spacing: .6rem;text-align: center;font-weight: 500;height: 40px;margin: 15px 0;
font-size: 15px;}
.show-list .item .overlay {-webkit-transform: scale(1);transform: scale(1);}
.show-list .item:hover .show_name {color: #b6a292;}
.show-list .item:hover .show_pic img {transform: scale(1.05);filter: grayscale(0);-webkit-filter: grayscale(0);}
/*相本頁面*/
.show-list {grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));}
.other_subalbum li a p {position: absolute;bottom: 15%;left: 50%;transform: translate(-50%, 0);color: #fff;
transition: all .5s;}
.other_subalbum li:hover a p{color: transparent;} 
.album_fixed_title{background: transparent;}
.other_album {margin: 50px 0;}
.other_album_choice li {background: #b6a292;padding: 5px 20px;border-radius: 0;font-size: 13px;}

/*※※※※※【【  此案件更動處↓↓↓  】】※※※※※*/
/*分類管理*/
.show-list .show_name {color: #ccc;}
.show-list .item:hover .show_name {color: #fff;}
/*相片頁*/
.album_descrip{color: #fff;}
.album_fixed_title{color: #ccc;}
.other_album_choice li {background: #002FA7;}

@media screen and (max-width: 900px){
	/*相本頁面*/
	.show-list {grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));}
}


/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們(表單功能)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*標題*/
.blank_letter {color: #333;font-size: 20px;font-weight: 500;letter-spacing: .6rem;padding-top: 0;}
/*左側資訊*/
.contact_content .information_left{margin-bottom: 80px;}
.list_before.info li {border-bottom: 1px solid #eee;padding: 5px 5px 10px 70px;word-break: break-word;
    line-height: 120%;}
.list_before.info li:before{font-weight: 400;letter-spacing: .4rem;width: 60px;}
/*表格設定*/
.contact_content .information_right {width: calc(100% - 305px);padding-left: 50px;}
button, input, optgroup, select, textarea{outline: none;}
.contact_form li {margin-bottom: 8px;}
.contact_form li input.noborder,.contact_form li textarea.noborder {border: none;background: #fafafa;}
.contact_form li.last blockquote, .contact_form li.last cite{border: 1px solid #888;}
.contact_form li.last blockquote{color: #888;}
.contact_form li.last cite {background: #888;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 4px;}
.noborder {padding: 10px;border-radius: 6px;}
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert {
	grid-template-columns: repeat(auto-fit, minmax(20px, 20px) minmax(200px, 1fr));line-height: 1.8;}
.form select{width: 100%;border: 1px solid #eee;padding: 6px 26px 6px 6px;}

@media screen and (max-width: 768px) {
	/*左側資訊*/
	.list_before.info li,.list_before.info li:before{font-size: 12px;}
	/*表單設定*/
	.contact_form li {grid-gap: 5px;}
	.form select{margin: 0;}
	.contact_form li.last blockquote, .contact_form li.last cite{padding: 0;}
	.contact_form li.last input{font-size: 12px;}
}
@media screen and (max-width: 600px){
	.contact_form {margin-top: 20px;}
	.contact_form li {margin-bottom: 10px;}
	.contact_form li .form__label {font-weight: 500;background: transparent;padding: 0;}
	.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert{
		font-size: 12px;}
	.form select{font-size: 12px;}
	.list_before.info li {padding: 5px 5px 5px 70px;}
	.blank_letter {font-size: 16px;font-weight: 600;}
	.noborder {padding: 5px;}
}




/*●●●   其他設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*★★★卷軸設定↓↓↓↓↓↓↓↓↓↓↓↓*/
/* 捲軸寬度及高度 *//*
::-webkit-scrollbar {
  width: 6px; /*右側捲軸寬度*//*
  height: 0px; /*下方捲軸高度*//*
}
/* 軌道背景底色 *//*
::-webkit-scrollbar-track {
  background: #eee; 
}
 
/* 滑桿顏色 *//*
::-webkit-scrollbar-thumb {
  background: #888; 
}
/* 滑桿滑鼠滑入時的顏色 *//*
::-webkit-scrollbar-thumb:hover {
  background: #444; 
}
/*○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○//*下面未整理*/
/*header跟漢堡

.stellarnav li.has-sub li:last-child{border-bottom: none;}
.stellarnav li.has-sub li a {font-size: 13px;padding: 8px 12px;transition: all .5s;}
.stellarnav{padding-top: 8px;}

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

	.nav-header {max-width: 250px;}
	.stellarnav > ul > li > a{font-size: 14px;}
}
@media screen and (max-width: 768px){
	.me_tp_features {position: relative;max-width: inherit;z-index: 0;}
	.box_search{width: 100%;}
	.box_search input[type=text] {max-width: inherit;}
    .stellarnav .menu-toggle:after {margin-top: 8px;font-weight: 400;color: #a2a2a2;}
    .stellarnav .menu-toggle span.bars span {height: 1px; background: #a2a2a2;}
	.stellarnav.mobile > ul > li > a.dd-toggle{top: 15px;}
	.stellarnav.mobile > ul > li.open > a.dd-toggle{top: 5px;}
	.stellarnav a.dd-toggle .icon-plus:before,.stellarnav a.dd-toggle .icon-plus:after {border-bottom: solid 1px #777;}
	.stellarnav.mobile .close-menu{position: relative;color: transparent;}
	.stellarnav.mobile .close-menu > *{display: none;}
	.stellarnav.mobile .close-menu:before{content: "×";position: absolute;right: 10px;top: 10px;color: #000; font-size: 12px;}
    .stellarnav.mobile > ul > li > a b{vertical-align: middle;}
	.stellarnav .menu-toggle {  padding: 0;}
	.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{border-right: none;}
	.stellarnav.mobile {}
	.stellarnav.mobile ul {background: #111;}
	.stellarnav.mobile > ul > li:nth-of-type(2) > a.dd-toggle{display: none;}
	.stellarnav.mobile > ul > li > a {padding: 15px 43px 15px 15px;margin: 0;}
	.stellarnav.mobile li a{border-bottom: none;}
	.stellarnav.mobile > ul > li > a.dd-toggle {top: 8px;}
	.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{background: transparent;}
	.stellarnav.mobile .close-menu:before {top: 0px;color: #eee;font-size: 50px;}
	.stellarnav.mobile li.open {background: #222;padding: 0;}
	.stellarnav li.has-sub li a {padding: 12px 15px 12px 30px;position: relative;}
	.stellarnav li.has-sub li a:before{content: "‧";position: absolute;left: 15px;top: 50%;transform: translateY(-50%);
	color: #0040E8;}
}


@media screen and (max-width: 1024px){
	.footer_info{padding-right: 0;}
	.footer_info li p, .footer_info li p a {font-size: 14px;}
}
@media screen and (max-width: 768px){
	.footer_info {grid-template-columns: 1fr;grid-gap: 20px;padding: 0;}
	.footer_info li{padding: 10px;}
}