@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_ind {
	width:990px;
	margin:0 auto;
}

#news_ind{
	width:427px;
	float:left;
	text-align:left;
}

#product_ind{
	width:563px;
	float:right;
	text-align:left;
}
#pro_ind{
	width:563px;
	height:127px;
	background-image:url(../images/index/final/bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:14px 0 0 12px;
}

#pro_ind ul li{
	display:block;
	width:120px;
	float:left;
	margin:0 5px;
}
#indexFoot{
	width:990px;
	clear:both;
	text-align:left;
	font-size:11px;
	font-size:10px \9;
	color:9c9c9c;
	padding:0px 0 0 28px;
	padding:10px 0 0 28px \9;
}
.link_email:link{
	color:9c9c9c;
}
.link_email:hover{
	color:000;
}
#skype{
	margin:20px auto 20px auto;
	width:280px;
	text-align:center;
}
#skype dl dd{
	float:left;
}
#skype dl dt{
	float:left;
	width:170px;
}

#title_ind {
	width:408px;
	width:427px \9;
	float:left;
	background-image:url(../images/index/final/title_news.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:6px 19px 8px 0 ;
	text-align:right;
}
/*----最外層包裝----*/
#WRAPPER {
	width: 990px;
	margin:0 auto;
}

/*----主選單----*/
#MAIN_NAV {
	overflow:auto;
	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;
}

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

/*----右側----*/
#BOX {
	_height:1%;
	width:740px;
	float:right;
}
#title {
	position:absolute;
	margin-top:-20px;
	margin-top:-18px \9;
	text-align:left;
	width:801px;
	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;
}

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

#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 {
	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: 1px solid  #9D080D}
.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 {
	margin:0 0 0 25px;
	width:400px;
	float:left;
	display:block;
}
.news_subject ul li {
	width:390px;
	font-size:11px;
	font-size:10px \9;
	line-height:18px;
	padding:3px 0;
	padding:6px 0 4px 0 \9;
	text-align:left;
	float:left;
	display:block;
	border-bottom:1px solid #e2e2e2;
}
.news_subject ul li a {
	color:#909090;
	font-size:11px;
	font-size:10px \9;
	font-weight:normal;
	display:block;
}
.news_subject ul li a:hover {
	color:#3289b7;
	display:block;
}

.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:460px;
	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:480px;
	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:65px;
	padding:18px 0 0 10px;
}
#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;}

/*按鈕移動*/
.link_move:hover   {position:relative;top:-1px;right:0px;}

.link_sitemap:link    { font-size:12px;color:#9c9c9c;text-decoration:none;line-height:20px;}
.link_sitemap:visited { font-size:12px;color:#9c9c9c;text-decoration:none;line-height:20px;}
.link_sitemap:hover   { font-size:12px;color:#555555;text-decoration:underline;line-height:20px;}