@charset "utf-8";
/*網站全域設定/＝＝＝＝＝*/
/*------------昱鑫互動科技------------*/
/*
  #333 /*網站主要色系
  #ba8c53/*網站輔助色系1
  #080609; /*網站輔助色系2*/




/*反白顏色*/
::-moz-selection{  background-color: #333;  color: #fff;}
::selection{  background-color: #333;  color: #fff;}
:root {
    --MainColor: #333 ;
    --SubColor:#ba8c53;
}
::-webkit-scrollbar {    width: 8px;}
::-webkit-scrollbar-track {    box-shadow: inset 0 0 6px rgba(102, 102, 102, 0.6); }
::-webkit-scrollbar-thumb {    background-color: #777779;}

body {    font-family: /*'Noto Sans TC', sans-serif;*/ "Roboto Condensed", sans-serif;  line-height: 1.6;    overflow-x: hidden; font-weight: 400; letter-spacing: 2px;}
#content {
    background-image: url(https://pic03.eapple.com.tw/yusinlab/bg_page00.jpg);
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.edit_part { max-width: 100%; margin: auto; padding: 0px;margin-bottom: -8px;}
/* 頁面的麵包屑 首頁/頁面名稱/ */
.path { display:none;}
.pageIndex .main_part {    border-top: none;}
#content {    min-height: 80vh;}

/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.header_area {  position: relative;  width: 100%;  z-index: 9999;}
.main_header_area {    background: linear-gradient(180deg, rgb(0 0 0), #414141);   position: relative;/*background-color: #18191b;*/height: 85px;}
.main_header_area:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #33333300 0%, #1C1E1B 50%, #33333300 100%);
    z-index: 0;
    -webkit-animation: topline-anim0 1.5s linear infinite;
    animation: topline-anim0 1.5s linear infinite;
}
.main_header_area:after {
    content: " ";
    background: #fff;
    top: 0;
    height: 4px;
    width: 0;
    position: absolute;
    left: 0;
    transition: all .5s;
}
.sticky .main_header_area:after {    width: 100%;   transition: all .5s;}
.nav-brand img { filter: brightness(0.96);}
@keyframes topline-anim0{
    0% { background-position-x: -2000px;}
    100% { background-position-x: 2000px;}
}

/*選單最大寬度設定*/
.main_header_area .container {    max-width: 1200px;}
.navigation {    padding: 6px 0 0 250px;    display: flex;    flex-direction: column;}

/*第一層*/
.stellarnav > ul > li {    padding: 10px 0; }
.stellarnav > ul > li > a:hover:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: .3;
}
.stellarnav > ul > li > a {    transition: all 0.3s;    color: #fff;    letter-spacing: 2px;    padding: 2px 15px;}
.stellarnav > ul > li:hover > a{color: #ba8c53; transition:.5s all;}
.stellarnav > ul > li > a b {   font-size: 15px;  padding-left: 4px;  font-weight: 500;}
/*第二層*/
.stellarnav li li {    border: none;    overflow: hidden;}
.stellarnav > ul > li > ul > li > a:hover:before {    opacity: 1;    transition: all 0.5s;}
.stellarnav > ul > li > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #33333300 0%, #1C1E1B 50%, #33333300 100%);
    opacity: 0;
    animation: text 2s infinite;
    transition: all 0.3s;
    z-index: -1;
}
.stellarnav li.has-sub > a:after {
    height: 8px;
    width: 8px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #fff #fff transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .2s;
    transition: border .2s;
    right: 2px;
    top: 44%;
}
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding:  12px 15px;    transition: all 0.3s;background-color: #212223;color: #fff;font-size: 13px;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: #333;	background: #ba8c53;}
@keyframes text {
    0%{        left: -200px;    }
    100%{        left: 200px;    }
}

/*SubMenu*/
.shop_search_btn {    background: #333;}
.tp_links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
	display:none;
}

.tp_links a {    transition: all 0.3s;    color: #fff;    font-size: 18px;    margin: 0 6px;}
.tp_links a:hover {    color: #333;}

.me_tp_features {    mix-blend-mode: difference;    margin-bottom: 5px;    z-index: 2;}
.me_tp_features a i {    display: flex;    align-items: center;}
.tp_links a.me_tp_line {
    order: 1;
    border: 1px solid #fff;
    padding: 7px 11px;
    margin-left: 17px;
}
.tp_links .fa-line:after {
    content: "LINE詢價";
    font-size: 15px;
    color: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 2px;
    padding-left: 8px;
}
.tp_links:hover  a.me_tp_line {    background: #fff;    color: #000;}
.tp_links:hover .fa-line:after {    color: #000;}
.tp_links:hover .fa-line:before {    color: #000;}

.stellarnav > ul > li:before, .stellarnav > ul > li:after {
    content: "";
    position: absolute;
    top: 48%;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ba8c53;
}
.stellarnav > ul > li:hover:before, .stellarnav > ul > li:hover:after{
	background:#ba8c53;}

@media screen and (max-width: 768px) {
.bannerindex .swiper-slide img{ display:none;}
.bannerindex .swiper-slide:nth-child(1) {
        background: url(https://pic03.eapple.com.tw/yusinlab/phonebanner_01.jpg) no-repeat;
        background-position: center top !important;
}
.bannerindex .swiper-slide:nth-child(2) {
        background: url(https://pic03.eapple.com.tw/yusinlab/phonebanner_02.jpg) no-repeat;
        background-position: center top !important;
}
.bannerindex .swiper-slide:nth-child(3) {
        background: url(https://pic03.eapple.com.tw/yusinlab/phonebanner_03.jpg) no-repeat;
        background-position: center top !important;
}
.bannerindex .swiper-slide {   height: 620px; }
/*.pageIndex .swiper-wrapper .swiper-slide:nth-child(1)::before{ display:none;}
.swiper-slide:nth-child(2):before{ display:none;}*/
}
/*隱藏購物車搜尋欄*//*
.box_search{display:none;}
/*隱藏購物車*//*
.me_tp_features a.tp_btn_cart {display: none;}
/*隱藏匯款通知*//*
.me_tp_features a.tp_btn_notice{display: none;}
/*隱藏選單按鈕連結*//*
.tp_links{display: none;}

/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*//*
.pageIndex .header_area{position: fixed;    width: 100%;}

/*Footer/＝＝＝＝＝*/
.footer {
    background: #333;
    padding-top: 0px;
    background: url(https://pic03.eapple.com.tw/fashionhouse/tone.png), #18191b;/*#000000cc;*/
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.footer:after {
    content: "YUSINLAB.   YUSINLAB.   YUSINLAB.   ";
    line-height: 1.2;
    white-space: nowrap;
    color: rgb(10 10 10 / 15%);
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
    font-size: 20vw;
    position: absolute;
    max-width: unset;
    height: fit-content;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: ee 30s infinite linear;
    font-family: /*'Noto Sans TC', sans-serif;*/"Roboto Condensed", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, -1px -1px 0 #333;
    opacity: .2;
    z-index: -1;
	font-style: italic;
	display:none;
}
@keyframes ee {
    0% {    transform: translateX(0);    }
    100% {    transform: translateX(-100%);    }
}

/*.footer .center {    max-width: 1400px;}*/
.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding: 0;
	margin-top: 30px;
}
.footer_info ul {
    display: flex;
    padding-top: 35px;
    width: 75%;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.footer .center { text-align: center;}
.footer_info li{padding-top: 0;}
.footer_info li:nth-child(1) {    width: 45%;}
.footer_info li:nth-child(2) {    width: 25%;display: none;}
.footer_info li:nth-child(1):before, .footer_info li:nth-child(2):before, .box_link:before {
    content: " ";
    font-size: 16px;
    line-height: 220%;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff; 
}
/*.footer_info li:nth-child(1):before {    content: "CONTACT US";}
.footer_info li:nth-child(2):before {    content: "QUICK LINKS";}*/
.footer_info li p, .footer_info li p a {    color: #fff; line-height: 2;}

.footer_menu {    display: grid;}
.footer_menu a {
    margin: 0;
    text-align: left;
    padding: 6px 2px;
    transition: all 0.3s;
    background: transparent;
    border: none;
    color: #fff;
    letter-spacing: 2px;
    position: relative;
}
.footer_menu a:first-child {    display: none;}
.footer_menu a:hover {
    background: transparent;
    color: #9e9e9e;
    transition: .2s all;
}

.box_link {
    display: grid;
    /*grid-template-columns: 126px auto;*/
    grid-gap: 3px 10px;
    padding-top: 40px;
    width: max-content;
    right: 1%;
    top: 93px;
	display:none;
}
.box_link:before {    content: "FOLLOW US";    position: absolute;}

.box_link a {
    transition: all 0.3s;
    display: flex;
    align-items: center;
    color: #fff;
    border: solid 1px rgba(255,255,255,.14);
    border-radius: 0;
    padding: 8px 10px;
    margin-bottom: 9px;
    font-size: 16px;
}
.box_link a:hover {    background: transparent;    opacity: .5;    transition: all .5s;}
i.fa-brands {    display: flex;    flex-direction: row;    width: max-content;    align-items: center;    color: #fff;}
.box_link i.fa-brands:after, .box_link .me_tp_line:after {
    content: "";
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 2px;
    padding-left: 8px;
    font-family: 'Noto Sans TC', sans-serif;
}

.box_link i.fa-brands.fa-facebook:after {    content: "FACEBOOK";}
.box_link i.fa-brands.fa-whatsapp:after {    content: "PHONE";}
.box_link i.fa-brands.fa-instagram:after {    content: "YOUTUBE"; }
.fa-instagram:before {
    content: "\f167";
}
.box_link a.me_tp_line:after {
    content: "LINE詢價";
    padding-left: 0;
    font-size: 15px;
    letter-spacing: 5px;
	display:none;
}
.box_link .fa-envelope::after {
    content: "E-Mail";
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 2px;
    padding-left: 8px;
    font-family: 'Noto Sans TC', sans-serif;
}
.box_link .fa-line:before {display: none;}
p.add {  display: none;}/*地址隱藏*/
.footer_info li p.line:before {  content: '官方Line：';}
.footer_info li p.tel:before {  content: 'TEL：';}
.footer_info li p.tel2:before { content: '電話：';}
.footer_info li p.mail:before {
    content: 'email：';
}
/*footer資訊置左*/
.footer .center { text-align: left;}
.footer_info li p, .footer_info li p a {  display: inline-block;margin-right: 15px;}
p.add { display: none !important;}
.footer_info li:nth-child(1) { width: 100%;}
.footer_info { justify-content: flex-start;}
.footer_info li:nth-child(1):before, .footer_info li:nth-child(2):before, .box_link:before { content: " CONTACT US ";  margin-right: 40px;}
@media screen and (max-width: 768px) {
.footer_info li:nth-child(1):before, .footer_info li:nth-child(2):before, .box_link:before{display: block;}
}



/*box_link順序調整*/
.box_link a.me_tp_fb {    order: 2;}
.box_link a.me_tp_line {
    padding: 6px 10px;
    order: 1;
    /*background: url(https://pic03.eapple.com.tw/chunyi/line_qr_code.png) no-repeat, top center;*/
    grid-row: 1 / 4;
    background-size: contain;
    padding-top: 130px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
	display:none;
}
.box_link a.me_tp_mail {    order: 4;display: none;}
.box_link a.me_tp_ig {    order: 3;}

.copy {
    color: #fff;
    border: none;
    padding: 0px 0 20px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.copy a{    color: #fff;transition:all 0.3s;}


/*Logo/＝＝＝＝＝*/
.header_area .nav-brand {
    transition: all 0.3s;
    margin-top: 16px;
    max-width: 170px;
    width: 100%
}
.footer_logo {    width: 100%;    position: relative;display: none;}
.footer_logo img {    width: 151px;}
.footer_logo:before {
    content: "";
    border-bottom: 1px solid #434343;
    width: 77%;
    position: absolute;
    right: 0;
    top: 69%;
}

@media screen and (max-width: 768px) {
.copy { padding: 0px 0px 50px;}
}
/*按鈕/＝＝＝＝＝*/

.pageIndex .animated-arrow {
    /*background: #000000;
    color: #ffffff;*/
	background: #ba8c53;
    color: #ffffff;
    height: 57px;
    line-height: 57px;
}

.pageIndex .animated-arrow:hover{
    border: solid 1px #2c2d2c70;
	transition:.5s all;
}

/*大圖/＝＝＝＝＝*/
/*預設解除背景輪播*/
#content_main { margin:0;background-color: #000;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}



.swiper-slide:before , .swiper-slide:after {    content: "";    position: absolute;    z-index: 999;pointer-events:none;}
.swiper-slide:nth-child(1):before {
    width: 100%;
    /*background: url(https://pic03.eapple.com.tw/4389916/01cover-2ban.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 690 / 120;
    bottom: 31%;
    background-position: center;
}
.swiper-slide:nth-child(2):before {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 690 / 120;
    bottom: 31%;
    background-position: center;
}
.swiper-slide:nth-child(1):before {
    content: "老師傅經驗 新技術研發應用";
    width: 100%;
    bottom: -6%;
    text-align: center;
    color: #222;
    font-size: 1.6vw;
    font-weight: 600;
    left: 0;
	font-family: "Noto Sans JP", sans-serif;
}
.swiper-slide:nth-child(1):after {
    content: "互動技術為核心價值，我們能實現您想要呈現的。 ";
    width: 100%;
    bottom: 19.5%;
    text-align: center;
    color: #222;
    font-size: .9vw;
    font-weight: 500;
    left: 0;
}
.swiper-slide:nth-child(2):before {
    content: "彈性靈活、客製化服務";
    width: 100%;
    bottom: -6%;
    text-align: center;
    color: #222;
    font-size: 62px;
    font-size: 1.6vw;
    font-weight: 600;
    left: 0;
	font-family: "Noto Sans JP", sans-serif;
}
.swiper-slide:nth-child(2):after {
    content: "沒有華麗包裝我們簡單而實在，歡迎體驗我們的不同。";
    width: 100%;
    bottom: 19.5%;
    text-align: center;
    color: #222;
    font-size: .9vw;
    font-weight: 500;
    left: 0;
}
.swiper-slide:nth-child(3):before {
    content: "單一窗口 一站式整合服務";
    width: 100%;
    bottom: 23.5%;
    text-align: center;
    color: #222;
    font-size: 62px;
    font-size: 1.6vw;
    font-weight: 600;
    left: 0;
	font-family: "Noto Sans JP", sans-serif;
}
.swiper-slide:nth-child(3):after {
    content: "業務接洽、內容設計討論、軟硬體現場安裝測試整合、保固維護。";
    width: 100%;
    bottom: 20%;
    text-align: center;
    color: #222;
    font-size: .9vw;
    font-weight: 500;
    left: 0;
}



.swiper-slide.swiper-slide-active:nth-child(3):before{
    -webkit-animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}

@-webkit-keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }

/**/
.swiper-slide.swiper-slide-active:nth-child(1):before{animation: imgSlideUpAnimation 1s .8s both;}
.swiper-slide.swiper-slide-active:nth-child(2):before{animation: imgSlideUpAnimation 1s .8s both;}
.swiper-slide.swiper-slide-active:nth-child(1):after{animation: imgSlideUpAnimation .8s .8s both;}
.swiper-slide.swiper-slide-active:nth-child(2):after{animation: imgSlideUpAnimation .8s .8s both;}
.swiper-slide.swiper-slide-active:nth-child(3):before{animation: imgSlideUpAnimation .8s .8s both;}
.swiper-slide.swiper-slide-active:nth-child(3):after{animation: imgSlideUpAnimation .8s .8s both;}
/**/

@keyframes imgSlideUpAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@media screen and (max-width: 900px) {
.pageIndex .module_i_news li a:before { padding: 17px 8px;font-size: 11px;}
.pageIndex .i_blog_ri {  height: 190px;}
}
@media screen and (max-width: 768px) {
    .bannerindex {
        padding: 0;
        margin: 0;
        height: 40vh;
        min-height: 150vw;
        max-height: 100vw;
    }
    .swiper-slide img {
        width: 100%;
        display: block;
        max-width: 100%;
        min-width: 100%;
        height: 40vh;
        min-height: 70vw;
        max-height: 100vw;
        object-position: center;
        object-fit: cover;
        -moz-object-fit: cover;
        -ms-object-fit: cover;
        -o-object-fit: cover;
        -webkit-object-fit: cover;
        margin: 0;
        transition: all 0.3s;
    }
    .swiper-pagination {    margin: 0;    transform: translateX(-50%);}

	.swiper-slide:nth-child(1):before{  font-size: 3.2vw; bottom: 9.5%; }
	.swiper-slide:nth-child(1):after {  font-size: 1.8vw; bottom: 17%; }
    .swiper-slide:nth-child(2):before{  font-size: 3.2vw; bottom: 10.5%;}
	.swiper-slide:nth-child(2):after {  font-size: 1.8vw; bottom: 17%; }
	.swiper-slide:nth-child(3):before{  font-size: 3.2vw; bottom: 22.5%; }
	.swiper-slide:nth-child(3):after {  font-size: 1.8vw; bottom: 17%;}
	
}
@media screen and (max-width: 600px) {
.swiper-slide:nth-child(1):before {  font-size: 4.0vw; bottom: 13.5%;  }
.swiper-slide:nth-child(1):after { font-size: 2.2vw; }
.swiper-slide:nth-child(2):before {  font-size: 4.0vw; bottom: 13.5%;  }
.swiper-slide:nth-child(2):after { font-size: 2.2vw; }
.swiper-slide:nth-child(3):before { font-size: 4.0vw; bottom: 20.5%; }
.swiper-slide:nth-child(3):after { font-size: 2.2vw;  }
}
@media screen and (max-width: 400px) {
.swiper-slide:nth-child(1):before {  font-size: 4.5vw; bottom: 33.5%;  }
.swiper-slide:nth-child(1):after { font-size: 2.5vw;  bottom: 36%; }
.swiper-slide:nth-child(2):before {  font-size: 4.5vw; bottom: 33.5%;  }
.swiper-slide:nth-child(2):after { font-size: 2.5vw; bottom: 36%;  }
.swiper-slide:nth-child(3):before { font-size: 4.5vw; bottom: 40.5%; }
.swiper-slide:nth-child(3):after { font-size: 2.5vw;   bottom: 37%; }

}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
.stellarnav.mobile > ul > li { border-bottom: 1px #dddddd2e solid;}
.stellarnav.mobile > ul > li > a{text-align: left;  overflow: auto;   height: auto;   line-height: 150%;  display: block;}
}

/*Banner/＝＝＝＝＝*/
.banner {
    background: transparent;
    height: 100px;
    padding: 50px 0 60px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}


.banner h5 {
    font-size: 32px;
    color: transparent;
    font-weight: 500;
    letter-spacing: 8px;  
}

.banC{	display:none;} 
@media screen and (max-width: 768px) {
.banner {  height: 0px;   padding: 0px 0 0px;}
}

@keyframes show_b {
    0% {     height: 0;        opacity: .5;    }
    100% {   height: 1.618vw;        opacity: 1;    }
}

/*Page/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*麵包屑＝＝*/
.path p a:hover {    color: #333;}
/*頁碼＝＝*/
.page {  width: 100%;    margin: 0px 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: #333;border: 1px solid #333;}


/*首頁購物車*/
.pageIndex li:nth-child(9)~ li.item { display: none;}/*第八項以後隱藏*/
.pageIndex .products-list .name { width: 100%;   overflow: hidden; height: 100%; position: relative;  opacity: 1; color: #000;justify-content: flex-start;display: block;     text-align: center;}
.pageIndex .prod_part {  padding: 0px 0px 80px 0px;  width: 100%;max-width: 100%;background-color: #fff;}
.pageIndex .i_prod_tit span {   color: #000;}
.pageIndex .i_prod_tit h2{   color: #000;font-size: 28px; font-weight: 400;}
.pageIndex .products-list .pic {  padding-bottom: 52%;}/*長方形*/
.pageIndex .i_prod_tit {   padding: 60px 0px 0px 0px;}
.pageIndex .products-list {  width: 80%; margin: 20px auto 50px auto;}
@media screen and (max-width: 768px) {
.pageIndex .products-list { width: 100%;  margin: 20px auto 0px auto;}
.pageIndex .products-list .item {  padding: 0 0px;}
.pageIndex .products-list .name {  padding: 0px 7px; text-align: center;}
}
@media screen and (max-width: 500px) {
.pageIndex .products-list .name { margin-top: 12px;}
}
/*購物車/＝＝＝＝＝*/

.prod_part {    width: 90%;}
.products-list {    display: grid;    gap: 5px;    grid-template-columns: 1fr 1fr 1fr ;margin-top: 50px;}
.products-list:before{content:none;}
.products-list .item {    width: 100%;}
.product_page .products-list .name {
    width: 100%;
    margin-top: 0px;
    text-align: left;
    opacity: 1;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
}


.products-list .name:hover {  opacity: 1; transition:.5s all;}

.products-list .pic img {
    max-width: 100%;
    max-width: 100%;
    bottom: 50%;
    position: absolute;
    left: 0;
    transform: translate(0%, 50%);
}/*圖片垂直置中*/
/*購物車/外層＝＝*/
/*顏色*/
.products-list .more {
    border: 1px solid #333;
    color: #fff;
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 90px;
    font-size: 13px;
    background: #000000b3;
	display: none;
}
.pageIndex .products-list .more { bottom: 50px;display:none;}
.products-list .item a:hover .more {    background: linear-gradient(90deg, #333333 0%, #1C1E1B 50%, #333333 100%); /*background: #ba8c53;  color: #111;  border: none;*/}
/*價格*/
.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: #333;}
.products-list .price b.ori_price {    font-size: 14px;}

/*外層版面*/
.product_page .main_part {    width: 100%;	max-width: 100%;padding: 0px 0px 70px 0px;}
/*.product_page .show_content {    display: flex;    flex-wrap: wrap;    align-items: flex-start;    justify-content: space-between;}*/
.product_page .products-list {   width: 80%;  margin: 70px auto;}
.product_page .show_content { padding: 0px;}
.product_page .products-list .item {padding: 0px; margin: 0px;}
.product-layer-two {    /*width: 250px;*/   margin: 0 auto;text-align: center;justify-content: center; margin-top: 50px;}
.product_info_page .product-layer-two {    display: none;}
.product-layer-two li { display: inline-block;  margin: 5px 5px 0 0;  position: relative;  padding: 0 10px;}
.product-layer-two > li.active {    background: #f2f2f2;}
.product-layer-two li.active a {    border: unset;border-bottom: 1px dotted #ccc;}
/**/
.product-layer-two li a {    color: #222;    border: none;    background: transparent;  display: inline-block;  transition: all 0.3s;    line-height: 200%;    transition: all 0.3s;}
.product-layer-two > li > a {    border-bottom: 1px dotted #ccc;padding-left: 25px;}
.product-layer-two li:hover > a , .product-layer-two li.active > a{color: #333;}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {background: #333; color:#fff;}
/*.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: #333;
    background: #f2f2f2;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    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;display: none;}
.product-layer-two li li:hover a{color: #333;}
.products-list .pic {  padding-bottom: 52%;}
.products-list .pic:before, .products-list .pic:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*border: 5px solid #2E81AD;*/
    border: 6px #22222200 solid;
    box-sizing: border-box;
    opacity: 0;
    border-image-slice: 1;
	background-color: #0000006e;
	transition: all .6s ease-in;
}
.products-list .pic:before {    border-right: 0;    border-left: 0;  /*transform: scale(0, 1);*/}
.products-list .pic:after {    border-top: 0;    border-bottom: 0;   /* transform: scale(1, 0);*/}

.products-list .item a:hover .pic:before, .products-list .item a:hover .pic:after {    transform: scale(1.2);    opacity: 1;transition: all .6s ease-in;}
@media screen and (max-width: 768px) {
.products-list { width: 100%;  margin: 20px auto 0px auto;}
.products-list .item {  padding: 0 0px;}
.products-list .name {  padding: 0px 7px;}

}
@media screen and (max-width: 500px) {
.products-list .name {   text-align: center;margin-top: 12px;}
}


/*hover到才顯示副選單 關掉↓*/
.product-layer-two li li {    display: block;}

/*購物車/內層＝＝*/
.product_info_page .main_part {    width: 90%;}
.product_pic .bx-wrapper { display: none;}
.sidebarBtn{ display:none;}
.product_pic #bx-pager{ display: none;}
ul.prod li:nth-child(2) h3.prod-thumb { display: none;}
.qaform{ display: none;}
/*按鈕顏色*/
.inquiry_a1{background: #ba8c53;}
.inquiry_a2{background: #333;}
.inquiry_a3{background: #333;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{background: #000;}
.lastaction {    color: #333;    background-color: #f2f2f2;}
.nextaction {    background-color: #333;}
.lastPage {    background: #333;}
/*商品側邊規格*/
.product_info li .txt_box {    color: #222222;    width: 100%;}
.sidebarBtn .sp_price {   color: #cbc0a0;}
.mobile_product_name{font-size: 24px;}

ul.prod li h3.prod-thumb {
    background: #33333314;
    color: #000;
    text-align: left;
    padding-left: 20px;
	margin: 0px 0px 20px 0px;
	display: none;
}
.qaform .breakF {    background: transparent;}
/*購物車內容影片*/
@media (max-width:1120px) {
.f01 iframe {   height: 278px;}
}
@media (max-width:1024px) {
.p01 p { font-size:17px;}
.all_0 {  flex-direction: column;}
.s01{ width:100%;}
.s02{ width:100%; padding: 20px 5px;}
}
@media (max-width:550px) {
.f01 iframe {  height: 228px;}
}
@media (max-width:455px) {
.f01 iframe {  height: 213px;}
}
@media (max-width:410px) {
.f01 iframe {  height: 192px;}
}
@media (max-width:350px) {
.f01 iframe {  height: 162px;}
}
@media (max-width:320px) {
.f01 iframe {  height: 148px;}
}

/*相關推薦*/
.prod_related {    padding: 80px 15px 30px; background: transparent;/*  #eaeaec8a;*/}
.prod_related h6 span:before{font-size: 28px; color: #333333;}
.related_list { display: none;}/*相關推薦隱藏*/
.prod_related h6{ display: none;}
/*首頁文章管理*/
.pageIndex .module_i_news ul{width: 95%;grid-template-columns: 1fr 1fr 1fr;}
.pageIndex .module_i_news ul {  max-width: 80%;}
.pageIndex .module_i_news {  padding: 40px 0px 80px 0px;}
.pageIndex .module_i_news ul, .blog_subbox {  gap: 15px;}
.pageIndex .i_blog_le, .blog_list_le {  padding-bottom: 75%;}
.pageIndex .module_i_news .title_i_box h4 { color: #fff;font-size: 28px; font-weight: 400;}
.pageIndex .module_i_news li a:after{ background:#ffffffbf; border:none;}
.pageIndex .module_i_news .title_i_box h6 {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 40px);}
.pageIndex .module_i_news .title_i_box {  margin-bottom: 70px;}
.pageIndex .i_blog_ri h5 {  color: #ba8c53; margin: 10px 0px; }
.pageIndex .module_i_news { background-image: url(https://pic03.eapple.com.tw/yusinlab/bg_page.jpg);
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: cover;
    position: relative;
    z-index: 1;}
.pageIndex .i_blog_ri {  padding: 0px 20px 20px 20px;height: 220px;}
.pageIndex .module_i_news li a, .subbox_item a {  background-color: #ffffff;}
.pageIndex .module_i_news li a:before {  content: 'MORE+';  background-color: #ba8c53;   padding: 20px 15px;color: #fff;opacity: 1;bottom: 0px; right: 20px;}
.pageIndex .module_i_news li, .subbox_item { width: 100%;  background-color: #ffffff; }
.pageIndex .module_i_news li a, .subbox_item a { box-shadow: none;}
.pageIndex .i_blog_ri em {  display: none;}
	
@media screen and (max-width: 600px) {
.pageIndex .module_i_news ul {  grid-template-columns: 1fr;}
.pageIndex .module_i_news li a:before { padding: 17px 10px; font-size: 12px;}
}
/*文章管理/＝＝＝＝＝*/
.blog_page .blog_list_ri h5 { margin-bottom: 8px;}
.blog_page .main_part, .blog_in_page .main_part {  max-width: 1500px;}
h4.blog_category_title{font-size: 25px;font-weight: 600;display: none;}
.blog_in_page h4.blog_category_title{display: block;}
h4.blog_category_title span{font-size: 24px;}
h5.blog_le_t em { display: none;}
.blog_list_ri em { display: none;}/*發佈日期*/
h5.blog_le_t span {  display: none;}
/*.blog_box {  margin-top: 120px;}*/
/*文章管理/外層＝＝*/
.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 {
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.subbox_item a:before, .subbox_item a:after{ display: none;}
.i_blog_le, .i_blog_ri , .blog_list_le , .blog_list_ri {    width: 100%;}
.i_blog_le , .blog_list_le{    position: relative;    padding-bottom: 52%;    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%);
	padding: 20px 20px 0px 20px;
}
.blog_list_le {    position: relative;    overflow: hidden;}
.blog_list_ri {
    z-index: 1;
    position: relative;
    padding: 20px 20px 25px;
    margin-top: -1px;
}
.subbox_item a:hover .blog_list_ri {    background: #ba8c53;}
.subbox_item a:hover h5, .subbox_item a:hover .blog_list_ri p, .subbox_item a:hover .blog_list_ri em {    color: #fff;}
.blog_list_ri p {   color: #222;}
.blog_box_edit.clearfix p { color: #333;}
/*.blog_list_le:before {
    content: '→';
    right: 20px;
    font-size: 25px;
    font-weight: bold;
    color: #000;
    position: absolute;
    z-index: 5;
    bottom: 30px;
}
.blog_list_le:after {
    border: solid #ffffff;
    border-top-left-radius: 88px;
    border-width: 88px 88px 0 0;
    bottom: -5px;
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    top: 76%;
    left: 70%;
    width: 35%;
}
.subbox_item a:hover .blog_list_le::after{
    border: solid #333;
    border-top-left-radius: 110px;
    border-width: 110px 110px 0 0;
    left: 65%;
    top: 70%;
}
.subbox_item a:hover .blog_list_le:before {    color: #fff}
.blog_search input[type=search] { border-radius: 5px;}*/
@media screen and (max-width: 900px) {
.pageIndex .products-list .more {  bottom: 68px;}
.products-list .name { font-size: 12px;}
}
@media screen and (max-width: 768px) {
.product-layer-two { display: block;}
/*首頁購物車*/
.pageIndex .products-list .name { font-size: 13px;}

.products-list .name {   vertical-align: top;}
.pageIndex .products-list .pic {
    padding-bottom: 65%;}
/*文章*/
.subbox_item a:hover h5, .subbox_item a:hover .blog_list_ri p, .subbox_item a:hover .blog_list_ri em {  color: #fff;}
.subbox_item a:hover .blog_list_ri { background: #c8b8a1;}
}
@media screen and (max-width: 600px) {
.products-list .name {  margin-top: 23px;}
}
/*側邊*/
.blog_le .accordion > li{transition:all 0.3s;}
.blog_le .accordion { border-radius: 5px;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {    background: #333 !important;}
.submenu a{font-weight: 600;color: #333333;}
.submenu a:hover {  background: #ba8c53;   color: #282828;  font-weight: 600;}
/*首*/
.module_i_news ul{width: 90%;	grid-template-columns:1fr 1fr 1fr 1fr;}
/*功*/
.blog_subbox{grid-template-columns:1fr 1fr 1fr;}
.blog_subbox:before{content:none;}
/*文章管理/內層＝＝*/
.blog_back a.article_btn_back{background: #131415;}

/*相簿/＝＝＝＝＝*/
/*作品展示*/
.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: 1fr 1fr 1fr;    gap: 20px;}
ul.show-list:before , ul.pic-list:before{content:none;}
.overlay {display: none;}
.show-list .show_pic:before {

    z-index: 2;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #33333396;
    opacity: 0.80;
    filter: alpha(opacity = 80);
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
    -moz-transform: rotateY(180deg) scale(0.5, 0.5);
    -ms-transform: rotateY(180deg) scale(0.5, 0.5);
    -o-transform: rotateY(180deg) scale(0.5, 0.5);
    transform: rotateY(180deg) scale(0.5, 0.5);
}
.show-list .show_pic:hover:before {
    opacity: 1;
    filter: alpha(opacity = 100);
    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
}
.show-list .show_pic:after {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    font-size: 3vw;
    opacity: 0;
    filter: alpha(opacity = 100);
    content: "+";
    z-index: 2;
    transform: translate(-50%, -50%);
}
.show-list .show_pic:hover:after {opacity: 1;}

/*.show-list .show_pic:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.show-list .show_pic:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}*/

@-webkit-keyframes circle {
0% {    opacity: 1;}
40% {    opacity: 1;}
100% {    width: 200%;    height: 200%;    opacity: 0;}
}

.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{
	transform: scale(1);
    transition: all .8s;
    min-height: 460px;
    object-fit: cover;
}
.show-list .item a:hover .show_pic img, .pic-list .item a:hover .show_pic img {
    transform: scale(1.05);
}
.show-list .item:hover .show_name {    color: #333;}
.other_album_choice li {    background: #333;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 24px;}
.other_subalbum li p {    margin-top: 10px;}
/**/

/*促銷方案/＝＝＝＝＝*/
.news_part {    width: 90%;}
.news_list ul li a:hover {    background: #f9f9f9;}
.news_list ul li p:after {    background: #333;    padding: 3px 5px;    border-radius: 5px;    color: #fff;}

.other_promotion li a:hover:before , .other_promotion li a:hover:after {border-color:#333;}

/*聯絡我們/＝＝＝＝＝*/
.contact_le_map a {    background: #333;    display: none;}
.contact_content {
    padding: 0;
    text-align: center;
    
}

.contact_page .main_part {  padding: 80px 20px;}
.contact_form li.last {    color: #333;    width: 100%;    text-align: center;}
.pageIndex .contact_content .information_right {
    padding: 60px 0 100px;
    width: 100%;
    max-width: 1200px;
	display: none;

}
.contact_content .information_right{width:100%;}
.contact_content {  margin-bottom: -26px;}
.contact_form li.last blockquote, .contact_form li.last cite {    border: 2px #333 solid;    width: 200px;}
.contact_form li.last blockquote {    color: #333;}
.contact_form li.last cite {    background: #333333;    position: relative;    overflow: hidden;}
.contact_form li.last * {    position: relative;    z-index: 1;}
.contact_form li.last cite:after {
    content: "";
    position: absolute;
    background: #202B41;
    width: 120%;
    padding-top: 100%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.contact_form li.last cite:hover {    background: transparent; border: 2px #ba8c53 solid;}
.contact_form li.last cite:hover:after {
    background-color: #ba8c53;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.contact_form {    display: flex;    flex-wrap: wrap;padding: 0px 15px;}
.contact_form li {    width: calc(100% / 2);    padding: 10px;    border: none;}
.contact_form li .form__label {
    color: #333;
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 0;
    padding: 0 3px 10px;
}
.form select {
    background-color: #f3f3f3;
    border: none;
    color: #333;
    width: 100%;
    margin: 0;
    padding: 5px 26px 5px 5px;
}
.list_before.info li {    padding-left: 35px;}
input[type="checkbox"], input[type="radio"] {    margin-right: 5px;    margin-left: 10px;}
input#item3947_1 {    margin-left: 0;}

.blank_letter {    position: relative; text-align: center;background-color: #fff; padding: 20px; border-radius: 5px;}
h4.blank_letter.i {    display: none;}
h4.blank_letter.f:after {
    content: "如有互動設計規劃、施作相關需求，請簡述您的需求資料，我們很快會與您聯繫";
    display: block;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 3;
}

.contact_content .information_left {    width: 100%; padding: 0;}
.list_before {    display: none;}
.noborder { padding: 8px;}
.contact_form li input.noborder {  background-color: #f5f5f5;}
.contact_form li textarea.noborder{  background-color: #f5f5f5;}

@media screen and (max-width: 1300px) {
    .contact_form li {        width: 50%;    }
}

@media screen and (max-width: 768px) {
    .contact_form li {        width: 100%;    }
    body.contact_page .contact_content {        margin-bottom: 40px;    }
	.yup1-a .yu-title { align-content: center;}
}

/*會員/＝＝＝＝＝*/
.send_simple{background-color: #333;}
.rewrite_simple{background-color: #cbc0a0;}
.member_title p {    border-top: 2px #333 solid;}
.login_mem_submit{background: #333;}
.login_mem_other_link a{color: #333;}
.member_login_regist a{background: #333;}
.mem_regist_title_s {    background: #cbc0a0;    color: #fff;}


/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {
/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr 1fr;}

.footer_logo:before {    width: 65%;}
}

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
/*Header/＝＝＝＝＝*/
.navigation {    padding: 10px;}
.main_header_area:after {display: none;}
.me_tp_features {    order: 3;    text-align: center;}
.tp_links { justify-content: center;}
.main_header_area:before {
    -webkit-animation: topline-anim1 8s linear infinite;
    animation: topline-anim1 8s linear infinite;
}
.main_header_area {  height: 120px;}
.stellarnav > ul > li { padding: 5px 0;margin: 10px 10px 10px 10px;}
.stellarnav.mobile > ul > li > a {  padding: 10px 120px 10px 10px;}
.stellarnav > ul > li > a b { font-size: 15px;  padding-left: 0px;  letter-spacing: 2px;}
/*Logo/＝＝＝＝＝*/
.header_area .nav-brand {  width: 110px;  max-width: 160px;    margin-top: 5px;}
.header_area.sticky .nav-brand{max-width: 180px;}

/*footer*/
.footer_logo:before {    width: 70%;}
.footer_info ul {    width: 100%;    flex-direction: column;}
.box_link {
    width: 40%;
    position: absolute;
    right: 2%;
    top: 20%;
}
.box_link a {   width: 80%;}
.box_link a.me_tp_line {    width: 124px;}
.footer_info li:nth-child(1) {    width: 100%;}
.footer_info li:nth-child(2) {    width: 100%;    margin-top: 25px;}
.footer_menu {    display: inline-block;}
.footer_menu a {    margin-right: 9px;}
.copy {    text-align: center;}

/*文章管理/＝＝＝＝＝*/
.module_i_news ul{grid-template-columns:1fr 1fr;}

/*購物車/＝＝＝＝＝*/
.product_page .products-list {    grid-template-columns: 1fr 1fr;}

}

/*RWD980/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 980px) {
/*文章管理/＝＝＝＝＝*/
.blog_subbox{grid-template-columns:1fr 1fr;}

/*相簿/＝＝＝＝＝*/
ul.show-list , .other_subalbum ,ul.pic-list{    display: grid;    grid-template-columns: 1fr 1fr;}

}

/*RWD768/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 768px) {
/*選單漸變效果＝＝*/
/*首頁固定選單*//*
.pageIndex .header_area{position:relative;}

/*側邊選單/＝＝＝＝＝*/
.navigation {    display: block;}
.main_header_area {   height: 75px;}
.header_area .nav-brand {  margin-top: 8px;}
/*.stellarnav.mobile {    top: 30px;}*/
.stellarnav .menu-toggle span.bars span {    background: #fff;}
.stellarnav .menu-toggle:after {    color: #fff; display:none;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {
    background: #ba8c53; color: #222;
}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {    border-bottom: solid 2px #222;}
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {    border-bottom: solid 2px #fff;}
.stellarnav.mobile.left > ul {    background: #000000e8; border-right: 1px #000 solid;}
.stellarnav.mobile li a {    border-bottom: 1px solid rgb(255 255 255 / 0%);}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {   width: 100%;  max-width: 100%;}
.stellarnav > ul > li > a:before{display: none;}
.stellarnav li li > a , .stellarnav li li.has-sub > a{  background-color: #000000;  padding: 15px;border-left:none;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{padding: 10px;border-color:transparent;}
.stellarnav > ul > li:before, .stellarnav > ul > li:after{ display:none;}
.stellarnav.mobile li.open { background: #00000000; padding: 3px;}
.stellarnav.mobile li.open li.open { background: #000000;}
.stellarnav.mobile { right: 2% !important;  left: unset !important;  top: 40%;}
.footer_info li {  padding: 0px 40px;}

/*Logo/＝＝＝＝＝*/
.nav-brand{ margin-top: 10px;}
.header_area .nav-brand{max-width: 140px;position: absolute;  left: 4%;}
.header_area.sticky .nav-brand{max-width: 150px;}

/*Footer/＝＝＝＝＝*/
#to_top { bottom:60px;}
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
.footer_info {    justify-content: center;}
.footer_logo:before {    display: none;}
.footer_logo {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 19px;}

/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 28px;}

/*購物車/＝＝＝＝＝*/
.product_page .main_part {    width: 100%;}
.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_info_page .mobile_product_name {  display: none; }
.product_page .products-list {   margin: 0px auto;}
.product-layer-two li{min-width: 166px;margin: 5px 0px 0 0;}
.product-layer-two > li > a {  font-size: 14px;}
.product-layer-two li a {  padding: 7px 0px;    width: 90px;}
.product_page .products-list, .product-layer-two {    width: 100%;  margin: 20px auto;}
/*順序*/
.product_page .products-list {    order: -1;}

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}

/*相簿/＝＝＝＝＝*/
.mobile_product_name{font-size: 20px;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 20px;}
.product_page .products-list {   grid-template-columns: 1fr; }
}

/*RWD600/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 600px) {
/*Footer/＝＝＝＝＝*/
.box_link {    text-align: center;}    
.box_link {
    text-align: center;
    width: 100%;
    position: relative;
    right: 0;
    margin-top: 12px;
}
/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 24px;}

/*購物車/＝＝＝＝＝*/
.prod_related h6 span:before{font-size: 20px;}
.product-layer-two li {   min-width: 90px; padding: 0 4px;}
/*購物車內頁*/
.product_info_page .main_part { padding: 10px 10px 10px;  }
/*文章管理/＝＝＝＝＝*/
.module_i_news ul , .blog_subbox{grid-template-columns:1fr;}
.i_blog_le, .blog_list_le {    padding-bottom: 52%;}
h4.blog_category_title{font-size: 20px;}
h4.blog_category_title span{font-size: 18px;}

/*相簿/＝＝＝＝＝*/
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;}

/*促銷方案/＝＝＝＝＝*/
.news_list ul li p:after {    width: fit-content;    margin: 10px auto 0;}

}
@media screen and (max-width: 500px) {
.product-layer-two li {   min-width: 125px; padding: 0 2px;}
}
@media screen and (max-width: 450px) {
.product-layer-two li {   min-width: 100px; padding: 0 2px;}
}
@media screen and (max-width: 400px) {
.product-layer-two li {   min-width: 84px; padding: 0 2px;}
}
/*RWD375/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 650px) {
/*購物車/＝＝＝＝＝*/
.products-list , .product_page .products-list  {    grid-template-columns: 1fr;}
}