html, body {
margin: 0;  /* 移除所有元素的預設外邊距 */
    
padding: 0;  /* 移除所有元素的預設內邊距 */
    
height: 100%; /* 確保頁面高度填滿 */
}





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

/* 增加字型行拒 font-size:20px;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:20px;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:20px;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:20px;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:20px;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:20px;line-height:1.8;letter-spacing:1px;text-align:left;color:#555;font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black","verdana";background:url("../img/mb_background.gif") repeat center -0px;padding:0;margin:0;}
h1, h2, p{margin-botton:10px;}
h1, h2{font-size:1.0em;}
.headimg img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;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:微軟雅黑;}

/* body .container{width:100%;text-align:left;margin:0px auto;min-width:320px;height:100%;max-width:960px;font-family:微軟雅黑;}*/

/* ===========vvvvvvvvvvvv==================*/


.count{float:right; padding-right:10px; font-size:18px; font-family:微軟雅黑;} 

/* .count{margin:0px auto;text-align:right;margin-right:10px; font-size:18px; font-family:微軟雅黑;} */




.webmenu_top{ margin-top:5px;}




/* header  img */

/* @media screen and (max-device-width: 48px) { 若瀏覽設備的可視範圍最大為480px，則下方的CSS描述就會立即被套用：(註：智慧型手機目前常見最大寬度為 480px */
/* #img img {background: #FFFFFF; border:0; margin: 0px auto; -ms-interpolation-mode:bicubic; width:100%; height:auto; }}  */



/* @media screen and (max-width: 600px) { 當螢幕尺寸小於 600px 時，應用以下CSS樣式 */
/* #img img {background: #FFFFFF; border:0; margin: 0px auto; -ms-interpolation-mode:bicubic; max-width:100%; height:auto; }} */



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

/* #img img {background: #FFFFFF; border:0; margin: 0px auto; -ms-interpolation-mode:bicubic; width:100%; height:auto; }}  */


/* header */





/* 抬頭圖示樣式 */ 

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

/*.img{background:url("../img/about-title.jpg") repeat center; border:0;-ms-interpolation-mode:bicubic;max-width:800px;height:auto;} 抬頭圖檔顯示大小 */


@media only screen and (min-width: 768px) { /* pc-head.png > 768 */
#head .inner_head .left_head .Sbox_head .topic_head{
background: url("../img/pc-head.png") no-repeat center; 
height:80px; /* 圖檔高度 */
padding-bottom:10px; /* 圖檔下空格 */  
}}

@media only screen and (min-width: 481px) and (max-width: 767.99999px) { 
#head .inner_head .left_head .Sbox_head .topic_head{
background: url("../img/tab-head.png") no-repeat center;
height:80px; /* 圖檔高度 */
padding-bottom:10px; /* 圖檔下空格 */  
}}

@media screen and (orientation:portrait) and (min-width: 0px) and (max-width: 480.99999px){  /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */
#head .inner_head .left_head .Sbox_head .topic_head{
background: url("../img/mob-head.png") no-repeat center;
height:80px; /* 圖檔高度 */
padding-bottom:10px; /* 圖檔下空格 */  
}}

/* 抬頭圖示樣式 END */ 


/*.content_box_headpic{margin-top:10px;background:#fff;}  設定(手機版)headpic圖檔背景 */

.content_box_head{clear:both;width:100%;text-align:left;margin-top:10px;}
.content_box_head .list_box_head{width:100%;}
.content_box_head{margin-top:20px;}

















.logo-block {
margin-left:0px;
float: left;
margin-top: 0px; /* 圖片上緣邊界 */
}

.logo-block a {
    /* background: url(../img/pchead.jpg) no-repeat; */
    /* height: 140px; */
    /* width: 980px; */

    font-family:"微軟雅黑","新細明體","Microsoft Yahei","mingliu","Arial Black","verdana";
    font-weight:bold;font-size:18px;
    text-indent: 10px;
    display: block;
    background-size: cover;
}

.container_header {
    max-width: 960px;
    margin: auto;
}


.logo-padding {
    padding: 0px 0;  /* 圖片上緣邊界 */
    position: relative;
}



/* GOOGLE 抬頭關鍵字 */

#top_keword_contents{
position:relative;
width:96%;
margin:0 auto;
height:auto;
margin-left:30px;margin-top:10px;
}
/* === 內容隱償 ===*/
#askfoot {  height:0; overflow:hidden; padding:0 15px; line-height:14px; }



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

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

/*.pro_box .pro_img img { box-shadow: 1px 4px 3px #888888;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} */

/* 抬頭動畫---首頁 (搭配 inc/headFlashshow.asp 選擇以下任一效果 ) */

#mobile{width:200px; height:100px; margin:0;} /* 設定(手機版)Banner圖檔大小 */
#Index{width:600px; height:100px;margin:0;} /* 設定(手機版)Banner圖檔大小 */
#Support{width:960px; height:250px;margin:0;} /* 設定(手機版)Banner圖檔大小 */
#Product{width:960px; height:250px;margin:0;} /* 設定(手機版)Banner圖檔大小 */
#Article{width:960px; height:250px;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_headpic{margin-top:10px;background:#fff;} /* 設定(手機版)headpic圖檔背景 */

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

/* .content_box .list_box{width:100%;} */
.content_box .list_box{width:100%;margin-left:auto;margin-right:auto;} /* 設定 H1 background 置中與顯示比 */
.content_box{margin-top:3px;} /* 設定 H1 與上選單距離 */
.content_box_m{clear:both;width:100%;text-align:left;margin-top:0px;}
.content_box_m .list_box_m{width:100%;}
.content_box_m{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; */


.mobile_productsmenupic img{margin: 0px auto;box-shadow: 1px 2px 3px #999999;-moz-border-radius:4px;-webkit-border-radius:5px;border-radius:4px;} /* 設定產品小圖陰影，圓繳弧度-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:20px;}
.title .tit_name a { color:#fff}

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

.content_txt {font-size:20px;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: -600px;  width: 1200px; font-size:20px;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:0px 4% 5px 4%; line-height:168%;color:#555;} /* 設定顯示內容區寬度 */

.content_box .text_article {width:auto;text-align:left; padding:0px 20px; line-height:168%;color:#555;} /* 設定顯示內容區寬度 */



.content_box .text_sendmail {width:auto;text-align:left;padding:0px 4% 5px 4%; line-height:168%;color:#555;} /* 設定SENDMAIL顯示內容區寬度 */

.content_box .text h1 { font-size:20px; font-weight:bold; margin-bottom:0px; padding:0}


.content_box .text h2 { font-size:20px; font-weight:bold; margin-bottom:0px; 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 .text_sendmail img { max-width:100%; height:auto; } /* 設定SENDMAIL驗證碼樣式 */


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


/* @media screen and (max-device-width: 480px) {若瀏覽設備的可視範圍最大為480px，則下方的CSS描述就會立即被套用：(註：智慧型手機目前常見最大寬度為 480px */

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

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


/* @media screen and (orientation:portrait) and (min-width: 0px) and (max-width: 980px)---- (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */






@media screen and (orientation:portrait) and (min-width: 0px) and (max-width: 480.99999px){
.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:98%; float:left;} /* 小圖顯示比例 */
.content_box .list_box .list_pro .pro_box .pro_img { max-width:360px; height:auto; } 
.content_box .list_box .list_pro .pro_box .pro_img img { width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }
.content_box .list_box .list_pro .pro_box .pro_txt { width:98%; float:right;}}


@media only screen and (min-width: 481px) and (max-width: 767.99999px) { 
.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:98%; float:left;} /* 小圖顯示比例 */
.content_box .list_box .list_pro .pro_box .pro_img { max-width:360px; height:auto; } 
.content_box .list_box .list_pro .pro_box .pro_img img { width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }
.content_box .list_box .list_pro .pro_box .pro_txt { width:98%; float:right;}} /* 產品說明右側 */


@media only screen and (min-width: 768px) {
.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:98%; float:left;} /* 小圖顯示比例 */
.content_box .list_box .list_pro .pro_box .pro_img { max-width:360px; height:auto; } 
.content_box .list_box .list_pro .pro_box .pro_img img { width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }
.content_box .list_box .list_pro .pro_box .pro_txt { width:55%; float:right;}} /* 產品說明右側 */








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


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

/* 選單以上 */


/* 下多圖橫列 RWD */

.picshow{padding:1px;margin-left:10px;margin-right:auto;margin-right:1px;margin-left:10px;}
.demo{padding:0px; *zoom:1; font-size:14px; margin:0; line-height:1.5; color:#333; font-family:Arial, sans-serif;}
.demo:after{display:table; content:""; clear:both;}
.demo .remind{color:gray;font-size:12px}

.works-wrap {

a{color:#34538b; text-decoration:none;}a:hover{text-decoration:underline;}
a img { border: 0; }

    max-width: 980px;
    margin: auto;
}
.works-con {
    padding: 0;
    margin: 0 -.5em;
    list-style: none;
    overflow: hidden;
}
.works-item {
    display: inline-block;
    min-width: 270px; /* 四張 min-width: 150px; 三張 270px 兩張 420 px 【圖片 4 : 3 縮放；註 min-width (px) 的 padding-bottom: 75% 】*/
    width: calc(20% - 1em);
    margin: 20px .5em 0;
    vertical-align: top;
}
.works-item-t {
    padding-bottom: 75%; /* 【圖片 4 : 3 縮放；註 min-width (px) 的 padding-bottom: 75% 】*/
    position: relative;

}
.works-item-t > img {
    position: absolute;
    width: 100%; height: 100%;
}
.works-item-b {
    margin: .5em .5em 1em;
}
.works-item-h {
    margin: 10px 0 0;
    color: CaptionText;
    font-size: 100%;
}
.works-btn-box {
    padding-top: 10px;
}
.works-btn {
    display: inline-block;
    padding: 0 8px;
    font-size: 87.5%;
    line-height: 25px;
    text-decoration: none;
    background: DarkGoldenrod;
    color: White;
}

@media screen and (max-width: 980px) {
    .works-item {
        width: calc(25% - 1em);
    }
}
@media screen and (max-width: 768px) {
    .works-item {
        width: calc(33.3% - 1em);
    }
}
@media screen and (max-width: 580px) {  
    .works-item {
        width: calc(50% - 1em);
    }
}
@media screen and (max-width: 400px) {  
    .works-item {
        width: calc(100% - 1em);
    }
}

/* 上多圖橫列 RWD */


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

.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:20px;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(../img/menupic.png) left center no-repeat;}

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



/*input[type=text],input[type=password] {width:80%;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:18px; margin:3px;}*/

/*textarea[name=memo] {width:85%;height:250px;padding:0 8px;border-width:1px; inset !important;font-size:18px; 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:20px;
	font-family:微軟雅黑;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	padding:0px 18px;/*padding:9px 18px;設定按鈕大小*/
	text-decoration:none;
	background:-moz-linear-gradient( center top, #3f3f3f 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3f3f3f 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3f3f3f), color-stop(100%, #1e62d0) );
	background-color:#3f3f3f;
	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:18px;
	font-family:微軟雅黑;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:0px 18px;/*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:18px;
	font-family:微軟雅黑;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:0px 18px;/*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;}



/* H1 標籤底圖設置 topic_indexh1 首頁 H1 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1{
background: url("../img/pageh1-pc.jpg") repeat-x center top;


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 0px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1{
background: url("../img/pageh1-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 0px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1{
background: url("../img/pageh1-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 0px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}



@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺*/
#body_indexh1 .inner_indexh1 .left_indexh1 .Sbox_indexh1 .topic_indexh1{
background: url("../img/pageh1-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px -10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


/* H1 標籤底圖設置 topic_index 網頁 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_index .inner_index .left_index .Sbox_index .topic_index{
background: url("../img/page-pc.jpg") repeat-x center top;


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_index .inner_index .left_index .Sbox_index .topic_index{
background: url("../img/page-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_index .inner_index .left_index .Sbox_index .topic_index{
background: url("../img/page-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}



@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺*/
#body_index .inner_index .left_index .Sbox_index .topic_index{
background: url("../img/page-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}















/* H1 標籤底圖設置 topic_index_webmenu 網頁 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_index_webmenu .inner_index_webmenu .left_index_webmenu .Sbox_index_webmenu .topic_index_webmenu{



background: url("../img/page-pc.jpg") repeat-x center top;position:center


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_index_webmenu .inner_index_webmenu .left_index_webmenu .Sbox_index_webmenu .topic_index_webmenu{
background: url("../img/page-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_index_webmenu .inner_index_webmenu .left_index_webmenu .Sbox_index_webmenu .topic_index_webmenu{
background: url("../img/page-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}



@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺*/
#body_index_webmenu .inner_index_webmenu .left_index_webmenu .Sbox_index_webmenu .topic_index_webmenu{
background: url("../img/page-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}















/* H1 標籤底圖設置 topic_indexmenu 網頁選單 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_indexmenu .inner_indexmenu .left_indexmenu .Sbox_indexmenu .topic_indexmenu{
background: url("../img/pagemenu-pc.jpg") no-repeat center;
	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */

        font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:10px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {
#body_indexmenu .inner_indexmenu .left_indexmenu .Sbox_indexmenu .topic_indexmenu{
background: url("../img/pagemenu-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:10px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {
#body_indexmenu .inner_indexmenu .left_indexmenu .Sbox_indexmenu .topic_indexmenu{
background: url("../img/pagemenu-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:10px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺*/
#body_indexmenu .inner_indexmenu .left_indexmenu .Sbox_indexmenu .topic_indexmenu{
background: url("../img/pagemenu-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:10px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


/* product */

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


/* product H1 標籤底圖設置 topic_product_h1  產品 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_product_h1 .inner_product_h1 .left_product_h1 .Sbox_product_h1 .topic_product_h1{
background: url("../img/producth1-pc.jpg") repeat-x center top;


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:10px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_product_h1 .inner_product_h1 .left_product_h1 .Sbox_product_h1 .topic_product_h1{
background: url("../img/producth1-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:10px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_product_h1 .inner_product_h1 .left_product_h1 .Sbox_product_h1 .topic_product_h1{
background: url("../img/producth1-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:10px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}



@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺*/
#body_product_h1 .inner_product_h1 .left_product_h1 .Sbox_product_h1 .topic_product_h1{
background: url("../img/producth1-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:10px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


/* product_sale H1 標籤底圖設置 topic_productsale_h1 (特價)*/

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_productsale_h1 .inner_productsale_h1 .left_productsale_h1 .Sbox_productsale_h1 .topic_productsale_h1{
background: url("../img/productsaleh1-pc.jpg") repeat-x center top;


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_productsale_h1 .inner_productsale_h1 .left_productsale_h1 .Sbox_productsale_h1 .topic_productsale_h1{
background: url("../img/productsaleh1-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_productsale_h1 .inner_productsale_h1 .left_productsale_h1 .Sbox_productsale_h1 .topic_productsale_h1{
background: url("../img/productsaleh1-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}



@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺*/
#body_productsale_h1 .inner_productsale_h1 .left_productsale_h1 .Sbox_productsale_h1 .topic_productsale_h1{
background: url("../img/productsaleh1-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


/* cases H1 標籤底圖設置 topic_cases_h1  案例 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_cases_h1 .inner_cases_h1 .left_cases_h1 .Sbox_cases_h1 .topic_cases_h1{
background: url("../img/casesh1-pc.jpg") repeat-x center top;


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_cases_h1 .inner_cases_h1 .left_cases_h1 .Sbox_cases_h1 .topic_cases_h1{
background: url("../img/casesh1-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_cases_h1 .inner_cases_h1 .left_cases_h1 .Sbox_cases_h1 .topic_cases_h1{
background: url("../img/casesh1-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}



@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */
#body_cases_h1 .inner_cases_h1 .left_cases_h1 .Sbox_cases_h1 .topic_cases_h1{
background: url("../img/casesh1-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
        margin-bottom:20px; /* H1 底圖與下選單距離 */
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


/* H1 標籤底圖設置 topic_product  產品 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_product .inner_product .left_product .Sbox_product .topic_product{
background: url("../img/product-pc.jpg") repeat-x center top;


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_product .inner_product .left_product .Sbox_product .topic_product{
background: url("../img/product-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_product .inner_product .left_product .Sbox_product .topic_product{
background: url("../img/product-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 0px) and (max-width: 380px) { /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺*/
#body_product .inner_product .left_product .Sbox_product .topic_product{
background: url("../img/product-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


/* H1 標籤底圖設置 topic_cases  案例 */

@media only screen and (min-width: 801px) {
/* 螢幕大於801PX的時候 */
#body_cases .inner_cases .left_cases .Sbox_cases .topic_cases{
background: url("../img/cases-pc.jpg") repeat-x center top;


	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}

@media only screen and (min-width: 581px) and (max-width: 800px) {

#body_cases .inner_cases .left_cases .Sbox_cases .topic_cases{
background: url("../img/cases-tab.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 381px) and (max-width: 580px) {

#body_cases .inner_cases .left_cases .Sbox_cases .topic_cases{
background: url("../img/cases-tab2.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


@media only screen and (min-width: 0px) and (max-width: 380px) {
 /* @media screen and (orientation:portrait) and (min-width: 0px) and (max-width: 380px)---- (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */

#body_cases .inner_cases .left_cases .Sbox_cases .topic_cases{
background: url("../img/cases-mob.jpg") no-repeat center;

	font-size:20px; /* 抬頭文字大小 */
	height:40px; /* 抬頭與下間距 */
	font-family:"微軟雅黑","Microsoft Yahei","mingliu","Arial Black";
	margin:0px 0px 10px 0px;
	line-height:40px; /* 抬頭文字上下位置 */
	text-align:center;
	color:#fff;
	font-weight:normal;}}


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

/* H1 標籤底圖設置END */



/* 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:10px 10px;}
	
 .ClassNav .NavTree ul{
	padding-left:10px;
	}
	
 .ClassNav .NavTree ul li{
position: relative;
	width:145px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-left:10px;}
	


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

 

		
 .ClassNav .NavTree ul li a:hover{
	background: url("../img/navtree_page_hover.gif") repeat-x 0px top;
	color:#FFF;
	text-decoration:none;
}


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

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

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


/* Picshow style */

.container_pic{max-width:1280px;text-align:left;position:relative;margin:0 auto;padding-left:15px;padding-right:15px}
.list-thumb-hover-action .excerpt:hover .thumb{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}

@media (max-width: 768px){.focusbox{padding:30px 0}
.focusbox .focusbox-title{font-size:18px}
.focusbox .focusbox-text{font-size:12px}}

@media (max-width: 544px){.focusbox{padding:18px 0}
.focusbox .focusbox-title{font-size:16px}
.focusbox .focusbox-title+.focusbox-text{margin-top:1.5px}}
.excerpts-wrapper{overflow:hidden;margin-top:24px}
.excerpts{margin-bottom:15px;margin-right:-2%;min-height:600px}
.excerpt{position:relative;display:inline-block;margin-right:2%;margin-bottom:2.5%;vertical-align:top}
.excerpt h2{font-size:15px;margin:0 0 10px;height:42px;overflow:hidden}
.excerpt .thumbnail{position:relative;margin-bottom:10px;display:block;overflow:hidden}
.excerpt .thumb{width:100%}
@media (max-width: 1024px){.excerpt-c5{width:22.333333%}}
@media only screen and (min-width: 768.00001px) and (max-width: 960px) {.excerpt-c5{width:30.33333%}}
@media (max-width: 768px){.excerpt-c5{width:30.33333%}}
@media (max-width: 544px){.excerpts-wrapper{margin-top:15px} /* {.excerpts-wrapper{margin-top:15px}} 橫列兩張；{.excerpts-wrapper{margin-top:15px} 橫列四張*/

.excerpts{margin-right:-4%;min-height:100px}
.excerpt{width:45%;margin-right:4%;margin-bottom:4%}
.excerpt .thumbnail{margin-bottom:0}
.excerpt h2{font-size:12px;height:34px;margin:0;line-height:1.2;padding:8px 8px 5px 8px}
.excerpt h2 a{display:block}}

/* Up width 960px ；Down 1024px */
/* @media (max-width: 1024px){.excerpt-c4{width:31.3333333333%} */
/* .excerpt-c5{width:23%}}@media (max-width: 768px){.excerpt-c4{width:48%} */
/* .excerpt-c5{width:31.3333333333%} */
/* .excerpt-c3{width:48%}}@media (max-width: 544px){.excerpts-wrapper{margin-top:15px} */
/* @media (max-width: 544px){.excerpts-wrapper{margin-top:15px}} 橫列兩張；{.excerpts-wrapper{margin-top:15px} 橫列四張*/


/*文繞圖---左圖右文 webmenu*/
.image1{ float: left; margin-right: 10px; }
.image2{ float: left; margin-right: 10px; }
.image3{ float: right; margin-right: 10px; }
/*.image1-wrapper{ margin-left: 10px; margin-right: 10px; border: 3px dashed black; }加虛線框*/

.image1-wrapper{ margin-left: 10px; margin-right: 10px; }

.p-txt{ text-indent:2.4em; word-spacing:0px; letter-spacing:2px; }
.span-txt{ text-indent:2.4em; word-spacing:0px; letter-spacing:2px; }
.clear-fix{ overflow: auto; zoom: 1; }

@media screen and (max-width: 767px) {
.image-container {
background-color: lightgreen;
max-width: 100%;
}
}

/*article two pic  圖形圓角*/
.content img{ max-width: 100%; height: auto; box-shadow: 1px 3px 4px #888888; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}/* 版面大小，抬頭圖檔大小 */

/*article two pic  顯示*/
.clearfix:after {content: ''; display: table; clear: both;}
.news li {float: left; width: 47.33333%; margin: 5px;}

@media only screen and (min-width: 481px) and (max-width: 767.99999px) { 
.news li {
width: 48%; 
}}

@media screen and (orientation:portrait) and (min-width: 0px) and (max-width: 480.99999px){  /* (orientation:portrait)裝置直擺 ；(orientation:landscape)裝置橫擺 */
.news li {
width: 98%;
}}


@media screen and (min-width: 768px) {
.article_pic{padding:10px;
}}
@media only screen and (min-width: 320px) and (max-width: 767.999px) {
.article_pic{text-align:center;
}}



/* 頁尾 */

.body_footer ul{width:100%;margin:0 auto;height:50px;line-height:50px;}
/*.body_footer ul{width:100%;height:45px;line-height:45px;}*/
.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:25px;overflow:hidden;}
.body_footer ul li dd{width:auto;height:30px;font-size:18px;font-weight:normal;color:#fff;line-height:30px;overflow:hidden;}


/* 更改頁尾顏色 black */

.body_footer{width:100%;height:45px;max-width:960px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#131313));background:-moz-linear-gradient(top, #3b3b3b, #131313);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);bottom:0;border-top:1px solid #2a2a2a;}
.body_footer ul li a{width:100%;height:45px;display:block;border-right:1px solid #3b3b3b;border-left:1px solid #131313;}


/* 頁尾 圖形*/

.body_footer_pic ul{width:100%;margin:10px auto;height:50px;line-height:50px;}
/*.body_footer_pic ul{width:100%;height:60px;line-height:60px;}*/
.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:45px;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;}

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

.body_footer_pic{width:100%;height:45px;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 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;}