@charset "utf-8";<!--content: ".";-->
.clearfix:after {display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */ 
img{ border:0;max-width: 100%;}
body{ margin:0; padding:0;}

.wallpaper { width:1000px; margin:0 auto; height:auto;}
.button-red{
	font-size: 15px;
	line-height: 25px;
	color: #333;
	
}
.button-black{
	font-size: 15px;
	line-height: 25px;
	color: #333;
	
}
/*表單*/
.inputtype3{
	height: 25px;
}
/*背景設定*/
.shadow{ width:1024px; height:460px; position:relative; margin:0 auto;z-index:99;}
.shadows{ width:1024px; height:385px; position:relative; margin:0 auto;z-index:99;}
.shadow-l{ background:url(../images/s-left.png) no-repeat top left; width:12px; height:460px; position:absolute; top:0; left:0;}
.shadow-r{ background:url(../images/s-right.png) no-repeat  top right; width:12px; height:460px; position:absolute; top:0; right:0;}

.shadows-l{ background:url(../images/s-left.png) no-repeat top left; width:12px; height:385px; position:absolute; top:0; left:0;}
.shadows-r{ background:url(../images/s-right.png) no-repeat  top right; width:12px; height:385px; position:absolute; top:0; right:0;}
.bg{ height:131px; width:100%;background:url(../images/bg.jpg) #ffffff repeat-x 0 83px;}
.edm-bg{ background:url(../images/edm-bg.jpg) repeat; height:461px; width:100%; }
.edms-bg{ background:url(../images/edm-bg.jpg) repeat; height:386px; width:100%; }
/*上板設定*/
.top{ background:url(../images/top-shadow.jpg) no-repeat bottom center #ffffff; padding-bottom:12px; }
.logo{ background:url(../images/logo.png) no-repeat; height:70px; width:1000px;}

.tool{ margin:0; padding:0; text-align:right;}

/*logo設定*/
#logo{ position:absolute;top:0px;left:12px;}


/*選單設定*/
.menu{ width:1000px; background:#f1f7fa; height:49px;}
ul.sort{ width:100%; height:49px;margin:0 auto; list-style:none;}
ul.sort li a{ float:left; background-repeat:no-repeat; display:block; height:49px;}
ul.sort li.m01 a{ background:url(../images/m01.png); width:142px;}
ul.sort li.m01 a:hover{ background:url(../images/m01h.png);}

ul.sort li.m02 a{ background:url(../images/m02.png); width:160px;}
ul.sort li.m02 a:hover{ background:url(../images/m02h.png);}

ul.sort li.m03 a{ background:url(../images/m03.png); width:160px;}
ul.sort li.m03 a:hover{ background:url(../images/m03h.png);}

ul.sort li.m04 a{ background:url(../images/m04.png); width:142px;}
ul.sort li.m04 a:hover{ background:url(../images/m04h.png);}

ul.sort li.m05 a{ background:url(../images/m05.png); width:143px;}
ul.sort li.m05 a:hover{ background:url(../images/m05h.png);}

ul.sort li.m06 a{ background:url(../images/m06.png); width:146px;}
ul.sort li.m06 a:hover{ background:url(../images/m06h.png);}


/*edm設定*/
.edm{ width:1000px; height:330px; position:relative;}
.edms{ width:1000px; height:255px; position:relative;}

.edm ul,.edm li,.edms ul,.edms li{ list-style:none; padding:0; margin:0;}

ul.ctrl{  height:25px;margin:0 ; padding:0; position:absolute; right:10px; top:300px;}
 ul.ctrl li{ margin:0; padding:0 2px; list-style:none; width:21px;height:22px; float:left;}
 ul.ctrl li a{background:url(../images/dot.png) no-repeat; display:block; width:21px; height:22px;}
 ul.ctrl li.high a{background:url(../images/dot-h.png) no-repeat; display:block; width:21px; height:22px;}

/*內容框架設定*/
.main{ width:1000px; margin-left:25px;  height:auto;margin:0 auto;}
.container{width:750px; min-height:300px; margin:15px 0 0 250px;}
.content{ width:1000px; height:auto;margin-left:16px}

/*模組設定*/
.prod{ width:785px; height:220px; float:left; padding:16px 0 0; }
.pro-t{ background:url(../images/pro-m-top.jpg) no-repeat; width:785px; height:60px;}
.pro-t img{padding:15px 10px 0 0;}
.pro-re{ background:url(../images/pro-m-re.jpg) repeat-x ; width:785px; height:160px; }
.pro-bottom{ background:url(../images/pro-m-bottom.jpg) no-repeat; width:785px; height:10px;}
ul.pro{padding:20px 0; margin:0 auto; width:706px; height:130px; list-style:none;}
ul.pro li{ margin:0; padding:0 20px; width:170px; height:100px; float:left; }
ul.pro li.arrow{width:28px; height:28px; padding:40px 5px 0 5px; margin:0;}

.link{ width:210px; height:250px; float:right;}
ul.banner{ width:200px; height:230px; padding:0; margin-left:10px;}
ul.banner li{ margin:0; padding:5px 0; list-style:none; float:left; width:200px; height:65px;}


/*下版設定*/
.footer{ background:url(../images/-bg.html) repeat-x bottom; height:86px; width:100%; margin:0 auto;}
.foot{ width:1000px; margin:0 auto; height:86px;}
.footer-logo{ background:url(../images/footer-logo.png) no-repeat 20px 15px; width:260px; height:86px; float:left;}

.footer-txt{ float:right; width:740px; padding-top:19px; font:15px/30px "微軟正黑體"; height:36px;}


/*內頁*/
.wd_title_001 {font-family: "微軟正黑體";font-size: 15px;color: #52774e; line-height:20px;}
.wd_font_001 {font-family: "微軟正黑體";font-size: 13px;color: #333; line-height:30px;}
.wd_font_002 {font-family: "微軟正黑體";font-size: 13px;color: #333; line-height:24px; background:url(../images/icon001.png) no-repeat; padding:0 0 0 35px;}
.line{ border-bottom:1px #ccc solid;}
.about_bg{background:url(../images/about-bg.png) no-repeat bottom;}
.wd_font_003 {font-family: "arial";font-size: 13px;color: #333; line-height:24px;}
.ENGLISH-bg{background:url(../images/ENGLISH-bg.png) no-repeat bottom;}


/*sub-menu*/
.sub-menu{ width:225px; height:auto; float:left; margin:0 10px 0 0;}
.sub-menu-t{ height:45px; background:url(../images/p-menu-bg.png) no-repeat; text-align:center; padding-top:5px;}
.sub-menu ul{ margin:0; padding:0 ; background:url(../images/p-item-bg.png) repeat-y; }
.sub-menu ul li{
	margin:0;
	padding-left:36px;
	height:37px;
	background:url(../images/icon-dot1.png) no-repeat 20px 50%;
	list-style:none;
	color:#000000;
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	line-height: 37px;
	}
.sub-menu ul li a{
	color:#000000;
	text-decoration:none;
	font-size: 15px;
	line-height: 37px;
	letter-spacing: 2px;
	
}
.sub-menu ul li a:hover{
	color:#063;
	text-decoration:underline;
}

/*標題*/
.wd_font01t{
	color:#333;
	text-shadow: 0 0 0.2em #57769f;
	border-bottom:2px #57769f dashed;
	padding:0 0 10px 25px;
	background:url(../images/titlebg.png) no-repeat;
	/*height:25px;*/
	margin-bottom:15px;
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	letter-spacing: 2px;
}

.wd_font02{
	color:#606060;
	font-family: "微軟正黑體", Arial;
	font-size: 13px;
	line-height: 30px;
}
.wd_font02 a{
	color:#606060;
	text-decoration:none;
	font-family: "微軟正黑體", Arial;
	font-size: 13px;
	line-height: 30px;
}
.wd_font02 a:hover{
	color:#57769f;
	text-decoration:none;
	font-family: "微軟正黑體", Arial;
}
#B { width:100%;}
#B li {overflow:hidden;
	color:#333;
	float:left;
	width: 230px;
	height:220px;
	border-bottom: 1px #CCC solid;
	font-family: "微軟正黑體", Arial;
	font-size: 14px;
	line-height: 22px;
	list-style-type: none;
	font-weight: bold;
	margin-bottom:10px;
	padding:0 10px;
}
#B li a{
	color:#333;
	text-shadow: 0 0 0.2em #ccc;
	text-decoration:none;
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}
#B li a:hover{
	color:#063;
	text-shadow: 0 0 0.2em #F87, 0 0 0.2em #333;
	text-decoration:none;
	font-family: "微軟正黑體", Arial;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}

.pro-detailes { font-size:15px; line-height:1.5em;}
img.pro-detaile-photo { float:left; padding:0 10px 10px 0;}

/* 表單  */
.wd_font01 {font-size: 14px;line-height: 20px;color: #333;font-family: "微軟正黑體", Arial;}
.wd_title02{font-size: 15px;line-height: 30px;font-weight: bold;color: #333;font-family: "微軟正黑體", Arial;	}
.contact-from { font-size:15px; color:#333;  }
.contact-from table { border-top:2px #CCC solid;}
.contact-from td { padding:5px 0; border-bottom: 1px #CCC dotted;}
/************** NEWS ********************/
.news { }
.news ul { margin:0; padding:0; list-style: none; font-family:"微軟正黑體"; }
.news ul li { font-family:"微軟正黑體";  background:url(../images/news_list_icon.png) left center no-repeat; padding: 5px 0 5px 20px; font-size:12px; line-height:1.5em; border-bottom:1px #999 dotted;}
.news ul li a { color:#333; text-decoration:none;}
.news ul li a:hover { color: #960;}

/************** pages 頁碼 ********************/

.page { font-size: 15px; line-height: 1.5em; text-align:center; clear:both;}
.page a, .page a { background:#999; color:#FFF; padding: 1px 10px; margin-right: 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: -1px -1px 0px #6A6A6A; text-decoration:none;}
.page a:hover { background: #669; color:#FFF; }

.pages-data-top { font-size: 1em; text-align:right; color:#666; line-height:2em; }
.pages-data { font-size: 0.9em; text-align:right; color:#666; line-height:3em; }
.pages-data input.pages-numb { width: 30px; height:1.3em; border: 1px #999 solid; margin: 0 5px;}
.pages-data input.pages-go { color:#066; border: 1px #999 solid; margin: 0 5px;}