@charset "utf-8";

/* 隱藏內容 */
.box_link,.tp_links,.path p,.path p a { display: none;}


/*捲軸*/
::-webkit-scrollbar { width: 6px; }

::-webkit-scrollbar-track-piece,
::-webkit-scrollbar {
  background: var(--ColorMain2);
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #7b7b7b;
}

#content_main {margin-top: unset;}
@media screen and (max-width: 1024px){
}  
@media screen and (max-width: 768px){
}         
@media screen and (max-width: 450px) {
}
.edit_part { padding: 0;}

/*首頁BANNER*/
.BannerHome02 { height: auto;}
.BannerHome02 .swiperBan02 { position: static; margin: 0;}
.BannerHome02 .swiperBan02 .swiper-slide img { height: auto;}
/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}
@media (max-width:1400px) { 
	.BannerHome02 { height: auto;}
}
@media (max-width:1024px) { 
	.BannerHome02 { height: auto;}
}
@media (max-width:768px) { 
	.BannerHome02 { height: auto;}
}

/*SubMenu*/
.me_tp_features {
    position: relative;
    z-index: 99;
    width: 100%;
    right: 0;
    padding: 10px 0;
    display: none;
}
.shop_search_btn { background: #214B33;}
.tp_links a { display: none;}/*隱藏選單按鈕連結*/

@media only screen and (max-width: 1024px) {
.me_tp_features { text-align: center;  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 570px) {
.me_tp_features a.tp_btn_cart, .me_tp_features a.tp_btn_notice {display: unset;}
}


/*測邊浮動按鈕*/
.info_fix_links a {  color: #515151; width: 45px;  height: 45px; }
.info_fix_links a:hover { color: #005EAC; background: transparent;}
.info_fix_default.info_fix_mail {display: none;}


/*預設解除背景輪播*/

.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;}
}
/* = = = Index banner = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

@media screen and (max-width: 768px) {
/* 行動裝置相容性調整 大圖調整 */
.swiper-slide img { animation-fill-mode: none; -webkit-animation-fill-mode: none;}
}
@media screen and (max-width: 600px) {
.main_part {  padding: 25px;  }
}


/*大圖設定*/
/*首頁大圖*/
.bannerindex { height:auto;}
.bannerindex .swiper-banner { position:static; margin:0; height:auto;} 
.bannerindex .swiper-slide img { height:auto;}

/*大圖文字動畫*/
.bannerindex .swiper-slide {   position: relative;}


.bannerindex .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 102;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0;
}

.bannerindex .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%; 
    z-index: 101;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; 
    opacity: 0;

}


.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before {
    background-image: url(https://pic03.eapple.com.tw/lansha2022/solid.png);
    animation: lineSlideRight 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.2s;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after {
    background-image: url(https://pic03.eapple.com.tw/lansha2022/font-1.png);
    animation: fadeInOnly 1.2s ease forwards;
    animation-delay: 0.9s; 
}


.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before {
    background-image: url(https://pic03.eapple.com.tw/lansha2022/solid.png);
    animation: lineSlideRight 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.2s;
}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after {
    background-image: url(https://pic03.eapple.com.tw/lansha2022/font-2.png);
    animation: fadeInOnly 1.2s ease forwards;
    animation-delay: 0.9s;
}

/* 線條：由左向右滑入 + 淡入 */
@keyframes lineSlideRight {
    0% {
        opacity: 0;
        transform: translateX(-60px);
    }
    50% {
        opacity: 1; 
    }
    100% {
        opacity: 1;
        transform: translateX(0); 
    }
}

/* 文字：純原地淡入 */
@keyframes fadeInOnly {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* ======================  內頁BANNER   ======================*/

.banner { 
    background: #fff;
    font-size: 30px;
    padding: 212px 0 100px;
    text-align: center;
    letter-spacing: 2px;
    color: #333;
}

@media screen and (max-width: 1024px) {
	.banner{ padding: 100px 0 100px;}
}


/*HEADER區塊*/

.header_area { 
    position: fixed; 
    width: 100%; 
    top: 0; 
    left: 0;
    background: #fff; 
}
.header_area.sticky{ background: #fff;}
.main_header_area .container { max-width: 1500px;}
.nav-brand img {
    max-width: 120%;
}

/*第一層*/
.stellarnav > ul > li > a b { 
    font-weight: 400;
    color: #555;
    letter-spacing: 1px;
    transition: all .5s;
    font-family: Noto Sans TC;
    font-size: 15px;
}
.stellarnav > ul > li.drop-left > ul { right: unset;}
.stellarnav > ul > li.has-sub > a {  padding-right: 0;}
.stellarnav > ul > li {padding: 10px;}

/*主選單箭頭*/
.stellarnav li.has-sub > a:after {display: none;}

/*第二層*/
.stellarnav ul ul{ background: #fff; top: 50px;}
.stellarnav li a{  color: #1c1c1c; padding: 10px; transition: all 0.5s ease; font-size: 14px;}
.stellarnav li.has-sub li a:hover{ background: #666; color: white; padding-left: 18px;}


@media screen and (max-width: 1440px) {
.main_header_area .container {max-width: 1200px;}
}

@media screen and (max-width: 1024px) {
.stellarnav > ul { justify-content: center; margin: 10px 0; }
.header_area.sticky {position: fixed; }
.header_area {position: relative; padding: 0;}
.nav-header { padding: 20px 0 0;}
}

@media screen and (max-width: 768px) {
.main_header_area .container { max-width: 100%;}
.header_area.sticky:before { background: transparent; display: none;}
.header_area.sticky {position: fixed;}
.header_area.sticky .navigation { grid-template-columns: 1fr; justify-items: center;  display: grid;}
.header_area.sticky .nav-header { padding: 12px 0 0; padding-left: 0; }
.header_area.sticky .nav-header:before { position: relative;    height: 65px;}
.nav-header { padding: 20px 0 0; }
.header_area.sticky .stellarnav > ul { margin: 0; margin-right: 0;}
.footer_menu {    justify-content: center;}
	
/*menu*/
.stellarnav .menu-toggle{ padding: 28px 33px !important;}
.stellarnav .menu-toggle:after{  color: #fef7e4; margin-top: 10px;display: none;}
.stellarnav .menu-toggle span.bars span { background: #666; width: 37px; height: 1px; border-radius: 6px; margin: 0 auto 7px;}
.header_area.sticky .stellarnav .menu-toggle span.bars span { background: #000;}


/*區塊*/
.stellarnav > ul { margin: 0;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { 
    background: #ebebeb;
    max-width: 320px;
    right: 0;
    left: unset;
}
.stellarnav.mobile { right: 0; left: unset;}	

/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: transparent;color: var(--ColorMain2);}
.stellarnav .icon-close:before, .stellarnav .icon-close:after{    border-bottom: solid 1px #333;}
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after { border-bottom: solid 1px #333;}
.stellarnav .icon-close { margin-right: 5px;}

/*第一層*/
.stellarnav.mobile > ul > li > a b {font-style: normal;color: #333;}
.stellarnav.mobile > ul > li { padding: 0 0 15px; margin: 15px; border-bottom: 1px #ababab solid;}
.stellarnav > ul > li:before{display:none;}
.stellarnav ul ul {top: 0;}
.stellarnav.mobile li a {border-bottom: none;  color: #666;}

/*第二層*/
.stellarnav.mobile ul { background: transparent;}
.stellarnav.mobile ul ul { margin: 0px 40px 15px 15px;}
.stellarnav li.has-sub li { background: transparent;  border: unset;}

}

@media screen and (max-width: 500px) {
    .nav-brand img {
        max-width: 100%;
    }
}



/*footer*/
.footer { padding: 60px 0 0; background: #fff; }
.footer_logo img { margin-left: 30%; max-width: 80%; width: 100%;}
.footer_info {padding-right: 0;}
.footer_info li {  padding: 0px;}
.footer_info ul {  display: flex; }
.footer_info li:nth-child(1) {  margin: 0 100px; display: flex; flex-direction: column; padding: 0;}
.footer_info li:nth-child(2) { padding-top: 0;display: flex;  flex-direction: column;}
.footer_info li:nth-child(3) { padding-top: 0;border-bottom: solid 1px #ccc;}
.footer_info li p,
.footer_info li p a {  
    color: #414141;  
    font-size: 14px;  
    line-height: 190%; 
    font-weight: 400;
    margin-right: 12px; 
    font-family: "Noto Sans TC", sans-serif; 
    transition: 0.5s;
    
}
.footer_info li p a:hover, .footer_menu a:hover {color: #005EAC;}
.footer_menu a:first-child {  display: none;}
.footer_menu:nth-child(2) {  padding: 0 10px; padding-left: 0;}
.footer_menu {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    gap: 4px 60px;
    font-family: "Noto Sans TC", sans-serif;
}
.footer_menu a {  
    position: relative;
    transition: all 0.3s;
    color: #414141;
    border: none;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: transparent;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 400;
    padding: 5px 10px;
}
.footer_menu a:hover {  background: rgba(225,223,219,1)0%; color:#414141 ;}
.box_link a {  transition: all 0.3s;  border: none; color: gray;  margin: 0 2px;  width: auto;  text-align: right;  font-size: 20px; font-size: 16px;}
.box_link a:hover {  background: transparent;  opacity: .8;}
.box_link a:first-child { padding-left: 10px;}

.copy { 
    background: rgba(225,223,219,1); 
    padding: 20px 0; 
    color: #555;
    text-align: center;
    font-size: 11px;
}

.copy a:hover { 
    color: #005EAC;
}

#to_top {
    width: 60px;
    height: 60px;
    color: #b3b3b3;
    background: transparent;
    box-shadow: none;
    border: 1px solid #b3b3b3;
    border-radius: 50%;
    padding-top: 14px;
    transition: 0.7s;
}

#to_top i {
    margin-bottom: 15px;
    width: fit-content;
    height: fit-content;
}

#to_top:hover i {
    transform: translate(0px, -5px);
    transition: 0.7s;
}

#to_top i:before, #to_top i:after{ background: #b3b3b3;}

@media screen and (max-width: 1100px) {
.footer_info li:nth-child(1) { margin: 0;}
.footer_logo img {margin-left: 15%;}
}

@media screen and (max-width: 768px) {
.footer_logo img{  margin-left: 0;}
.footer_info ul { display: flex;  flex-direction: column; margin: 0px 0px 30px 0px;}
.footer { margin-bottom: 50px;}
.footer_info li:nth-child(1) { width: 100%;margin-right: 0px;}
#bottom_menu li a em {  color: #333;  font-weight: 700;}
#bottom_menu li {  border-right: 1px solid #c1c1c1;}
#bottom_menu li a em { color: #333; font-weight: 600;}
.footer_info { display: flex;  grid-gap: 20px;  flex-wrap: wrap; margin: 40px; }
.footer_menu {display: block;}
}
    

@media screen and (max-width: 600px) {
.footer_info li p, .footer_info li p a {  margin-right: 0px;}
.footer_info li:nth-child(1):before {  margin-bottom: 10px;}
.footer_info li:nth-child(2):before {  margin-bottom: 10px;}
}

@media screen and (max-width: 400px) {
.footer_info{ flex-direction: column;}
.footer_info li:nth-child(1){ margin-bottom: 14px; }
} 




/*= = = = = = = = = = = =  文章 = = = = = = = = = = = = */

/*首頁顯示*/
.module_i_news .title_i_box h6 {display: none;}
.module_i_news .title_i_box { margin-bottom: 0;}
.module_i_news ul {grid-template-columns: 1fr 1fr 1fr;}
.module_i_news li a { grid-gap: 0;  grid-template-columns: 1fr;}
.i_blog_le { aspect-ratio: 3 / 4;}

/*英文*/
.module_i_news .title_i_box h4::before{ display: none;}

/*中文*/
.module_i_news .title_i_box h4{display: none;}



/*標題 時間 簡介*/
.i_blog_ri {padding: 15px;}
.i_blog_ri h5, .blog_list_ri h5 {
    font-size: 17px;
    color: #3b3b3b;
    font-weight: 500;
    -webkit-line-clamp: 3;
    font-family: noto sans tc;
}
.i_blog_ri em, .blog_list_ri em {  margin: 4px 0;font-size: 13px; letter-spacing: 0; font-family: serif;}
.i_blog_ri p, .blog_list_ri p {    line-height: 160%;font-size: 12px;}
.i_blog_ri p {  color: #282828}
.subbox_item a:after {background: rgb(255 255 255 / 70%);}
h5.blog_le_t {display: none;}

/*文章2-最新消息*/
body.article_b .blog_subbox { grid-template-columns: repeat(3, 1fr);}
body.article_b .blog_list_le {aspect-ratio: 3 / 4;}

/*文章首頁*/
.subbox_item a{ grid-gap: 0;}
.blog_list_ri { padding: 20px 0 0;}
.subbox_item a {  grid-template-columns: 1fr;}

/*側邊選單*/
a.news_menu_toggle i{color: #666;}
h5.blog_le_t em { color: #333; font-size: 20px;}
h5.blog_le_t span { color: #b6b6b6; font-size: 15px;}
.blog_search input[type=search] { border: none;background: #f3f3f3;}
.accordion li .link a { color: #222; font-weight: 500;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #666 !important;}
.blog_le .submenu a {letter-spacing: 1px;}
.blog_le .accordion { border-radius: 0;}

.submenu li.on_this_category a, .submenu a:hover{ background: #d96034 !important;}
.submenu{background: white;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {
    color: #fff !important;
}
.blog_le .accordion > li:hover .link i, .blog_le .accordion > li.on_this_category .link i {color: #222 !important;}

/*文章內頁*/

h4.blog_category_title {  letter-spacing: 1px; margin-bottom: 5px; font-weight: 400; font-family: noto sans tc;}
.blog_in_page h4.blog_category_title:before {/* content: "+"; color: #ffcfbe; margin-right: 10px;font-style: italic;*/}
.blog_back { width: 80%; margin: 0 auto;}

.toShareNews {}
.toShareNews b { font-weight: lighter;}
.blog_in_page .blog_box_edit { border-top: 1px solid #d3d3d3; padding: 30px 0 0;}	
	
/*相關文章*/
.news_related { padding: 40px 5%; margin: auto;}
.news_related h6 span:before { font-size: 20px; color: #333;}

@media screen and (max-width: 1024px){
.blog_subbox { grid-template-columns: 1fr 1fr;}
}


@media screen and (max-width: 768px){
.module_i_news ul {grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));}
h5.blog_le_t {display: block;}
body.article_b .blog_subbox {  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
}


@media (max-width: 600px) {
.module_i_news {padding: 50px 20px;}
.blog_subbox { grid-template-columns: unset;}
}

/* = = = 購物車 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* 商品下拉超過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;}

/*--首頁、外層 共同設定---------------------------------------*/

.products-list { display: grid; gap: 10px; grid-template-columns: repeat(4,1fr);}
.products-list::before { content:none;}
.products-list .item { width: 100%;}
.Prods_path {display: none;}
.ProdFilter_ .FilterBtn {display: none;}

/*--首頁區塊---------------------------------------*/

.prod_part { width: 100%;}

/*英文標題*/
.prod_part .i_prod_tit h2 { display: none; color: #8E8B82;}

/*中文*/
.prod_part .i_prod_tit span { 
    position: relative; 
    color: #3F4049; 
    font-weight: 600; 
}
.prod_part .i_prod_tit span::before {
    content: "PRODUCT";
    position: absolute;
    top: -45px;
    left: -60%;
    width: 100%;
    text-align: center;
    font-size: 60px;
    color: #8E8B82;
    letter-spacing: 3px;
    text-shadow: none;
    transform: translateX(-50%);
    z-index: -1;
}

/*--購物車/外層---------------------------------------*/

/*購物車側邊浮動*/
.info_fix_links a.info_fix_default.info_fix_shop { display: none;}

/*外層版面*/
.Prods_Wrap .Prods_lists dl.State { height: 150px;}
dl.State .MoreDets a {background: #A3A3A5;}
.Prods_lists li:hover .MoreDets a { background: #1E549F; transition: .5s;}
dl.State .price {display: none;}
.Prods_lists ul { grid-template-columns: repeat(4, 1fr);}
dl.State h5 { font-family: noto sans tc; font-weight: 500; color: #3b3b3b;}


/*側邊選單*/
.Prods_Menulists li a:hover { background: #666; color: #fff;}
.Prods_Menulists > ul > li.active > a { background: #666;}
.Prods_Menulists ul { justify-content: center;}

/*--購物車/內層---------------------------------------*/
.sidebarBtn .sp_price { color: #eb3a3a;}
.sidebarBtn .Pd_Line_Boxed:hover { background: #666;}

/*相關推薦*/
.prod_related h6 span:before { font-size: 20px; color: #333;}
.lastPage { background: #666;}
.related_list { margin: 40px auto;}
.prod_related { padding: 40px 5%; margin: auto; }


/*--RWD---------------------------------------*/

@media screen and (max-width: 1024px) { 
    .Prods_lists ul { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));}
}







/* = = = 相簿 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本分類全版面 ( 限制最寬2000px*/
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
.show-list { grid-gap: 21px;}
.show-list .item:hover .show_pic img { transform: scale(1.1); transition: all .6s;}
.show-list .item:hover .overlay {
    opacity: 1;
    z-index: 999;
    transition: all .6s;
    transform: scale(1.2);
    background: transparent;
}
.show-list .show_name {  letter-spacing: 1;}
.other_subalbum li a p { 
    font-weight: 500;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px;
    font-family: noto sans tc;
}
.other_subalbum li {background: transparent;}
.subalbum-menu h2 {color:#333}
.show-list .item:hover .show_name { color: #333;}
.other_album_choice li { background: #666;}


/*功能頁首頁顯示*/

.module_i_album .title_i_box {
    display: flex;
    flex-direction: column;
    align-items: center; 
}

/* 英文標題 */
.module_i_album .title_i_box h4 {
    order: 1;   
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #005EAC;
    line-height: 100%;
    margin-bottom: 10px; 
    display: block; 
}

/* 中文標題 */
.module_i_album .title_i_box h6 {
    order: 2; 
    color: #333;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: 'Noto Sans TC', sans-serif;
    margin-bottom: 30px; 
}

.animated-arrow {
    background: #4D4D4D;
    border-radius: 0;
    transition: .3s ease-in-out;
    height: 40px;
    line-height: 40px;
    width: 180px;
}
.animated-arrow:hover { background: #005EAC;}



@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px;  border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name { opacity:1; }





/* = = = 聯絡表單 = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*表單最大寬度設定*/
.pageIndex .contact_content .information_right {padding-top: 50px;}
.contact_content .information_right { 
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    display: block;
    padding: 10px;   
}
.contact_content .information_left { display: none; }
.contact_page .main_part { display: flex; flex-direction: column;}
.contact_editbox {padding: 0;}
.contact_content {
    max-width: 1000px;
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 100px 10px;
}

/*標題*/
.blank_letter { 
    padding-bottom: 50px;
    font-family: Noto Sans TC;
    color: #333;
    font-size: 27px;
    font-weight: 500;
    text-align: left;
}


/*側邊資訊*/
.list_before { margin-top: 10px;}
.list_before.info li { padding-left: 70px;}


/*表格樣式*/
.contact_form li input.noborder { border: none; background: #d3d3d32e;padding: 7px;}/*文字欄*/
.contact_form li textarea.noborder { background: transparent; border: 1px #ddd solid;}/*文字區塊*/
.form select { background: transparent;}/*下拉式*/
.contact_form li {
    grid-gap: 20px;
    padding-bottom: 10px;
    grid-template-columns: 137px 1fr;
}
.contact_form li .form__label {max-width: 100%;}


/*驗證碼對齊*/
.contact_form li:nth-last-of-type(2) .form__insert { display: inline-flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;}
.contact_form li:nth-last-of-type(2) input.noborder { border: 1px #ddd solid;}
.captcha { margin-right: 20px;}

/*按鈕*/
.contact_form li.last blockquote { border: 1px #ccc solid; border-radius: 10px;}
.contact_le_map a { background: #38190B;}
.contact_form li.last cite {background: #636363; border-radius: 10px;border: unset;}

@media screen and (max-width: 768px){
    .contact_form li{ grid-template-columns: unset;}
    .contact_form li .form__label { text-align: left;}
}


@media screen and (max-width: 600px){
    .contact_form li .form__label{   background: #fff;}
}

@media screen and (max-width: 425px){
    /*聯絡表單*/
    .contact_form li { padding-left: 0;grid-gap: 10px;}
    .contact_form li .form__label { margin: 0 0 10px; width: 100%; text-align: left;}
    .contact_form li .form__insert { width: 100%;}
    .contact_form {display: unset;}
}