html,body { height:100% } html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span { margin:0; padding:0 } img { border:0 } li,ol {
	list-style: none;
	display: block;
} i,em { font-style:normal } h1,h2,h3,h4,h5,h6 { font-weight:400 } a { color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12px; outline:none; text-decoration:none } a:hover { color:#696969; cursor:pointer; font-size:12px; margin:0; padding:0; text-decoration:none } BODY { background-image:url(../img/page_bg.jpg); background-repeat:repeat-x; margin:0; padding:0; text-align:center } #prod { height:120px; position:absolute; right:0; top:160px; width:120px; z-index:99 } #wrap { min-height:100%; width:100% } #header { height:100px; margin:0 auto; position:relative; width:1000px } #header H1 { color:#787878; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; height:12px; left:20px; margin:0; padding:0; position:absolute; text-align:right; top:48px; width:200px } #header p { height:19px; left:12px; position:absolute; top:25px; width:207px } #header .nav { float:right; position:absolute; right:15px; top:8px; z-index:99 } #header .nav a { color:#ea5514; font-family:Arial, Helvetica, sans-serif; font-size:9px; outline:none; text-decoration:none } #header .nav a:hover { color:#666; cursor:pointer; font-size:9px; margin:0; padding:0; text-decoration:none } #visual { height:60px; margin:0 auto; width:1000px } ul.hMu { clear:both; height:100px; margin:0; padding:0; position:absolute; right:0; top:0; width:600px } ul.hMu li { display:inline; float:left; margin:0 } ul.hMu li a { display:block; height:100px; overflow:hidden; position:relative } ul.hMu li a em { background:url(../img/nav_bg.gif) no-repeat; height:200px; left:0; overflow:hidden; position:absolute; text-indent:-300px; top:3px } ul.hMu li a.pro em { background-position:0 0; width:120px } ul.hMu li a.pro:hover em { background-position:0 -100px; width:120px } ul.hMu li a.ser em { background-position:-120px 0; width:120px } ul.hMu li a.ser:hover em { background-position:-120px -100px; width:120px } ul.hMu li a.cas em { background-position:-240px 0; width:120px } ul.hMu li a.cas:hover em { background-position:-240px -100px; width:120px } ul.hMu li a.abt em { background-position:-360px 0; width:120px } ul.hMu li a.abt:hover em { background-position:-360px -100px; width:120px } ul.hMu li a.cnt em { background-position:-480px 0; width:120px } ul.hMu li a.cnt:hover em { background-position:-480px -100px; width:120px } .location { color:#ea5514; font-family:Arial, Helvetica, sans-serif } #main { background-image:url(../img/index_content_bg.jpg); background-position:center top; background-repeat:no-repeat; clear:both; margin:0 auto; padding-bottom:80px; width:1000px } #main .left {
	float: left;
	padding-left: 12px;
	padding-top: 36px;
	width: 228px
} #main .right {
	float: right;
	height: 100%;
	padding-bottom: 40px;
	padding-right: 15px;
	padding-top: 36px;
	width: 720px
} #content { border-left-color:#CCC; border-left-style:double; border-left-width:1px; border-right-color:#CCC; border-right-style:double; border-right-width:1px; display:block; float:left; width:720px } #content p { color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-left:36px; padding-right:36px; text-align:left } ul.location { float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; position:relative; right:15px; text-align:right; top:22px; width:300px } ul.location li { float:right } ul.location li a { background-image:url(../img/nav_arrow.jpg); background-position:right; background-repeat:no-repeat; color:#A1A1A1; font-size:12px; padding-right:20px } ul.location li a:hover { color:#5e5e5e } #bottom { background-image:url(../img/content_bottom.gif); background-repeat:no-repeat; float:left; height:40px; padding-bottom:10px; width:722px } #main .title { background-image:url(../img/title_bg.gif); background-repeat:no-repeat; display:block; height:50px; width:720px } #main h2 { color:#ea5514; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; padding-left:20px; padding-top:18px } #main .left .sidebar { background-image:url(../img/sidebar_bg.jpg); background-repeat:repeat-y; float:left; padding-left:3px; padding-right:3px; width:214px } #main .left .top { height:45px; width:214px }
#main .left ul.sub {
	float:left;
	margin:0;
	width:214px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#main .left ul.sub li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 192px;
	padding-left: 22px;
	line-height: 40px;
}
#main .left ul.sub li a {
	color: #000;
	font-size: 12px;
	width: 192px;
	display: block;
}
#main .left .location {


}
#main .left .bottom { background-image:url(../img/bottom_bg.jpg); background-position:0 bottom; background-repeat:no-repeat; float:left; height:50px; width:220px }
#menu { float:left; height:90px; padding-top:28px; width:220px } #image { background-image:url(../img/p_image.jpg); background-position:right bottom; background-repeat:no-repeat; float:left; height:128px; padding-top:40px; width:720px } #image h2 { float:left; text-align:left; width:700px } #image .slogan { color:#595757; float:left; font-size:12px; padding-left:20px; padding-top:10px; text-align:left; width:700px } #goods { display:block; float:left; padding-left:20px; width:700px } #goods .box { float:left; height:80px; padding-top:1px; width:700px } #goods .pic { float:left; height:60px; padding-right:12px; width:160px } #goods ul { float:left; width:700px } #goods ul li { float:left; font-size:12px; padding-right:12px; padding-top:5px; text-align:left; width:160px } #goods .list { float:left; width:160px } #goods .list ul { float:left; height:250px; width:160px } #goods .list ul li { float:left; padding-bottom:10px; padding-left:20px; width:130px } #goods .list ul li a { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none } #product { display:block; float:left; padding-left:30px; padding-right:30px; padding-top:40px; width:660px }#product .mediabox {float: left;width: 660px;padding-bottom: 40px;} #product .box { height:280px; padding-bottom:40px; width:660px } #product .model_image { float:left; height:280px; width:280px } #product .model_detail { float:left; height:230px; padding-left:20px; padding-top:50px; text-align:left; width:360px } #product .model_nub { color:#ea5514; font-family:Arial Black, Gadget, sans-serif; font-size:20px } #product .model_intro { color:#222; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.5em; padding-top:18px } #
#product .mediabox {float: left;width: 660px;
	padding-bottom: 40px;
} 
product .unit { margin:0 auto; padding-bottom:45px; width:660px } #product .tab { margin:0 auto; padding-bottom:40px; width:660px } #product table { border-top-color:#d8d8d8; border-top-style:solid; border-top-width:1px; color:#787878; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:35px; margin:0; padding:0; width:660px } #product td { border-bottom-color:#d8d8d8; border-bottom-style:solid; border-bottom-width:1px; height:35px; padding-left:10px; padding-right:10px; text-align:left } #product th { border-bottom-color:#d8d8d8; border-bottom-style:solid; border-bottom-width:1px; height:35px; padding-left:10px; padding-right:10px; text-align:left; width:170px } #product .item { background-color:#efefef } #product .subject { background-color:#CCC; color:#666 } #product p { color:#787878; line-height:24px; margin:0; padding:0 } #product h3 { color:#505050; font-family:微軟正黑體, "Arial Unicode MS", Arial, Helvetica, sans-serif; font-size:21px; line-height:1.2em } #product h4 {
	color:#333;
	font-family:微軟正黑體, "Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:1.5em;
	text-align:left;
	padding-bottom: 10px;
} #about { padding-top:30px; width:720px } #about p a { font-weight:700 } #about .img { display:block; height:300px; padding-left:30px; padding-right:30px; padding-top:30px; width:660px } #sercice .img { float:left; height:230px; padding-bottom:50px; width:660px } #sercice h3 { background-image:none; float:left; height:18px; padding-bottom:10px; text-align:left; width:660px } #sercice h4 { background-image:none; float:left; height:18px; padding-bottom:10px; text-align:left; width:280px } #sercice p { padding-left:0; padding-right:0; text-align:justify } #sercice .info { height:100px; padding-top:60px; width:660px } #sercice .left { border-right-color:#CCC; border-right-style:dotted; border-right-width:1px; float:left; padding:0 39px 0 0; width:290px } #sercice .right { float:right; padding:0 0 0 40px; width:290px } 
#protfolio .img {
	background-image: url(../img/portfolio_img.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 660px;
	padding-top: 120px;
	margin-bottom: 15px;
}
#protfolio .more {
	background-image: url(../img/more-bg.gif);
	background-repeat: no-repeat;
	background-position: 480px center;
	text-align: right;
	padding-right: 10px;
	line-height: 30px;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#protfolio .more a{
	font-size: 14px;
	color: #FFF;
}
#protfolio .more a:hover{
	font-size: 14px;
	text-decoration: none;
	color: #CCC;
}#protfolio .list { float:left; height:49px; width:660px } #protfolio .box { float:left; width:660px } #protfolio .box ul { float:left; padding-left:8px; padding-right:8px; width:644px } #protfolio .box ul li { background-image:url(../img/line_dashed.gif); background-position:bottom; background-repeat:repeat-x; height:35px } #protfolio .date { color:#787878; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; height:35px; line-height:35px; text-align:center; width:120px } #protfolio .place { float:left; font-size:12px; height:35px; line-height:35px; padding-left:10px; padding-right:10px; text-align:left; width:140px } #protfolio .case { float:left; font-size:12px; height:35px; line-height:35px; padding-left:10px; padding-right:10px; text-align:left; width:344px } #protfolio .page { clear:both; height:50px; line-height:50px; margin:0 auto; padding-bottom:10px; padding-top:20px; width:645px } #protfolio .subject {
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	background-image: url(../img/protfolio_titlist.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 30px;
	width: 640px;
	float: left;
	text-align: left;
	padding-left: 20px;
}
#protfolio .page_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	float: right;
	width: 120px;
	display: inline;
	line-height: 30px;
}
#protfolio .writings {
	float: left;
	width: 660px;
	padding-top: 18px;
	padding-bottom: 40px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
#protfolio h3 {
	font-size: 16px;
	line-height: 30px;
	color: #C60;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#protfolio p {
	font-size: 100%;
	line-height: 20px;
	color: #666;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}
#protfolio img {
	display: list-item;
	text-align: left;
}
#protfolio .link {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	width: 660px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#protfolio .fb {
	background-image: url(../img/fb_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#event {
	padding-top: 30px;
	width: 660px;
	min-height: 400px;
	padding-right: 30px;
	padding-left: 30px;
	float: left;
}
#event img {
	margin-bottom: 20px;
}
#event .style01 {
	margin-top: 30px;
}
#page_nav { clear:both; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; line-height:30px; margin:0 auto; text-align:center; width:400px } #page_nav .nub { color:#F63; font-weight:700; margin:0; padding:0 } #page_nav .prev { background-image:url(../img/page_prev.gif); background-position:left center; background-repeat:no-repeat; display:inline; height:30px; line-height:30px; padding-left:10px; padding-right:10px; padding-top:2px; vertical-align:top } #page_nav .next { background-image:url(../img/page_next.gif); background-position:right center; background-repeat:no-repeat; display:inline; height:30px; line-height:30px; padding-left:10px; padding-right:10px; padding-top:2px; vertical-align:top; width:50px } #page_nav .home {padding-top: 2px;	padding-right: 10px;padding-left: 10px;}
#contact { float:left; margin:0; padding-left:30px; padding-right:30px; padding-top:30px; width:660px } #contact .map { float:left; height:450px; padding-bottom:40px; width:660px } #contact .box { border-bottom-color:#ededed; border-bottom-style:solid; border-bottom-width:1px; float:left; height:140px; width:660px } #contact h3 { padding-bottom:10px; padding-left:5px; text-align:left } #contact .info { color:#333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:90px; line-height:1.5em; text-align:left } #contact .pic { float:left; height:90px; padding-right:5px; width:165px } #contact .add { color:#787878; float:left; height:85px; padding-left:20px; padding-top:5px; width:225px } #contact p { float:left; padding:20px 0 0; width:660px } #contact .bk { color:#666; font-weight:700 } #sitemap { float:left; padding-top:60px } #sitemap ul { width:720px } #sitemap ul li { float:left; height:260px; padding-left:20px; padding-right:20px; width:200px } #sitemap ul li a { color:#333; font-size:12px; text-decoration:none } #sitemap ul li a:hover { color:#ea5514; font-size:12px; text-decoration:none } #sitemap .title { background-image:none; float:left; height:50px; padding-left:7px; padding-right:7px; width:186px } #list { float:left; margin:0; padding:0 20px; width:160px } #list ul { float:left; margin:0; padding-bottom:14px; padding-top:14px; width:160px } #list ul li { background-image:url(../img/sitemap_dot.gif); background-position:10px center; background-repeat:no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:30px; line-height:30px; margin:0; padding:0 20px; text-align:left; width:120px } #footer { background-image:url(../img/footer_bg.gif); background-position:left top; background-repeat:repeat-x; clear:both; height:80px; margin-top:-80px; position:relative } #foot { clear:both; height:80px; margin:0 auto; padding:0; position:relative; width:1000px } ul.nav {
	float: left;
	height: 14px;
	left: 0;
	line-height: 14px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	top: 15px;
	width: 740px;
}
ul.menu {
	float: right;
}
ul.menu li {
	float: left;
	height: 100px;
	width: 120px;
}
ul.menu a {
	display: block;
	height: 100px;
	width: 120px;
	line-height: 60px;
	text-align: center;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
ul.menu a.nav_01 {
	background-image: url(../img/nav_01.png);
}
ul.menu a.nav_01:hover {
	background-image: url(../img/nav_01-hover.png);
}
ul.menu a.nav_02 {
	background-image: url(../img/nav_02.png);
}
ul.menu a.nav_02:hover {
	background-image: url(../img/nav_02-hover.png);
}
ul.menu a.nav_03 {
	background-image: url(../img/nav_03.png);
}
ul.menu a.nav_03:hover {
	background-image: url(../img/nav_03-hover.png);
}
ul.menu a.nav_04 {
	background-image: url(../img/nav_04.png);
}
ul.menu a.nav_04:hover {
	background-image: url(../img/nav_04-hover.png);
}
ul.menu a.nav_05 {
	background-image: url(../img/nav_05.png);
}
ul.menu a.nav_05:hover {
	background-image: url(../img/nav_05-hover.png);
}
ul.menu a.nav_06 {
	background-image: url(../img/nav_06.png);
}
ul.menu a.nav_06:hover {
	background-image: url(../img/nav_06-hover.png);
}
ul.nav li { background-image:url(../img/navi_icon.gif); background-position:right center; background-repeat:no-repeat; display:inline; float:left; margin:0; padding:0 22px 0 15px } ul.nav li a { color:#787878; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:0; padding:0; text-decoration:none } ul.nav li a:hover { color:#ea5514; font-size:12px } #foot .copyright { color:#787878; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; left:15px; line-height:14px; margin:0; padding:0; position:absolute; text-align:left; top:40px; width:300px } #foot .copyright a { color:#787878; font-size:12px } #foot .copyright a:hover { color:#787878 } #foot .design { color:#CCC; float:right; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height:14px; margin:0; padding:0; position:absolute; right:15px; top:15px } #foot .design a { color:#999; font-size:12px } #foot .design a:hover {color:#ea5514;font-size:12px;text-decoration:none} #floatdiv { float:right; height:18px; position:relative; right:-10px; top:-150px; width:18px; z-index:99 } ul.hMu li a.pro,ul.hMu li a.ser,ul.hMu li a.cas,ul.hMu li a.abt,ul.hMu li a.cnt { width:120px } #main .left ul.sub li a:hover,#goods .list ul li a:hover,#contact .org { color:#ea5514 } #sercice,#protfolio { display:block; float:left; padding-left:30px; padding-right:30px; padding-top:40px; width:660px }