@charset "UTF-8";

/* dynamic-menu END */

/* 所有大類.小類選單btn樣式，選單加間距 products_botton.asp */

/* 大類選單btn樣式，選單加間距 */
/* a:hover 需放置在 a:link 跟 a:visited 之後，a:active 放置在 a:hover 之後 */
/* a: 超連結的基本樣式。*/
/* a:link 尚未訪問過的超連結樣式。*/
/* a:visited 已訪問過的超連結樣式。*/
/* a: hover 滑鼠 hover 狀態的樣式。*/
/* a:active 選擇的連結。*/
/* a:focus 目前 focus 的超連結元素樣式。*/
/* .btn_bigmenu, .btn_bigmenu {margin: 8px;} */
/* .btn_bigmenu, .btn_bigmenu:visited {display: inline-block; padding: 10px 15px; font:bold 18px/120% Tahoma; color: #555; text-decoration: none; overflow:hidden;-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_bigmenu a {margin:110px; } */


/* 所有產品、案例大類，選單btn樣式 cases.asp、product.asp.asp */

/* a:hover 需放置在 a:link 跟 a:visited 之後，a:active 放置在 a:hover 之後 */
/* a: 超連結的基本樣式。*/
/* a:link 尚未訪問過的超連結樣式。*/
/* a:visited 已訪問過的超連結樣式。*/
/* a: hover 滑鼠 hover 狀態的樣式。*/
/* a:active 選擇的連結。*/
/* a:focus 目前 focus 的超連結元素樣式。*/

/* border-radius(圓角)， linear-gradient(漸層)， box-shadow(陰影) */
/* box-shadow:<水平距離> <垂直距離> <模糊程度> <陰影顏色> */
/* box-shadow: 距離正值，代表向右、向下；負值代表向左向上。box-shadow:6px 20px 6px #000; */


/* 所有產品、案例大類，選單btn樣式 cases.asp、product.asp、products.asp */


/* 首頁產品選單按鈕 */


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

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



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

@media only screen and (max-width: 768px) {
.btn_bigmenu_index span {position: relative; top: 2px;}
}



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

@media only screen and (max-width: 768px) {
.btn_foot {position: relative; top: 2.5px;}
}



/* FOOT 頁尾選單 */

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



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

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

@media only screen and (max-width: 768px) {
.btn_bigmenu span {position: relative; top: 2px;}
}



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

@media only screen and (max-width: 768px) {
.btn_foot {position: relative; top: 2.5px;}
}


@media only screen and (max-width: 768px) {
.btn_foot {
    line-height: 1.8; /* 調整行高，增加上下間距 */
    
}}




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

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

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


/* FOOT 頁尾選單 END */








/* 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}

/* display: inline-block; 使按鈕在小螢幕上更好顯示 */
}

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


/* FOOT 頁尾選單 END */


/* FOOT 頁尾選單 (強調---特價) */

.btn_footmenu_emphasize, .btn_footmenu_emphasize: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_emphasize {display: inline-block; padding: 10px 15px;} /* 選單按鈕，padding: 10px 15px; 上下.左右間距 */
.btn_footmenu_emphasize, .btn_footmenu_emphasize {margin: 8px; margin-top: 20px;} /* 選單btn樣式，選單加間距 margin: 8px; ；margin-top: 20px; 與上間距 */
.btn_footmenu_emphasize, .btn_footmenu_emphasize:link {background-color: #800080;} 
.btn_footmenu_emphasize, .btn_footmenu_emphasize:visited {background-color: #3C4F00;} 
.btn_footmenu_emphasize, .btn_footmenu_emphasize:hover {background-color: #CC9900;} 
.btn_footmenu_emphasize, .btn_footmenu_emphasize:active {background-color: #ffa500;} 
.btn_footmenu_emphasize, .btn_footmenu_emphasize span {font:bold 20px/120% Tahoma; padding-top: 10px ;}

/* 選單按鈕文字大小 (強調---特價) */

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

/* FOOT 頁尾選單 END */









/* 所有產品、案例〔大類，小類〕選單按鈕＆文字大小 */

.btn_bigmenu_all, .btn_bigmenu_all: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_bigmenu_all {display: inline-block; padding: 10px 15px; } /* 所有產品、案例〔大類，小類〕，選單按鈕，padding: 10px 15px; 上下.左右間距 */
.btn_bigmenu_all, .btn_bigmenu_all {margin: 8px; margin-top: 20px;} /* 所有產品、案例〔大類，小類〕，選單btn樣式，選單加間距 margin: 8px; ；margin-top: 20px; 與上間距*/
.btn_bigmenu_all, .btn_bigmenu_all:link {background-color: #929292; color: #FFFFFF;}  
.btn_bigmenu_all, .btn_bigmenu_all:visited {background-color: #808080; color: #FF9900;} 
.btn_bigmenu_all, .btn_bigmenu_all:hover {background-color: #FF9900; color: #FFFF00;}
.btn_bigmenu_all, .btn_bigmenu_all:active {background-color: #cc3300; color: #FFFFFF;} 
.btn_bigmenu_all, .btn_bigmenu_all span { font:bold 20px/120% Tahoma; color: #CCFF33; overflow:hidden;}
.btn_bigmenu_all, .btn_bigmenu_all:visited span { color: #FF8040; }

/* 所有產品、案例〔大類，小類〕，選單按鈕文字大小 */

@media only screen and (min-width: 1600px) {
.btn_bigmenu_all span{font-size:20px}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.btn_bigmenu_all span{font-size:18px}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.btn_bigmenu_all span {font-size:18px}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn_bigmenu_all span{font-size:16px}
}
@media only screen and (max-width: 768px) {
.btn_bigmenu_all span{font-size:16px}
}
/* 所有產品、案例〔大類，小類〕選單按鈕＆文字大小結速 */





/* 項目抬頭～例︰工程實績 / 部分展示 */

/* .btn_pshow { width:100%; display:block; margin:auto; color: #fff;  display: inline-block; height:60px; line-height:70px;} */

@media only screen and (min-width: 1200px) {
.btn_pshow { width:100%;  color: #fff;  display: inline-block; height:60px; line-height:70px;}
}
@media only screen and (max-width: 1200px) {
.btn_pshow { width:100%; color: #fff;  display: inline-block; height:60px; line-height:70px;}
}

@media only screen and (min-width: 1200px) {
.btn_pshow {margin-bottom:0px;}
}


@media only screen and (max-width: 1200px) {
.btn_pshow {margin-bottom:0px;}

.btn_pshow h2 {


font-size: 24px;
line-height: 35px;
letter-spacing:3px; text-indent:0.5em;

}
}


/* 項目抬頭～例︰工程實績 / 部分展示 INDEX */


@media only screen and (min-width: 1200px) {
.btn_pshowindex { width:95%; margin-left:30px; color: #fff;  display: inline-block; height:60px; line-height:70px;}
}
@media only screen and (max-width: 1200px) {
.btn_pshowindex { width:94%; margin-left:10px; color: #fff;  display: inline-block; height:60px; line-height:70px;}
}

@media only screen and (min-width: 1200px) {
.btn_pshowindex {margin-bottom:15px;}
}


@media only screen and (max-width: 1200px) {
.btn_pshowindex {margin-bottom:15px;}
}







.btn_pshow {background: #34699E;} /* 背景色 */
.btn_pshow:hover {background-color: #EA7500; } /* 滑鼠移過背景色 */
.btn_pshow {padding: 0px; } /* 文字上下微調 */
.btn_pshow, .btn_pshow:visited {
text-align:center; 
overflow:hidden;
-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); 
}



.btn_pshowindex {background: #34699E;} /* 背景色 */
.btn_pshowindex:hover {background-color: #EA7500; } /* 滑鼠移過背景色 */
.btn_pshowindex {padding: 0px; } /* 文字上下微調 */
.btn_pshowindex, .btn_pshowindex:visited {
text-align:center; 
overflow:hidden;
-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); 
}








/* 項目抬頭～例︰工程實績 / 部分展示(文字大小) */
@media only screen and (min-width: 1600px) {
.btn_pshow  span{font-weight: bold; font-size:26px; letter-spacing: 3px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.btn_pshow  span{font-weight: bold; font-size:24px; letter-spacing: 3px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.btn_pshow  span {font-weight: bold; font-size:22px; letter-spacing: 3px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn_pshow  span{font-weight: bold; font-size:22px; letter-spacing: 3px;}
}
@media only screen and (max-width: 768px) {
.btn_pshow  span{font-weight: bold; font-size:24px; letter-spacing: 3px;}
}
/* 項目抬頭～例︰工程實績 / 部分展示結速 */







/* 項目抬頭～例︰工程實績 / 部分展示(文字大小) */
@media only screen and (min-width: 1600px) {
.btn_pshowindex  span{font-weight: bold; font-size:26px; letter-spacing: 3px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.btn_pshowindex  span{font-weight: bold; font-size:24px; letter-spacing: 3px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.btn_pshowindex  span {font-weight: bold; font-size:22px; letter-spacing: 3px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn_pshowindex  span{font-weight: bold; font-size:22px; letter-spacing: 3px;}
}
@media only screen and (max-width: 768px) {
.btn_pshowindex  span{font-weight: bold; font-size:24px; letter-spacing: 3px;}
}
/* 項目抬頭～例︰工程實績 / 部分展示結速 */










/* 大類選單btn樣式，選單加間距 END */




/* 動態文字選單---秀產品 */

.dynamic-menu {letter-spacing:2px; display: block; clear:both; overflow:hidden; margin:0px; padding: 10px 10px; }
a, a:visited {color:#555; text-decoration:none }
.btn_articleshow, .btn_articleshow:visited {display: inline-block; padding: 10px 15px; font:bold 18px/120% Tahoma; color: #fff; text-decoration: none; overflow:hidden;
-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; }

/* 研究

.hom, .green.btn_articleshow:visited {background-color: #666666;}
.hom:hover {background-color: #404040;}


.green, .green.btn_articleshow:visited {background-color: #91bd09;}
.green:hover {background-color: #749a02;}

.blue, .blue:visited {background-color: #2daebf;}
.blue:hover {background-color: #007d9a;}

.red, .red:visited {
background-color: #e33100;}
.red:hover {background-color: #872300;}

.magenta, .magenta:visited {background-color: #a9014b;}
.magenta:hover {background-color: #630030;}

.orange, .orange:visited {background-color: #ff5c00;}
.orange:hover {background-color: #d45500;}

.yellow, .yellow:visited {background-color: #ffb515;}
.yellow:hover {background-color: #fc9200;}


dynamic-menu END

 */



/* btn_articleshow樣式，選單加間距 */
.btn_articleshow, .btn_articleshow:visited {
margin: 8px;
-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;
}












/* Article_Bigclassname */

@media only screen and (min-width: 1600px) {
.columns_Bigclassname_article {
/* background: #616161; */
letter-spacing:2px; display: block;
clear:both;overflow:hidden;
padding: 0 0 15px 60px;
a, a:visited {text-decoration:none}
}}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.columns_Bigclassname_article {
/* background: #616161; */
letter-spacing:2px; display: block;
clear:both;overflow:hidden;
padding: 0 0 15px 50px;
a, a:visited {text-decoration:none}
}}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.columns_Bigclassname_article {
/* background: #616161; */
letter-spacing:2px; display: block;
clear:both;overflow:hidden;
padding: 0 0 15px 20px;
a, a:visited {text-decoration:none}
}}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.columns_Bigclassname_article {
/* background: #616161; */
letter-spacing:2px; display: block;
clear:both;overflow:hidden;
padding: 0px 0px 15px 20px;
a, a:visited {text-decoration:none}
}}

@media only screen and (max-width: 768px) {
.columns_Bigclassname_article {
/* background: #616161; */
letter-spacing:2px; display: block;
clear:both;overflow:hidden;
padding: 10px 0px 25px 10px;
a, a:visited {text-decoration:none}
}}

@media only screen and (min-width: 1600px) {
.columns_Bigclassname_article span{font-size:20px}
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.columns_Bigclassname_article span{font-size:20px}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.columns_Bigclassname_article span{font-size:18px}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.columns_Bigclassname_article span{font-size:16px}
}

@media only screen and (max-width: 768px) {
.columns_Bigclassname_article span{font-size:16px}
}



/* Product_Bigclassname */

.product-title-pic { display:block; margin:auto; margin-bottom:20px; margin-top:10px;}

.columns_Bigclassname a:link {color: #ff8040;text-decoration: none;}
.columns_Bigclassname a:visited {text-decoration: none;color: #ffff99;}
.columns_Bigclassname a:hover {text-decoration: none;color: #ffffff;}
.columns_Bigclassname a:active {text-decoration: none;color: #cc3399;}

.columns_Bigclassname {
/* background: #616161; 按鈕背景框*/
letter-spacing:2px; display: block;
clear:both;overflow:hidden;
}

@media only screen and (min-width: 1600px) {
.columns_Bigclassname {padding: 0 0 10px 60px;}
.columns_Bigclassname span{font-size:20px;text-align:center}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.columns_Bigclassname {padding: 0 0 10px 50px;}
.columns_Bigclassname span{font-size:20px;text-align:center}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.columns_Bigclassname {padding: 0 0 0px 20px;}
.columns_Bigclassname span{font-size:20px;text-align:center}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.columns_Bigclassname {padding: 0px 0px 10px 20px;}
.columns_Bigclassname span{font-size:18px;text-align:center}
}
@media only screen and (max-width: 768px) {
.columns_Bigclassname {padding: 10px 10px;}
.columns_Bigclassname span{font-size:18px;text-align:center}
}


/* 選單以下 --取自 page.css */

/*.content_box .list_box{width:100%;padding:10px 0 55px 0;overflow:hidden;zoom:1;}*/

.content_box .list_box{width:98%;margin:0px auto;padding:10px 0 5px 0;overflow:hidden;zoom:1;} /* 網頁 h1 背景圖下內容之間距 */

.content_box_foot .list_box{width:98%;margin:0px auto;padding:10px 0 80px 0;overflow:hidden;zoom:1;} /* 網尾下之間距 */

.content_box .list_box .list_class{width:100%;float:left;min-height:100px;}

.content_box .list_box .list_class li{width:100%;float:left;font-size:20px;height:55px;margin-bottom:1px;}
.content_box .list_box .list_class li a {width:100%;height:50px;line-height:50px;text-decoration:none;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);border-bottom:#dfdfdf solid 1px;margin:0; text-indent:10px; font-weight:bold;}
.content_box .list_box .list_class li a:hover { background:#61a0cc; color:#FFFFFF;}
.content_box .list_box .list_class li a:active { background:#61a0cc; color:#FFFFFF;}
.content_box .list_box .list_class li a span { width:30px; height:50px;float:right; background:url(../img/menupic.png) left center no-repeat;}

/* 選單以上 */


/* 產品選單 */

.content_box_product .list_box_product{width:100%;margin-left:auto;margin-right:auto;}
.content_box_product .list_box_product .list_class_product li{width:100%;float:left;height:55px;margin-bottom:1px;}
.content_box_product .list_box_product .list_class_product li a {width:100%;height:50px;line-height:50px;text-decoration:none;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);border-bottom:#dfdfdf solid 1px;margin:0; text-indent:10px; font-weight:bold;}
.content_box_product .list_box_product .list_class_product li a:hover { background:#61a0cc; color:#FFFFFF;}
.content_box_product .list_box_product .list_class_product li a:active { background:#61a0cc; color:#FFFFFF;}
.content_box_product .list_box_product .list_class_product li a span { width:30px; height:50px;float:right; background:url(https://m2.yc123.com.tw/img/menupic.png?v=1) left center no-repeat;}

@media only screen and (max-width: 544px) { 
.content_box_product .list_box_product .list_class_product li{width:100%;float:left;font-size:22px;height:55px;margin-bottom:1px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.content_box_product .list_box_product .list_class_product li{width:100%;float:left;padding-bottom:10px;height:35px;}
.content_box_product .list_box_product .list_class_product li a {width:100%;height:40px;line-height:40px;text-decoration:none;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);border-bottom:#dfdfdf solid 1px;margin:0; text-indent:10px; font-weight:bold;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.content_box_product .list_box_product .list_class_product li{width:100%;float:left;padding-bottom:10px;height:35px;}
.content_box_product .list_box_product .list_class_product li a {width:100%;height:40px;line-height:40px;text-decoration:none;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);border-bottom:#dfdfdf solid 1px;margin:0; text-indent:10px; font-weight:bold;}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {
.content_box_product .list_box_product .list_class_product li{width:100%;float:left;padding-bottom:10px;height:35px;}
.content_box_product .list_box_product .list_class_product li a {width:100%;height:40px;line-height:40px;text-decoration:none;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);border-bottom:#dfdfdf solid 1px;margin:0; text-indent:10px; font-weight:bold;}
}

@media only screen and (max-width: 544px) {
.content_box_product .list_box_product .list_class_product li{width:100%;float:left;padding-bottom:10px;height:35px;}
.content_box_product .list_box_product .list_class_product li a {width:100%;height:40px;line-height:40px;text-decoration:none;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);border-bottom:#dfdfdf solid 1px;margin:0; text-indent:10px; font-weight:bold;}
}

@media only screen and (min-width: 1920px) {
.content_box_product .list_box_product .list_class_product li { letter-spacing:3px; font-size:23px;}
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.content_box_product .list_box_product .list_class_product li { letter-spacing:3px; font-size:22px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.content_box_product .list_box_product .list_class_product li { letter-spacing:3px; font-size:21px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.content_box_product .list_box_product .list_class_product li { letter-spacing:3px; font-size:20px;}
}
@media only screen and (max-width: 1024px) {
.content_box_product .list_box_product .list_class_product li { font-size:20px;}
}


/* articleshow  h1  product h1 */

/* =====================================

@media only screen and (min-width: 1920px) {
.product_pic h1 { margin-top:0px; font-size: 28px; letter-spacing:1px; color:#333;}
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.product_pic h1 { margin-top:0px; font-size: 24px; letter-spacing:1px; color:#333;}
}

.product_pic h1 { font-size: 1.8rem; position:relative; top:0px; color: #660033; display: inline; } /* 不要產生產生間距加 display:inline */


/* .content-text h2, .content-text h3 { font-size:1.6rem; position:relative; top:20px; color:#800080; display:inline;} */

/* 網頁內容 -H2 color:#1D3956; 位置無法調整時 --> 改用相對位置 position:relative; top:10px;  */

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.product_pic h2 {font-size: 20px; letter-spacing:1px;}
.product_pic h3 {font-size: 20px; letter-spacing:1px; text-align:center; color:#333;}
.product_pic span {font-size: 18px; line-height:1.8;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.product_pic h2 {font-size: 22px; letter-spacing:1px;}
.product_pic h3 {font-size: 22px; letter-spacing:1px; text-align:center; color:#333;}
.product_pic span {font-size: 21px; line-height:1.8;}
}
=========== product_pic 下改寫 ====== */


/* .product_pic h1, .product_pic h2, .product_pic h3, .product_pic h4, .product_pic h5, .product_pic h6  { margin-top: 15px; margin-bottom: 20px; } */

.product_pic {
  font-size: 1.4rem;
  color: #555; 
}

.product_pic h1 {
  color: #660033;
}

.product_pic h2 {
  color: #800080;
}

.product_pic h3 {
  color: #800080;
}

.product_pic h4 {
  color: #444;
}

.product_pic h5 {
  color: #444;
}

.product_pic h6 {
  color: #444;
}

.product_pic h1 {
  font-size: calc(1.4rem + 0.3rem);
  position: relative;
  display: block; /* 改為block */
  margin-top: 0px; /* 加入這行讓標題與上方有 20px 的間距 */
  margin-bottom: 0px; /* 統一為20px */
  line-height: 0; /* 設定行距，可以調整數值 */
}


.product_pic h3 {
  font-size: calc(1.4rem + 0.3rem);
  position: relative;
  display: block; /* 改為block */
  margin-top: 30px; /* 加入這行讓標題與上方有 20px 的間距 */
  margin-bottom: 20px; /* 統一為20px */
  line-height: 1.8; /* 設定行距，可以調整數值 */
}

.product_pic h2, .product_pic h4, .product_pic h5, .product_pic h6, .product_pic strong span {
  font-size: calc(1.4rem + 0.3rem);
  position: relative;
  display: block; /* 改為block */
  margin-top: 30px; /* 加入這行讓標題與上方有 20px 的間距 */
  margin-bottom: 6px; /* 統一為20px */
  line-height: 1.8; /* 設定行距，可以調整數值 */
}


@media (min-width: 600px) and (max-width: 1200px) {
  .product_pic {
    font-size: calc(1.4rem + (1.5 - 1.4) * ((100vw - 600px) / (1200 - 600)));
  }

  .product_pic h1, .product_pic h2, .product_pic h3, .product_pic h4, .product_pic h5, .product_pic h6, .product_pic strong span {
    font-size: calc(1.4rem + 0.3rem + (1.5 - 1.4) * ((100vw - 600px) / (1200 - 600)));
  }
}

@media (min-width: 1200px) {
  .product_pic {
    font-size: 1.5rem;
  }

  .product_pic h1, .product_pic h2, .product_pic h3, .product_pic h4, .product_pic h5, .product_pic h6, .product_pic strong span{
/*  font-size: calc(1.5rem + 0.3rem); 1.5rem 會過大 */
    font-size: calc(1.4rem + 0.3rem);
  }
}



/* product 左類別選單 PC */
/* .RightNav span{color:#0063a5;} */
.ClassNav{padding:0px 0px;}	
.ClassNav .NavTree ul{}
	
.ClassNav .NavTree ul li{position: relative;background:url("../img/link_bg1.gif") repeat 0px 0px;}
	
/* 1st level sub menu style */
.ClassNav .NavTree ul li ul{left: 248px; /* Parent menu width - 1 主選單寬度 */ position: absolute;width: 250px; /* sub menu width 次選單寬度 */ top: 0;display: none;border:2px solid #800000;border-top:1px solid #800000;background:#FFFFFF;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);z-index:2000;}
/* .RightNav .ClassNav .NavTree ul li ul{width:188px;left: 267px;} */

/* All subsequent sub menu levels offset */
.ClassNav .NavTree ul li ul li ul{left: 160px; /* Parent menu width - 1*/ z-index:2000;}
/* menu links style */
.ClassNav .NavTree ul li a{display: block;cursor:pointer;line-height:50px; /* 選單文字垂直位置 */ border-bottom:1px solid #DDDDDD;padding-left:10px; /* 選單左邊距 */ height:42px; /* 選單框高度 */}	

.ClassNav .NavTree ul li li{background:url("../img/box_icon1.png") no-repeat 20px 20px; /* 次選單背景 */padding-left:0;text-align:center;z-index:2000;}
.ClassNav .NavTree ul li li a{border-bottom:1px solid #DDDDDD; /* 次選單文字底線 */ padding-left:10px;z-index:2000;}
.ClassNav .NavTree ul .current a{background:#0063a5;color:#FFFFFF;}
.ClassNav .NavTree ul .current li a{background:#FFFFFF;color:#000000;}
		
.ClassNav .NavTree ul li a:hover{color: white;background:#800080; /* 滑鼠滑過選單背景 */ text-decoration:none;}
.ClassNav .NavTree .subfolderstyle{background: url(../img/arrow-list.gif) no-repeat 230px center ; /* 主選單背景 */}
/* Holly Hack for IE \*/
* html  .ClassNav .NavTree ul li { float: left; height: 1%;z-index:2000; }
* html  .ClassNav .NavTree ul li a { height: 1%;z-index:2000; }
/* End */	

/* clearfix */
.clearfix:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.clearfix {clear:both;}
.clearbox {clear:both;width:996px;margin:0 auto;height:0;overflow:hidden;}
.clear {height:1%; overflow:hidden; }

#body #InnerBanner{wdith:248px;	height:0px; margin:auto;} /* height:0px;選單列表與上圖間距 */
#body .inner{wdith:248px;margin:auto;}
#body .inner .left{border-right:1px solid #DDDDDD; /* 選單右邊線 */ width:248px; /* 選單寬度 */ float:left;} 
#body .inner .left .Sbox{width:248px;padding-bottom:10px;font-size:18px;  /* 選單文字大小 */ }



/* *******page+product** */

/* page+product 左類別選單 PC */

.RightNav_page span{color:#0063a5;}
.ClassNav_page{padding:0px 0px;}	
.ClassNav_page .NavTre_pagee ul{}
	
.ClassNav_page .NavTree_page ul li{position: relative;background:url("../img/link_bg1.gif") repeat 0px 0px;}
	
/*1st level sub menu style */
.ClassNav_page .NavTree_page ul li ul{left: 250px; /* Parent menu width - 1 主選單寬度 */ position: absolute;width: 188px; /* sub menu width 次選單寬度 */ top: 0;display: none;border:1px solid #0063a5;border-top:1px solid #0063a5;background:#FFFFFF;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);z-index:2000;}
.RightNav_page .ClassNav_page .NavTree_page ul li ul{width:188px;left: 267px;}

/* All subsequent sub menu levels offset */
.ClassNav_page .NavTree_page ul li ul li ul{left: 159px; /* Parent menu width - 1 */ z-index:2000;}
/* menu links style */
.ClassNav_page .NavTree_page ul li a{display: block;cursor:pointer;line-height:40px; /* 選單文字垂直位置 */ border-bottom:1px solid #DDDDDD;padding-left:10px; /* 選單左邊距 */ height:38px; /* 選單框高度 */}	

.ClassNav_page .NavTree_page ul li li{background:url("../img/box_icon1.png") no-repeat 12px 12px; /* 次選單背景 */	padding-left:0;text-align:center;z-index:2000;}
.ClassNav_page .NavTree_page ul li li a{border-bottom:1px solid #DDDDDD; /* 次選單文字底線 */ padding-left:10px;z-index:2000;}
.ClassNav_page .NavTree_page ul .current a{background:#0063a5;color:#FFFFFF;}
.ClassNav_page .NavTree_page ul .current li a{background:#FFFFFF;color:#000000;}
		
.ClassNav_page .NavTree_page ul li a:hover{color: white;background:#007689; /* 滑鼠滑過選單背景 */ text-decoration:none;}
.ClassNav_page .NavTree_page .subfolderstyle{background: url(../img/arrow-list.gif) no-repeat 230px center ; /* 主選單背景 */}


#body_page #InnerBanner_page{wdith:248px; height:0px; margin:auto;} /* height:0px;選單列表與上圖間距 */
#body_page .inner_page{wdith:248px;margin:auto;}
#body .inner .left_page{border-right:1px solid #DDDDDD; /* 選單右邊線 */ width:248px; /* 選單寬度 */ float:left;} 
#body_page .inner_page .left_page .Sbox_page{width:248px;padding-bottom:10px;font-size:18px;  /* 選單文字大小 */ }


.content_box_pic { padding-left:0px; padding-right:0px; font-size:20px; line-height:1.8;letter-spacing:1px;}

.content_box_pic .text_pic img {max-width:360px;height:auto;}
/* (產品圖)上列尾加陰影 box-shadow: 1px 2px 3px #888888; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} */

/* .content_box_pic .text_pic span 產品名稱文字大小 */


@media only screen and (min-width: 1600px) {
.content_box_pic .text_pic span{font-size:20px;}
}


@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.content_box_pic .text_pic span{font-size:20px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.content_box_pic .text_pic span{font-size:18px;}
}

@media only screen and (min-width: 544px) and (max-width: 1024px) {
.content_box_pic .text_pic span{font-size:16px;}
}

@media only screen and (max-width: 544px) {
.content_box_pic .text_pic{padding-left:10px; padding-right:10px;}
.content_box_pic .text_pic span{font-size:20px;}
}


img{vertical-align:middle}


/* content_box_product_full Product menu===ok */

@media only screen and (min-width: 1024px) {
.content_box_product_full .list_box_product_full .list_class_product_full li a { font-size:21px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
.content_box_product_full .list_box_product_full .list_class_product_full li a { font-size:20px; }
}
@media only screen and (min-width: 544px) and (max-width: 768px) { 
.content_box_product_full .list_box_product_full .list_class_product_full li a { font-size:22px; }
}
.content_box_product_full .list_box_product_full .list_class_product_full li a {width:100%;height:45px;line-height:50px;letter-spacing:3px;text-decoration:none;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);border-bottom:#dfdfdf solid 1px;margin:0; text-indent:10px; font-weight:bold;}
.content_box_product_full .list_box_product_full .list_class_product_full li a span { width:30px; height:42px;float:right; background:url(../img/menupic.png) left center no-repeat;}
.content_box_product_full .list_box_product_full .list_class_product_full li {padding-left:10px;padding-right:10px;}
.content_box_product_full .list_box_product_full .list_class_product_full li a:hover { background:#666666; color:#FFFFFF;}
.content_box_product_full .list_box_product_full .list_class_product_full li a:active { background:#61a0cc; color:#FFFFFF;}
.content_box_product_full .list_box_product_full .list_class_product_full li a:visited { background:#FFFFFF; color:#D58000;}

@media only screen and min-width: 544px) { 
.content_box_product_full .list_box_product_full .list_class_product_full li {padding-left:0px;padding-right:10px;}
}

@media only screen and (max-width: 544px) { 
.content_box_product_full .list_box_product_full .list_class_product_full li {padding-left:0px;padding-right:10px;}
}


/* RWD產品分頁  */

@media screen and (max-width: 4px) {  /* 當螢幕尺寸小於 554px 時，應用以下CSS樣式 */
.showpage_p_rwd img { padding-left: 10px; } 
} 
.showpage_p_rwd { font-size: 18px; line-height:100%; }  /* 頁次字型 */
.showpage { font-size: 18px; line-height:100%; }  /* 頁次字型 */



/* 註解 */

/* @media only screen and (max-width: 100px) { */ 

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

/* @media screen and (max-width: 600px) {  當螢幕尺寸小於 600px 時，應用以下CSS樣式 */

/* @media screen and (min-width: 800px) {  當螢幕尺寸大於 800px 時，應用以下CSS樣式 */

/* .footer { padding-top: 10px; padding-left: 40px; padding-left 頁尾聯絡資訊縮排 1280 此值太小時 聯絡資訊顯示會不正常 */ 


 /* @media only screen and (min-width: 1600px) { */ 
 /* .footer { padding-top: 10px; padding-left: 60px; overflow:hidden; background-color:#333333; color:#fff;} */

 /* @media only screen and (min-width: 1280px) and (max-width: 1600px) { */ 
 /* .footer { padding-top: 10px; padding-left: 30px; overflow:hidden; background-color:#333333; color:#fff; } */

 /* @media only screen and (min-width:1024px) and (max-width: 1280px) { */ 
 /* .footer { padding-top: 10px; padding-left: 40px;overflow:hidden; background-color:#333333; color:#fff; } */

 /* @media only screen and (min-width:544px) and (max-width: 1024px) { */ 
 /* .footer { padding-top: 10px; padding-left: 30px;overflow:hidden; background-color:#333333; color:#fff; } */

 /* @media only screen and (max-width:544px)  { */ 
 /* .footer { padding-top: 10px; padding-left: 15px;overflow:hidden; background-color:#333333; color:#fff; } */


/* 註解 END */




/* footer 門市資訊 */

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

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



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




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


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

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


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


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




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



/* 字體  footer_content 我們的服務 */



@media only screen and (min-width: 1920px) {
.footer_foot img {padding-top:10px;padding-left:65px;}
.footer_content {padding-left:60px;padding-right:60px;font-size:24px;color:#FFCC00;letter-spacing:2px;line-height:180%;padding-bottom:0px;}
.footer_foot h2 {padding-left:63px;font-size:26px;font-weight:bold;letter-spacing:2px;display:inline;line-height:2.0;}
.footer_foot h3 {margin-top:0px;margin-bottom:30px;padding-left:32px;color:#FFFFFF;font-size:20px;font-weight:bold;letter-spacing:2px;display:inline;line-height:1.8;}

.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) {
.footer_foot img {padding-top:20px;padding-left:65px;}
.footer_foot h2 {padding-left:63px;font-size:24px;font-weight:bold;letter-spacing:2px;display:inline;line-height:2.0;}
.footer_foot h3 {margin-top:0px;margin-bottom:30px;padding-left:32px;color:#FFFFFF;font-size:20px;font-weight:bold;letter-spacing:2px;display:inline;line-height:1.8;}
.footer_content {padding-left:60px;padding-right:60px;font-size:22px;color:#FFCC00;letter-spacing:2px;line-height:180%;padding-bottom:0px;}
.footer_content span {font-size:24px;color:#fff;letter-spacing:1px;}

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



@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.footer_foot img {padding-top:10px;padding:10px; 0 0 0 ;padding-left:45px;}
.footer_foot h2 {padding-left:40px;font-size:24px;font-weight:bold;letter-spacing:2px;display:inline;line-height:2.8;}


/* .footer_foot h3 {margin-top:10px;margin-bottom:30px;padding-left:32px;color:#FFFFFF;font-size:20px;font-weight:bold;letter-spacing:2px;display:inline;line-height:1.8;} */ 
.footer_content {padding-left:40px;padding-right:40px;font-size:18px;color:#FFCC00;letter-spacing:2px;line-height:180%;padding-bottom:0px;}
.footer_content span {font-size:20px;color:#fff;letter-spacing:1px;}

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

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.footer_foot img {padding-top:10px;padding:10px; 0 0 0 ; padding-left:40px;}
.footer_foot h2 {padding-left:35px;font-size:24px;font-weight:bold;letter-spacing:2px;line-height:2.8;}
.footer_foot h3 {padding-left:35px;font-size:24px;font-weight:bold;letter-spacing:2px;line-height:2.8;}

.footer_foot h4 {padding-left:35px;font-size:24px;font-weight:bold;letter-spacing:2px; display: block; margin-bottom: 2rem;} /* line-height:2.8; display:inline; 修改為 display: block; margin-bottom 才有作用 */ 



.footer_content {padding-left:35px;padding-right:35px;font-size:18px;color:#FFCC00;letter-spacing:2px;line-height:180%;padding-bottom:0px;}
.footer_content span {font-size:20px;color:#fff;letter-spacing:1px;}

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


@media only screen and (min-width: 544px) and (max-width: 1024px) {
.footer_foot img {padding-top:10px;padding:10px; 0 0 0 ;padding-left:25px;}

/* .footer_foot h2 {padding-left:20px;font-size:24px;font-weight:bold;letter-spacing:2px;display:inline;line-height:2.0;} */

.footer_foot h2 {margin-top:20px;padding-left:35px;padding-right:25px;font-size:24px;font-weight:bold;letter-spacing:2px;line-height:1.8;margin-bottom: 2rem;}

.footer_foot h3 {margin-top:20px;padding-left:35px;padding-right:25px;font-size:24px;font-weight:bold;letter-spacing:2px;line-height:1.8;margin-bottom: 2rem;}

.footer_content {padding-left:35px;padding-right:25px;font-size:20px;color:#FFCC00;letter-spacing:2px;line-height:180%;padding-bottom:20px;}






.footer_content span {font-size:20px;color:#fff;letter-spacing:1px;}



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

@media only screen and (max-width: 544px) {
.footer_foot img {padding-top:10px;padding:10px 0 0 0 ; padding-left:30px;}
/* .footer_foot h2 {margin-top:20px;padding-left:20px;padding-right:25px;font-size:24px;font-weight:bold;letter-spacing:2px;line-height:1.8;padding-bottom:0px;} */

.footer_foot h4 {padding-left:35px;font-size:24px;font-weight:bold;letter-spacing:2px; display: block; margin-bottom: 2rem;} /* display:inline; 修改為 display: block; margin-bottom 才有作用 */ 


.footer_foot h2 {margin-top:20px;padding-left:20px;padding-right:25px;font-size:24px;font-weight:bold;letter-spacing:2px;line-height:1.8;margin-bottom: 2rem;}

.footer_foot h3 {margin-top:20px;padding-left:20px;padding-right:25px;font-size:24px;font-weight:bold;letter-spacing:2px;line-height:1.8;margin-bottom: 2rem;}



/* .footer_foot h3 {margin-top:20px;padding-left:20px;padding-right:25px;font-size:24px;color:#FFFFFF;font-weight:bold;letter-spacing:2px;display:inline;line-height:2.8;} */
.footer_content {padding-left:20px;padding-right:20px;font-size:20px;color:#FFCC00;letter-spacing:2px;line-height:180%;padding-bottom:20px;}
.footer_content span {font-size:22px;color:#fff;letter-spacing:1px;}
.footer_content ul {padding-top:40px;} /* 產品頁尾 h2 與內文間距 */

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

.footer_content h3 { font-size:1.5rem; position:relative; top:10px; color:#ffffff; display:inline;} 



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

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

.footer 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 a {color: #fff;}
.footer a:hover, .footer .site-map-2h a:hover {	color: #E9D46E;}



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


@media only screen and (min-width: 1920px) {
.footer-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-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-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-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-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-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-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-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-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-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-title-services {margin-top: 20px;font-size: 20px;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}
}

/*.footer h3 {margin-top: 10px;padding-top: 0px;padding-bottom: 25px;font-size: 24px;font-weight: normal;letter-spacing: 1px;margin-bottom: 10px;line-height: 1;}*/



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

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

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

.footer .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 .site-info { width: 100%; }  /* margin-right: 30px; 垂直線段與右側連結區間距 ＆ 水平右縮 */
}






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


.footer .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 .site-map { margin-right: 30px; }  /* margin-right: 30px; 垂直線段與右側連結區間距 ＆ 水平右縮，至使圖形連結往下 */
}













.footer .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;
}




/* 圖形連結 */

.graphic-link {
width: 100%;
margin: auto;}
.graphic-md-4 {width: 98%;}
.graphic-py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem;}
.graphic-row {width: 100%;
max-width: 100%;}


.graphic-d-flex { display: -webkit-box; display: -ms-flexbox;  display: flex; }
.graphic-justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.graphic-link-dark { color: #212529;}
.graphic-d-block {
display: block;
}

.graphic-mx-2 { margin-right: 1.5rem;} /* 圖形水平間距 */
.graphic-mt-4 {
margin-top: 2.5rem;
text-align: center; }


.graphic-fw-bold { display: inline-block; text-align: center; margin-right: 1rem;}

@media screen and (max-width: 544px) { 
.graphic-fw-bold { display: inline-block; max-width:340px;
text-align: center; }  
.graphic-mx-2 {margin-right: 0.8rem;
}
 /* 圖形水平間距 */
}
.graphic-link p { text-align: center; line-height:20px; }













@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;}
}



@media only screen and (min-width: 1024px) {
.footer .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 .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 .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 .site-map ul {margin-top: 0px;font-size: 23px;}
.site-info li {font-size: 23px;padding-bottom: 10px;}
.footer .site-map span {padding:0px;}
}



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

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

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

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

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

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


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


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


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

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

.footer .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .site-map-2h ul {margin-top: 0px;;font-weight: bold;}
.site-info-2h li {font-size: 20px;padding-bottom: 10px;}
}


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


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

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

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


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

.footer .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .site-map-3h ul {margin-top: 0px;font-size: 20px;font-weight: bold;}
.site-info-3h li {font-size: 20px;padding-bottom: 10px;}
}

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

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

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

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


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



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


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

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

/* 專員行動 --  電話 -- copyright  1920---ok */

.footer_foot .siteinfo ul > li a {

    padding: 0;
    color:#fff;
    font-size:18px;
}




.footer_foot .siteinfo ul > li + li:before {
    /*content: "/ ";

    padding: 0 5px;
    color: #9c9c9c;*/
}

.footer_foot .siteinfo ul > li label {

    margin: 0 10px 0 0;
    color: #fff;
}


/* 專員行動 --  電話 -- copyright  1920---ok */

.footer_add {
   margin-top:0px;

    padding-bottom:20px;
}



/* .footer_foot {  經營項目上下邊界 */

.footer_foot {

.img {padding-left:20px; padding-bottom:10px;}




    padding: 0px;
    background:#003060;
    padding: 5px 0;
    line-height:22px;
    font-size: 20px;
    color: #fff;
    margin-top: 0px;



/* .footer_content b {margin-top:20px;margin-left:25px;margin-right:20px;font-size: 22px;color:#FFCC00;} */

.footer_content b {margin-top:20px;margin-left:0px;margin-right:10px;font-size: 22px;color:#FFCC00;}

}

/* .footer_foot {  經營項目字型 */
/* .footer_content {font-size: 16px;margin-top:0px;margin-left:20px;margin-right:20px;color:#FFCC00;letter-spacing:1px;line-height:180%;}*/ /* text-align:left;font-family:"微軟雅黑","新細明體","Microsoft Yahei","mingliu","Arial Black","verdana";background:#fff; 網頁編輯區背景 */


@media only screen and (max-width: 544px) {
.footer_content p {line-height: 1.5;}
}

@media only screen and (min-width: 544px) {
.footer_content p {line-height: 1.8;}
}

.footer_foot_top {margin: 0px;}

.footer_foot_top ul li { padding: 0;}

.footer_foot_top ul li:nth-child(2n) {display: none;}

.footer_foot_top ul li,
.footer_foot_top ul li a { color: #888; padding: 10px;}

.footer_foot_top ul li a:hover {color: #36B9C0;}

.footer_foot_top ul li a .txt-en {display: none;}

.footer_foot_content {
    /*background-color: #454545;
    padding: 15px 0;
    line-height: 22px;
    font-size: 20px;
    color:#fff;*/
}


.footer_foot .copyright { color:#cc3306; display: inline-block;  margin: 0 10px 0px 0px;}

.footer_foot .copyright b { /* color: #fff; */ }


.footer_foot .siteinfo {display: inline-block; line-height: 1.8;}

.footer_foot .siteinfo ul {display: inline-block; margin-bottom:0;}



/* 頁尾  */


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





/* footer design */


.footer-bottom {
	background: #000;
	color:#898989;
	font-size: 16px;
	letter-spacing: 0.35px;
}
.footer-bottom .container_foot {
	padding: 15px;
}
.footer-bottom .share {
	float: right;
	padding-right: 15px;
}
.footer-bottom .share li {
	margin-left: 4px;
}

/* 右側下方圖形選單 */


.lof{float: right; margin-right: 30px;}

.lof a{padding: 0 5px;}

.lof img{width: 40px; margin-top: 20px;}

.lof{width: 100%;text-align: center;margin:0;}
	
.lof a{padding: 0 10px;}
	
.lof img{width: 40px;}
	
.email{color: #63baa6;}
.email:hover{-webkit-filter:saturate(2);}

.face{color: #1779c9;}

.face:hover{-webkit-filter:saturate(5);}

.pi:hover{-webkit-filter:saturate(5);}


@media only screen and (max-width: 1200px) {
.lofpic {float:right; position: fixed;  right: 46px;  top: 20%;  width: 2.5em;  margin-top: -2.5em;}
}
@media only screen and (min-width: 1200px) {
.lofpic {float:right; position: fixed;  right: 46px;  top: 48%;  width: 2.5em;  margin-top: -2.5em;}
}


/* SEARCH RWD */

/* .page-up-down { padding:10px } */

.page-up-down { /* text-align: center; 使內容居中 */
padding-left:10px; margin: 20px 0; /* 上下增加一些空白距離 */
}


.page-up-down img {
display: inline-block; /* 確保圖片按行內塊顯示，能夠被居中 */
 margin: 0 0px; /* 讓圖片之間有些間距 */
}





/* ********* keywords */

.keywords { width: 100%; display: block; height: 2px; overflow: hidden; color: #072457; text-indent: 100%; white-space: nowrap; -webkit-text-size-adjust: none; position: absolute; bottom: 0; }



/* ********************* footer design********************** */


.footer-bottom {
	background: #000;
	color:#898989;
	font-size: 16px;
	letter-spacing: 0.35px;
}
.footer-bottom .container {
	padding: 15px;
}
.footer-bottom .share {
	float: right;
	padding-right: 15px;
}
.footer-bottom .share li {
	margin-left: 4px;
}


/* 頁尾電話.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}







/* 頁尾關鍵字加強文字 */


@media screen and (min-width:1200px) {	/* PC啟用，高於這個解析度時啟用，RWD 隱藏 */
.keyword-rwd { display:none;}
.keyword h2,h3 { font-size:1.6rem; position:relative; top:20px; font-weight:bold; color:#1D3956; display:inline; } /* 位置無法調整時 --> 改用相對位置 position:relative; top:10px;  */
}

@media screen and (max-width:1200px) {	/* RWD啟用，低於這個解析度時啟用，PC 隱藏 */
.keyword-pc { display:none; }
.keyword h2,h3 { font-size:1.6rem; position:relative; top:20px; font-weight:bold; color:#1D3956; display:inline; } 
}

.keyword {font-size:1.5rem; top:10px; padding-bottom:0px;}   /* position:relative; 加了之後選單連結感應會失效 */
.keyword span {font-size:1.6rem; position:relative; top:0px; font-weight:bold; color:#420042; } 
.keyword b { line-height:188%; font-size:1.4rem; font-weight:bold; color:#003046;} 

/* 頁尾 dd + background:#xxxxxx 文字區背景 */


/* .body_footer ul li dt img { margin-top: -5px; } 圖像位置調整 */


.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圖形分格線 */



/* 頁尾圖形############## */

.body_footer_pic ul{width:100%;margin:10px auto;height:50px;line-height:50px;}
.body_footer_pic ul li{width:25%;float:left;color:#fff;}
.body_footer_pic ul li dl{width:auto;text-align:center;}
.body_footer_pic ul li dt{width:auto;height:40px;overflow:hidden;}
.body_footer_pic ul li dd{width:auto;height:40px;font-size:18px;font-weight:normal;color:#fff;line-height:40px;overflow:hidden;}

/* 顏色 白white；.body_footer_white */
/* 顏色 黑Black；.body_footer_black */
/* 顏色 橙Orange；.body_footer_orange */
/* 顏色 紫purple；.body_footer_purple */
/* 顏色 粉紅Pink；.body_footer_pink */
/* 顏色 藍Blue；.body_footer_blue */

.body_footer_white{width:100%;height:45px;width:100%px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));background:-webkit-moz-linear-gradient(top, #ffffff, #ffffff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,grandientType=0);bottom:0;border-top:5px solid #E18700;}
.body_footer_black{width:100%;height:45px;width:100%px;background:-webkit-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:5px solid #2a2a2a;}
.body_footer_orange{width:100%;height:45px;width:100%px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff5a00), to(#913300));background:-moz-linear-gradient(top, #ff5a00, #913300);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5a00,endColorstr=#913300,grandientType=0);bottom:0;border-top:5px solid #ff5a00;}
.body_footer_purple{width:100%;height:45px;width:100%px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#5e0044), to(#3f0039));background:-moz-linear-gradient(top, #5e0044, #3f0039);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5e0044,endColorstr=#3f0039,grandientType=0);bottom:0;border-top:5px solid #653361;}
.body_footer_pink{width:100%;height:45px;width:100%px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#e65286), to(#ca4776));background:-moz-linear-gradient(top, #e65286, #ca4776);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e65286,endColorstr=#ca4776,grandientType=0);bottom:0;border-top:5px solid #555;}
.body_footer_blue{width:100%;height:45px;width:100%px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#00bbfa), to(#006aa0));background:-moz-linear-gradient(top, #00bbfa, #006aa0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00b9e9,endColorstr=#0b5087,grandientType=0);bottom:0;border-top:5px solid #006d9f;}

.body_footer_pic ul li a{width:100%;height:45px;display:block;border-right:0px solid #3b3b3b;border-left:0px solid #131313;}


/* 頁尾 圖形 REG #########*/

.body_footer_reg ul{width:100%;margin:10px auto;height:50px;line-height:50px;}
/* .body_footer_reg ul{width:100%;height:60px;line-height:60px;} */
.body_footer_reg ul li{width:25%;float:left;color:#fff;}
.body_footer_reg ul li dl{width:auto;text-align:center;}
.body_footer_reg ul li dt{width:auto;height:45px;overflow:hidden;}
.body_footer_reg ul li dd{width:auto;height:40px;font-size:18px;font-weight:normal;color:#fff;line-height:40px;overflow:hidden;}



/* 更改頁尾顏色 圖形 REG*/

/* .body_footer_reg{width:100%;height:55px;max-width:960px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));background:-moz-linear-gradient(top, #ffffff, #ffffff);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,grandientType=0);bottom:0;border-top:1px solid #CCCCCC;} */

.body_footer_reg {
    width: 100%;
    height: 55px;
    max-width: 960px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    /* Firefox */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff, grandientType=0);
    bottom: 0;
    border-top: 1px solid #CCCCCC;
}

.body_footer_reg ul li a{width:100%;height:55px;display:block;border-right:0px solid #3b3b3b;border-left:0px solid #131313;}


/* 頁尾 圖形 + 隨捲軸移動 */

.body_footer_pic_m ul{width:100%;margin:10px auto;height:40px;line-height:40px;}

/* .body_footer_pic_m ul{width:100%;height:60px;line-height:60px;} */
.body_footer_pic_m ul li{width:25%;float:left;color:#fff;}
.body_footer_pic_m ul li dl{width:auto;text-align:center;}
.body_footer_pic_m ul li dt{width:auto;height:40px;overflow:hidden;}
.body_footer_pic_m ul li dd{width:auto;height:40px;font-size:18px;font-weight:normal;color:#fff;line-height:40px;overflow:hidden;}



/* 更改頁尾顏色 圖形 + 隨捲軸移動 */

/* .body_footer_pic_m{width:100%;height:40px;max-width:960px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));background:-moz-linear-gradient(top, #ffffff, #ffffff);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,grandientType=0);bottom:0;border-top:1px solid #CCCCCC;} */

.body_footer_pic_m {
    width: 100%;
    height: 40px;
    max-width: 960px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    /* Firefox */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff, grandientType=0);
    bottom: 0;
    border-top: 1px solid #CCCCCC;
}

.body_footer_pic_m ul li a{width:100%;height:40px;display:block;border-right:0px solid #3b3b3b;border-left:0px solid #131313;}