@charset "UTF-8";

/* 動態文字選單 */
/* .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, .btn: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; }

/* btn樣式，選單加間距 */
.btn, .btn: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;
}
.home, .home:visited {background-color: #666666;}
.home:hover {background-color: #404040;}

.green, .green: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樣式，選單加間距 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_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; 上下.左右間距 */
.btn_bigmenu, .btn_bigmenu {margin: 8px; margin-top: 20px;} /* 所有產品、案例大類，選單btn樣式，選單加間距 margin: 8px; ；margin-top: 20px; 與上間距*/
.btn_bigmenu, .btn_bigmenu:link {background-color: #4C4C4C; color: #FFFFFF;} 
.btn_bigmenu, .btn_bigmenu:visited {background-color: #464646; color: #FFFFFF;} 
.btn_bigmenu, .btn_bigmenu:hover {background-color: #EA7500; color: #FFFF00;} 
.btn_bigmenu, .btn_bigmenu:active {background-color: #777; color: #FFFFFF;} 
.btn_bigmenu, .btn_bigmenu span { font:bold 20px/120% Tahoma; padding-top: 10px ;}



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

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

@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}
}
/* 產品、案例大類，選單btn樣式 cases.asp、product.asp、選單按鈕文字大小結速 */


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

@media only screen and (min-width: 1600px) {
.btn_smallname_menu span{font-size:22px}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.btn_smallname_menu span{font-size:20px}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.btn_smallname_menu span{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn_smallname_menu span{font-size:18px}
}
@media only screen and (max-width: 768px) {
.btn_smallname_menu span{font-size:20px}
}
/* 產品、案例大類，選單btn樣式 cases.asp、product.asp、選單按鈕文字大小結速 */






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

.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:15px;}
}


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

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

a, a:visited {color:#fff; 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}
}





/* 產品選單 */

.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(../img/menupic.png) 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 */

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

.product_pic h1 {font-size: 24px; letter-spacing:1px; color:#333;}

}
@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 左類別選單 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: 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 .ClassNav .NavTree ul li ul{width:188px;left: 267px;}

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

.ClassNav .NavTree ul li li{background:url("../img/box_icon1.png") no-repeat 12px 12px; /* 次選單背景 */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:#007689; /* 滑鼠滑過選單背景 */ 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/b3.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:#333333; color:#fff;}

@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 (max-width: 1024px)  {
.footer { padding-left:20px;padding-right:20px; }
}




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


@media only screen and (min-width: 1920px) {
.footer_foot img {padding-top:10px;padding-left:65px;}
.footer_foot h2 {margin-top:20px;padding-left:63px;font-size:26px;font-weight:bold;letter-spacing:1px;line-height:1;padding-bottom:20px;}
.footer_content {padding-left:60px;padding-right:60px;font-size:24px;color:#FFCC00;letter-spacing:1px;line-height:180%;padding-bottom:20px;}
.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 {margin-top:20px;padding-left:63px;font-size:24px;font-weight:bold;letter-spacing:1px;line-height:180%;padding-bottom:20px;}

.footer_content {padding-left:60px;padding-right:60px;font-size:22px;color:#FFCC00;letter-spacing:1px;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 {margin-top:10px;padding-left:43px;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:180%;padding-bottom:20px;}
.footer_content {padding-left:40px;padding-right:40px;font-size:18px;color:#FFCC00;letter-spacing:1px;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 {margin-top:10px;padding-left:38px;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:1;padding-bottom:20px;}
.footer_content {padding-left:35px;padding-right:35px;font-size:18px;color:#FFCC00;letter-spacing:1px;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 {margin-top:10px;padding-left:23px;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:1;padding-bottom:20px;}
.footer_content {padding-left:20px;padding-right:20px;font-size:18px;color:#FFCC00;letter-spacing:1px;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:30px;padding-right:25px;font-size:22px;font-weight:bold;letter-spacing:1px;line-height:1.5;padding-bottom:60px;}

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

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



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

.footer a { color:#93959b !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 */

.footer .site-info {
	float: left;
	width: 66%; / * 三欄 70% ；兩欄 80% * /
	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 {
	margin-top: 0px;
	padding-top: 0px;
	float: right;
	width: 32%; / * 三欄 20% ；兩欄 30% * /
	padding-left: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


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



@media only screen and (min-width: 1280px) {
.service img { max-width:360px; height:auto; }
}
@media screen and (max-width: 1280px) { 
.service img { max-width:360px; height:auto; }
}


@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: 5px;}
.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: 5px;}
.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: 5px;}
.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: 18px;padding-bottom: 5px;}
.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: 16px;padding-bottom: 5px;}
.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: 5px;}
.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 */

.footer .site-info-2h {
	float: left;
	width: 50%; / * 三欄 60% ；兩欄 50% --- 越小，右側連結區越大* /
	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-2h {
	margin-top: 0px;
	padding-top: 0px;
	float: right;
	width: 48%; / * 三欄 38% ；兩欄 48% ，垂直線段與右側連結區間距 * /
	padding-left: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.footer .site-info-2h .txt-box-2h { / * 頁尾聯絡資訊(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-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;font-size: 24px;}
.site-info-2h li {font-size: 24px;padding-bottom: 5px;}
}

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

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

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


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

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

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

.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;}
.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: 5px;}
}

@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: 5px;}
}

@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: 5px;}
}

@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: 5px;}
}


@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: 5px;}
}

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

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

.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;}
.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: #454545;
    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_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; 網頁編輯區背景 */

.footer_content p {}

.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:#bbb; 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:32px;font-size: 18px; color: #fff;}
}

@media only screen and (min-width: 1024px) and (max-width:1280px) {
.footer_foot_design {background:#285179;padding-left: 35px;line-height:32px;font-size:16px;color:#fff;}
}

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

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


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

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



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





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

.body_footer ul{width:100%;margin:8px auto;height:50px;line-height:50px;}
.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%px;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 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 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 ul li a{width:100%;height:40px;display:block;border-right:0px solid #3b3b3b;border-left:0px solid #131313;}