/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	/*background: #FFFFFF url(images/img01.jpg) repeat-x   ;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	color: #333333;
}

h1, h2 {
	margin-bottom: 20px;
	font-weight: normal;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 152%;
}

h3 {
	font-size: 100%;
}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 1.8em;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	padding-left: 3em;
	background: url(images/img08.gif) no-repeat;
	font-style: italic;
}

a:link {
	color: #1953A7;
}

a:active {
	color: #ED5C0C;
}

a:visited {
	color: #666666;
}

a:hover {
	text-decoration: none;
	color: #067600;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 10px 0;
}

/* Menu */
#menu #liindex{
	width: 218px;
	height:85px;
	padding: 0px 0 0 0;
	}

#menu {
	width: 992px;
	height: 65px;
	margin: 0 auto;
	border-right: 1px solid #EDEBD5;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 109px;
	height: 65px;
	padding: 20px 0 0 0;
	border-left: 1px solid #EDEBD5;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	font-size: 144%;
	color: #BABABA;
}

#menu a:hover {
	background: #F7F7F4;
}

#menu .active a {
	background: #82BC2B;
	color: #FFFFFF;
}
#menu #liindex:hover{
	width: 218px;
	height: 85px;
	padding: 0px 0 0 0;
	background:#FFF;
	
	}
/* Header */

#header {
	
	height: 120px;
	margin: 0 auto;
	margin-top:20px;
	background:url(images/img01_02.jpg) repeat-x;
}

#header h1 {
	float: left;
	width: 220px;
	height: 100px;
	margin: 0;
	padding: 70px 0 0 0;
/*	background: url(images/img02.jpg) no-repeat;*/
	text-align: center;
	font-size: 36px;
}

#header h2 {
	float: left;
	width: 530px;
	height: 86px;
	margin: 0;
	/*background: url(images/img03.jpg) no-repeat;*/
	padding: 84px 20px 0 0;
	text-align: right;
}

#header a {
	text-transform: lowercase;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
}
#header a img{
	
	}
#headerimg{
	z-index:1;
	}
/* Page */

#page {
	width: 992px;
	margin: 0 auto;
	padding: 20px 0;
}

/* Content */

#content {
	float:right;
	width: 750px;
	padding-top: 10px;
}

.post {
	margin-bottom: 70px;
	padding: 0 20px;
}

.hr {
	border-bottom: 1px solid #EDEBD5;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 210px;
	padding: 5px;
	background: #EDEBD5;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 15px;
	color: #FFFFFF;
}

#sidebar h3 {
	font-size: 85%;
	color: #FFFFFF;
}

#sidebar ul {
	margin: 0;
	padding: 15px;
	list-style: none;
}

#sidebar li {
	border-bottom:#ccc 1px dashed;
}

#sidebar a {
	color: #FFFFFF;
	text-decoration:none;
	
}
#sidebar a:hover {
	color: #F30;
	text-decoration:none;
	
}

.bluebox {
	background: url(images/img05.gif) repeat-y;
}

.bluebox h2 {
	background: url(images/img06.gif) repeat-y;
}

/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding: 25px 0;
	
	text-align:center;
	background: #EDEBD5 url(images/img04.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}
#footer ul{
	list-style-type:none;
	margin:0 auto;
	text-align:center;
}
#footer ul li{

	float:left;
}

#footer a {
	color: #666666;
}
#footerPan{width:800px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; padding:15px 0 0;}

#footerPan ul{width:589px; height:20px; padding-left:100px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#212121;/* background:#F4F4F4;*/ text-decoration:none;}
#footerPan ul li a:hover{text-decoration:none; color:#666;}

#footerPan ul.templateworld{width:190px; /*background:#F4F4F4;*/ color:#212121; display:block; position:relative; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{/*background:#F4F4F4;*/ display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:none;}

#footerPan p.copyright{width:250px; /*background:#F4F4F4;*/ color:#212121; position:relative; margin:0 auto;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{/*background:#D2D0D0;*/ color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}
/*discuss*/
div.p5box { width: 622px; margin: 0 auto;}

table.p5box { background: url(images/qa/boxs-main.jpg) center repeat-y; width: 622px;}
table.p5box thead td { color: #666666; font-size: 11px; background: url(images/qa/boxs-top.jpg) bottom center no-repeat; height: 57px; padding: 20px 32px 0;}
table.p5box tbody td { background: url(images/qa/line.jpg) center bottom no-repeat; padding: 15px 41px;}
table.p5box tbody td h3 { padding: 0 0 10px; margin: 0;}
table.p5box tfoot td { background: url(images/qa/boxs-bottom.jpg) top center no-repeat; height: 46px;}
div.p5box2 { width: 622px; margin: 70px auto;}
table.p5box2 { background: url(images/qa/boxs2-main.jpg) center repeat-y; width: 622px;}
table.p5box2 thead td { color: #666666; font-size: 11px; background: url(images/qa/boxs2-top.jpg) bottom center no-repeat; height: 61px;}
table.p5box2 tbody td { padding: 0px 41px;}
table.p5box2 tbody td.boxtextmain { background: url(images/qa/boxs2-main2.jpg) center repeat-y;}
table.p5box2 tbody td.boxtextbottom { background: url(images/qa/boxs2-main-bottom.jpg) center bottom no-repeat; height: 17px;}
table.p5box2 tbody .box2tite { text-align: right; /*width: 60px;*/ font-weight: bold;}
.p5box2text { color: #333333; background-color:#FFFFFF; width: 400px; border: none;}
.p5box2field { color: #FFFFFF; background-color: #999999; border: none;}
/*download*/
.list2 {}
.list2 th { width: 100px;}
.list2 thead { background: url(images/download/list2top.jpg) top left repeat-x;}
.list2 thead th { background: url(images/download/thlist2top.jpg) top right no-repeat; text-align: center;}
.list2 thead td , .list2 tbody td { padding-left: 31px;}
.list2top { line-height: 33px; font-weight: bold;}
.list2 tbody th , .list2 tbody td { background: url(images/download/line.jpg) bottom left no-repeat; font-weight: normal;}
.list2 tbody {
	font-weight: normal;
	color: #656567;
	font-size: 14px;
	line-height: 41px;
}.list2 tbody a { color: #656567; text-decoration: none;} .list2 tbody a:hover { text-decoration: none; color: #333;
}
/*最新消息*/
 .connav{
	 list-style-type:none;
	 }
 .connav li{
	 border-bottom:1px dashed #BDB9B9;
	 height:30px;
	 margin-top:15px;
	}
 .connav li a{
	 color:#666;
	margin-left:20px;
	text-decoration:none;
	}
 .connav li a:hover{
	 color:#333;
	margin-left:20px;
	text-decoration:none;
	}
/*相關連結*/
.contactus { background: url(images/link/contactus_bg.jpg) no-repeat right top; text-align: left; padding: 20px 0 0;}
.contactus form .text { font-size: 13px;}
.contactus form td , .page form th { padding: 7px 5px 0;}
.contactus form th { font-size: 12px; font-weight: normal; text-align: right; color: #6a6a6a;}
.contactus form td textarea , .contactus form td input { border: solid 1px #a4bdd3;}
.list3 { color: #656565; background:url(images/link/line.jpg) bottom center repeat-x; width: 640px; padding-bottom: 10px; margin: 20px; }
.list3 th { background: url(images/link/list3th.jpg) top left no-repeat; width: 30px;}
.list3 h3 { font-size: 15px; color: #656565; text-decoration: none;
 padding: 0; margin: 0;}
.list3 a.weblinks { color: #666666; text-decoration: none;}
.list3 a:hover.weblinks { color: #ff0045; text-decoration: none;
}
.newslist a , .pagination a { color:#000000; text-decoration: none;}
.pagination a { color:#000000; text-decoration: none;}
.pagination  { margin-top:20px;}
/*產品介紹*/
.listtite h5 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	
	margin: 0px;
}
.list{
	height:150px;
	width:300px;
	}
.list a{
	color:#000;
		text-decoration:none;
		
	}
.list a:hover{
	color:#333;
		text-decoration:none;
		
	}
.show_pic2{
	margin-left:60px;
	}