@charset "UTF-8";
* {
	margin:0;
	padding:0;
}
body {
	background:#DCEDDE url(../img/bg_contents.jpg) repeat-x;
	background-color:#dcedde;
	font-family:Verdana, Geneva, sans-serif, "新細明體";
	font-size:13px;
	color:#333333;
	letter-spacing:0.1em;
}
a img {
	border:none;
}
#WRAPPER {
	margin:0 auto;
	width:1024px;
	background:#FFF;
}
#contents {
}
#header {
	position:relative;
	width:1024px;
	height:115px;
	background:url(../img/bg_header.jpg) no-repeat;
}
#header h1 {
	position:absolute;
	top:10px;
	left: 49px;
}
#header #toplink {
	float:right;
	position:absolute;
	top:15px;
	right:240px;
	text-align:right;
	color:#069;
	width: 85px;
	background:url(../img/home_icon.png) no-repeat;
}
#header #toplink a {
	font-size:15px;
	line-height:19px;
	color:#333;
	text-decoration:none;
	padding:0 10px 0 10px;
}
#header #toplink a:hover {
	color:#999;
	line-height:21px;
}
#header #weblink {
	float:right;
}
#header #weblink a {
	position:absolute;
	top:10px;
	right:26px;
	width:183px;
	height:30px;
	background:url(../img/logolink1.png) no-repeat;
}
#header #weblink a:hover {
	background:url(../img/logolink1_over.png) no-repeat;
}
#menu {
	width:200px;
	margin:10px 34px;
	float:left;
	background:url(../img/bg_sub.png) repeat;
	padding:0 10px;
}
#menu h2 {
	height:25px;
	padding:5px 0 0 13px;
	line-height:1.5em;
	background:url(../img/bg_sub_tit.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	overflow:hidden;
	margin-top:6px;
	margin-bottom:5px;
}
#menu h2 a {
	height:25px;
	line-height:1.5em;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	overflow:hidden;
	margin-top:6px;
	margin-bottom:5px;
}
#menu h2 a:hover {
	color:#9CC;
}
#menu ul {
	list-style-type:none;
}
#menu ul li {
	padding:8px 0;
	background:url(../img/line_01.png) no-repeat bottom;
}
#menu ul li a {
	padding-left:20px;
	line-height:1.5em;
	font-weight:bold;
	color:#555;
	text-decoration:none;
}
#menu ul li a:hover {
	color:#099;
}
#intro {
	padding-top:18px;
}
#intro h2 {
	width:200px;
	height:25px;
	background:url(../img/bg_contact_tit.png) no-repeat;
	margin:0;
}
#intro dl {
	border:solid 1px #475578;
	padding:10px;
	background-color:#FFFFFF;
}
#intro dl dt {
	line-height:1.5em;
	font-weight:bold;
	color:#399;
}
#intro dl dd {
	line-height:1.5em;
	font-size:12px;
	letter-spacing:normal;
}
#banner {
	width:198px;
	list-style-type:none;
	margin:25px 0;
	padding:0;
	border:solid 1px #475578;
	background-color:#FFFFFF;
}
#links {
	margin:0 auto;
	padding:0;
	width:188px;
	display:block;
}
#banner #links li a {
	margin:0 auto;
	padding:0;
	padding-top:15px
}
#banner #links li a img {
	margin:0 auto;
	padding:0;
	border:solid 1px #CCCCCC;
}
#main_area {
	float:left;
	width:700px;
	margin-bottom:20px;
	padding-top:10px;
}
#main {
	margin-bottom:15px;
	background:url(../img/main_bg.jpg) no-repeat;
}
/* 首頁*/

#main img {
	padding:10px 10px;
}
.btn_more a {
	float:right;
	width:42px;
	height:18px;
	display:block;
	line-height:17px;
	color:#FFFFFF;
	font-size:11px;
	letter-spacing:normal;
	text-decoration:none;
	text-align:center;
	background-color:#505e79;
	margin-top:5px;
}
.btn_more a:hover {
	color:#069;
	font-weight:bold;
	background-color:#CCC;
}
#info {
	width:700px;
	float:left;
}
#info h2 {
	width:700px;
	height:30px;
	margin-bottom:13px;
	padding-top:6px;
	background:url(../img/line_02.jpg) no-repeat bottom;
}
#info h2 p {
	line-height:21px;
	font-size:17px;
	font-weight:bold;
	padding-left:10px;
	color:#464646;
}
#info dl {
	width:700px;
}
#info dt {
	width:55px;
	padding:10px 0 5px 12px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#399;
	line-height:19px;
	margin-right:35px;
}
#info dd {
	width:575px;
	padding:10px 10px 10px 12px;
	float:left;
	line-height:18px;
}
#info .divide01 {
	width:700px;
	padding:0 10px 0 10px;
	float:left;
}
#info #morelink {
	float:right;
	margin-top:12px;
	width:120px;
}
#info #morelink a {
	text-align:right;
	color:#069;
	line-height:21px;
	text-decoration:none;
}
#info #morelink a:hover {
	text-decoration:underline;
}
#topics {
	clear:both;
	width:700px;
	padding-top:10px;
}
#topics h2 {
	width:700px;
	height:30px;
	margin-bottom:13px;
	background:url(../img/line_02.jpg) no-repeat bottom;
}
#topics h2 p {
	line-height:21px;
	font-size:17px;
	color:#464646;
	font-weight:bold;
	padding-left:10px;
}
#topics ul {
	width:712px;
	list-style-type:none;
	margin-left:13px;
}
#topics ul li {
	width:325px;
	height:135px;
	border-bottom:dotted 1px #BBBBBB;
	margin-right:30px;
	padding:15px 0 8px 0;
	float:left;
	overflow:hidden;
}
#topics ul li h4 a {
	line-height:1.4em;
	font-size:15px;
	font-weight:bold;
	color:#399;
	text-decoration:none;
}
#topics ul li h4 a:hover {
	color:#666;
}
#topics ul li .photo {
	margin-right:12px;
	float:left;
	border:solid 1px #BBBBBB;
}
#topics ul li .text {
	line-height:1.6em;
}
#contents_footer {
	clear:both;
	padding-top:40px;
}
#footer {
	height:120px;
	margin-top:25px;
	background:url(../img/bg_footer.png) repeat-x;
}
#footer address {
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	padding-top:20px;
}
/* 內容頁 -- intro --*/

#page_content {
	width:700px;
	margin-top:10px;
}
#page_content h2 {
	width:700px;
	height:30px;
	margin-bottom:13px;
	padding-top:6px;
	background:url(../img/line_02.jpg) no-repeat bottom;
	overflow:hidden;
}
#page_content h2 p {
	line-height:21px;
	font-size:17px;
	color:#464646;
	font-weight:bold;
	padding-left:10px;
}
#page_content .concent01 {
	width:670px;
	padding-left:30px;
}
#page_content .concent01 p {
	font-size:15px;
	line-height:21px;
}
#concept_img {
	float:right;
	padding:0 0 10px 20px;
}
#page_content h3 {
	margin:30px 0 10px 10px;
	padding-left:20px;
	line-height:1.5em;
	background:url(../img/icon_02.png) no-repeat 0 4px;
	font-size:14px;
	color:#369;
	font-weight:bold;
}
#page_content .concent02 {
	padding:10px 10px 20px 5px;
	background-color:#EEEEEE;
}
#page_content .concent02 p {
	font-size:15px;
	line-height:21px;
	padding-bottom:10px;
	border-bottom:dotted 1px #BBBBBB;
}
#page_content .concent02 h4 {
	margin-top:5px;
	line-height:21px;
	font-size:15px;
	font-weight:bold;
}
/*內容頁 -- service --*/
#page_content .concent03 {
	width:670px;
	padding-left:30px;
}
#page_content .concent03 p {
	font-size:15px;
	line-height:23px;
}
#page_content .concent03 h4 {
	margin:5px 0;
	line-height:25px;
	font-size:15px;
	color:#666;
	padding:5px 0;
	border-bottom:#CCCCCC dashed 1px;
}
#service_img {
	float:right;
	padding:5px 0;
}
#botlink a {
	float:right;
	width:52px;
	height:20px;
	display:block;
	background:url(../img/up_icon.png) no-repeat;
	margin:10px 0;
	padding-right: 10px;
	text-align:right;
	text-decoration:none;
	font-size:15px;
	line-height:20px;
	letter-spacing:normal;
	color:#007294;
}
#botlink a:hover {
	text-decoration:underline;
}
/*內容頁 -- product --*/

#subt h1 {
	height:25px;
	width:670px;
	padding:5px 0 0 25px;
	line-height:20px;
	background:url(../img/bg_tit.jpg) no-repeat 5px 0;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	overflow:hidden;
	margin-top:6px;
}
#page_content .concent04 {
	width:672px;
	padding-left:22px;
}
#page_content .concent04 p {
	font-size:15px;
	line-height:23px;
	padding-left:8px;
}
#page_content .concent04 p.ps {
	font-size:15px;
	line-height:23px;
	color:#09C;
}
#page_content .concent04 p.ps2 {
	font-size:14px;
	line-height:23px;
	color:#666;
	padding:2px 0 2px 35px;
}
#page_content .concent04 h4 {
	margin:5px 0;
	width:660px;
	line-height:25px;
	font-size:15px;
	color:#666;
	padding:10px 7px;
	border-top:#CCCCCC dashed 1px;
	border-bottom:#CCCCCC dashed 1px;
}
#product_img {
	float:right;
	padding:3px 6px;
}
#page_content .concent04 p.pad22 {
	font-size:15px;
	line-height:23px;
	padding-left:22px;
}
#page_content .concent04 #bigimg {
	width:642;
	padding:15px;
	overflow:hidden;
}
#page_content .concent05 {
	width:672px;
	padding-left:22px;
}
#page_content .concent05 p a {
	font-size:14px;
	width:660px;
	line-height:25px;
	color:#666;
	padding:10px 7px;
	text-decoration:none;
}
#page_content .concent05 p a:hover {
	color:#399;
}
#page_content .concent05 h4 {
	margin: 10px 0;
	width:660px;
	line-height:25px;
	font-size:14px;
	color:#666;
	padding:10px 7px;
	border-top:#CCCCCC dashed 1px;
	border-bottom:#CCCCCC dashed 1px;
}
#page_content .concent05 #bigimg {
	width:642;
	padding:15px;
	overflow:hidden;
}
#linklist {
	width:690px;
	margin-top:10px;
	margin-left:10px;
}
#linklist dl {
	width:690px;
}
#linklist dt {
	width:70px;
	padding:10px 0 0 12px;
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#399;
	line-height:19px;
	margin-right:35px;
}
#linklist dd {
	width:575px;
	padding:10px 10px 10px 12px;
	float:left;
	line-height:18px;
}
#linklist .divide01 {
	clear:both;
	width:680px;
}
#linklist .btn_L {
	float:left;
	width:auto;
	height:25px;
	background-color:#99CCCC;
	margin-right:20px;
	margin-top:10px;
}
#linklist .btn_L a {
	padding:2px 10px 2px 10px;
	color:#036;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
}
#linklist .btn_L a:hover {
	color:#093;
}
/*內容頁 --news--*/

#page_content2 {
	width:700px;
	margin-top:10px;
}
#page_content2 h2 {
	width:700px;
	height:30px;
	margin-bottom:13px;
	padding-top:6px;
	background:url(../img/line_02.jpg) no-repeat bottom;
	overflow:hidden;
}
#page_content2 h2 p {
	line-height:21px;
	font-size:17px;
	color:#464646;
	font-weight:bold;
	padding-left:10px;
}
#page_content2 .concent05 {
	width:690px;
	padding-left:10px;
	padding-top:10px;
}
#page_content2 .concent05 p {
	font-size:15px;
	line-height:21px;
}
#concept_img {
	float:right;
	padding:0 0 10px 15px;
}
#page_content2 h3 {
	margin-top:8px;
	margin-left:10px;
	width:690px;
	padding-bottom:10px;
	line-height:1.5em;
	font-size:15px;
	color:#369;
	font-weight:bold;
	border-bottom:#CCCCCC dashed 1px;
}
#page_content2 h4 {
	padding-left:10px;
	line-height:1.5em;
	font-size:15px;
	color:#399;
	font-weight:bold;
}
#download {
	margin:30px 0;
	height:20px;
	background:url(../img/download.png) no-repeat;
}
#download a {
	padding-left: 28px;
	text-align:left;
	text-decoration:none;
	font-size:15px;
	line-height:20px;
	letter-spacing:normal;
	color:#007294;
}
#download a:hover {
	text-decoration:underline;
}
#thumbnail {
	float:left;
	width:680px;
	padding:20px 0;
	border-top:#CCCCCC dashed 1px;
}
#thumbnail img {
	border:#CCCCCC solid 1px;
	margin:3px 9px;
}
/*列表頁 --newslist --*/

#infolist {
	width:700px;
	margin-top:10px;
}
#infolist dl {
	width:700px;
}
#infolist dt {
	width:55px;
	padding:10px 0 5px 12px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#399;
	line-height:19px;
	margin-right:35px;
}
#infolist dd {
	width:575px;
	padding:10px 10px 10px 12px;
	float:left;
	line-height:18px;
}
#infolist .divide01 {
	width:700px;
	padding:0 10px 0 10px;
	float:left;
}
#infolist #morelink {
	float:right;
	margin-top:12px;
	width:120px;
}
#infolist #morelink a {
	text-align:right;
	color:#069;
	line-height:21px;
	text-decoration:none;
}
#infolist #morelink a:hover {
	text-decoration:underline;
}
#Prevnews {
	clear:both;
	width:680px;
	height:105px;
	display:block;
	margin:0 auto;
	padding-top:80px;
}
#Prevnews h4 {
	line-height:25px;
	font-size:15px;
	color:#066;
	padding:10px 15px;
	border-top:#999 dashed 1px;
	border-bottom:#999 dashed 1px;
}
#newsH {
	margin:15px 10px;
	height:38px;
	background:url(../img/newsH_bg.png) no-repeat;
}
#newsH a.first {
	padding-left: 88px;
	text-align:left;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	line-height:34px;
	letter-spacing:normal;
	color:#666;
}
#newsH a {
	padding-left: 20px;
	text-align:left;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	line-height:34px;
	letter-spacing:normal;
	color:#666;
}
#newsH a:hover {
	color:#693;
}
/*內容頁 -- cominsoon --*/

#broad {
	position:relative;
	margin:0 auto;
	width:690px;
}
#broad img {
	padding:35px 0 0 50px;
}
/*內容頁 -- partner --*/

#partner {
	float:left;
}
#subt2 {
	margin:30px 0 10px 0;
}
#subt2 h2 {
	height:25px;
	width:280px;
	padding:5px 0 0 20px;
	line-height:20px;
	background:url(../img/bg_tit.jpg) no-repeat 5px 0;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	overflow:hidden;
}
#page_content #concent06 {
	width:310px;
	float:left;
	margin-left:27px;
}
#page_content #concent06 h4 {
	width:230px;
	height:25px;
	margin:0 auto;
	padding:10px 23px;
	border-bottom:#CCCCCC dashed 1px;
	background:url(../img/links_icon.png) no-repeat;
	background-position:left;
	line-height:22px;
}
#page_content #concent06 h4 a {
	line-height:25px;
	font-size:15px;
	color:#666;
	text-decoration:none;
}
#page_content #concent06 h4 a:hover {
	color:#69C;
}
/* 不可刪改*/
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.clearfix {
	display: inline-block;
}
/* Mac版IE除外版*/
.clearfix {
	display: block;
}