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

/* MainForm---------------------------------------------------------------------------------------------------- */
body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	min-width :925px;
}

#wrapper{
	margin: 0 auto;
	width: 925px;
}

/* 上方題標列*/
#header {
	position: relative;
	float: none;
	padding: 0;
	width: 925px;
	height: 110px;
}

#top_logo {
	position: relative;
	float: left;
	margin-left: 19px;
	width: 430px;
	height: 110px;
}

/* 上方小按鍵----------------------------------------------- */
.topnav {
	position: relative;
	float: left;
	margin-top: 15px;
	width: 430px;
	height: 11px;
}

.topnav ul{
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.topnav li{
	position: relative;
	float: left;
	list-style-type: none;
	display: inline;
	margin-right: 33px;
	padding: 0;
	width: 11px;
	height: 11px;
}

.topnav li a{
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 11px;
	height: 11px;
}

.home a{
	background: url(../images/btn_home-u.gif);
}

.home a:hover{
	background: url(../images/btn_home-o.gif);
}

.map a{
	background: url(../images/btn_map-u.gif);
}

.map a:hover{
	background: url(../images/btn_map-o.gif);
}

.email a{
	background: url(../images/btn_email-u.gif);
}

.email a:hover{
	background: url(../images/btn_email-o.gif);
}
/* 上方小按鍵end----------------------------------------------- */

.logo{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 430px;
	height: 84px;
	background: url(../images/logo.gif);
	display: block;
	line-height: 9000px;
	overflow: hidden;
}

/* 主選單按鍵----------------------------------------------- */
.main_nav{
	position: relative;
	float: left;
	width: 476px;
	height: 110px;
}

.main_nav ul{
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.main_nav li{
	position: relative;
	float: left;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	width: 68px;
	height: 110px;
}

.main_nav li a{
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 68px;
	height: 110px;
}

.main_about a{
	background: url(../images/btn_about-u.gif);
}

.main_about a:hover{
	background: url(../images/btn_about-o.gif);
}

.on_about{
	background: url(../images/btn_about-o.gif);
}

.main_products a{
	background: url(../images/btn_products-u.gif);
}

.main_products a:hover{
	background: url(../images/btn_products-o.gif);
}

.on_products{
	background: url(../images/btn_products-o.gif);
}

.main_service a{
	background: url(../images/btn_service-u.gif);
}

.main_service a:hover{
	background: url(../images/btn_service-o.gif);
}

.on_service{
	background: url(../images/btn_service-o.gif);
}

.main_customer a{
	background: url(../images/btn_customer-u.gif);
}

.main_customer a:hover{
	background: url(../images/btn_customer-o.gif);
}

.on_customer{
	background: url(../images/btn_customer-o.gif);
}

.main_partner a{
	background: url(../images/btn_partner-u.gif);
}

.main_partner a:hover{
	background: url(../images/btn_partner-o.gif);
}

.on_partner{
	background: url(../images/btn_partner-o.gif);
}

.main_job a{
	background: url(../images/btn_job-u.gif);
}

.main_job a:hover{
	background: url(../images/btn_job-o.gif);
}

.on_job{
	background: url(../images/btn_job-o.gif);
}

.main_contact a{
	background: url(../images/btn_contact-u.gif);
}

.main_contact a:hover{
	background: url(../images/btn_contact-o.gif);
}

.on_contact{
	background: url(../images/btn_contact-o.gif);
}
/* 主選單按鍵end----------------------------------------------- */
/* 動畫區----------------------------------------------- */
#top{
	position: relative;
	float: left;
	margin-top: 10px;
	width: 923px;
	height: 398px;
	border: 1px solid #cccccc;
	overflow: hidden;
}

#top ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
}

#top ul.list li {
	float: left;
	width: 923px;
	height: 100%;
}

#top .list img{
	width: 100%;
	height: 100%;
	border: 0;
}

#top ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 14px;
}

#top ul.playerControl li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 2px;
	background: url(../images/cir_ctrl.png) no-repeat -10px 0;
}

#top ul.playerControl li.current { 
	background-position: 0 0;
}


.top_am{
	position: relative;
	float: left;
	margin-top: 10px;
	width: 923px;
	height: 198px;
	border: 1px solid #cccccc;
}
/* 動畫區end----------------------------------------------- */
/* 首頁下方區----------------------------------------------- */
.downnav{
	position: relative;
	float: left;
	margin: 10px 0 30px 0;
	width: 925px;
	height: 100px;
}

.news_nav{
	position: relative;
	float: right;
	margin-left: 6px;
	width: 233px;
	height: 98px;
	border: 1px solid #2e2e2e;
}

.news_mast{
	position: relative;
	float: left;
	margin: 3px 15px 0 15px;
	width: 203px;
	height: 65px;
	color: #cccccc;
	font-size: 1.2em;
	line-height: 150%;
}

.news_more{
	position: absolute;
	left: 152px;
	top: 40px;
	z-index: 2;
	height: 11px;
}

.news_more a{
	background: url(../images/btn_more-u.gif) no-repeat 0 3px;
	padding-left:16px;
	color: #cccccc;
	line-height: 100%;
	text-decoration:none;
}

.news_more a:hover{
	background: url(../images/btn_more-o.gif) no-repeat 0 3px;
	padding-left:16px;
	color: #736357;
	line-height: 100%;
}

.news_customer{
	position: relative;
	float: left;
	width: 233px;
	height: 27px;
	background: url(../images/news_customer.gif);
	display: block;
	line-height: 9000px;
	overflow: hidden;
}

.news_about{
	position: relative;
	float: left;
	width: 233px;
	height: 27px;
	background: url(../images/news_about.gif);
	display: block;
	line-height: 9000px;
	overflow: hidden;
}

.copyright1{
	position: relative;
	float: right;
	width: 424px;
	height: 100px;
	color: #cccccc;
	font-size: 1.2em;
	line-height: 150%;
}
/* 首頁下方區end----------------------------------------------- */
/* 內頁中間區----------------------------------------------- */
#main{
	position: relative;
	float: left;
	margin-top: 20px;
	width: 925px;
	height: auto !important;
}
/* 內頁左側按鍵列----------------------------------------------- */
#leftsidebar{
	position:relative;
	float: left;
	margin-right: 10px;
	width: 214px;
	height: auto !important; 
}

/* 左側按鍵選單 */
#box{
	position: relative;
	float: left;
	margin-left: 9px;
	width: 205px;
	min-height: 190px;
}

.item_title{
	position: relative;
	float: left;
	width: 205px;
	height: 122px;
}

.item{
	position: relative;
	float: left;
	width: 205px;
	height: auto !important;	
}

.item ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.item li{
	list-style-type: none;
	width: 175px;
	height: 21px;
	background: url(../images/box_item-u.gif) no-repeat;
}

.item li:hover{
	background: url(../images/box_item-o.gif) no-repeat;
}

.item_tail{
	position: relative;
	float: left;
	width: 205px;
	height: 34px;
	background: url(../images/box_tail.gif);
}
/* 中間內容區 */
#content{
	position:relative;
	float: left;
	padding: 20px;
	background-color: #ffffff;
	width: 661px;	
	min-height: 600px;
}
/* 路徑階層------------ */
.route{
	position:relative;
	width: 661px;
}

.route ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.route li{
	list-style-style:none;
    display: inline;
}
/* 路徑階層end------------ */
/* 內頁標題--------------- */
.caption{
	position: relative;
	float: left;
	margin-top: 15px;
	width: 661px;
	height: 25px;
	border-bottom: 1px solid #ac7812;
}

.caption h2{
	font-size: 1.6em;
	color: #555555;
	line-height: 120%;
	text-decoration: none;
	display : inline
}
/* 內頁標題end------------ */
/* 內頁文章--------------- */
.article{
	position: relative;
	float: left;
	margin-top: 5px;
	width: 661px;
	height: auto !important;
}

.article p{
	margin: 0 0 20px 0;
	padding: 0;
}

.article h4{
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}

.customer{
	position: relative;
	float: left;
	margin: 10px 9px 20px 0;
	width: 211px;
	height: 115px;
}

.customer_pic{
	position: relative;
	float: left;
	margin-bottom: 10px;
	width: 211px;
	height: 83px;
}

.customer_text{
	position: relative;
	float: left;
	width: 211px;
	height: 22px;
	color: #575757;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
}

.partner_pic{
	position: relative;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 661px;
}

.contact_pic{
	position: relative;
	float: left;
	margin-top: 15px;
	width: 661px;
}

.sitemap{
	position: relative;
	float: left;
	margin: 15px 10px 5px 0;
	width: 155px;
	height: 150px;
}

.sitemap ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.sitemap li{
	list-style:none;
	margin: 0;
	padding-bottom: 8px;
	width: 145px;
}

.sitemap_pic{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 155px;
	height: 51px;
}

.sitemap_down01{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down01.gif);
}

.sitemap_down02{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down02.gif);
}

.sitemap_down03{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down03.gif);
}

.sitemap_down04{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down04.gif);
}

.sitemap_down05{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down05.gif);
}

.sitemap_down06{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down06.gif);
}

.sitemap_down07{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down07.gif);
}

.sitemap_down08{
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 145px;
	height: 89px;
	background: url(../images/map_down08.gif);
}
/* 內頁文章end------------ */
#footer{
	position: relative;
	float: left;
	margin: 20px 0;
	width: 925px;
	height: 10px;
	font-size: 1.2em;
	color: #ffffff;
	text-align: left;
	line-height: 120%;
	text-decoration: none;
	display : inline
}