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

.text h1 {
  color: #660033;
}

.text h2 {
  color: #800080;
}


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


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


.text .text h4, .text h5, .text h6 {
  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) {
  .text {
    font-size: calc(2.4rem + (1.5 - 1.4) * ((100vw - 600px) / (1200 - 600)));
  }

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

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

  .text h1, .text h2, .text h3, .text h4, .text h5, .text h6{
    font-size: calc(1.5rem + 0.3rem);
  }
}


/* .wrap {margin-left:auto;margin-right:auto;text-align:left;width:980px;position:relative;clear:both;overflow:hidden;z-index:1;font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana";} */

/* 增加字型行拒 font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana"; */

/* .img{border:0;-ms-interpolation-mode:bicubic;max-width:980px;height:auto;}/* 抬頭圖檔顯示大小 */


/* .title_pic img{ box-shadow: 1px 3px 4px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} /* 設定產品小圖陰影，圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */

/* .content img{ box-shadow: 1px 3px 4px #888888; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}/* 版面大小，抬頭圖檔大小 */

/* .productsmallpic img{ box-shadow: 1px 3px 4px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} /* 設定產品小圖陰影，圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */

/* .productbigpic img{ box-shadow: 1px 3px 4px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} /* 設定產品小圖陰影，圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */

/* .foot { margin: 0px auto; }


/* .content_table {text-align:left; margin-left: auto; margin-right: auto ; position: relative; left: 50%; margin-left: -490px;  width: 980px; font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana";background:#fff;} */




/* .img{border:0;-ms-interpolation-mode:bicubic;max-width:980px;}/* 抬頭圖檔顯示大小-->設高 height:auto;則產品小圖不一時高度會不同*/

/* body .container{width:100%;text-align:left;margin:0 auto;min-width:320px;height:100%;max-width:980px;}/* 版面大小，抬頭圖檔大小 */


/*.content_box .text img { font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana";background:#fff;   margin: 0 auto; max-width:100%; height:auto; box-shadow: 1px 4px 3px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}/* 設定內容大圖陰影(單獨網頁);--->圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */

/* .content_box .text img {box-shadow: 1px 2px 3px #888888; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} */


/* .center_box { margin: 0; text-align: center;}/*網頁置中*/

/* .left_box {position:absolute;left:0px;}/*網頁置左*/

/* .content_txt {font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana";background:#fff;}  */


/* .content_txt {width:auto;text-align:left;padding:1px;line-height:168%;} */


/* .pro_boxindex .pro_imgindex img { max-width:980;height:auto;border:none;} */

/* .pro_box .pro_img img {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.9);}/* 設定小圖邊框 */
/* .content_box .list_box .list_pro .pro_box .pro_img img { width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }/* 小圖圓角弧度 */

/* .pro_box2 .pro_img2 img {box-shadow: 1px 2px 3px #888888;}/* 設定內容大圖陰影 */

/* .content_productbox .producttext img { box-shadow: 1px 4px 3px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}/* 不設定PC產品小圖大小--由程式指定;--->圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */


/* *{padding:0;margin:0;} 邊距*/
/* h1, h2, p{margin-botton:10px;} 底下距離*/
/* li{list-style:none;}*/
/* a{text-decoration:none;} 連結下滑線*/
/* img{border:none;} 去掉IE 圖邊框*/
/* h2{font-size:1.5em;} 表BODY中的16px X 1.5倍*/

/* body{background:#fff;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana";font-size:16px;line-height:1.8;text-align:left;color:#555;} */
/* body .container{width:100%;text-align:left;(margin:0px auto;置中)min-width:320px;height:100%;max-width:960px;} 版面大小，抬頭圖檔大小 */


@charset "UTF-8";

/* CSS Document */

body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{font-size:16px;line-height:1.8;letter-spacing:1px;text-align:left;color:#555;font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black","verdana";background:#fff;padding:0;margin:0;}
h1, h2, p{margin-botton:10px;}
h1{font-size:1.2em;}
.headimg img{border:0;-ms-interpolation-mode:bicubic;max-width:98%;height:auto;padding:6px;display:block; margin:auto;}
img{border:0;-ms-interpolation-mode:bicubic;}
body .container{width:100%;text-align:left;margin:0px auto;min-width:320px;height:100%;max-width:960px;font-family:微軟雅黑;}
.count{float:right; padding-right:10px; font-size:16px; font-family:微軟雅黑;}


/* a:link {color: #006699;text-decoration: none;} */
/* a:visited {text-decoration: none;color: #800080;} */
a:hover {text-decoration: none;color: #CC0066;}
a:active {text-decoration: none;color: #fF00ff;}


a:link{color:#29547E;text-decoration:none;outline:none;}
a:visited{color:#666;text-decoration:none;}
ul,li{list-style:none;}

.box_main{min-width:320px;background:none repeat scroll 0% 0% #fff;margin:0px auto;overflow:hidden;min-height:480px;}
@media screen and (max-width:480px){
.content_box .news_list ul time{display:none;}
.content_box .news_list dt time{display:none;}
}
.main{margin-bottom:60px;}
h4{font-size:16px;}

.h3 { margin-top:12px; margin-bottom:10px; border-bottom:#CCCCCC dashed 1px;}


/* .pro_box .pro_img img {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.9);}/* 設定小圖邊框 */

.pro_box .pro_img img {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}


/* 抬頭動畫 */


#mobile{width:960px; height:350px; margin:0;} /* 設定(手機版)Banner圖檔大小 */
#index{width:960px; height:350px; margin:0;} /* 設定(手機版)Banner圖檔大小 */

.swipe{width:100%;height:100%;overflow:hidden;position:relative;}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:14px;height:14px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#C80002;}
.swipe img { width:100%; }


.content_box{clear:both;width:100%;text-align:left;margin-top:10px;}
.content_box .list_box{width:100%;}
.content_box{margin-top:0px;}

/* .productsmallpic img{margin: 0px auto;box-shadow: 5px 3px 4px #999999;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} */  /* 設定產品小圖陰影，圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */
.productsmallpic img{margin: 0px auto;box-shadow: 5px 3px 4px #999999;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} /* 設定產品小圖陰影，圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */
.mobile_productsmenupic img{margin: 0px auto;box-shadow: 5px 3px 4px #999999;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} /* 設定產品小圖陰影，圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */
.produc_list_smallpic img{margin: 0px auto;box-shadow: 1px 2px 3px #999999;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} /* 設定產品小圖陰影，圓繳弧度-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; */

/* title 橫幅 h1 */

/* .title{text-indent:5px;width:100%;line-height:35px;height:35px;background:#6b6b6b;color:#fff;}更改title h1 底色 */
/* .title{text-indent:5px;width:100%;line-height:35px;height:35px;(margin: 0px auto;置中)background:#6b6b6b;color:#fff;}更改title h1 底色 */

.title{text-indent:5px;width:98%;line-height:35px;height:35px;margin: 0px auto;background:#0080C0;color:#fff;}
.title .tit_name{padding-left:10px;height:35px;line-height:35px;float:left;width:auto;font-size:16px;}
.title .tit_name a { color:#fff}

.h { height:10px; clear:both;}

.content_txt {font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana";background:#fff;} 
.content_table {text-align:left; margin-left: auto; margin-right: auto ; position: relative; left: 50%; margin-left: -490px;  width: 980px; font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"Microsoft Yahei","mingliu","Arial Black","verdana";background:#fff;}
.content_box .regpage {width:auto;text-align:left;padding:5px 4% 5px 4%; line-height:200%;}/* 設定註冊顯示內容區 */
.content_box .text {width:auto;text-align:left;padding:10px 4% 5px 4%; line-height:168%;color:#555;}/* 設定顯示內容區寬度 */
.content_box .text h1 { font-size:16px; font-weight:bold; margin-bottom:0px; padding:0}


.content_box .text h2 { font-size:16px; font-weight:bold; margin-bottom:11px; padding:0}
.content_box .text img { max-width:100%; height:auto; box-shadow: 2px 2px 3px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}/* 設定內容大圖陰影 */
.content_box .list_box .list_case {width:auto;text-align:left;padding:10px 4% 5px 4%;}


.content_box .list_box .list_case .case_box { width:100%; clear:both;}
.content_box .list_box .list_case .case_box .case_img { width:40%; float:left;}
.content_box .list_box .list_case .case_box .case_img img { width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }
.content_box .list_box .list_case .case_box .case_txt { width:55%; float:right;}

.content_box .list_box .list_pro {width:auto;text-align:left;padding:10px 4% 5px 4%;}
.content_box .list_box .list_pro .pro_box { width:100%; clear:both;}

/* .content_box .list_box .list_pro .pro_box .pro_img { width:40%; float:left;} /*小圖大小縮放 */
/* .content_box .list_box .list_pro .pro_box .pro_img { max-width:346px; height:auto; } /*小圖大小縮放～指定寬度346px */
/* .content_box .list_box .list_pro .pro_box .pro_img { max-width:346px;myimg:expression(onload=function(){this.style.width=(this.offsetWidth > 346)?"346px":"auto"}); float:left;overflow:hidden;} /*小圖大小縮放 */

.content_box .list_box .list_pro .pro_box .pro_img { max-width:346px;myimg:expression(onload=function(){this.style.width=(this.offsetWidth > 346)?"346px":"auto"}); overflow:hidden;} /* 小圖大小縮放 */
.content_box .list_box .list_pro .pro_box .pro_img img { width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }

/* pro_txt */
/* .content_box .list_box .list_pro .pro_box .pro_txt { width:55%; float:right;} 產品右側說明，欲移到產品下方，width:55% 改成 96～100 float 浮動可以取消 */

.content_box .list_box .list_pro .pro_box .pro_txt { width:100%; } 

/* 選單以下 */

/*.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 55px 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:16px;height:50px;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(b3.png) left center no-repeat;}

/* 選單以上 */



/* 更改公告更多內容連結筆數間距 */

.content_newsbox .list_newsbox{width:100%;padding:10px 0 5px 0;overflow:hidden;zoom:1;}
.content_newsbox .list_newsbox .list_newsclass{width:100%;float:left;min-height:50px;}
.content_newsbox .list_newsbox .list_newsclass li{width:100%;float:left;font-size:16px;height:42px;margin-bottom:1px;}
.content_newsbox .list_newsbox .list_newsclass li a {width:100%;height:42px;line-height:42px;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_newsbox .list_newsbox .list_newsclass li a:hover { background:#61a0cc; color:#FFFFFF;}
.content_newsbox .list_newsbox .list_newsclass li a:active { background:#61a0cc; color:#FFFFFF;}
.content_newsbox .list_newsbox .list_newsclass li a span { width:30px; height:42px;float:right; background:url(b3.png) left center no-repeat;}

/* 更改公告更多內容連結筆數間距以上 */



input[type=text],input[type=password] {width:95%;height:33px;padding:0 8px;border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px; margin:3px;}




/*input[type=text],input[type=password] {width:95%;height:33px;padding:0 8px;border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px; margin:3px;}*/

/* input[type=submit],input[type=button] {width:95%;height:33px;padding:8px;font-size:14px; background:#58e; border:none; color:#FFFFFF;} */


/*input[type=submit] {width:95%;height:33px;padding:8px;font-size:14px; background:#58e; border:none; color:#FFFFFF;} */


/*input[type=button],input[type=submit] {width:95%;height:33px;padding:8px;font-size:14px; background:#58e; border:none; color:#FFFFFF;}*/


.button_amount {
	font-size:16px;
	font-family:微軟雅黑;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.button_amount:hover {
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background-color:#1e62d0;
}.button_amount:active {
	position:relative;
	top:1px;
}


.button_pay {
	font-size:16px;
	font-family:微軟雅黑;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow: 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow: 1px 1px 0px 0px #fab3ad;
 	box-shadow: 1px 1px 0px 0px #fab3ad;
}.button_pay:hover {
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background-color:#d34639;
}.button_pay:active {
	position:relative;
	top:1px;
}


.button_shopping {
	font-size:16px;
	font-family:微軟雅黑;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	background:-ms-linear-gradient( top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #9dce2c), color-stop(100%, #8cb82b) );
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #689324;
 	-webkit-box-shadow: 1px 1px 0px 0px #c1ed9c;
 	-moz-box-shadow: 1px 1px 0px 0px #c1ed9c;
 	box-shadow: 1px 1px 0px 0px #c1ed9c;
}.button_shopping:hover {
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	background:-ms-linear-gradient( top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8cb82b), color-stop(100%, #9dce2c) );
	background-color:#8cb82b;
}.button_shopping:active {
	position:relative;
	top:1px;
}


/* 手機購物 + - 數量 */

.section{ background-color:#fff;}
.prt-lt .lt-rt{ position:absolute; bottom:0.1rem; right:0.1rem; width:0.9rem; height:0.3rem;}
.prt-lt .lt-rt input{ float:left; width:0.28rem; height:0.28rem; font-size:0.18rem; border:1px solid #e5e5e5; text-align:center; color:#A1A09C; background-color:#fff;}
.prt-lt .lt-rt input.result{ border:none; color:#FF5151;}
.total{ color:#FF5151;}


/* 選單多樣式/

.wrap {margin-left:auto;margin-right:auto;text-align:left;width:960px;position:relative;clear:both;overflow:hidden;z-index:1;font-size:16px;letter-spacing:1px;line-height:180%;text-align:left;color:#555;font-family:"微軟雅黑","新細明體","Microsoft Yahei","mingliu","Arial Black","verdana";}

.img{border:0;-ms-interpolation-mode:bicubic;max-width:960px;height:auto;}/* 抬頭圖檔顯示大小 */


#wrapper{
	background:#C0C0C0; /* 選單左右下方邊緣顏色 */
}



/* navs*/
 #NavLink{
	/* background:url("/img/m_nav_bg1.png") repeat center -0px; */
	background:url("/img/menu-background.jpg") repeat center -0px; /* 選單背景圖 */	

        width:99%;
	margin:auto;
}
		
 #NavLink #sddm{
	/* background:url("/img/m_nav_bg1.png") repeat center -0px; */
	background:url("/img/over-background.jpg") repeat center -0px; /* 選單移過背景圖 */
	max-width:960px;
	margin:auto;
	z-index:30}

 #NavLink #sddm li{
	width:33.3%;
	float: left;
	font-weight:normal;}
 #NavLink #sddm .CurrentLi a{
	background:none;}	
 #NavLink #sddm li a
{	display: block;
	color: #fff; /* 文字顏色 */
	text-align: center;
	padding:0px 10px;
	height:50px;  /* 上下間距 */
	/* height:35px; 『35px會切齊』---取圖的高度---目前/img/menu-background高是35px */

	line-height:48px;  /* 文字上下距離 */
	background:;
	font-size:20px;font-weight: normal;
	/* background: url("/img/m_nav_bg2.png") no-repeat 0px -0px; */

	background: url("/img/separate-background.jpg") no-repeat 0px -0px;  /* 分隔背景圖 */
	}
 #NavLink #sddm li P{
	font-size:20px;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;}
 #NavLink #sddm li a:hover
{	text-decoration:none;

	/* background:#800000;  滑鼠移過背景顏色 */

	background:url("/img/over-background.jpg") repeat center -0px;  /* 滑鼠移過背景圖 */
	color:FFFFFF;  /* 滑鼠移過文字顏色 */
}

 #NavLink #sddm div
{	position: absolute;
	visibility: hidden;
	background: #B8292F;
	padding:0px 0px;
	filter: alpha(opacity=85); 
	top:40px;
	}

 #NavLink #sddm div a
	{	position: relative;
		padding: 0px 5px;
		width:120px;
		text-align: center;
		background:#B8292F;
		color: #FFFFFF;
		font-size:20px;
		font-weight:normal;
		text-decoration:none;
		line-height:50px;
		height:50px;
		border-bottom:1px solid #932126;}

 #NavLink #sddm div a:hover{
	background:#FF8700;
	color:#fff;
	font-weight:normal;
	line-height:50px;
	border-bottom:1px solid #932126;}

/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}



/* product */

#body #InnerBanner{
	max-width:960px;
	margin:auto;}
#body .inner{
	max-width:960px;
	margin:auto;
	padding-top:0px;}
#body .inner .left{
	max-width:960px;
	background:#FFF;
	}
#body .inner .right{
	max-width:958px;
	background:#FFF;
	border:1px solid #E5E5E5;
	padding-bottom:10px;}
#body .inner .left .Sbox{
	border:0px solid #E5E5E5;
	background:#fff;
	padding-bottom:20px;
	font-size:20px; /* 產品類別文字大小 */
	}

#body .inner .left .Sbox .topic{
    background: url("/img/m_box_bg3.gif") repeat-x center top;
    font-size:20px; /* 抬頭文字大小 */
    height:55px; /* 抬頭與下間距 */
    font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
    margin:20px 0px 10px 0px; /* 改為：上20px 右0px 下10px 左0px */
    line-height:52px; /* 抬頭文字上下位置 */
    border-bottom:0px solid #DDDDDD;
    text-align:center;
    color:#FFFFFF;
    font-weight:normal;
}



#body .inner .left .Sbox .blank ul {
	padding-left:10px;}
#body .inner .left .Sbox .blank ul li{
	width:128px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-left:10px;
}





/* SearchBar */

.SearchBar {
	width:202px;
	height:32px;
	background:url("/img/search_bg.gif") no-repeat left top;
	margin:auto;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 160px;
	padding:0px 5px;
 	margin:0px;
	color:#999;
	height:30px;
	line-height:30px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:5px;}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:25px;
	width:30px;
}

/* search content */
#search_content .searchtip{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	BORDER-bottom: #023848 1px solid;
	padding-top:10px;
}

#search_content .result_list{
	padding:10px 10px;
	}
	
#search_content .result_list dt{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	line-height:25px;
	font-family:Microsoft Yahei;}	

#search_content .result_list dd{
	padding:0 0 5px 0;
	margin:0px;
	line-height:20px;
	}	

#search_content .result_list .line {
	overflow:hidden;
	BORDER-bottom: #E9E8E8 1px dashed;}	

#search_content .result_list .line a{
	padding-right:20px;}

#search_content .result_list .line a:hover{
	text-decoration:none;}			
	
#search_content .search_welcome{
	line-height:25px;
	text-align:center;
	}
#search_content .search_welcome p{
	text-align:center;}		
#search_content .result_page{
	text-align:center;
	font-size:13px;
	padding:10px;}

#search_content .result_page span{
	font-size:12px;
	font-family:arial;
	padding:0 5px;
	}

/*product*/

.RightNav span{
	color:#296cd4;}
 .ClassNav{
	padding:0px 0px;}
	
 .ClassNav .NavTree ul{
	padding-left:10px;
	}
	
 .ClassNav .NavTree ul li{
position: relative;
	width:128px;
	height:60px;
	overflow:hidden;
	float:left;
	padding-left:10px;}
	


/* menu links style */
 .ClassNav .NavTree ul li a{
	width:128px;
	text-align:center;
	height:50px;
	line-height:50px;
	background: url("/img/m_Pro_bg1.gif") repeat-x 0px top;
	display:block;
	overflow:hidden;	 }	

 

		



.ClassNav .NavTree ul li a:hover{	
	background: url("/img/m_Pro_bg2.gif") repeat-x 0px top;
	background-size: auto 45px; /* 只指定高度，寬度自動 */
	color:#FFF;
	text-decoration:none;
}





.page { margin:6px 0; padding:12px 0; border-top:#CCCCCC dashed 1px; width:100%; clear:both;}
.page a { background:#61a0cc; color:#FFFFFF; margin:5px 10px; padding:3px 8px;}
       




        .body_footer ul {
            width: 100%;
            margin: 0 auto;
            height: 50px;
            line-height: 50px;
            padding: 0; /* 確保無內邊距 */
        }

        .body_footer ul li {
            width: 25%;
            float: left;
            color: #fff;
            position: relative; /* 為分隔線定位添加 */
        }

        /* 添加分隔線 */
        .body_footer ul li:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            height: 100%; /* 完整高度 */
            width: 1px;
            background: linear-gradient(to bottom, 
                rgba(255,255,255,0.2) 0%, /* 較亮的頂部 */
                rgba(255,255,255,0.1) 50%, /* 中間過渡 */
                rgba(0,0,0,0.1) 100%); /* 較暗的底部 */
        }

        .body_footer ul li dl {
            width: auto;
            text-align: center;
            margin: 0;
            position: relative;
            height: 85px;
        }

        .body_footer ul li dt {
            width: auto;
            height: 35px;
            overflow: hidden;
            position: relative;
            z-index: 2;
            padding-top: 8px;
        }

        .body_footer ul li dd {
            width: auto;
            height: 40px;
            font-size: 18px;
            font-weight: normal;
            color: #fff;
            line-height: 40px;
            overflow: hidden;
            background: -moz-linear-gradient(top, #3b3b3b, #131313);
            background: -webkit-linear-gradient(top, #3b3b3b, #131313);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);
            border-top: 0px solid #fff;
            padding: 0 5px;
            position: absolute;
            bottom: 5px;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .body_footer {
            width: 100%;
            height: 85px;
            max-width: 960px;
            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: 3px solid #E18700; /* 上邊框加粗且改為橙色 */
            z-index: 2000;
        }

        .body_footer ul li a {
            width: 100%;
            height: 85px;
            display: block;
            text-decoration: none;
            /* 移除原有的邊框 */
            border: none;
        }

        .body_footer ul li dt img {
            width: 35px;
            height: 35px;
            display: inline-block;
        }