@charset "UTF-8";



/* 註解或備用參考.....  */



.wrap { margin-left:auto; margin-right:auto; width:100%; letter-spacing: 5px; }  

.wrap img { max-width: 100%; display: block; margin: auto; padding: 0px; margin-bottom: 0px; } 




/* ===== RWD抬頭圖示 */ 



/* RWD-抬頭圖示樣式--有輪播 */ 
@media only screen and (min-width: 768px) { /* pc-head.png> 768 */
#head-falsh .inner_head-falsh .left_head-falsh .Sbox_head-falsh .topic_head-falsh{ 
background: url("../img/tablet-head.png") no-repeat center; 
height:150px; /* 圖檔高度 */
background-size:100% 100%;
}} 
@media only screen and (min-width: 480px) and (max-width: 767.99999px) { 
#head-falsh .inner_head-falsh .left_head-falsh .Sbox_head-falsh .topic_head-falsh{ 
background: url("../img/tablet-head2.png") no-repeat center; 
height:150px; /* 圖檔高度 */
background-size:100% 100%;
}} 
@media screen and (orientation:portrait) and (min-width: 0px) and (max-width: 479.99999px){ /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */
#head-falsh .inner_head-falsh .left_head-falsh .Sbox_head-falsh .topic_head-falsh{ 
background: url("../img/mobile-head.png") no-repeat center; 
height:150px; /* 圖檔高度 */
background-size:100% 100%;
}} 
/* 抬頭圖示樣式 --有輪播 END */ 

@media only screen and (min-width: 1025px) {
  #head-falsh .inner_head-falsh .left_head-falsh .Sbox_head-falsh .topic_head-falsh {
    background: url("../img/pc-head.jpg") no-repeat center;
    height: 300px;
    background-size: 100% 100%;
  }
}
 
/* 抬頭圖示樣式 --有輪播 END */ 



@media only screen and (max-width: 1200px) { /* Mobile 抬頭圖片與內文的間距 */
.rwd-content-bottom { padding-top:20px; }
}

        /* 示例裝飾樣示 */
        .decoration-bar {
            height: 5px;
            background: linear-gradient(90deg, #1a5c3a, #27ae60, #f1c40f);
            width: 100%;
        }



.footer {padding-top: 10px; overflow:hidden; background-color:#800080;color:#fff; } 




/* ********************* footer design 頁尾計數器********************** */


/* 當螢幕寬度大於等於768px時，.webdesign類別會套用float: right;和 右邊距：30px；樣式，而當螢幕寬度小於768px時，這些樣式將被覆蓋為float: none;和 右邊距：0； */

@media (min-width: 768px) {
.webdesign { float: right; margin-right: 30px; }}
@media (max-width: 767px) {
.webdesign { float: none; margin-right: 0; }}



.footer_content span {font-size:26px;color:#aaa;letter-spacing:1px;}
.copyright {padding-top:10px;font-size:20px;}
.copyright b {font-size:20px;}
}


@media only screen and (min-width: 1600px) and (max-width: 1920px) {

.copyright {padding-top:0px;font-size:18px;}
.copyright b {font-size:18px;}
}



@media only screen and (min-width: 1280px) and (max-width: 1600px) {

.copyright {padding-top:10px;font-size:16px;}
.copyright b {font-size:16px;}
}

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

.copyright {padding-top:10px;font-size:16px;}
.copyright b {font-size:16px;}
}


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


.copyright {padding-top:10px;font-size:16px;}
.copyright b {font-size:16px;}
}

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

.copyright {padding-top:10px;font-size:16px;}
.copyright b {font-size:16px;}
}


.copyright > li {display: inline-block;vertical-align: top;}
.copyright > li a, .list-float > li a {display: inline-block;}



/* LINE 右側按鈕 */

    .floating-line-widget {
        position: fixed;
        right: 10px;
        bottom: 180px; /* LINE 按鈕在 250px */
        z-index: 1000;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .widget-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
        animation: float 3s ease-in-out infinite;
    }
    
    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
    }
    
    .floating-line-widget a {
        display: inline-block;
        margin-bottom: 8px;
        transition: all 0.3s ease;
        text-decoration: none;
    }
    
    .floating-line-widget img {
        width: 60px;
        height: 60px;
        transition: all 0.3s ease;
        border-radius: 12px;
        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
    }
    
    .floating-line-widget img:hover {
        transform: scale(1.1);
        filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3)) brightness(1.1);
        animation: none;
    }
    
    .widget-text {
        text-align: center;
        font-weight: 900;
        padding: 8px 16px;
        background: linear-gradient(135deg, #06c755 0%, #05a344 100%);
        color: white;
        border-radius: 20px;
        font-size: 14px;
        margin-top: 5px;
        box-shadow: 0 2px 8px rgba(6, 199, 85, 0.4);
        border: 2px solid white;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
        transition: all 0.3s ease;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
    }
    
    .widget-text:hover {
        transform: scale(1.05);
        background: linear-gradient(135deg, #05a344 0%, #048c3a 100%);
        box-shadow: 0 4px 12px rgba(6, 199, 85, 0.6);
    }

    /* ===== 回到頂部按鈕的樣式 ===== */
    #topcontrol {
        /* 移除 float 動畫，保持靜止 */
        transition: all 0.3s ease;
    }
    
    #topcontrol img {
        width: 70px;
        box-sizing: border-box;
        transition: all 0.3s ease;
        border-radius: 12px;
        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
        cursor: pointer;
    }
    
    /* 頂部按鈕的懸停效果 - 與 LINE 按鈕相同（除了浮動動畫） */
    #topcontrol img:hover {
        transform: scale(1.1);
        filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3)) brightness(1.1);
    }
    
    /* 大於等於 1024px - 使用原本的 right:18px */
    #topcontrol {
        right: 18px;
        bottom: 120px; /* 頂部按鈕在 120px */
    }
    
    /* 小於 1024px - 改為 right:10px */
    @media (max-width: 1023px) {
        #topcontrol {
            right: 10px !important;
        }
    }
    
    /* 響應式設計 */
    @media (max-width: 768px) {
        .floating-line-widget {
            right: 10px;
            bottom: 220px; /* 手機上調整位置 */
        }
        
        .floating-line-widget img {
            width: 50px;
            height: 50px;
        }
        
        .widget-text {
            font-size: 12px;
            padding: 6px 12px;
        }
        
        /* 手機上調整頂部按鈕位置 */
        #topcontrol {
            bottom: 100px;
            right: 10px;
        }
        
        #topcontrol img {
            width: 60px;
        }
    }
    
    @media (max-width: 480px) {
        .widget-text {
            font-size: 10px;
            padding: 4px 8px;
        }
        
        .floating-line-widget {
            bottom: 200px;
        }
        
        #topcontrol {
            bottom: 90px;
        }
        
        #topcontrol img {
            width: 55px;
        }
    }



/* 大於 1200px 時隱藏 .keyword-rwd */
@media screen and (min-width: 1200px) {
  .keyword-rwd {
    display: none;
  }
}

/* 小於等於 1200px 時隱藏 .keyword-pc */
@media screen and (max-width: 1200px) {
  .keyword-pc {
    display: none;
  }
}



/* ********************* footer design 頁尾計數器********************** */


@media only screen and (min-width: 1920px) {
.footer_foot_design {background: #285179;padding-left: 60px;line-height:32px;font-size: 18px; color: #fff;}
/* .footer_foot_design a {float:right;padding-right: 60px;} */
}


@media only screen and (min-width: 1600px) and (max-width:1920px) {
.footer_foot_design {background: #285179;padding-left: 60px;line-height:32px;font-size: 18px; color: #fff;}
/* .footer_foot_design a {float:right;padding-right: 60px;} */
}

@media only screen and (min-width: 1280px) and (max-width:1600px) {
.footer_foot_design {background: #285179;padding-left: 40px;line-height:25px;font-size: 18px; color: #fff;}
}

@media only screen and (min-width: 1024px) and (max-width:1280px) {
.footer_foot_design {background: #285179;padding: 0px 5px 10px 35px;font-size: 18px; color: #fff;}
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
.footer_foot_design {background:#285179;padding: 0px 10px 20px 35px;font-size:16px;color:#fff;}
.footer_foot_design {margin-bottom:55px;}}


@media only screen and (min-width: 980px) and (max-width:1030px) {
.footer_foot_design {margin-bottom:-55px;}}




@media only screen and (min-width: 544px) and (max-width:768px) {
.footer_foot_design {background:#285179;padding: 0px 10px 20px 20px;line-height:32px;font-size:16px;color:#fff;}
.footer_foot_design {margin-bottom:55px;}}


@media only screen and (max-width: 544px) {
.footer_foot_design {background:#285179;padding: 0px 10px 20px 20px;line-height:32px;color:#fff;}
.footer_foot_design {margin-bottom:50px;}
/* .footer_foot_design_product {margin-bottom:15px;} 產品頁尾 - RWD 網頁更新於...高度，已修正 REG.CSS */
}

/* 當螢幕寬度大於等於768px時，.webdesign類別會套用float: right;和 右邊距：30px；樣式，而當螢幕寬度小於768px時，這些樣式將被覆蓋為float: none;和 右邊距：0； */

@media (min-width: 768px) {
.webdesign { float: right; margin-right: 30px; }}
@media (max-width: 767px) {
.webdesign { float: none; margin-right: 0; }}





/* 頁尾電話.LINE 設定 Class 給 GTM */
.line-com{color:#cc3306}
.line-1{color:#cc3306}
.line-2{color:#cc3306}
.tel-1{color:#993300}
.tel-2{color:#660033}
.tel-3{color:#660033}





.body_footer ul{width:100%;margin:8px auto;height:50px;line-height:40px;}
.body_footer ul li{width:25%;float:left;color:#fff;}
.body_footer ul li dl{width:auto;text-align:center;}
.body_footer ul li dt{width:auto;height:48px;overflow:hidden;}
.body_footer ul li dd{width:auto;height:45px;font-size:18px;font-weight:normal;color:#fff;line-height:45px;overflow:hidden;background:-moz-linear-gradient(top, #3b3b3b, #131313);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);bottom:0;border-top:0px solid #fff;}  /* background:-moz-linear-gradient 背景漸層 */

.body_footer ul li dd{width:auto;height:45px;font-size:18px;font-weight:normal;color:#fff;line-height:45px;overflow:hidden;background:-webkit-linear-gradient(top, #3b3b3b, #131313);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);bottom:0;border-top:0px solid #fff;} /* background:-webkit-linear-gradient 背景線型漸變；border-top:0px RWD圖形下邊緣線，手機才能看到，PC不影響 */


/* 更改頁尾顏色 black ( z-index:2000;顯示在產品選單上方,不被覆蓋  */

.body_footer{width:100%;height:60px;width:100%;background:-moz-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#131313));background:-moz-linear-gradient(top, #3b3b3b, #131313);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);bottom:0;border-top:3px solid #E18700;z-index:2000;}

/* 黑背景 .body_footer{width:100%;height:60px;width:100%px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#131313));background:-webkit-linear-gradient(top, #3b3b3b, #131313);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);bottom:0;border-top:3px solid #E18700;} */

.body_footer{background:-webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#131313));background:-webkit-linear-gradient(top, #3b3b3b, #131313);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);bottom:0;border-top:3px solid #E18700;} 




.body_footer dd{padding:0px;}

.body_footer ul li a{width:100%;height:30px;display:block;border-right:0px solid #3b3b3b;border-left:0px solid #131313;} /* border-right:0px圖形分格線 */




/* footer 門市資訊 .........*/

/* .footer_20250923 {padding-top: 10px; padding-left: 60px; overflow:hidden; background-color:#333333; color:#fff;} */

.footer_20250923 {padding-top: 10px; overflow:hidden; background-color:#800080;color:#fff; } 



.footer_20250923-product-add li {line-height:1.55;}




@media only screen and (min-width: 1920px) {
.footer_20250923 { padding-left:70px; }
}


@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.footer_20250923 { padding-left:60px; }
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_20250923 { padding-left:40px; }
}


@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.footer_20250923 { padding-left:40px; }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
.footer_20250923 { padding-left:35px; }
}




@media only screen and (max-width: 768px)  {
.footer_20250923 { padding-left:20px; }
}



/* .footer_20250923 a { color:#93959b !important; }  連結 Foot 頁尾顏色 */

.footer_20250923 a { color:#ADADAD !important; } 

.footer_20250923 a:hover { color:#fab702 !important; }

* html .clearfix {height: 1%;}
.clearfix {display: block;}

.list-inline > li {display: inline-block;vertical-align: top;}
.list-float > li {float: left;}
.list-inline > li a, .list-float > li a {display: inline-block;}


.copyright > li {display: inline-block;vertical-align: top;}
.copyright > li a, .list-float > li a {display: inline-block;}




.footer_20250923 a {color: #fff;}
.footer_20250923 a:hover, .footer_20250923 .site-map-2h a:hover {	color: #E9D46E;}



/* 頁尾聯絡資訊(2個地點)含SERVICES */

/* width: 66%; 三欄 70% ；兩欄 80% */

/* border-right: 1px solid #FF7373; 垂直線段 */

.footer_20250923 .site-info {
	float: left;
	width: 66%;
	padding-right: 20px;
	border-right: 1px solid #FF7373;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


@media screen and (max-width: 1200px) { /* 當螢幕尺寸於或等於 1200px 時，應用以下CSS樣式 */
.footer_20250923 .site-info { width: 100%; }  /* margin-right: 30px; 垂直線段與右側連結區間距 ＆ 水平右縮 */
}






/* width: 32%; 三欄 20% ；兩欄 30% */


.footer_20250923 .site-map {
	margin-top: 0px;
	padding-top: 0px;
	float: left; /* float: right; */




	width: 32%;
	padding-left: 20px;   /* padding-left: 24px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



@media screen and (max-width: 1200px) { /* 當螢幕尺寸於或等於 1200px 時，應用以下CSS樣式 */
.footer_20250923 .site-map { margin-right: 30px; }  /* margin-right: 30px; 垂直線段與右側連結區間距 ＆ 水平右縮，至使圖形連結往下 */
}













.footer_20250923 .site-info .txt-box { 
	margin-top: 20px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
       margin-bottom: 20px;
}



@media only screen and (min-width: 1024px) {
.footer_20250923 .site-info b {
display: inline-block;
padding: 0px 20px 0px 20px; /* 左右框線 */

height:30px;line-height:30px; /* 矩形框線 */

font-size: 20px; /* 廠址  駐點 */
letter-spacing: 4px;
border: 1px solid #fff;
margin-bottom: 10px; /* 下廠址文字間距 */
-webkit-border-radius: 6px;
border-radius: 6px;}
}






@media only screen and (min-width: 768px) and (max-width: 1024px) {
.footer_20250923 .site-info b {
	display: inline-block;


padding: 0px 10px 0px 10px; /* 左右框線 */

height:30px;line-height:30px; /* 矩形框線 */

font-size: 18px; /* 廠址  駐點 */

	letter-spacing: 4px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
}




@media screen and (max-width: 768px) {
.footer_20250923 .site-info b {
display: inline-block;
padding: 0px 10px 0px 10px; /* 左右框線 */
height:30px;line-height:30px; /* 矩形框線 */
font-size: 22px; /* 廠址  駐點 */
letter-spacing: 4px;
border: 1px solid #fff;
margin-bottom: 10px;
-webkit-border-radius: 6px;
border-radius: 6px;}
}





/* .site-info li--地址.電話字型 ；.site-map ul---Service字型 */


@media only screen and (min-width: 1920px)  {
.footer_20250923 .site-map ul {margin-top: 0px;font-size: 23px;}
.site-info li {font-size: 23px;padding-bottom: 10px;}
.footer_20250923 .site-map span {padding:0px;}
}



@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.footer_20250923 .site-map ul {margin-top: 0px;font-size: 22px;}
.site-info li {font-size: 22px;padding-bottom: 10px;}
.footer_20250923 .site-map span {padding:0px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_20250923 .site-map ul {margin-top: 0px;font-size: 20px;}
.site-info li {font-size: 20px;padding-bottom: 10px;}
.footer_20250923 .site-map span {padding:0px;}
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
.footer_20250923 .site-map ul {margin-top: 0px;font-size: 18px;}
.site-info li {font-size: 20px;padding-bottom: 10px;}
.footer_20250923 .site-map span {padding:0px;}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {
.footer_20250923 .site-map ul {margin-top: 0px;font-size: 16px;}
.site-info li {font-size: 20px;padding-bottom: 10px;}
.footer_20250923 .site-map span {padding:0px;}
}

/* 門市資訊 */
@media only screen and (max-width: 544px) {
.footer_20250923 .site-map ul {margin-top: 0px;font-size: 20px;font-weight: bold;}
.site-info li {font-size: 20px;padding-bottom: 10px;}
.footer_20250923 .site-map span {padding:0px;}
}

.footer_20250923 .site-map ul {margin-top: 0px;font-weight: bold;}
.footer_20250923 .site-map ul li {width: 50%; padding-top: 15px;} /* 垂直線段，右側連結區大小 */
.footer_20250923 .site-map a {padding-bottom: 10px;color: #FED8CB;}


 @media screen and (max-width: 980px) {
.footer_20250923 .site-info, .footer_20250923 .site-map {	float: none;width: auto;padding: 0px;}
.footer_20250923 .site-info {border-right: none;}
.footer_20250923 .site-map {border-top: 1px solid #FF7373;margin-top: 10px;padding-top: 10px;}
.footer_20250923 .site-map ul {margin-top: 0;}
.footer_20250923 .site-map ul li {width: auto;margin: 0 0px;min-width: 58px;}
}


 @media screen and (max-width: 768px) {
.footer_20250923 .site-info .txt-box, .footer_20250923-bottom .share {padding-top: 10px;float: none;width: auto;}
.footer_20250923 .site-info .txt-box.taichung {padding-bottom: 15px;}
.footer_20250923-bottom .share {	margin-bottom: 8px;}
}


/* 頁尾聯絡資訊(1-2h)含SERVICES */

/* width: 48%; 三欄 60% ；兩欄 50% --- 越小，右側連結區越大 ; 100% 以上下顯示 */
/* border-right: 1px solid #FF7373; 垂直線段 */

.footer_20250923 .site-info-2h {
	float: left;
	width: 48%;
	padding-right: 20px;
	border-right: 1px solid #FF7373;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* margin-right: 30px; 垂直線段與右側連結區間距 ＆ 水平右縮 */

/* width: 48%;，三欄 38% ；兩欄 48% ，垂直線段與右側連結區間距 */


.footer_20250923 .site-map-2h {
	margin-top: 0px;
	padding-top: 0px;
	float: right;

margin-right: 30px;  /* margin-right: 45px; 垂直線段與右側連結區間距 ＆ 水平右縮 */


	width: 48%;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* 頁尾聯絡資訊(1)含SERVICES */

.footer_20250923 .site-info-2h .txt-box-2h {
	margin-top: 0px;
	width: 98%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
       margin-bottom: 10px;
}

/* padding: 6px 8px 6px 8px; 矩形框大小 */

/* line-height: 25px; 框內文字位置 */



@media only screen and (min-width: 1280px) {
.footer_20250923 .site-info-2h b {
	display: inline-block;
	padding: 6px 8px 6px 8px;
	line-height: 25px;
	font-size: 20px;
	letter-spacing: 4px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
}


@media only screen and (min-width: 768px) and (max-width: 1280px) {
.footer_20250923 .site-info-2h b {
	display: inline-block;
	padding: 6px 8px 6px 8px; /* 矩形框大小 */
	line-height: 25px; /* 框內文字位置 */
	font-size: 20px;
	letter-spacing: 4px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
}




@media screen and (max-width: 768px) {
.footer_20250923 .site-info-2h b {
	display: inline-block;
	padding: 6px 8px 6px 8px; /* 矩形框大小 */
	line-height: 25px; /* 框內文字位置 */
	font-size: 20px;
	letter-spacing: 4px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
}


/* .site-info-2h li--地址.電話字型 ；.site-map-2h ul---Service字型 */

@media only screen and (min-width: 1600px)  {
.footer_20250923 .site-map-2h ul {margin-top: 0px;}
.site-info-2h li {font-size: 24px;padding-bottom: 10px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_20250923 .site-map-2h ul {margin-top: 0px;}
.site-info-2h li {font-size: 22px;padding-bottom: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
.footer_20250923 .site-map-2h ul {margin-top: 0px;}
.site-info-2h li {font-size: 20px;padding-bottom: 10px;}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {
.footer_20250923 .site-map-2h ul {margin-top: 0px;}
.site-info-2h li {font-size: 20px;padding-bottom: 10px;}
}

@media only screen and (max-width: 544px) {
.footer_20250923 .site-map-2h ul {margin-top: 0px;;font-weight: bold;}
.site-info-2h li {font-size: 20px;padding-bottom: 10px;}
}


.footer_20250923 .site-map-2h ul li {width: 50%; padding-top: 15px;} /* 垂直線段，右側連結區大小 */
.footer_20250923 .site-map-2h a {padding-bottom: 10px;}


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

.footer_20250923 .site-info-2h, .footer_20250923 .site-map-2h {float: none;width: auto;padding: 0px;}
.footer_20250923 .site-info-2h {border-right: none;}
.footer_20250923 .site-map-2h {border-top: 1px solid #FF7373;margin-top: 10px;padding-top: 10px;margin-right: 30px;}
.footer_20250923 .site-map-2h ul {margin-top: 0;}
.footer_20250923 .site-map-2h ul li {width: auto;margin: 0 0px;min-width: 58px;}
}

@media screen and (max-width: 768px) {
.footer_20250923 .site-info-2h .txt-box-2h, .footer_20250923-bottom .share {padding-top: 10px;float: none;width: auto;}
.footer_20250923 .site-info-2h .txt-box-2h.taichung {padding-bottom: 15px;}
.footer_20250923-bottom .share {	margin-bottom: 8px;}
}


/* 頁尾聯絡資訊(1-3h)含SERVICES */

.footer_20250923 .site-info-3h {
	float: left;
	width: 50%; /* 兩欄 40% --- 越小，右側連結區越大 */
	padding-right: 20px;
	border-right: 1px solid #FF7373; /* 垂直線段 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_20250923 .site-map-3h {
	margin-top: 0px;
	padding-top: 0px;
	float: right;
	width: 48%; /* 兩欄 58% ，垂直線段與右側連結區間距 */
	padding-left: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.footer_20250923 .site-info-3h .txt-box-3h { /* 頁尾聯絡資訊(1)含SERVICES */
	margin-top: 0px;
	width: 98%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
       margin-bottom: 10px;
}


@media only screen and (min-width: 1280px) {
.footer_20250923 .site-info-3h b {
	display: inline-block;
	padding: 6px 8px 6px 8px; /* 矩形框大小 */
	line-height: 25px; /* 框內文字位置 */
	font-size: 20px;
	letter-spacing: 4px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
}


@media only screen and (min-width: 768px) and (max-width: 1280px) {
.footer_20250923 .site-info-3h b {
	display: inline-block;
	padding: 6px 8px 6px 8px; /* 矩形框大小 */
	line-height: 25px; /* 框內文字位置 */
	font-size: 20px;
	letter-spacing: 4px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
}




@media screen and (max-width: 768px) {
.footer_20250923 .site-info-3h b {
	display: inline-block;
	padding: 6px 8px 6px 8px; /* 矩形框大小 */
	line-height: 25px; /* 框內文字位置 */
	font-size: 20px;
	letter-spacing: 4px;
	border: 1px solid #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
}


/* .site-info-3h li--地址.電話字型 ；.site-map-3h ul---Service字型 */

@media only screen and (min-width: 1600px)  {
.footer_20250923 .site-map-3h ul {margin-top: 0px;font-size: 24px;}
.site-info-3h li {font-size: 24px;padding-bottom: 10px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_20250923 .site-map-3h ul {margin-top: 0px;font-size: 22px;}
.site-info-3h li {font-size: 22px;padding-bottom: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
.footer_20250923 .site-map-3h ul {margin-top: 0px;font-size: 20px;}
.site-info-3h li {font-size: 20px;padding-bottom: 10px;}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {
.footer_20250923 .site-map-3h ul {margin-top: 0px;font-size: 16px;}
.site-info-3h li {font-size: 16px;padding-bottom: 10px;}
}


@media only screen and (max-width: 544px) {
.footer_20250923 .site-map-3h ul {margin-top: 0px;font-size: 20px;font-weight: bold;}
.site-info-3h li {font-size: 20px;padding-bottom: 10px;}
}

.footer_20250923 .site-map-3h ul li {width: 25%; padding-top: 15px;} /* 垂直線段，右側連結區大小 */
.footer_20250923 .site-map-3h a {padding-bottom: 10px;}

 @media screen and (max-width: 980px) {  /* 垂直線段，右側連結區大小 site-info-2h 已改為 1025px */
.footer_20250923 .site-info-3h, .footer_20250923 .site-map-3h {float: none;width: auto;padding: 0px;}
.footer_20250923 .site-info-3h {border-right: none;}
.footer_20250923 .site-map-3h {border-top: 1px solid #FF7373;margin-top: 10px;padding-top: 10px; margin-right: 30px;}
.footer_20250923 .site-map-3h ul {margin-top: 0;}
.footer_20250923 .site-map-3h ul li {width: auto;margin: 0px; min-width: 0px;}
}

 @media screen and (max-width: 768px) {
.footer_20250923 .site-info-3h .txt-box-3h, .footer_20250923-bottom .share {padding-top: 10px;float: none;width: auto;}
.footer_20250923 .site-info-3h .txt-box-3h.taichung {padding-bottom: 15px;}
.footer_20250923-bottom .share {	margin-bottom: 8px;}
}

/* .footer_20250923_foot .siteinfo ul > li a {  add ＆ tel 字型  */


@media only screen and (min-width: 1600px) {
.footer_20250923 .siteinfo ul > li a { padding: 0; color:#fff; font-size:20px;}
}



@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_20250923 .siteinfo ul > li a { padding: 0; color:#fff; font-size:18px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.footer_20250923 .siteinfo ul > li a { padding: 0; color:#fff; font-size:16px;}
}


/* 下專員.地址.email */

@media only screen and (max-width: 1024px) {
.footer_20250923 .siteinfo ul > li a { padding: 0;line-height: 1.8; color:#fff; font-size:18px;}
}



/* 門市資訊 footer-title == CONTACT US 與公司框間距 margin-bottom: 20px; */


@media only screen and (min-width: 1920px) {
.footer_20250923-title {margin-top: 20px;font-size: 26px;font-weight: bold;letter-spacing: 1px;margin-bottom: 15px;line-height: 1;}
}


@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.footer_20250923-title {margin-top: 20px;font-size: 24px;font-weight: bold;letter-spacing: 1px;margin-bottom: 15px;line-height: 1;}
}


@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_20250923-title {margin-top: 20px;font-size: 22px;font-weight: bold;letter-spacing: 1px;margin-bottom: 15px;line-height: 1;}
.product-menu-width {width:auto;text-align:left;padding-left:0px; padding-right:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
.footer_20250923-title {margin-top: 20px;font-size: 20px;font-weight: bold;letter-spacing: 1px;margin-bottom: 15px;line-height: 1;}
.product-menu-width {width:auto;text-align:left;padding-left:0px; padding-right:0px;}
}

@media only screen and (max-width: 768px) {
.footer_20250923-title {margin-top: 20px;font-size: 20px;font-weight: bold;letter-spacing: 1px;margin-bottom: 15px;line-height: 1;}
.product-menu-width {width:auto;text-align:left;padding-left:10px; padding-right:10px;}
}


@media only screen and (min-width: 1920px) {
.footer_20250923-title-services {margin-top: 20px;font-size: 26px;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}
.site-map img {padding-left:0px;}
}



@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.footer_20250923-title-services {margin-top: 20px;font-size: 24px;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}
.site-map img {padding-left:0px;}
}


@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_20250923-title-services {margin-top: 20px;font-size: 22px;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}
.site-map img {padding-left:0px;}
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
.footer_20250923-title-services {margin-top: 20px;font-size: 20px;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}
.site-map img {padding-left:0px;}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {
.footer_20250923-title-services {margin-top: 20px;font-size: 20px;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}
}

@media only screen and (max-width: 544px) {
.footer_20250923-title-services {margin-top: 20px;font-size: 20px;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}
}

.footer_20250923-product-add li {line-height:1.55;}





@media screen and (min-width: 768px) { /* 當螢幕尺寸大於或等於 768px 時，應用以下CSS樣式 */
.service img { max-width:100%; height:auto; padding-top:15px; padding-bottom:20px; display:block;}
}
@media screen and (max-width: 767px) { /* 當螢幕尺寸小於或等於 767px 時，應用以下CSS樣式 */
.service img { max-width:320px; height:auto; padding-top:15px; padding-bottom:15px; display:block;}
}



/* FOOT 頁尾選單 */

.btn_footmenu, .btn_footmenu:visited { 
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); 
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
cursor: pointer;
}

.btn_footmenu {
display: inline-block;
padding: 10px 15px; /* 產品、案例大類，選單按鈕，padding: 10px 15px; 上下.左右間距 */
line-height: 20px; /* 設置按鈕內容區域的高度 */
vertical-align: middle; /* 調整文字的垂直對齊 ﹔line-height: 30px; 調整文字的垂直對齊 ﹔vertical-align: bottom; 將按鈕向下對齊 */
}



.btn_footmenu {margin-right: 12px; margin-top: 20px;} /* 所有產品、案例大類，選單btn樣式，選單加間距 margin: 8px; ；margin-top: 20px; 與上間距 */

.btn_footmenu:link {background-color: #4C4C4C;} 
.btn_footmenu:visited {background-color: #464646;} 
.btn_footmenu:hover {background-color: #B5005A;} /* #EA7500 */
.btn_footmenu:active {background-color: #777;} 
.btn_footmenu span { font:bold 10px/120%; font-size:20px;} /* font:bold 10px/120% Tahoma; 字型 */

.btn_foot {color: #fff;}
.btn_foot:hover {color: #FFCC00;} /* #ccff99 */


/* 選單按鈕文字大小--▼▼▼忽略 

@media only screen and (min-width: 1600px) {
.btn_footmenu span{font-size:22px}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.btn_footmenu span{font-size:20px}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.btn_footmenu span{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn_footmenu span{font-size:18px}
}
@media only screen and (max-width: 768px) {
.btn_footmenu span{font-size:20px}
}