@charset "utf-8";
/* CSS Document */

@import url("style.css");
body{
	margin:0 auto;
	/*padding: 0 auto;*/
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#747474;
	background-color:#fff;
	/*overflow:hidden;*/
	background-image:url(../images/home/menu_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

/*在該div的最後面加個看不見的點，讓外層div可包住全部內容*/
.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

/*----最外層包裝----*/
#WRAPPER {
	width: 990px;
	margin:0 auto;
}

/*----主選單----*/
#MAIN_NAV {
	overflow:hidden;
	width:990px;
	
}
#MAIN_NAV ul {
	list-style-type:none;
}
#MAIN_NAV li {
	float: left;
}
#MAIN_NAV li a {
	padding:19px 25px 18px 25px;
	padding:20px 25px 18px 25px \9;
	display: block;
	color: #535353;
	font-size: 15px;
	text-decoration: none;
}
#MAIN_NAV li a:hover {
	background-color: #000;
	color: #fff;
}
#MAIN_NAV ol {
	width:211px;
	float: left;
}

/*----banner----*/
/*#banner {
	width:990px;
}*/
#Banner{ width:990px; height:250px; margin-bottom:10px; /*margin-left:-500px;*/ text-align:left;}	
	#AD_fade_pic {position:relative; width:990px; height:100%;}
	#AD_fade_pic img { width:990px;height:250px;}
	#AD_fade_pic a.ad {position:absolute;}
	#AD_fade_pic .control { position:absolute; right:10px; bottom:10px; display:none;}
	#AD_fade_pic .control a {display:inline-block; padding:3px; margin:0 3px; width:16px; font-size:13px; text-align:center; text-decoration:none;
		background:#fff; color:#244b98; border:1px solid #244b98;}
	#AD_fade_pic .control a.on {font-weight:bold; background:#244b98; color:#fff; border:1px solid #0d3d9d;}


/*----左側----*/
#SIDE {
	float:left;
	width:189px;
}

/*----右側----*/
#BOX {
	_height:1%;
	width:740px;
	float:right;
}
#title {
	position:absolute;
	/*margin-top:-20px;*/
	/*margin-top:-18px;*/
	text-align:left;
	width:740px;
	z-index:2;
}
#title_left {
	float:left;
	width:111px;
}
#title_right {
	float:left;
	text-align:left;
	width:629px;
	height:40px;
	background-image:url(../images/home/title_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#CONTENT {
	_height:1%;
	padding:57px 0 50px 0;
	width:740px;
	text-align:left;
}
#contact{
	height:1%;
	background-image:url(../images/sitemap/bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
#contact ul{
	padding:17px 0 0px 321px;
}
#contact ul li{
	padding:0 0 0 55px;
	line-height:48px;
}
#contact ul a:link{color:#7d7d7d; text-decoration:none;}
#contact ul a:visited{color:#7d7d7d; text-decoration:none;}
#contact ul a:hover{color:#000; text-decoration:none;}

/*---- 左側menu ----*/
#SUB_MENU {
	width:189px;
	padding:50px 0 15px 0;
	background-image:url(../images/product/left_title.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#SUB_MENU2 {
	width:189px;
	padding:50px 0 15px 0;
	background-image:url(../images/download/left_title.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#SUB_MENU3 {
	width:189px;
	padding:50px 0 15px 0;
	background-image:url(../images/works/left_title.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#bt_p1 ul li a {
	list-style-type:none;
	font-size:12px;
	text-align:left;
	padding:0px 2px 0 40px;
	line-height:24px;
	color:#000;
	display:block;
	background-image:url(../images/product/probg01.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#bt_p1 ul li a:hover, #bt_p1 ul li a.stay {
	color:#fff;
	background-image:url(../images/product/probg02.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#bt_p2 ul {
	padding:5px 0;
	background-image:url(../images/product/line.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#bt_p2 ul li a {
	list-style-type:none;
	font-size:11px;
	font-size:10px \9;
	text-align:left;
	padding:0px 2px 0 55px;
	line-height:22px;
	color:#626262;
	display:block;
	background-image:url(../images/product/prosbg01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#bt_p2 ul li a:hover {
	color:#000;
	background-image:url(../images/product/prosbg02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

/*---- 產品 ----*/
.pro_box {
	margin:0;
	padding:0;
	width:740px;
	text-align:center;
}
.pro_box dl {
	width:150px;
	display:block;
	float:left;
	margin:0 17px 25px 17px;
}
.pro_box dl dt, .des dl dd {
	float:left;
	width:150px;
	display:block;
	padding:10px 0;
}
.pro_box dl dd a {
	color:#666;
	
}
.pro_box dl dd a:hover {
	color:#5dafd7;
}
.pro_site {
	font-size:15px;
	padding:0 0 20px 30px;
	color:#333;
}
.pro_page_btn {
	width:740px;
	margin-top:15px;
	padding:20px 0;
	float:left;
	text-align:center;
	border-top:5px solid #dfdfdf;
}
.pro_page_btn ul {
	text-align:center;
	padding-left:30px;
}
.pro_page_btn ul li {
	padding-right:10px;
	float:left;
}
.line01{border: 10px solid  #f1f1f1;}
.pro_shobox {
	width:740px;
	margin:0;
	padding:0;
}
.big_image {
	width:320px;
	float:left;
}
.img_btn {
	float:left;
	padding:10px 0 0 120px;
}
.img_btn ul li {
	float:left;
	width:30px;
	text-align:center;
}
.s_image {
	float:left;
	width:360px;
	margin:0 5px;
}
.s_image dl dd {
	width:80px;
	float:left;
	margin:0 5px 27px 5px;
	margin:0 5px 30px 5px \9;
}
.pagebtn {
	float:left;
	padding-top:139px;
}
.pro_info {
	font-size:15px;
	line-height:24px;
	color:#000;
	width:300px;
	float:left;
}
.pro_info p {
	font-size:12px;
	line-height:18px;
	color:#747474;
}

.pro_info2 {
	width:740px;
	clear:both;
	line-height:18px;
}

/*---- 訊息 ----*/
.news_title {
	width:740px;
	float:left;
}
.news_subject {
	width:740px;
	margin-top:10px;
	float:left;
}
.news_subject ul li {
	width:570px;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	padding:5px 0;
	text-align:left;
	float:left;
	display:block;
	border-bottom:1px solid #e2e2e2;
}
.news_subject ul li a {
	color:#909090;
	font-size:12px;
	font-weight:normal;
	display:block;
}
.news_subject ul li a:hover {
	color:#3289b7;
	font-weight:bold;
	display:block;
}

.news_subject ul ol {
	width:170px;
	line-height:18px;
	color:#909090;
	padding:5px 0;
	text-align:center;
	float:left;
	display:block;
	border-bottom:1px solid #e2e2e2;
}
.news_show {
	width:680px;
	padding:20px 30px;
	float:left;
	line-height:18px;
}
.downbt {
	border-top:5px solid #dfdfdf;
	width:740px;
	padding:20px 0;
	float:left;
	text-align:center;
}
/*------檔案下載----------*/
.download_subject ul li {
	width:500px;
	line-height:22px;
	padding:5px 0;
	text-align:left;
	float:left;
	border-bottom:1px solid #e2e2e2;
}

.download_subject ul ol {
	width:120px;
	line-height:22px;
	padding:5px 0;
	color:#909090;
	text-align:center;
	float:left;
	border-bottom:1px solid #e2e2e2;
}
.download_site {
	font-size:15px;
	padding:0 0 5px 17px;
	color:#333;
}

/*---- 表單 ----*/
.contact {
	float:left;
	width:740px;
	height:580px;
	background-image:url(../images/service/bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.contact ul {
	width:200px;
	margin:2px 0 0 300px;
}
.contact ul li {
	height:40px;
}
.contact ul ol {
	margin:125px 0 0 0;
}

.inputkeyword_con01{
color:#666666;
font-size:12px;
width:300px;
background-color:#ffffff;
border-width:1px;
border-style:solid;
border-color:#dedede;
}


/*---- 頁尾 ----*/
#FOOTER {
	width:740px;
	float:left;
	height:99px;
	background-image:url(../images/home/foot_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-align:left;
}
#FOOTER ul li {
	float:left;
}
#FOOTER ul li h2 {
	font-size:11px;
	font-size:10px \9;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:10px 0 0 15px;
	width:500px;
	width:475px \9;
	color:#6e6e6e;
}
#FOOTER ul li h2 a {
	color:#6e6e6e;
}
#FOOTER ul li h2 a:hover {
	color:#fff;
}
#FOOTER ul li p {
	width:200px;
	padding:18px 0 0 10px;
	text-align:right;
}
#FOOTER ul li p a {
	color:#fff;
}
#FOOTER ul li p a:hover {
	color:#fff;
	text-decoration:underline;
}

/*-----------*/
.input04 {FONT-SIZE:9pt;color:#ffffff;border:0 solid #ffffff;padding-top:0px;padding-top:4px \9;background-image:url("images/inpbg04.gif");background-color:transparent;width:69px;height:21px;}




/* 常見問題 */
.qaContent { width:100%;}
.qaContent .Title_QA{ display:block; height:32px; padding:0 0 2px 15px; background:url(../images/bar_form.jpg) no-repeat; font-size:15px; line-height:30px; color:#555; font-weight:bold;}
.qaContent .Link_Area{ font-size:11px; width:120px; float:right; text-align:center; margin:-25px 0 0 0; color:#777;}
.qaContent .Link_Area a{ color:#777;}
.qaContent .Link_Area a:hover{ color:#069;}
.qaContent ul.accordionPart { margin:0 0 30px 0;/**/}
.qaContent ul.accordionPart li { border-bottom:1px solid #ccc; font-size:12px;}
.qaContent ul.accordionPart li.White{ background:#fff;}
.qaContent ul.accordionPart li.Gray{background:#f6f6f6;}
.qaContent ul.accordionPart li.White:hover{ background:#eaffff;}
.qaContent ul.accordionPart li.Gray:hover{ background:#eaffff;}
.qaContent ul.accordionPart li .qa_title {background: url(../images/icon_question.png) left top no-repeat; color:#696969; font-size:15px; line-height:23px; padding:5px 0 5px 28px;}
.qaContent ul.accordionPart li .qa_title_on { color:#399; font-weight:bold;}
.qaContent ul.accordionPart li .qa_content {background:url(../images/icon_answer.png) left top no-repeat; padding:5px 0 10px 28px; line-height:1.5; color:#696969;}



/* 好站聯結 */

ul.LinkList{}
ul.LinkList li{ display:block; float:left; width:205px; margin:0 10px 15px 0; background:url(../images/ic03.gif) left center no-repeat; padding:0 0 0 20px;}
ul.LinkList li a{ font-size:12px; color:#777;}
ul.LinkList li img{ width:185px; height:65px; margin:0 0 5px 0;}