@charset "utf-8";
/* *************台灣精控有限公司****************** */
/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/
/*字體*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Bevan:ital@0;1&family=Noto+Serif+TC:wght@200..900&display=swap');
*{font-family: "Noto Serif TC", serif;font-weight: 400;}*/
body{font-family:"Noto Sans TC", sans;font-weight: 400; /*font-family: "Noto Serif TC", serif;*/}
.path p, .path p a { display: none;}
.edit_part {  max-width: 100%;  margin: auto;  padding: 0px;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/
/*內頁*/
/*#content {  background: #f5f5f5;}*/
#content_main { margin: 0;  margin-bottom: -5px !important;background-color: #ffffff;}
#content {  background-color: #ffffff;}
.promotion_title {  display: none;}
.other_select_page .other_promotion { display: none;}
.other_select_page .page {  display: none;}

/*電腦LOGO*/
.main_header_area { height: 105px;border-bottom: solid 1px #e4e4e4;}
.pageIndex .nav-brand {  margin-top: 12px;   width: 308px;  margin-left: 20px;  transition: .6s all;}
/*.nav-brand { }*/
.pageIndex .sticky .nav-brand {  margin-top: 12px;  width: 308px; }
.nav-brand:hover { transition: .6s all;transition: .6s all;}
.other_page .nav-brand, .album_page .nav-brand, .album_info_page .nav-brand, .album_class_page .nav-brand, .contact_page .nav-brand, .blog_page .nav-brand, .blog_in_page .nav-brand, .product_page .nav-brand, .product_info_page .nav-brand, .car_page .nav-brand, .work_page .nav-brand, .work_info_page .nav-brand, .work_class_page .nav-brand, .other_select_page .nav-brand  { margin-top: 19px; width: 230px;margin-left: 0px;  transition: .6s all;}
.footer_logo img { display:none;}
.footer_logo {  display: none;}
/*手機LOGO
.nav-brand-m {}
*/

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

/*Header*/
.pageIndex .header_area { position: fixed;  width: 100%;}
.main_header_area {  transition: .8s all;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;}
/*.header_area.sticky .main_header_area { background-image: url(https://pic03.eapple.com.tw/lija/footer_bg.jpg); background-repeat: no-repeat;transition: .8s all;}*/
.header_area.sticky .main_header_area {/*background-image: url(https://pic03.eapple.com.tw/enyuan/header_bg.jpg);*/}

.main_header_area .container {  max-width: 88%; transition:.5s;}
.sticky .main_header_area .container {  max-width: 88%;transition:.5s;}
.stellarnav > ul > li {  margin: 23px 12px;}
.stellarnav > ul > li > a {  font-weight: 400;  letter-spacing: .5px;height: 50px; padding: 4px 9px; color:#000;    letter-spacing: 2px; font-size: 16px; transition:.5s;  margin:0px 0px;}
.stellarnav > ul > li > a:hover {  font-weight: 400; color: #393a3c; transition: all .5s;}
.stellarnav li li > a{ font-size:12px;background-color: #1687bf; color: #fff;}/*下拉*/
.stellarnav li li > a:hover { background-color: #1179ad;color: #fff; transition:.5s all;}/*下拉hover*/
.stellarnav.desktop li a { padding: 10px 8px;}
.stellarnav li li {  display: block; border: none;  margin-bottom: -1px;  background-color: #000000; color: #222;}/*下拉hover*/
.stellarnav > ul > li > a b {  font-weight: 400;}



/*選單底部hover線條*/
/*.stellarnav > ul > li::after {  content: ""; display: block;height: 11.5px;  width: 0%; background: #2a6194; position: absolute;  bottom: 8px; transition: all 0.5s;  left: 50%;z-index: 1;}
.stellarnav li a {  z-index: 99999;}
.stellarnav > ul > li:hover::after { width: 100%; transition: all 0.3s;left: 0;}
.stellarnav li.has-sub > a:after {top: 54%;}*/

/*大圖文案*/


/*.swiper-wrapper .swiper-slide:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: 35%;
    width: 16vw;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 55VW;
    background: url(https://pic03.eapple.com.tw/nantoubarbecue/banner_text.png) no-repeat;
    z-index: 100;
    background-position: left bottom;
    background-size: contain !important;
    animation: move 3s ease;
}
.swiper-wrapper .swiper-slide:nth-child(2)::after {
    content: "";
    position: absolute;
    bottom: 35%;
    width: 16vw;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 55VW;
    background: url(https://pic03.eapple.com.tw/nantoubarbecue/banner_text01.png) no-repeat;
    z-index: 100;
    background-position: left bottom;
    background-size: contain !important;
    animation: move 3s ease;
}*/

@media screen and (max-width: 1200px){
	.bannerindex {position: relative;}
	
}








.swiper-pagination { display: none;}/*輪播白點移除*/





.navigation { padding: 0px 0 0px 210px;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 0px;}
.box_search input[type=text] {  border-radius: 0px;padding: 3px 10px 3px 32px;color: #fff !important;}/*購物車搜尋bar文案*/
.shop_search_btn { background: #4d4d4d;}
.tp_links { display: none;}	
.me_tp_features {  margin-bottom: 0px;  margin-top: -4px;}
.me_tp_features a {  margin-bottom: 3px;}
.stellarnav li.has-sub > a:after{ display:none;}
.stellarnav li > a:before{   position: absolute;  width: 30px;  height: 30px;  top: -1px;  left: 50%; transform: translateX(-50%);}

@media screen and (max-width: 1900px) {
.swiper-wrapper:before {  background-size: contain !important;}
}

@media screen and (max-width: 1450px) {
.main_header_area .container { max-width: 98%;}

.other_page .nav-brand, .album_page .nav-brand, .album_info_page .nav-brand, .album_class_page .nav-brand, .contact_page .nav-brand, .blog_page .nav-brand, .blog_in_page .nav-brand, .product_page .nav-brand, .product_info_page .nav-brand, .car_page .nav-brand, .work_page .nav-brand, .work_info_page .nav-brand, .work_class_page .nav-brand, .other_select_page .nav-brand  {margin-top: 25px; width: 170px;}

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

.stellarnav > ul > li > a { padding: 4px 2px;}
.nav-brand {  margin-top: 5px;  margin-bottom: 0px; margin-left: 0px;}
.stellarnav > ul > li { margin: 27px 12px;margin-top: 21px;}
.nav-brand {  margin-top: 2px; width: 150px;}
.pageIndex .nav-brand {  margin-top: 19px;   width: 260px;  margin-left: 10px;}
.stellarnav > ul > li {    margin: 27px 5px;}
.stellarnav > ul > li > a {  padding: 4px 9px;letter-spacing: 0.5px;  font-size: 15px;}

}
@media screen and (max-width: 1200px) {
.stellarnav > ul > li {  margin: 2px 5px; margin-top: 21px;}
.nav-brand {  margin-top: 9px;}
.main_header_area {  height: 107px;}
.stellarnav.desktop li a { padding: 12px 3px;}
}
@media screen and (max-width: 1060px) {
.pageIndex .sticky .nav-brand { margin-top: 40px;  width: 170px;  background: none;height: 0px; padding-top: 0px;}
.stellarnav.desktop li a {  padding: 8px 0px;}
.pageIndex .stellarnav.desktop li a {  padding: 15px 7px;}
}
@media screen and (max-width: 1024px) {
.pageIndex .header_area { position: relative; }
.pageIndex .main_header_area { height: 135px;}
.navigation { padding: 10px 0 0px 0px;}
.main_header_area { height: 160px;}
.stellarnav > ul > li > a {  padding: 0px 2px;height: 44px;  font-size: 14px;}
.stellarnav > ul > li:nth-child(7) { background-color: transparent;}
.nav-brand {  margin-top: 9px;  width: 120px;}
.stellarnav > ul > li > a { margin: 0px 5px;}
.pageIndex .stellarnav.desktop li a {  padding: 0px 10px;}
.stellarnav.desktop li a {  padding:  10px;}
.pageIndex .nav-brand { margin-top: 17px; width: 200px;   margin-left: 0px; }
.pageIndex .sticky .nav-brand { margin-top: 17px; width: 200px;  margin-left: 0px;}
.stellarnav > ul > li { margin: 0px ;}


    


}
@media screen and (max-width: 768px) {
.stellarnav li > a:before {  position: absolute;  width: 30px; height: 30px;  top: 12px; left: 13%;  transform: translateX(-50%);}
.stellarnav.mobile ul { background: #fff;}
.stellarnav.mobile > ul > li {  background-color: #fff; text-align: left;border-bottom: 1px #e8e8e8 solid;}
.stellarnav.mobile > ul > li > a { padding: 10px 10px 5px 10px; margin-left: 0px;border-bottom: none;font-weight: 400;}
/*.stellarnav.mobile > ul > li > a.dd-toggle { display: none;}*/
.me_tp_features a span { font-size: 13px;}
.me_tp_features a i {  margin: 0 3px; font-size: 11px;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { max-width: 50%;border-right: 1px #c9c9c9 solid;}
/*.nav-brand { width: 37px;  margin-top: 0px;  margin-left: 0px;}
.sticky .nav-brand {  margin-top: 0px; width: 37px;}*/
.nav-brand { margin-top: 20px;   width: 200px;}
.sticky .nav-brand {  margin-top: 20px;   width: 200px;}
.pageIndex .main_header_area {  height: 90px;}
.stellarnav .menu-toggle span.bars span {background: #000;}
.stellarnav .menu-toggle:after{color: #000;  font-weight: 400;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #f1f1f1; color: #282828;   padding: 7px 10px 8px 10px;}
.stellarnav .icon-close:after { border-bottom: solid 2px #282828;}
.stellarnav .icon-close:before{ border-bottom: solid 2px #282828;}
.stellarnav .icon-close { margin-right: 3px;}
.stellarnav.mobile.sticky{left: 0;}
.stellarnav .menu-toggle span.bars span { width: 25px; height: 1px; margin: 2px auto 5px;}
.stellarnav .menu-toggle { padding: 25px 10px;}
.main_header_area {  height: 110px;}
.pageIndex .header_area { position: relative;background: #000;}
.nav-brand img {max-width: 100%;  }
.stellarnav > ul > li:hover::after { width: 44%; left: 0;}
.stellarnav > ul > li::after { height: 7.5px;   left: 50%; top: 32px;}
.other_page .nav-brand, .album_page .nav-brand, .album_info_page .nav-brand, .album_class_page .nav-brand, .contact_page .nav-brand, .blog_page .nav-brand, .blog_in_page .nav-brand, .product_page .nav-brand, .product_info_page .nav-brand, .car_page .nav-brand, .work_page .nav-brand, .work_info_page .nav-brand, .work_class_page .nav-brand, .other_select_page .nav-brand  {margin-top: 8px; width: 170px;margin-left: 0px;}
.sticky .nav-brand {  margin-top: 0px;  width: 260px;}
.pageIndex .nav-brand { margin-top: 0px; width: 260px;}
/*選單底部hover線條*/
.stellarnav > ul > li::after { display: none;}
/*大圖文案*/
.swiper-wrapper .swiper-slide:nth-child(1)::after {  width: 30vw;}
.swiper-wrapper .swiper-slide:nth-child(2)::after { width: 30vw;}

}
@media screen and (max-width: 600px) {
.other_page .nav-brand, .album_page .nav-brand, .album_info_page .nav-brand, .album_class_page .nav-brand, .contact_page .nav-brand, .blog_page .nav-brand, .blog_in_page .nav-brand, .product_page .nav-brand, .product_info_page .nav-brand, .car_page .nav-brand, .work_page .nav-brand, .work_info_page .nav-brand, .work_class_page .nav-brand, .other_select_page .nav-brand  { margin-top: 13px; width: 140px;  margin-left: 0px; transition: .6s all;}
.pageIndex .nav-brand {   margin-top: 1px;width: 250px; }
.pageIndex .sticky .nav-brand {   margin-top: 1px;  width: 250px;}
}
@media screen and (max-width: 500px) {
.main_header_area {height: 85px;}
.other_page .nav-brand, .album_page .nav-brand, .album_info_page .nav-brand, .album_class_page .nav-brand, .contact_page .nav-brand, .blog_page .nav-brand, .blog_in_page .nav-brand, .product_page .nav-brand, .product_info_page .nav-brand, .car_page .nav-brand, .work_page .nav-brand, .work_info_page .nav-brand, .work_class_page .nav-brand, .other_select_page .nav-brand  {   margin-top: 8px;   width: 160px;}
.pageIndex .nav-brand {   margin-top: 4px;width: 230px; }
.pageIndex .sticky .nav-brand {   margin-top: 4px;  width: 230px;}
}
@media screen and (max-width: 400px) {
.stellarnav .menu-toggle { padding: 24px 10px;}
.box_search input[type=text] { width: 71px;font-size: 10px;}
.me_tp_features a span { font-size: 9px;}
.me_tp_features a { margin: 0 1px;}
.shop_search_btn {  font-size: 10px; top: 1px; padding: 6px 15px;}
.shop_search_txt { font-size: 13px; height: 16px;}
.pageIndex .main_header_area {  height: 70px;}
.pageIndex .nav-brand {   margin-top: 0px;width: 180px; }
.pageIndex .sticky .nav-brand {   margin-top: 0px;  width: 180px;}


    
}


/*浮動按鈕*/
/*.info_fix_links a, .info_fix_links a+a { display: none;}*/
.info_fix>span{background-color: #000;}
.info_fix_links a {  background: transparent;}
.info_fix_links a:hover { background: transparent;}
.info_fix_links{ display:block !important;}/*保持展開*/
.info_fix>span { display: none;}/*隱藏展開鈕*/
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*Footer*/
.box_link a { display: none;}
.center { max-width: 1760px;}
.footer {
	
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    padding: 85px 0px 60px 0px;
	background-color: /*#f1f1f1*/#e3f3fa;
    border-top: solid 1px #ebebeb;
}



/*.footer_info li p.tel:before{ display:none;}*/
.footer .center {max-width: 1600px;}
.footer_info {flex-direction: column;align-items: flex-start;}
.footer_info ul{width: 100%;}
.footer_info li:nth-child(1){position: relative;}
/*.footer_info li:nth-child(1):before {  content: "聯絡資訊";   display: block;   font-size: 18px;   color: #1c1c1c;   margin-bottom: 18px;   font-weight: 500;  letter-spacing: 1.5px;}*/
.footer_info li:nth-child(2) {border-top: 1px solid #51515154;text-align: right;margin-top: 35px;}
.footer_info li p, .footer_info li p a {color: #1c1c1c;font-family: 'Noto Sans TC', sans-serif;}
.footer_info li p{padding-left: 86px;position: relative;line-height: 200%;}
.footer_info li p:before{display: block;width: 84px;height: 18px;background-size: contain !important;background-position: center !important;
position: absolute;top: 35%;left: 0;transform: translateY(-50%);}

.footer_info li p.tel:before { content: '加盟專線：';}
.footer_info li p.tel2:before { content: '洽詢電話：';}
.footer_info li p.phone:before{content: '公司電話：';}
.footer_info li p.mail:before { content: 'Email：';}
.footer_info li p.add:before {  content: '地理位置：';}
.footer_menu {padding: 10px 0;position: absolute;  top: 10%;  left: 46%;   transform: translate(-50%, 50%);font-family: 'Noto Sans TC', sans-serif;}

.footer_menu a {border-right:  none;padding: 0 12px;text-align: center;margin: 0;color: #1c1c1c;letter-spacing: 1px;background: transparent;border: none; font-size: 15px;}
.footer_menu a:hover{background: transparent;color: #000;}
.copy {text-align: right;max-width: 1600px;padding: 0 4%;margin: 0 auto;font-size: 12px;border-top:none;color: #434343;}
.copy,.copy a,.copy span{font-family: 'Noto Sans TC', sans-serif;font-size: 12px;}
#to_top {  border-radius: 7%;}
.copy a:hover { color: #6f5028;}

.footer_info li p.fax:before {  content: 'LINE ID：';}
@media screen and (max-width: 1024px){
.footer_menu {  position: relative;left: unset;  transform: unset;}
.copy {  padding: 0 6%;}
}
@media screen and (max-width: 768px){
	.footer_info li:nth-child(1):after {width: 80px;height: 80px;bottom: 15px;}
	.footer_menu {text-align: left;max-width: 100%;margin: 0 auto;}
	.footer_menu a{width: 30%;}
	.footer_menu a:nth-child(3){border-right: none;}
	.footer_menu a:last-child {padding-right: 12px;}
	.copy {border-top: none;text-align: center;}
	
}


/*footer選單hover線條*/
.footer_menu a {  margin: 0; text-align: left; transition: all 0.3s;  position: relative;padding: 10px 7px;}
.footer_menu a:after { content: '';  display: block; width: 100%; height: 8.5px; background-color: transparent; position: absolute;  bottom: 5px; left: 0px; z-index: -1;transition: all .4s;}
.footer_menu a:hover:after {animation-name: line_move;animation-duration: 0.5s; background:#f3bb1c;}
@keyframes line_move{  30%{left:100%;width:0}40%{width:0;left:0}100%{left:0;width:100%}}
/*@keyframes line_move{  30%{left:100%;width:0}40%{width:0;left:0}100%{left:0;width:100%}}*/

@media screen and (max-width: 1650px) {
.footer .center {  width: 90%;}
.copy {  padding: 0px 9%;}
.footer_info {  padding: 0 30px 0 0;}
}
@media screen and (max-width: 1550px) {

.footer_info li:nth-child(1) { padding: 0 20px; align-content: center;}
}
@media screen and (max-width: 1024px) {
.footer_info li:nth-child(1) { margin-top: 20px;}
.footer_info li p {  width: calc(140% / 2);}
.footer_info ul {  margin-left: 0px;}
.footer_logo {  margin: 0 30px;}
.footer_info li:nth-child(1) p, .footer_info li:nth-child(1) a{text-align: left;}
.footer_info li:nth-child(1):before {  text-align: left;}
}


@media screen and (max-width: 768px) {
.footer_info li:nth-child(1) p, .footer_info li:nth-child(1) a {   width: 100%;font-weight: 400;}
.footer_logo {  margin: 10px 17px;}
.footer_info ul { text-align: left;margin: 0px;}
.footer_info li:nth-child(1) { flex-flow: column;  padding: 0px;  flex-wrap: wrap;  flex-direction: column; margin-bottom: 30px;  padding: 0px 20px;}
.footer_logo {  margin: 0px 17px;  display: none;}
.footer_info {  padding: 20px 0px;}
.footer .center { width: 85%;}
.footer_menu a { padding: 7px;}
.footer_info li:nth-child(2) {   top: unset;  bottom: 0; /*border-bottom: solid 1px #454545;*/width: 100%;}
.copy { padding: 30px;border-bottom: none;}
#bottom_menu li a { background-color: #50aab5;}
.fa-house::before {  color: #1c1c1c;}
.fa-phone-volume::before{  color: #1c1c1c;}
#bottom_menu li a em { color: #222;}
#bottom_menu li a { display: none;}
  
}
@media screen and (max-width: 600px) {
.swiper-slide:nth-child(1):after { width: 32vw;  height: 65VW;}
.swiper-slide:nth-child(2):after { width: 32vw;   height: 65VW;}
.swiper-slide:before {  font-size: 1.5vw;}
.footer_info li:nth-child(2) {  top: 91%;  border-bottom: none;}
.copy {  margin-top: 50px;padding: 10px;}
.footer_info ul {   text-align: center;}
.footer_info li p { padding-left: 0px;}
.footer_info li p:before {   top: 33%;  left: 0%;}
.footer_info li:nth-child(1) p, .footer_info li:nth-child(1) a { font-size: 12px;padding-left: 33px;}

.footer_menu{ padding:10px 0;}

}
@media screen and (max-width: 450px) {
.footer_info li p { padding-left: 5px;}
.footer_info li:nth-child(1) {margin-bottom: 60px;}
}
@media screen and (max-width: 400px) {
.footer_info li:nth-child(1) {margin-bottom: 30px;}
.stellarnav.mobile > ul > li > a {padding: 13px 10px 8px 10px;  font-size: 14px;}
.footer .center { width: 85%;}
.footer_info li p { font-size: 12px;}
}
@media screen and (max-width: 350px) {
.footer_menu a {    width: 48%;}

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




/*預設解除背景輪播*/
#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;}
}


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


/*內頁BANNER 設定*/
/*.banner {}
.banner h5 {
    color: #bfbfbf;
    font-size: 20px;
    letter-spacing: 3px;
}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}*/

.banner {  background-image: none;  background-color: #1a1a1a;}
.banner {
    background-color: #111;
    background-size: cover;
    background-position: center;
    max-height: 250px;
    margin-bottom: 4vw;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 25 / 7;
    padding: 86px 0px;
	
}
.banner {
    background: url(https://pic03.eapple.com.tw/6water/banner_top.jpg) no-repeat;
    height: 25vw;
    background-attachment: fixed !important;
    background-position: center !important;
    background-size: cover !important;
}
.banE{
    background: url(https://pic03.eapple.com.tw/6water/banner_top.jpg) no-repeat;
    height: 25vw;
    background-attachment: fixed !important;
    background-position: center !important;
    background-size: cover !important;
}
.banblog {
    background: url(https://pic03.eapple.com.tw/6water/banner_top.jpg) no-repeat;
    height: 25vw;
    background-attachment: fixed !important;
    background-position: center !important;
    background-size: cover !important;
}
.banner h5 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 3px;

}
.banner.banE h5:before {
    content: "ALBUM";
}
.banner.banF h5:before {
    content: "PRODUCTS";
}
/*.banner.banC h5:before {
    content: "CONTACT";
}*/
.banC{ display:none;}
.banblog h5:before {
    content: "NEWS";
}
.banner h5:before {
    font-weight: 500;
    letter-spacing: 2px;
    color: #ffffffd6;
    font-size: 14px;
    position: absolute;
    top: 145px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
	border-bottom: solid 1px #fff;
	padding: 4px 0px;
}
@media screen and (max-width: 920px) {
.banner { padding: 72px 0px;}
}
@media screen and (max-width: 850px) {
	.banner h5 {  font-size: 28px;}
	.banner h5:before {  top: 99px;}
	.banner { padding: 60px 0px;  height: 26vw; }
}

@media screen and (max-width: 600px) {
	.banner {  height: 33vw; }
}
@media screen and (max-width: 500px) {
	.banner {padding: 53px 0px; height: 38vw; }
}
@media screen and (max-width: 400px) {
	.banner { padding: 50px 0px; height: 45vw; }
	.banner h5:before {top: 88px;}
}
@media screen and (max-width: 320px) {
.banner {
        padding: 41px 0px;
        height: 48vw;
    }
}

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


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/

.blog_page .subbox_item {  width: 33%;padding: 6px;}
.blog_page .blog_list_ri {  width: 100%;}
.blog_page .blog_list_le { width: 100%;height: 400px;}
.blog_list_le img {  max-width: 100%;  height: 100%;  width: 100%; object-fit: cover;}
.blog_page .subbox_item a {  padding: 5px;}
.blog_le .accordion { border-radius: 0px;}
h5.blog_le_t span {  font-size: 14px;  color: #1c1c1c; margin-left: 14px;}
.blog_page .main_part {  max-width: 1400px;}
.blog_in_page .main_part, .blog_page .main_part  { max-width: 1500px;}
h5.blog_le_t em {margin-left: 2px;  display: inline-block;  font-style: normal;  color: #000000;  font-weight: 400;  font-size: 22px;  margin-right: 0px;}
.blog_search input[type=search] {  outline: none;  box-sizing: border-box;  width: 100%;  font-size: 14px; color: #000000 !important;
    border: solid 1px #dadada;  border-radius: 3px;  padding: 10px 35px 10px 10px;  background-color: #fff;}
h4.blog_category_title {  color: #1687bf; font-weight: 500;letter-spacing: 1px; border-bottom: solid 1px #dadada; font-size: 36px;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a { color:#303030 !important;font-weight: 500;}
.blog_le .accordion > li:hover .link, .blog_le .accordion > li.on_this_category .link{background-color: #fff;}
.blog_le .accordion { border:transparent;}
.accordion li .link { border-bottom:solid 1px #c0c0c0; background-color:#fff;}
.accordion li:hover .link {  background-color: #d8d6cf; color:#111; transition: .5s all;}
.submenu {  background: #f4f3ef;}
.submenu a { color: #4e4e4e;   background-color: #e3f3fa;  padding: 15px 12px 13px 12px;  /*font-family: "sans serif", "seirf"; */ font-size: 14px;  font-weight: 500;  letter-spacing: 2px; transition: all 0.6s ease;}
.submenu a:before{ display:none;}
.submenu a:hover {  background-color: #bfe1f2; color: #000000;}
.link a {  font-weight: 500; color: #000000; letter-spacing: 1px;}
.submenu li { border-bottom: 1px solid #a3a3a385;}
.subbox_item a:after {  background: transparent;  border: none;  border-bottom:1px #79797969 solid;}
.blog_list_ri h5 {  color: #000000;  font-weight: 500;  letter-spacing: 1.1px;  font-size: 18px;/*font-family: "noto serif TC";*/}
.blog_list_ri em { color: #000;}
.blog_box_edit p { color: #000; letter-spacing: 1.1px;}
.blog_list_ri p { color: #000;}
.subbox_item a:before {  content: 'READ MORE';  position: absolute;  z-index: 19;  right: 50%;  transform: translateX(50px);  top: 92%;  opacity: 0; font-size: 15px;  color: #000;  transition: all .6s;  font-weight: 400; letter-spacing: 1px;}
.blog_page .main_part, .blog_in_page .main_part  {  padding: 80px 20px;}
.blog_back a.article_btn_prev {  background: #1687bf;}
.blog_back a.article_btn_next { background:#1687bf;}
.blog_back a.article_btn_back {  background: #000000;}
.fa-chevron-down::before { color: #000000;}
.blog_le .accordion li .link:last-child {  background-color: #fff; border-bottom: solid 1px #c0c0c0;}#e4e2dd
.blog_le .accordion li:hover .link:last-child {  background-color: #ccc;}
/*.blog_le .accordion li .link:hover:last-child {  background-color: #252525;}*/
@media screen and (max-width: 1200px) {
.blog_page .subbox_item { width: 32%;}
.blog_page .blog_list_le { height: 260px;}
}
@media screen and (max-width: 890px) {
.blog_page .blog_list_le {  height: 180px;}
}
@media screen and (max-width: 800px) {
.blog_page .subbox_item { width: 49%;}

}
@media screen and (max-width: 600px) {
.blog_page .subbox_item { width: 100%;}
.subbox_item {  border-bottom: 1px #cec9b6 solid;}
.blog_page .blog_list_le {  height: auto;}
}

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

/*相簿*/
.show-list .show_name { font-size: 16px;letter-spacing: 3px;  color: #000;  text-align: center; font-weight: 500;position: relative;  top: 50%; left: 50%;  transform: translate(-50%, -50%);margin-top: 20px;height: 30px;}
.show-list .item a {  position: relative;}
.show-list .item:hover .show_name {  color: #000000 !important; transition:.5s all;	opacity:.8;}
.album_page .overlay { background: #f1f1f161;}
.album_class_page .other_subalbum li { text-align: center;}
.other_album_choice li { background: #191a1b; border-radius: 0px;}
.album_fixed_title { color: #000000;  background: #ffffff;}
	

/*版面*/
ul.show-list, .other_subalbum {    display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 20px;}
ul.show-list:before , ul.pic-list:before{content:none;}
.overlay {    z-index: 1;}
.show-list .item, .other_subalbum li{width: 100%;margin:0;padding:0;position: relative;    -webkit-column-break-inside: avoid;    page-break-inside: avoid;    break-inside: avoid;}
.show-list .show_pic , .other_subalbum li a div{    display: block;    position: relative;    overflow: hidden;    height: 0;    padding-bottom: 100%;}
.show-list .show_pic img , .other_subalbum li a 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%);transition:all 0.5s;    filter: none;}
ul.pic-list  {  /*-moz-column-count: 3;  -moz-column-gap: 10px;  -webkit-column-count: 3;  -webkit-column-gap: 10px;  column-count: 3;   column-gap: 10px;  */width: 100%;  margin: 0 auto;}
.pic-list .show_pic {    height: auto;    padding: 0;height: 300px;}
.pic-list .show_pic img{display: block;object-fit: cover;  height: 100%;  width: 100%;}/*裁切*/
.show-list .item:hover .show_name {    color: #000;}
.subalbum-menu h2{display: none;}



/*.other_subalbum li p {  font-size: var(--f20);  text-align: center;  position: absolute;  top: 50%;  left: 50%;  width: 90%;   transform: translate(-50%,-50%);  color: #000000;  transition: all 0.4s;  font-family: var(--SFont);  letter-spacing: 0.5px;  opacity: 0;pointer-events:none;}*/
.other_subalbum li p {
    font-size: var(--f20);
    text-align: center;
    color: #000000;
    transition: all 0.4s;
    font-family: var(--SFont);
	/*font-family: "noto serif TC";*/
    letter-spacing: 3px;
    color: #000;
	padding: 8px;
}
.album_class_page .other_subalbum li {  background: transparent;}
.other_subalbum li:hover p{opacity: 1;}
.pic-list .item h6{display: none;}
.pic-list .item a {    margin: 0 auto 10px;}

@media screen and (max-width: 450px) {
ul.show-list, .other_subalbum {  grid-template-columns: 1fr;}
.pic-list .show_pic { height: 150px;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*購物車*/
.block {  background: #ffffff;}
.product-layer-two li a {  position: relative; border: 1px #c3c3c3 solid; background: none; padding: 5px 16px; display: block; font-size: 14px; width: 200px;  text-align: center;  color: #222;}
.product-layer-two li li a { border: none !important; background: none; font-size: 13px;}
.product-layer-two li li {  display: none; background: #ffffff;  border: 1px #d8d8d8 solid;  margin: -1px 0 0 0;}
.product-layer-two {  margin: 30px 0px 60px 0px;}
.inquiry_a1, .inquiry_a2, .inquiry_a3 { border-radius: 0px;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover { letter-spacing: 0px; filter: brightness(1.1);}
.inquiry_a1:hover { background-color: #2a6194;}
.inquiry_a1 {  background-color: #2a6194;border-radius: 5px;}
.inquiry_a2 {  background-color: #222;border-radius: 5px;}
.inquiry_a3 {  background: #2a6194;border-radius: 5px;}
.sidebarBtn { padding: 25px;border: none; background: #fff;  margin-top: 5px;border-radius: 5px;}
.sidebarBtn h2 {  color: #000;  letter-spacing: 1px;  font-size: 21px;  font-weight: 600;}
ul.prod li h3.prod-thumb {  background: transparent;  border-bottom: solid 1px #00000030;  margin-bottom: 14px;  color: #000;  text-align: center; font-size: 16px;   letter-spacing: 1px;  padding: 4px 0px 6px 0px;  font-weight: 600;}
.product_info li span {  color: #3c3c3c;}
ul.prod li:nth-child(2) h3.prod-thumb { display: none;}/*QA隱藏*/
ul.prod li:nth-child(2) .prod-panel {display: none;}/*QA隱藏*/
.prod_related{background: #f9f9f9;}
.prod_related h6 span:before { color: #252525;font-size: 21px;}
.prod_related h6 {  margin: 25px auto 20px;}
.lastPage { background: #2d2e30; padding: 10px 20px;}
.mobile_product_name { display: none;}/*標題隱藏*/
.product_page .products-list .name { height: 24px; padding: 0px 3px; margin: 10px 5px;text-align: center;}
.products-list .name {  color: #000000;}
.products-list .price b {  color: #2a6194;  font-weight: 400;  letter-spacing: 1px; }
.products-list .price {  text-align: center;}
.products-list .item a:hover .more { border: 1px solid #918c81;  background: none;  color: #000000;  background-color: none;  letter-spacing: 2px;}
.products-list .more {     font-weight: 500; border: 1px solid #d3d3d3;  color: #000;  letter-spacing: 2px; font-size: 15px;}
.bx-wrapper .bx-viewport { border: 3px solid #f9f9f9;}
.product_pic #bx-pager a { border: 2px solid #2a6194}
#bx-pager h6 {  color: #252525; letter-spacing: 1px;}
div#number_area {  color: #000000;  font-size: 15px;  letter-spacing: 1px;  padding: 10px 0px;}
.product_info li .txt_box {  color: #222;  font-size: 14px;  font-weight: 400;}
.sidebarBtn .price { color: #4d4d4d; border-bottom: 2px solid #353535;}
ul.prod li .prod-panel { color: #222;}
.sidebarBtn .sp_price {  display: block;  color: #f7c993;font-weight: normal;}
.toShare { border-top: 1px solid #c4c4c4;}
.amountNum {  border: 1px solid #5d5d5d;  background-color: #1c1c1c; color: #000000;}
.cell.product_name a { color: #000000;}
.shopping-cart .cell { color: #000000;}
.car_page .separate_title {  background: none;  background-color: #212121;  color: #fff;  font-weight: 600; border: solid 1px #292929;}
.shopping-cart .cart_head .cell.product_name {  min-height: initial;  background-color: #e5e4de;}
.shopping-cart .cart_head {  background: #e5e4de;}
.total_amount ul {  border: 1px solid #494949;}
.total_amount ul:after {  border-right: none;  border-bottom: none;}
.red {  color: #c5843e !important;}
.stepImg img {  filter: hue-rotate(0deg) brightness(0.9);}
.stepImg span.active {  color: #2a6194;  font-style: normal;}
.stepImg span {  color: #ffffff;}
.shopping-cart .cart_content .row {   border-top: 1px solid #292929;  border-bottom: 1px solid #292929;}
.total_amount li {  color: #000000;}
.rewrite_simple {  background: #2a6194 url(../images/simple_left.png) 10% center no-repeat;}
.send_simple { background: #000 url(../images/simple_right.png) 88% center no-repeat;}
.rewrite_simple, .send_simple{border-radius: 0px;}
.formbox_form li .form__label { color: #000000;}
.border200 {  width: 200px;  border:1px solid #d2cdba;  padding: 5px 8px;  background-color: #fff; color: #000000;  letter-spacing: .5px;}
.declaration {  background: #212121;  border: solid 1px #292929;}
.form label.Bigcheck {  color: #ffffff;}
.shopping-cart.check .row {  background-color: #e5e4de;}
.total_amount .rewrite_simple, .total_amount .send_simple {   border-radius: 3px;}
/*購物車相關推薦*/
.related_list li a p { color: #fff;}
.related_list li a { display: block;  padding: 9px;  background: #b49660; border-radius: 3px;}
/*訂單成立*/
.order_list_tit b { color: #2a6194;font-weight: 400;}/*標題*/
.order_list_tab td:nth-child(1) {  background: #333333;   color: #ffffff;  letter-spacing: 1px;  width: 100px;  font-weight: 700;}
.order_list_head p {  color: #2a6194;  border-bottom: 2px #2a6194 solid;}
.order_list_tab td {  border-top: 5px #1c1c1c solid;}
.order_list_tab tr {  background-color: #000;}
.order_list_pro tr:first-child td { color: #111111;  background-color: #2a6194;}
.order_list_pro td { color: #000000;}
.last_box_money p, .last_box_money em {  color: #000000;}
.last_box_money em span {  color: #c58f3c;}
.order_list_tab.payer td:nth-child(1) {  border-right: 3px #2a6194 solid;}
/*匯款通知*/
.remit_page .separate_title { background: #212121;  border: solid 1px #292929;color: #000000;}
/*加賴詢問*/
.pd_line { border-radius: 0px; letter-spacing: 2px;}
.pd_line:hover { letter-spacing: 2px;  background: #970c0c; transition: .5s;opacity: .8;}

@media screen and (max-width: 900px) {
.product-layer-two li a {  width: 265px;}
}

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

/*促銷方案*/
.promotions_page .promotion_title h2 { display: block;}



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

/*線上估價*/

/*.filltext { background: #000; padding: 5px;}
.rewrite_simple { background: #000 url(../images/simple_left.png) 10% center no-repeat;}
.send_simple { background: #000 url(../images/simple_right.png) 88% center no-repeat; border-radius: 0px;}*/
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*聯絡我們*/
.blank_letter{font-family: 'Noto Sans TC', sans-serif;color: #1687bf;padding-top: 0;text-align: center;font-weight: 500; font-size: 40px;letter-spacing: 3px;}
.contact_content .information_right {width: 100%;padding-left: 50px; margin-top: 150px	!important;}
button, input, optgroup, select, textarea{outline: none;}
input[type="checkbox"], input[type="radio"] {margin: 5px 5px 5px 10px;}
input[type="checkbox"]:nth-child(1), input[type="radio"]:nth-child(1) {margin: 5px 5px 5px 0px;}
.list_before.info li {font-weight: 400;}
.form select {background: transparent;color: #444;border: none;border-bottom: 1px solid #aaa;width: 100%;}
.form select option{background: #eee;}
.contact_form {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 15px 0;}
.contact_form li {width: 48%;padding-left: 0;padding: 15px 0;}
.contact_form li input.noborder {padding-left: 10px;background: transparent;border: none;border-bottom: 1px solid #5b5b5b;}
.contact_form li textarea.noborder{border: 1px solid #5b5b5b;padding-left: 10px;background: transparent;}
.contact_form li.last{width: 100%;}
.contact_form li.last cite {margin-left: 10px;background: #000000;color: #eee;}
.contact_form li.last blockquote, .contact_form li.last cite {border: 1px #4b4b4b solid;width: 130px;padding: 3px;}
.contact_form li.last blockquote input {color: #333;font-size: 14px;font-weight: 400;}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 3px;}
.information_right .contact_form li.last blockquote input {color: #000;font-weight: 400;font-size: 14px;}
.contact_form li .form__label{font-weight: 400;color: #000;width: 100%;text-align: left;margin-left: 0;margin-bottom: 5px;}
.contact_form li .form__insert{color: #444;width: 100%;}
.noborder {padding: 10px;}
.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before {
    position: relative;
    display: inline;
    font-weight: 400;
    letter-spacing: 2px;
    margin-right: 5px;
}
.red { color: #f60000 !important;}
.contact_content .information_left {
    width: 100%;
    text-align: center;
    letter-spacing: 1.5px;
	margin-top: 80px;
}
li.ADD { display: none;}

.FAX:before { content: "LINE ID：";}
.contact_le_map a {  background: #2a6194;}
.contact_page .main_part {  max-width: 1800px;}
.contact_page .box {  margin: 5% auto 0 auto;}
@media screen and (max-width: 768px) {
	.blank_letter{padding-top: 0;}
	.blank_letter.f{margin-top: 50px;}
	.list_before{margin-top: 10px;}
	.contact_content .information_left { margin-top: 60px;}
	.contact_content .information_right {width: 100%;padding-left: 10px;margin-top: 30px !important;}
	.contact_form li input.noborder{border-radius: 0;}
	
	
}
@media screen and (max-width: 600px){
	.contact_content{padding: 0;}
	.contact_page .main_part {   padding: 0px 10px 10px;    }
}
@media screen and (max-width: 450px){
	.contact_form li{width: 100%;}
	.blank_letter{padding-top: 0;font-size: 23px;}
	.blank_letter.f{margin-top: 50px;}

}


/*側邊資訊*/
.list_before li{color: #000;}
.list_before.info li{padding-left: 0px;}
.list_before.info li.MAIL{display: none;}
.list_before.info li a{color: #000;}
/*表格*/
.contact_form li .form__label,.contact_form li .form__insert{color: #000;}
.information_right .contact_form li.last blockquote input {color: #000000;}

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


/*相本分類全版面 ( 限制最寬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;}
@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; color: #FFFFFF !important; border: solid 1px #000000; 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;}
*/


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


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果



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

/*置頂鈕*/
#to_top { color: #d1ccb9;  background: #000;   border-radius: 0%;}
#to_top i:before, #to_top i:after {  background: #cfcab7;}


@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:20px 0 59px; }
#to_top { bottom:60px;}
.navigation-portrait .nav-dropdown>li>a { width:100%;}
}

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