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

body {background: url(../images/bodybg.jpg) repeat-x; 
font-size: 13px;
margin: 0; padding: 0;
font-family:Arial, 新細明體;}

img {border: none;}
#wrapper {width: 945px;margin: 0 auto; background: url(../images/wrapperbg.jpg) repeat-y;overflow:hidden;  min-height: 970px;}

#wrapper2 {width: 945px;margin: 0 auto; background: url(../images/wrapperbg.jpg) repeat-y;overflow:hidden;  }
#header {height: 88px;position: relative ;background: url(../images/bodybg.jpg) repeat-x;}
#header form {position: absolute ; right: 50px; top:20px;}
#slogan {position: absolute; top: 50px; left: 230px; width: 300; height: ; color: #666; font-size: 18px; letter-spacing: 1.3px;}

#menu {height: 43px; width: 937px; background: url(../images/menubg.jpg) repeat-x;}
	#menu ul {list-style:none;margin:0;padding:0;}
	#menu li {float:left;width:140px;margin:0;padding:0;text-align:center;}
	#menu li a {display:block;padding:13px 10px 0 10px;height:30px;color:#FFF;text-decoration:none; border-right:1px solid #FFF;}
	#menu li a.noborder {border: 0;}
	#menu li a {background:url(bg2.jpg) repeat 0 0;}
	#menu li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#menu #menu a {background:url(../images/menuhoverbg.jpg) repeat 0 0;}
	#menu li.nolink2 {width: 48px;  background-color:#FFF}
	#menu li.nolink {width: 49px;}



#content {position: relative;}
#submenu {
	min-height: 650px;
	width: 189px;
	float: left;
	/*position:absolute;*/
	left: -2px;
	
}


	ul.products {list-style:none;margin:0;padding:0; background:;min-height: 550px;}
	#submenu li.head {display:block;padding:10px 10px 5px 0px; border-top: 1px solid #cae0f4;
	text-decoration:none; background:url(../images/icon.gif) 10px center no-repeat; font-weight: bold;}
#submenu li.head a {display:block;padding:0px 10px 0 25px;color:#306193;text-decoration:none;  font-size:14px;}
	#submenu li.head a:hover {padding:0px 10px 0 35px;}
	
	#submenu li a {display:block;padding:4px 10px 4px 30px;color:#4681be;text-decoration:none; font-size:11px;}
	#submenu li a:hover,#submenu li a.lightblue:hover {color:#F30;}
		#submenu li a.lightblue {color: #09F;}

	#submenu li a {_height: 20px;}


#submenu li.head {_padding:5px 10px 0px 0px;}
#submenu li a {_padding:3px 10px 3px 30px;}



#main_content {

	width: 740px;
	position:absolute;
	right: 15px;
}

span.block {height: 50px; display: block;}

#choice {
	width: 700px;
	height: 100px;
	margin: 15px 0 0 20px;
	padding: 50px 0 0 40px;
	background: url(../images/formbg+.jpg) no-repeat;
}


#choice {position: relative;}
#choice select { margin: 5px 0 0 0 ; width: 220px;}
#choice span.center {position: absolute; width: 250px; display: block; left: 295px; top: 50px;}
#choice span.right {position: absolute; width: 180px; display: block; left: 540px; top: 55px;}

span.title {color: #369; font-weight: bold; margin: 0 10px 0 0;}
input.submit {margin: 15px 0 0 60px;}
input.submit1 {margin: 15px 0 0 10px; width: 10px;}

#bottom_column { 
position: relative;
min-height: 290px;
width: 700px;
margin: 10px 0 0 20px;
height: 130px;
background: url(../images/indexAH.jpg) no-repeat ; }

#about_cloumn {width: 180px; 
position:absolute;
top: 50px; left: 30px;
}
p.blacktxt {
color: #666;
font-size: 11px;}

#about_cloumn img {padding: 5px 0 0 20px;}

#hotP_cloumn {width: 450px; height: 250px;
position:absolute;
background: url(../images/indexdash.jpg) no-repeat ;
margin: 40px 0 0 222px;}

#hp {width: 115px;margin:15px 0 0 0px; float: left; padding: 0 0 0 30px;}
#hp span { color: #555; display: block; height: 40px;}
#hp img {margin: 0 0 10px 0;}


#footer {
	width: 700px;
	background: url(../images/footerbg.jpg) no-repeat ;
	margin:0px 0 0 20px; 
}

#footer p.link {padding: 20px 0 0 100px ; }
#footer p.link a {color: #777; text-decoration: none;}

#footer p.copyright {width: 700px; text-align: center; color: #777; font-size: 12px;}


#footer1 {
	width: 700px;
	background: url(../images/footerbg.jpg) no-repeat ;
	margin:0px 0 0 20px; 
}

#footer1 p.link1 {padding: 20px 0 0 160px ; }
#footer1 p.link1 a {color: #777; text-decoration: none;}

#footer1 p.copyright {width: 700px; text-align: center; color: #777; font-size: 12px;}





#content_width {width:700px; margin: 0 0 0 30px; min-height: 650px;}
 h1 {color: #255783; font-size: 20px; margin: 25px 0 20px 0; padding: 0 0 0 25px; background: url(../images/arrowicon.jpg) left center no-repeat ;}
#content_width img {float: left; padding: 0 0 0 0 ;}


#newslist {border-bottom: 1px solid #ddd; height: 150px; position: relative;padding: 0 0 0 160px;}
#newsphoto {width: 110px; height: 110px; border: 3px solid #bbb; padding: 1px; position: absolute;left: 0px;}
#newsphoto img {width: 110px; padding : 0; margin: 0;}

#newslist2 {border-bottom: 1px solid #ddd; height: 140px; position: relative;padding: 0 0 0 160px;}
p.newslist {padding: 0 0 0 15px;}
#newslist2 #newsphoto {width: 110px; height: 70px; border: 3px solid #bbb; padding: 1px; position: absolute;left: 0px;}
#newslist2 img.newbottombg {position: absolute; top: 78px;left: 0px;}



img.newbottombg {position: absolute; top: 118px;left: 0px;}
 h3 {
	color: #255783;
	padding: 0 0 0 20px;
	background: url(../images/arrowicon.gif) left center no-repeat;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}
h3 span  {color: #F90;}
#more {width: 250px; /*margin: 0 0 0 450px;*/ position: absolute; right: -150px; bottom: 0;}
#more2 {width: 150px; /*margin: 0 0 0 450px;*/ position: absolute; right: -100px; bottom: 0;}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}

#catalougelist {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; height: 150px; position: relative;padding: 0 0 0 150px;}
#cataloguephoto { width: 112px; height: 155px; background: url(../images/catalogue.jpg) top right #ffffff; padding: 0 25px 0 0;position: absolute;left: 0px;}



h2.width250 {width: 500px;}
h2 { color: #3e6ba6;  padding: 30px 0 0 20px;/* background: url(../images/ptitlebg.gif) left top no-repeat ; height: 65px;*/  margin: 0;font-size: 20px; _padding: 0px 0 0 20px;_margin: -35px 0 0 0 ;}
h2 span {color: #555; font-size: 12px; font-weight: normal;}

img.pcontent {margin: 0 0 25px 25px; width: 360px; }

table.pcontent td {border-bottom: 1px solid #ffffff;color: #fff; /*color: #fff;*/}

#apDiv1 {
	position:absolute;
	width:200px;
	height:200px;
	z-index:11;
	border: 1px solid #999;
	*left: 0;
	*top: 0;
	*margin: 15px 0 0 0;
	left: 0\9;
	top: 0\9;
	margin: 0px 0 0 0\9;
}


p.blankarea {height: 15px;}
#page {margin: 10px 0 0 0; width: 200px; padding: 0 0 0 570px;}


#content_width img.border {border: 1px solid #aaa; width: 85px; padding: 0; margin: 0;}


table.pic {position: relative;}



a.slide {color: #fff;}






.datatd1 {color: #fff;}


span.small {font-size: 12px; color: #555;}


























































































#slideshow {
	/*margin:0 auto; */
	width:745px;
	height:240px;
	background:transparent url(img/bg_slideshow+.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 0 0 20px;
  width:705px;
  height:240px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:745px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:240px;
}


.control {
  display:block;
  width:20px;
  height:240px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
}
























































#form3 {position: relative;}

table.dead {position: absolute; bottom: 52px; left: 345px;}

#chkcode {width: 50px;}

table.dead {position: absolute; _top: 570px; _left: 345px;}


















































































/*
* {
margin : 0;
padding : 0;
}

body { background:#000;}

margin : 0 auto;

*/
a:link, a:visited {

text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 705px;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 705px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 705px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#head {
margin : -1px 0 0;
}
div#video-header {
height : 250px;
margin : -1px 0 0;
}
div#head div.wrap {
height : 240px;/*
background : url(images/header-bg.png) no-repeat 50% 0;*/
}
div#head div#slide-holder {
z-index : 40;
width : 705px;
height : 299px;
position : absolute;
}
div#head div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 705px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#head div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#head div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 705px;
height : 46px;
display : none;
position : absolute;

}
div#head div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#head div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 207px 15px 0 0;
}

div#head div#slide-holder div#slide-controls p#slide-nav {
_position : absolute;
height : 24px;
display : inline;
_padding : 0px 0px 0 580px;
}









div#head div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 17.5px;
height : 17px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 15px;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}/*00*/
div#head div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -16.5px; color: #fff;
}
/*00*/

div#head div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png); color: #fff;
}


div#nav ul li a {
background : url(images/nav.png) no-repeat;
}


.page{
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 12px;
	color: #333333;
}
.page th{}
.page a{
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 12px;
	color: #333333;
}
.page a:hover{
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	color: #0066FF;
}
.lang{
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 11px;
	color: #3399CC;
}