@charset "utf-8";
/*金采*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');


/*大圖*/
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; 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;}
}


.swiper-pagination{
  display: none;
}



/*背景*/
.product_page #content,.product_info_page #content{
  background: #f7f7f7;
}


/*版面*/
.main_part{
  max-width: 75%;
}
.pageIndex  .main_part{
  max-width:100%;
  padding: 0;
}
.other_page .main_part,.services_page .main_part{
  width: 100%;
  max-width: 100%;
  margin: auto;
  padding: 0;
}
.contact_page .main_part{
  width: 100%;
  max-width: 75%;
  margin:6% auto;
  padding: 0;
}

.contact_editbox,.contact_content{
  padding: 0;
}

.product_info_page .main_part {
  max-width: 70%;
}

.edit_part {
  max-width: 100%;
  margin: auto;
  padding: 0;
}

/*相簿管理*/
.album_page .main_part,.album_info_page .main_part{
  width: 100%;
  max-width: 90%;
  padding: 6% 0 2% 0;
}



/*按鈕*/
.animated-arrow {
  background: #fff;
  color: #444444;
  border: 1px solid #c1c1c1;
}
.i_prod_b a:hover{
  background: #c0c0c0;
  color: #444444;
}

.i_prod_b * {
  transition: all .5s;
  font-weight: 400;
  color: #444;
  font-family: 'Noto Sans TC';
}
.i_prod_b a i.fa-solid.fa-arrow-right {
  margin: 0;
}

.fa-arrow-right::before{
  display: none;
}


.me_tp_features{
  display: none;
}


header.header_area .container{
  max-width: 80%;
  transition: all 0.5s ease-in-out;
}

.header_area.sticky .container{
  max-width: 90%;
  transition: all 0.5s ease-in-out;
}



.main_header_area {
  background: #ffffff;
}

.header_area{
  position: relative;
}


.pageIndex .header_area{
  height: auto;
  position: fixed;
  width: 100%;
}

.navigation {   
   padding: 10px 0 10px 210px;
}
.stellarnav ul{
  margin: 1% 0 0 0;
}




.stellarnav > ul > li > a {
  transition: all 0.3s;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  color: #204167;
}
.stellarnav > ul > li:hover > a{
  color: #7aafcf;
}

.stellarnav li.has-sub > a:after{
  display: none;
}


.stellarnav li li > a , .stellarnav li li.has-sub > a{   
  padding: 7px 5px; 
  transition: all 0.3s;
  border-left:1px solid transparent;
}



/*Logo*/
.nav-brand {width: 100%;transition:all 0.3s;}
.header_area .nav-brand {
  transition: all 0.3s;
  margin-top: 7%;
}
.header_area.sticky .nav-brand{}



/*Footer*/
.footer {
  padding: 30px 0 0;
  font-size: 14px;
  background: url(https://pic03.eapple.com.tw/jintsai/foot_bg.jpg);
  background-size: cover;
  position: relative;
  z-index: 99;
}

.footer_logo img{
  display: none;
}
.footer_info ul {
  width: 100%;
  display: flex;
}
.footer .center{
  max-width: 70%;
  margin: 0 auto;
}
.copy {
  border-top: none;
  background: transparent;
  color: #707070;
  letter-spacing: 1px;
}
.copy a{
  color: #707070;
  letter-spacing: 1px;
}

.copy a:hover {
  color: #707070;
}
.footer_info li p{
  color: #fff;
  font-family: 'Noto Sans TC';
  font-size: 16px;
}
.footer_info li p a{
  color: #fff;
}
.footer_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.footer_menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.footer_menu a:nth-child(1){
  display: none;
}
.footer_menu a {
  border: none;
  margin: 0;
  text-align: center;
  padding: 5px;
  transition: all 0.3s;
  background: transparent;
  color: #ffffff;
  font-size: 15px;
  font-family: 'Noto Sans TC';
  border: 1px solid #5a5a5a;
  line-height: 200%;
}


.footer_menu a:hover {
  background: transparent;
  color: #074668;
}
.box_link{
  display: none;
}
.box_link a{
  transition:all 0.3s;
}
.box_link a:hover {
  background: #ADA17E; 
  color: #fff;
}
.footer_info li:nth-child(2) {
  margin: 0;
  width: 40%;
  display: flex;
  align-items: center;
  padding: 2% 0 0 0;
}

.footer_info li:nth-child(1) {
  display: flex;
  flex-direction: column;
  padding: 4% 0 2% 0;
  position: relative;
  width:60%;
}

.footer_info li:nth-child(1)::before {
  content: '金采汽車大樓隔熱紙';
  position: absolute;
  left: 0;
  color: #ffffff;
  font-size: 19px;
  letter-spacing: 2px;
  margin: -4% 0 0 0;
  font-family: 'Noto Sans TC';
  font-weight: 500;
}

/*Banner*/
.banner h5 {
  color: white;
  text-shadow: 0px 0px 20px #000000;
}


.blog_page .banner,.blog_in_page .banner{
  background-image: url(https://pic03.eapple.com.tw/jintsai/new_banner.jpg);
  background-repeat: no-repeat;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}



.services_page .banner{
  background-image: url(https://pic03.eapple.com.tw/jintsai/service_banner.jpg);
  background-repeat: no-repeat;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.product_page .banner,.product_info_page  .banner{
  background-image: url(https://pic03.eapple.com.tw/jintsai/brand_banner.jpg);
  background-repeat: no-repeat;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}


.album_page .banner,.album_info_page  .banner{
  background-image: url(https://pic03.eapple.com.tw/jintsai/case_banner.jpg);
  background-repeat: no-repeat;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.contact_page .banner{
  background-image: url(https://pic03.eapple.com.tw/jintsai/contact_banner.jpg);
  background-repeat: no-repeat;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}









/*麵包屑*/
.path{display: none;}
.path p a:hover {color: #ADA17E;}
/*頁碼＝＝*/
.page {    width: 100%;    margin: 40px auto;    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;}
.page li {    display: flex;    margin: 3px;    width: 30px;    height: 30px;    line-height:30px;    align-items: center;    justify-content: center;}
.page li a {    display: block;    width: inherit;    height: inherit;    line-height: inherit;    padding: 0;    transition:all 0.3s;}
.page strong, .page a:hover {    background: #ADA17E;border: 1px solid #ADA17E;}

/*購物車*/
.i_prod_tit span {
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 4px;
  font-weight: 600;
  color: #111111;
  font-size: 33px;
}
.i_prod_tit{
  margin: 2% 0 4% 0;
}
.pageIndex .prod_part{
  width: 100%;
  max-width: 80%;
}
.prod_part {    width: 90%;}
.products-list {
  padding: 0 0 5% 0;
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}
.products-list:before{content:none;}
.products-list .item {
  width: 100%;
  background: #ffffff;
  padding: 2%;
  border: 1px solid #ddd;
}
.products-list .price{
  border-top: 1px solid #ddd;
  display: flex;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 10px;
}

.products-list .price b.ori_price {    font-size: 14px;}
.product_page .main_part {    width: 90%;	max-width: 1500px;}
.product_page .show_content {    display: flex;    flex-wrap: wrap;    align-items: flex-start;    justify-content: space-between;}
.product_page .products-list {
  width: calc(100% - 21%);
  padding: 0;
}
.product-layer-two {
  width: 18%;
  margin: 0 2% 0 0;
  background: #ffffff;
  padding: 1%;
}
.product_info_page .product-layer-two {    display: none;}
.product-layer-two li {    margin: 0;    width: 100%;padding: 0;}
.product-layer-two > li.active {    background: #f2f2f2;}
.product-layer-two li.active a {    border: unset;border-bottom: 1px dotted #ccc;}

.product-layer-two li:hover > a , .product-layer-two li.active > a{color: #08569f;}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #08569f; color:#fff;}
.product-layer-two > li > a:before {border-radius: 100%;align-items: center; justify-content: center;display: flex;height: 18px; content: "＞";color: #0b5aa2;background: #f2f2f2;width: 18px; text-align: center; position: absolute; left:1%; top: 50%;transform: translateY(-50%);transition: all 0.3s;padding-left: 2px;font-size: 13px;}
.product-layer-two li ul {    position: relative;padding-top: 1px;}
.product-layer-two li li {    border: none;background: transparent;}
.product-layer-two li li a{    background: transparent;}
.product-layer-two li li:hover a{color: #ADA17E;}
.product-layer-two li li {    display: block;}/*hover到才顯示副選單關掉↓*/


.product-layer-two li a {
  border: 1px dotted #ccc !important;
  color: #222;
  border: none;
  background: transparent;
  transition: all 0.3s;
  line-height: 200%;
  font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 1px;
  font-size: 16px;
  font-weight: 500;
  padding: 7px 12%;
}


/*購物車/外層*/
.products-list .more {
  display: none;
  border: 1px solid #71b4dd;
  color: #71b4dd;
}
.products-list .item a:hover .more { 
  background: #71b4dd;
}

/*價格*/
.products-list .price {    display: flex;    margin-bottom: 5px;    align-items: center;    justify-content: center;    flex-wrap: wrap;}
.products-list .price b {    margin: 0 5px;    line-height: 180%;    text-align: center;color: #ADA17E;}


.products-list .name {
  font-family: 'Noto Sans TC';
  font-size: 17px;
  height: auto;
  -webkit-line-clamp: 1;
  text-align: center;
}
ul.prod li h3.prod-thumb {
  background: transparent;
  color: #333;
  text-align: left;
  padding: 0 0 2% 0;
  font-size: 23px;
  letter-spacing: 1px;
}
.lastaction {
  color: #ffffff;
  background-color: #abb8c2;
  background-image: none;
  background-position: right top;
  text-align: center;
  border-radius: 4px;
  font-family: 'Noto Sans TC';
  letter-spacing: 2px;
}
.nextaction {
  color: #ffffff;
  background-color: #c6dbed;
  background-image: none;
  background-position: right bottom;
  text-align: center;
  border-radius: 4px;
  font-family: 'Noto Sans TC';
  letter-spacing: 2px;
}
.prod_related h6{
  margin: 0 auto 3% auto;
}
.prod_related h6 span:before {
  font-size: 27px;
  color: #363636;
  margin: 0 0 2%;
  letter-spacing: 3px;
}
.sidebarBtn{
  border: 1px #ddd solid;
}
.lastPage {
  background: #ffffff;
  border: 1px solid #bdbcbc;
  color: #969696;
}
.inquiry_a2{display: none;}
.inquiry_a1 {
  background: #71b4dd;
}
.block,.product_pic #bx-pager h6{
  display: none;
}
.qaform .breakF {
  border: 1px #d5d5d5 solid;
  background: #ffffff;
}
.prod_related{
  background: transparent;
}

.product_info li span{
  display: none;
}

.product_page .products-list .pic{
  padding-bottom:100%;
  height: 215px;
  object-position: top;
}
.products-list .price::before {
  content: '最低售價';
  font-size: 15px;
  color: #989898;
  letter-spacing: 0;
}
.products-list .price b{
  color: #F22727;
    font-size: 22px;
}
.inquiry_a3{
  display: none;
}
.product_main{
  width: 67%;
}
.sidebarBtn{
  width: 32%;
}
.related_list {
  max-width: 80%;
  margin: 0 auto 5% auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
.related_list li{
  border: 1px solid #cdcdcd;
  width: 100%;
}
.related_list li a p {
  font-family: 'Noto Sans TC';
  font-size: 18px;
  text-align: left;
  padding: 2% 0;
}
.related_list li a p{
  font-family: 'Noto Sans TC';
}

.sidebarBtn .price{
  color: #F22727;
}
.related_list li a{
  height: 390px;
}
.related_list li a img{
  height: 70%;
}

.products-list .pic img {
  width: 100%;
  object-position: center;
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
}
.product_info_page .bx-wrapper img{
  width: 100%;
  border: 1px solid #f7f7f7;
}
.product_pic .bx-wrapper{
  width: 100%;
}
.product_pic #bx-pager a{
  height: 55px;
}
.product_pic #bx-pager {
  display: flex;
  position: relative;
  width: 100%;
  gap: 10px;
  align-items: center;
  flex-direction: row;
}
.product_pic{
  padding-left: 0;
}

.bx-wrapper .bx-viewport{
  border: 5px solid #f7f7f7;
  background: #f7f7f7;
}





/*文章管理*/
.blog_page .main_part{
  padding: 5% 0;
}
.blog_page h4.blog_category_title{
  display: none;
}
h4.blog_category_title{font-size: 28px;}
h4.blog_category_title span{font-size: 24px;}
.module_i_news ul{
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 90%;
  margin: 5% auto 0 auto;
}
.module_i_news ul, .blog_subbox {    display: grid;    gap: 10px;}
.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;}
.module_i_news li a:after{
  border: none;
}
.subbox_item a:after{
  border: none;
  background: transparent;
}
.module_i_news li, .subbox_item{
  border: none;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}


.blog_list_ri {
  flex: 5;
}
.i_blog_ri, .blog_list_ri {
  padding: 0 0 0 2%;
  border-top: 1px solid #d4eaff;
  border-right: 1px solid #d4eaff;
  margin: 0 0 0 3%;
}
.i_blog_le{
  padding-bottom: 40%;
  width: 32%;
}
.i_blog_ri{
  width: 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_le img{
  border-radius: 2%;
}

.blog_le .accordion{
  border-radius: 5px;
}
.blog_le{
  width: 18%;
}
.i_blog_ri p {
  font-size: 18px;
  margin: 2% 0 0 0;
  color: #000;
  font-family: 'Noto Sans TC';
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 1px;
}
.blog_ri {
  width: calc(100% - 19%);
  padding: 0 0 0 5%;
  min-height: 75vh;
}
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {
  background: #074668 !important;
}
.submenu a:hover {    background: #cbc0a0;}
.blog_subbox{grid-template-columns:1fr;}
.blog_subbox:before{content:none;}
.blog_back a.article_btn_back{background: #ADA17E;}
.accordion li .link {
  font-size: 17px;
  text-align: center;
}
.blog_back a.article_btn_prev{
  background: #dddddd;
}
.blog_back a.article_btn_next{
  background: #dddddd;
}
.blog_back a.article_btn_back{
  background: #c6d3da;
}
.blog_back a{
  color: #444444;
}
.blog_list_ri h5 {
  font-family: 'Noto Sans TC';
  letter-spacing: 2px;
  font-size: 24px;
  color: #222;
  margin: 7% 0 0 0;
}
h5.blog_le_t{
  text-align: center;
}
.subbox_item a:before {
  content: 'READ MORE';
  position: absolute;
  z-index: 19;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  font-size: 15px;
  color: #999;
  transition: all .6s;
}
.module_i_news li a, .subbox_item a{
  padding: 5px;
  display: flex;
}
.subbox_item a:hover .blog_list_le img {
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.5s ease-in-out;
}

.blog_box_edit * {
  line-height: 180%;
  font-family: 'Noto Sans TC';
  font-size: 18px;
}
.module_i_news li, .subbox_item{
  border-bottom: none;
  width: 100%;
}
.blog_list_ri p {
  font-family: 'Noto Sans TC';
  margin-top: 2%;
  font-size: 18px;
  font-weight: 400;
}
.module_i_news .title_i_box h4{
  font-size: 40px;
  color: #444;
  margin: 2% 0 4% 0;
}
.blog_list_le {
  width: 15%;
  padding: 0;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 15%;
}
.i_blog_ri h5 {
  font-size: 22px;
  font-family: 'Noto Sans TC';
  margin: 5% 0 0 0;
}

.blog_page .i_blog_le,.blog_page .blog_list_le {
  padding-bottom: 25%;
  width: 25%;
}
.i_blog_le, .blog_list_le{
  padding-bottom: 25%;
  width: 35%;
}

.i_blog_b{
  max-width:60%;
  margin: 5% auto 0 auto;
}

.i_blog_ri em{
  margin: 5% 0 0 0;
}

.ya_i01w a:hover{
  background-color: #f0f0f0;
}

.module_i_news .title_i_box h6{
  position: relative;
}
.module_i_news .title_i_box h6::after {
  position: absolute;
  content: 'NEWS';
  left: 50%;
  top: 0;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: 'Noto Sans TC';
  font-weight: 400;
  transform: translate(-50%, -80%);
}





/*相簿*/
/*作品展示*/

.album_page ul.show-list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
/*版面*/
ul.show-list, .other_subalbum, ul.pic-list {    display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 20px;}
ul.show-list:before , ul.pic-list:before{content:none;}
.overlay {    z-index: 1;    background: transparent;}
.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;}
.show-list .show_pic , .other_subalbum li a div , .pic-list .show_pic    {    padding-bottom: 75%;}/*相簿圖片長寬比例，75% →100:75 = 4:3 */
.show-list .show_pic img , .other_subalbum li a img, .pic-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%);}


.other_album_choice li {
  background: #71b4dd;
}
.subalbum-menu h2{color: #cbc0a0;font-size: 24px;}
.other_subalbum li p {margin-top: 10px;}
.show-list .show_name {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 9999;
  background: #0000004a;
  width: 100%;
  height: 100%;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 33px;
  border-radius: 1%;
}
.show-list .show_name:hover{
  background:transparent;
}
.album_page .show-list .item{
  position: relative;
}
.show-list .show_pic{
  border-radius: 1%;
}
.show-list .item:hover .show_name {
  color: #ffffff;
  text-shadow: 1px 1px 10px #000000;
  border-radius: 1%;
}


/*促銷方案*/
.news_part {width: 90%;}
.news_list ul li a:hover {background: #f9f9f9;}
.news_list ul li p:after {background: #ADA17E; padding: 3px 5px;border-radius: 5px;color: #fff;}
.other_promotion li a:hover:before , .other_promotion li a:hover:after {border-color:#ADA17E;}

/*聯絡我們*/
.contact_content .information_left{
  width: 28%;
}

.contact_content .information_right {
  width: 71%;
  padding-left: 5%;
}

.contact_le_map a{
  background: #204167;
}
.contact_form li.last cite{
  background: #204167;
}
.contact_form li{
  padding-left: 0;
}
.contact_form li .form__label{
  width: 100%;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
  padding: 0;
  display: flex;
}
.blank_letter{
  display: flex;
  justify-content: space-between;
}
.red{
  order: 2;
}



/*會員*/
.send_simple{background-color: #ADA17E;}
.rewrite_simple{background-color: #cbc0a0;}
.member_title p {    border-top: 2px #ADA17E solid;}
.login_mem_submit{background: #ADA17E;}
.login_mem_other_link a{color: #ADA17E;}
.member_login_regist a{background: #ADA17E;}
.mem_regist_title_s {    background: #cbc0a0;    color: #fff;}


@media screen and (max-width: 1280px) {
.header_area .nav-brand {
    margin-top: 5%;
}
.footer_info li:nth-child(1)::before{
  margin: -6% 0 0 0;
}

/*購物車*/
.products-list {    grid-template-columns: 1fr 1fr 1fr;}
.product-layer-two{
  width: 22%;
}
.product_page .products-list{
  width: calc(100% - 24%);
}

/*文章*/
.blog_subbox {
  grid-template-columns: 1fr;
}

.blog_page .main_part,.blog_in_page .main_part {
  max-width: 90%;
}


/*頁腳*/
.footer{
  padding: 5% 0 0 0;
}


/*聯絡我們*/
.contact_page .main_part{
  width: 100%;
  max-width: 80%;
}

}
  
@media screen and (max-width: 1024px) {
.navigation {    padding: 10px;}
.header_area .nav-brand {
  margin-top: 0%;
}
.stellarnav ul {
  margin: 0;
}
.navigation {
  padding: 2% 0 0 0;
}


/*文章管理*/
.module_i_news ul{grid-template-columns:1fr 1fr;}
.i_blog_le, .blog_list_le{
  padding-bottom: 50%;
  width: 100%;
}

  
/*購物車*/
.product_page .products-list {    grid-template-columns: 1fr 1fr;}
  
}
  
  
@media screen and (max-width: 920px) {
.header_area{
  position: relative;
}

/*文章*/
.blog_le {
  width: 26%;
}
.blog_ri{
  width: calc(100% - 27%);
}

.blog_page .i_blog_le, .blog_page .blog_list_le{
  padding-bottom: 50%;
  width: 50%;
}
.blog_list_ri{
  margin: 0;
}

.blog_list_ri p{
  line-height: 160%;
}

  
  
/*相簿*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr 1fr;}
  
}
  
  
@media screen and (max-width: 768px) {
.pageIndex .header_area{position:relative;}
.header_area .main_header_area .container{ max-width: 100%;}
.header_area.sticky .main_header_area .container{ max-width: 100%;}
.header_area .nav-brand{
  width: 70%;
  padding: 2% 0;
}


/*漢堡*/	
.stellarnav .menu-toggle{padding: 30px 10px;}	
  
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 10px;border-left:none;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding: 10px;border-color:transparent;}
.stellarnav ul {
  margin: 0;
}
.stellarnav .menu-toggle {
  padding: 15px 10px;
}
  

  

  
/*Banner*/
.banner h5{font-size: 28px;}
  
/*購物車*/
.products-list {    grid-template-columns: 1fr 1fr;}
.product_page .products-list ,.product-layer-two {    width:100%;}
.prod_related h6 span:before{font-size: 24px;}
/*順序*/
.product_page .products-list {    order: -1;}
  
/*文章管理*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}
.blog_le {
  width: 100%;
}
.blog_ri {
  width: 100%;
}
.blog_page .blog_list_le{
  padding-bottom: 100%;
  width: 100%;
}
.blog_ri{
  padding: 0;
}
.blog_list_ri{
  border:1px solid #d4eaff;
}



  
/*相簿*/
.mobile_product_name{font-size: 20px;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 20px;}
  
/*Footer*/
#to_top { bottom:60px;}
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
.footer_info {    justify-content: center;}
.footer_logo {    text-align: center;}
.footer_info li:nth-child(1)::before {
  margin: -35px 0 0 0;
}
.footer_info li p{
  font-size: 15px;
}
.footer_info li:nth-child(1)::before {
  margin: -30px 0 0 0;
  font-size: 17px;
}

.footer_info li:nth-child(1){
  width: 100%;
}
.footer_info li:nth-child(2) {
  margin: 0;
  width: 100%;
  padding: 0;
}
.footer .center{
  max-width: 80%;
}







}
  
  
@media screen and (max-width: 600px) {
.stellarnav .menu-toggle{
  padding: 16px 10px;
}



  
/*Banner*/
.banner h5{font-size: 24px;}
.blog_page .banner h5::after, .blog_in_page .banner h5::after{
  font-size: 38px;
  bottom: -46px;
}
.services_page .banner h5::after{
  font-size: 38px;
  bottom: -46px;
}
.product_page .banner h5::after, .product_info_page .banner h5::after{
  font-size: 38px;
  bottom: -46px;
}
.album_page .banner h5::after, .album_info_page .banner h5::after{
  font-size: 38px;
  bottom: -46px;
}
.contact_page .banner h5::after{
  font-size: 38px;
  bottom: -46px;
}
.show-list .show_name{
  font-size: 25px;
}


  
/*購物車*/
.prod_related h6 span:before{font-size: 20px;}
  
/*文章管理*/
.module_i_news ul , .blog_subbox{grid-template-columns:1fr;}
h4.blog_category_title{font-size: 20px;}
h4.blog_category_title span{font-size: 18px;}
.module_i_news li a, .subbox_item a{
  display: flex;
  flex-direction: column;
}
.i_blog_ri{
  margin: 0;
  border:1px solid #d4eaff;
}
.i_blog_le{
  padding-bottom: 100%;
}

.product_page .products-list{
  grid-template-columns: 1fr;
}



  
/*相簿*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr;}
.mobile_product_name{font-size: 18px;}
.subalbum-menu h2{    font-size: 18px;}
.album_page ul.show-list{
  grid-template-columns: 1fr;
}

  
/*促銷方案*/
.news_list ul li p:after {    width: fit-content;    margin: 10px auto 0;}

/*Footer*/
.box_link {    text-align: center;}
.footer_info ul {
    width: 100%;
}

.footer_info li:nth-child(1){
  padding: 4% 0 6% 0;
}



}
  
@media screen and (max-width: 480px) {
.header_area .nav-brand {
  max-width: 60%;
}



/*文章*/
.blog_list_ri h5{
  -webkit-line-clamp: 2;
}
.blog_list_ri p{
  font-size: 16px;
}
.blog_list_ri{
  padding: 2%;
}



.footer_info ul{
  flex-direction: column;
}

.footer_info li:nth-child(1){}


.album_page .banner, .album_info_page .banner{
  background-position-x: 37%;
}



/*聯絡我們*/
.contact_content .information_left{
  width: 100%;
}
.contact_content .information_right {
  width: 100%;
  padding-left: 0;
}

.contact_form li.last blockquote{
  width: 100%;
}
.contact_form li.last cite{
  width: 100%;
}





}
 
@media screen and (max-width: 375px) {
  /*購物車*/
  .products-list , .product_page .products-list  {    grid-template-columns: 1fr;}
}

/* 20250512 */
	.f_all{
		display: flex;
		justify-content: flex-start;
	}
	.footer_info li:nth-child(1){
		padding-right: 20px;
	}
	.footer_info li:nth-child(1)::before{
		display: none;
	}
	.f_all b{
		display: block;
		color: #ffffff;
    	font-size: 19px;
    	letter-spacing: 2px;
    	font-family: 'Noto Sans TC';
    	font-weight: 500;
		margin-bottom: 5px;
	}
	.f_footer02{
		position: relative;
		margin-left: 50px;
	}
	@media (max-width:1200px) {
		.footer .center{
			max-width: 85%;
		}
	}
	@media (max-width:900px) {
		.f_all{
			flex-direction: column;
			align-items: flex-start;
		}
		.footer_info li:nth-child(1){
			padding-bottom: 0;
			margin-bottom: 35px;
		}
		.f_footer02{
			margin-left: 0;
			margin-top: 35px;
		}
	}
	@media (max-width:600px) {
		.footer_info ul{
			flex-direction: column;
			align-items: center;
		}
		.footer_info li:nth-child(1){
			padding-right: 0;
		}
		.f_all{
			width: fit-content;
			margin:auto;
		}
	}