@charset "utf-8";
@import url("");
/* ---------------------------------------------------
Site Name: 
Site URI: 
Description: 
Version: v1.7
Author: kerwin
Updated: 2010-11-04
Updated by: kerwin
--------------------------------------------------- 
COLOR 
Body background: 
Container background: 
Main Text: 
Links: 
Visited links:
Hover links:
H1, H2, H3:
H4, H5, H6:
--------------------------------------------------- */

.beta{ width:50px; height:25px; position:absolute; top:40px; left:250px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

/* 重設
--------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-weight: normal; font-style: normal; }
abbr,acronym { border: 0; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }

/* 基本
--------------------------------------------------- */
body {
	background: url() repeat-x #fff;
	font: 12px/18px Arial, Verdana, sans-serif;	font-size:12px;
	letter-spacing:1px;
	color: #000;
	}

a {	color: #000;cursor:pointer; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; color:#6d6d6d }
p { }
h1 { font-weight: bold; font-size: 16px; }
h2 { font-weight: bold; font-size: 15px; color:#ffffff; }
h3 { font-weight: bold; font-size: 13px; line-height: 18px; }
h4 { font-size: 12px; *font-size: 10px; font-weight: normal; }
abbr,acronym { border-bottom: 1px dotted black; } /* abbr用於縮寫，acrony頭字語的簡稱 */
acronym:after { content: " (" attr(title) ")"; } /* 列印時自動展開成全稱 */
pre,code,address,caption,cite,code,em,strong {}
	
	
/* LAYOUT CLASS
--------------------------------------------------- */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.right{ float: right; }
.left{ float: left; }
.center{ text-align: center; }
.small {font-size: 0.8em;}
.hidden {display: none;}

.btn1{ vertical-align: text-bottom; }
.btn2{ vertical-align: middle; }
.btn3{ vertical-align: middle; margin-bottom: 2px; }

.arrow{ display: inline-block; vertical-align: middle; margin: 0 5px 6px 5px; font-weight: bold; }




/* index專用 index_ */
#container{ width:1003px; margin:0 auto}
#header {
	width: 1003px;
	height:73px;
	background:url(../images/head_bg.jpg) no-repeat;
	position:relative;
	}
	.logo { width:244px; height:47px; background:url(../images/logo.jpg); display:block; margin:10px 0 0 5px; float:left ;text-indent:-9999px;}
	#topNav { float:right; margin-top:4px;}
		#topNav li{ margin-right:16px; float:left }
		#topNav li a:hover{ text-decoration:none;}
		#topNav li.last{ margin-right:5px;}
	
	#mainNav { width:1000px; height:22px; border-bottom:1px solid #ccc ;padding:3px 0 0px 3px; position:relative;  float:left}
		#ix_menu li{ min-height:13px; border-right:1px #333 solid; text-align:center; margin-right:13px; padding-right:13px;float:left}
		#ix_menu li.last{ border-right:0px #333 solid; }
		#ix_menu li a{ line-height:14px; letter-spacing:1px; display:block}
		#ix_menu li:hover{}
		#ix_menu li:hover .m01{color:#fff; text-decoration:none; background:#F00}
			#ix_menu li ul {
				margin: 0;
				padding: 15px 0 3px 3px;
				float: left;
				position: absolute;
				left: 0;
				width: 500px;
				color: #000;
				background:none;
				display: none;
				}
			#ix_menu li ul li { border-right: 1px solid #000; }
			#ix_menu li ul li:hover a{ background:none; text-decoration:none; }
			#ix_menu li ul li a { color:#000;  }
			#ix_menu li ul li a:hover {color:#999}
			#ix_menu li ul.m02{ padding-left:160px;}
			#ix_menu li ul.m03{ padding-left:240px;}
			
	#mainNav_2 { width:988px; height:30px; padding-left:15px; float:left}
		#mainNav_2 li{ margin-top:3px; padding:0 8px; border-right:1px #CCC solid; float:left}
		#mainNav_2 li a{ color:#6d6d6d}
		#mainNav_2 li.last{ border:none}

	#search{ float:right; padding-top:0px;}
		#search input{ width:109px; height:17px; background:url(../images/input_search.jpg); padding-left:15px; border:none; margin-right:9px; color:#CCC; float:left; font-size:10px; line-height:18px; font-family:Arial, Helvetica, sans-serif}
		#search a{ float:left; margin-right:0px;}
	
#main {
	width: 1003px;
	margin: 0 auto;
	}
	#leftBar { width:660px; border-right:1px #CCC solid; padding-right:10px; float:left; }
		.ix_ad{ width:656px; height:440px; border-bottom:1px #CCC solid; padding-bottom:10px; margin-bottom:10px; position:relative; float:left; overflow:hidden;}
			.ix_ad .p_bg{ width:400px; height:90px; background:#333; filter:alpha(opacity=50); /* IE */opacity: 0.5;  position:absolute; top:310px; left:25px;}
			.ix_ad p{ width:390px; height:80px; padding:5px; position:absolute; top:310px; left:25px; color:#fff}
			.ix_ad .run_bt{ position:absolute; top:30px; left:-50px;}
			.ix_ad .images{ width:660px; height:440px; overflow:hidden}
			.ix_ad .slidetabs{ position:absolute; top:415px; left:23px;}
			/* single tab */
				.slidetabs a {
					width:11px;
					height:10px;
					float:left;
					margin:4px;
					background:url(../images/navigator.png) 0 0 no-repeat;
					display:block;
					font-size:1px;		
				}
				/* mouseover state */
				.slidetabs a:hover {
					background-position:0 -10px;      
				}
				/* active state (current page state) */
				.slidetabs a.current {
					background-position:0 -20px;     
				} 
		
		
		.ix_exhi{ width:324px; color:#555555 ; margin:0 10px 10px 0; float:left}
		.ix_exhi.last{ margin-right:0; float:right}
		.ix_exhi .title{ width:320px; margin:5px 0; float:left}
		.ix_exhi .address{ width:320px; float:left; margin:5px 0;}
		.ix_exhi .more a{ display:block}
		.ix_exhi .more{ margin:5px 0; clear:both}

	
	#center {width:322px; padding-left:10px; float:right; }
		#center .more{ width:94px; height:12px; clear:both; float:left; margin:5px 0;}
		.ix_tab{ width:334px; float:left}
		.ix_tab img{ float:left}
		.ix_newsp{ width:315px; height:210px;border:1px #ccc solid;padding:5px; margin:10px 0; float:left;  }
		#ix_news{ width:324px; float:left;}
		#ix_news li{ width:312px; height:25px; background:url(../images/list01.jpg) center left no-repeat ; padding-left:8px;}
		#ix_news li a{ color:#555; float:left; font-size:12px; line-height:23px;}
		#ix_news li a:hover{ color:#000; text-decoration:none}
		#ix_news li .date{ font-size:10px; float:right}
	
	#old_exhi{ width:1003px; height:82px; float:left; border-top:1px #ccc solid; padding:4px 0; margin-top:4px;}
		#old_exhi .ix_item{ width:160px; border-right:1px #ccc solid; float:left; margin-left:5px;}
		#old_exhi .ix_item.first{ width:160px; margin-left:0}
		#old_exhi .ix_item.last{ width:160px; border-right:none }
			
#footer {
	width: 1003px;
	height:100px;
	float:left;
	background:url(../images/foot_line.jpg) top no-repeat;
	}
	#footer .logo{ width:160px; height:65px; background:url(../images/foot_logo.jpg) no-repeat; float:left}
	.foot2{ float:right; padding-top:20px;}
	.item{ width:135px; height:90px; float:left }
	.item.last{ width:65px; height:90px; float:left }
	.item h3{ font-size:12px; font-weight:normal}
	.item li {font-size:11px; }
	.item li a{ font-size:11px; *font-size:10px; color:#8f8f8f}

/* page專用 page_ */

.route{ width:885px; border-bottom:1px solid #ccc; float:right}
.route2{ min-width:80px; text-align:right; background:url(../images/route_bg.jpg) repeat-x; float:right; padding:0 5px; line-height:14px; }

#in_left{ width:190px; float:left; }
	.aa1{background:url(../images/aa1_left.jpg) left bottom no-repeat}
	.contact{  background:url(../images/contact_left.jpg) left bottom no-repeat}
	.on_exhi{background:url(../images/onexhi_left.jpg) left bottom no-repeat}
	
	
	#in_left .menu{ width:185px; min-height:120px; /*background:url(../images/menu_left.jpg) repeat-y left #fff;*/ margin-top:2px; padding-left:3px;}
	#in_left .menu .title{text-align:right; margin-bottom:5px; background:#961818; font-weight:bold; color:#fff; line-height:20px; padding-left:8px; letter-spacing:1px; padding-right:8px;}
	#in_left .menu .txt{text-align:right; line-height:22px; padding-right:8px;}
	#in_left .menu li{ min-height:18px; margin-bottom:4px; padding-left:8px; text-align:right;}
	#in_left .menu li a{line-height:18px; letter-spacing:1px; padding-right:8px;}
	#in_left .menu li a:hover{ color:#fff; padding-right:12px;}
	#in_left .menu li:hover{ background:#e50000; text-indent:5px;}
	#in_left .menu li:hover a{ color:#fff; text-decoration:none; display:block }

#in_main{ width:1003px; float:left}
#in_cen{ width:580px;  border-right:1px #CCC solid;border-left:1px #CCC solid; float:left}
	#in_cen h2{ height:40px; text-indent:-9999px; background-repeat:no-repeat}
	#in_cen h2.aa1{ background:url(../images/h2_aa1.jpg) center no-repeat;}
	#in_cen h2.aa3{ background:url(../images/h2_aa3.jpg) center no-repeat;}
	#in_cen h2.contact{ background:url(../images/h2_contact.jpg) center no-repeat;}
	#in_cen h2.news{ background:url(../images/h2_news1.jpg) left no-repeat;}
	#in_cen h2.member{ background:url(../images/h2_member1.jpg) center no-repeat;}
	#in_cen h2.msg{ background:url(../images/h2_msg.jpg) center no-repeat;}
	#in_cen h2.driver{ background:url(../images/h2_driver.jpg) center no-repeat;}
		#in_cen h3 { display:block; width:565px; height:30px; border-bottom:#CCC 1px solid; background:url(../images/icon.jpg) no-repeat 19px 12px; text-indent:17px; line-height:30px; padding-left:15px; font-size:13px; font-weight:normal; }
	
	
	
	#in_cen .content{ padding:8px 12px 12px 12px; float:left; line-height:25px; text-align:justify; letter-spacing:1px; text-justify:inter-ideograph;}
	#in_cen .content.aa1txt{padding:15px 18px 12px 18px;}
	.bla_divid{ width:45px; height:2px; background:#000; float:left}
	
/**展覽**/
#in_cen_exhi{ width:810px; border-left:1px solid #ccc; min-height:680px; float:left}
	#in_cen_exhi .content{ padding:15px 0 15px 15px; line-height:25px; float:left;} 
	#in_cen_exhi .content.aa1txt{ text-align:justify; letter-spacing:1px;text-justify:inter-ideograph;} 
	
	#in_cen_exhi h2{ height:40px; text-indent:-9999px; background-repeat:no-repeat}
	#in_cen_exhi h2.onexhi{ background:url(../images/h2_onexhi.jpg) no-repeat center;}
	#in_cen_exhi .row{ width:100%; margin-bottom:10px; float:left}
	#in_cen_exhi .onexhi_item{ width:390px; min-height:300px; float:left; margin-right:17px; }
	#in_cen_exhi .onexhi_item.right{ margin-right:0px; }
	#in_cen_exhi .title{ width:385px; color:#555555; letter-spacing:1px; margin:5px 0; float:left}
	#in_cen_exhi .address{width:385px; color:#555555; margin:5px 0; line-height:18px; float:left}
	#in_cen_exhi .more{ width:385px; margin:5px 0; float:left}
	
/**展覽_view**/
	#in_cen_exhi .pic{ width:385px; margin-right:20px; float:left}
	#in_cen_exhi .pic .turn{ width:385px; margin:8px 0 5px 0;  float:left}
	#in_cen_exhi .pic .turn img{ float:left; margin-right:5px;} 
	#in_cen_exhi .pic .website{ width:385px; height:20px;  float:left}
	#in_cen_exhi .info{ width:390px;float:left; letter-spacing:0px; }
	#in_cen_exhi .date{ font-size:25px; margin-bottom:26px; margin-top:2px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:2px;}
	#in_cen_exhi .date em{ font-size:12px;}
	#in_cen_exhi .titlebg{ width:90px; height:18px; background:url(../images/on_exhiv_01.jpg); color:#000; line-height:18px; padding-left:10px; margin-bottom:14px;}
	#in_cen_exhi .exhi_add{ line-height:20px;}
	#in_cen_exhi .exhi_title{ font-size:20px; font-family:"微軟正黑體", SimHei; margin-bottom:25px;} 
	#in_cen_exhi .tabbg{ width:100%; min-height:250px; background:url(../images/tab_bg.jpg) no-repeat top; margin:18px 0; float:left}
	#in_cen_exhi .tab{ width:100%; height:23px; }
	#in_cen_exhi .tab img{ float:left; display:block}
	#in_cen_exhi .tabtxt{ width:100%; text-align:justify; letter-spacing:1px; padding:15px; line-height:22px; float:left}
	#in_cen_exhi .bot_func{ width:100%; float:left}
	#in_cen_exhi .bot_func .pagetop{ float:right}

.divid{ width:1px; min-height:1200px; background:#dedede; float:left; padding-bottom:1px; }	
.divid.d_aa3{ width:1px; min-height:800px; background:#dedede; float:left; padding-bottom:1px; }	
.divid.d_cont{ width:1px; min-height:540px; background:#dedede; float:left; padding-bottom:1px; }	

#in_right{ width:216px; padding:12px 0 0 12px; min-height:250px; float:left}

	.exhi_link{ margin-bottom:25px;}
	.exhi_link .title{ margin:5px 0; color:#555555}
	.exhi_link .more{ margin-bottom:5px;}
	

/**精彩回顧**/
#exhi_review{
	 width:810px;
	 border-left:1px solid #ccc; 
	 min-height:680px; 
	 float:left;
	 }
	 #exhi_review .content{ padding:15px 0 15px 15px; float:left;} 
	 #exhi_review h2.exhi_review{height:40px; text-indent:-9999px;background:url(../images/h2_exhireview.jpg) no-repeat;}
	 #exhi_review h3 {display:block; width:565px; height:30px; border-bottom:#CCC 1px solid; background:url(../images/icon.jpg) no-repeat 19px 12px; text-indent:17px; line-height:30px; padding-left:15px; font-size:13px; font-weight:normal; }
	 #exhi_review .list{ width:100%; border-bottom:1px #e6e6e6 solid; margin-bottom:15px; padding-bottom:15px; float:left}
	 	#exhi_review .gray{ width:96px; height:93px; background:#ececec; float:left;}
			#exhi_review .year{ width:81px; float:left; color:#666; font-size:15px; padding-top:5px; padding-left:15px;}
			#exhi_review .date{ width:81px; font-size:20px; font-weight:bold; padding-left:15px; float:left}
		#exhi_review .pic{ width:175px; height:93px; float:left; margin-right:15px;}
		#exhi_review .txt{ width:500px; height:93px; float:left; }
			#exhi_review .title{ letter-spacing:1px; margin-bottom:10px; line-height:15px;}
			#exhi_review .coper_ti{ width:90px; height:18px; background:url(../images/on_exhiv_01.jpg); color:#000; line-height:18px; padding-left:10px; margin-bottom:8px;}
			#exhi_review .coper2 span{ float:left; display:block; margin-bottom:5px;}
		


	
/**news**/
#news{ 
	width:570px;
	min-height:500px;
	float:left;
	}
	#news .news_Top{ width:570px; min-height:160px; float:left;}
	#news .pic{ width:200px; height:133px; float:left; padding:3px; border:1px #CCC solid;}
	#news .txt_wrap{ width:335px; margin-left:15px; float:left;}
		#news .title{ width:330px; float:left; }
		#news .date{ width:330px; float:left; font-size:10px; }
		#news .txt{ width:330px; height:70px; padding-top:20px; color:#555555;float:left; }
		#news ul{ width:560px; background:url(../images/news_tdtitle.jpg) no-repeat top; padding-top:30px; float:left;}
			#news li{ width:560px; line-height:25px; float:left}
			#news li a{ background:url(../images/list01.jpg) no-repeat left; padding-left:18px; float:left;}
			#news li span{ width:70px; font-size:10px; float:right; padding-right:20px;}

#news_view{
	width:570px;
	min-height:500px;
	float:left;
	}
	#news_view .boderimg{ padding:3px; border:1px #CCC solid; margin:0 10px 0px 0; float:left;}
	#news_view .title{ padding-right:10px;}
	#news_view .date{ font-size:10px; margin-bottom:20px;}
	#news_view .txt{ padding-right:20px; min-height:250px; color:#555555; padding-bottom:10px;}
		.back{ width:150px; float:right;}

/**member**/
#member{ 
	width:570px;
	min-height:500px;
	float:left;
	}


/**news**/
#driver{ 
	width:570px;
	min-height:500px;
	float:left;
	margin-top:8px;
	}
	#driver ul{ width:560px; background:url(../images/driver_tdtitle.jpg) no-repeat top; padding-top:30px; float:left;}
		#driver li{ width:560px; line-height:25px; margin-bottom:5px; float:left}
		#driver li .format{ position:relative; top:5px; margin-left:18px; float:left}
		#driver li .title{ margin-left:30px; float:left}
		#driver li .title{background:url(../images/list01.jpg) no-repeat left; padding-left:18px; float:left;}
		#driver li .hot{ margin-right:80px; float:right}
		#driver li .down_icon{  position:relative; top:5px;margin-right:35px; float:right}

/**news**/
#coop{
	 width:810px;
	 border-left:1px solid #ccc; 
	 min-height:680px; 
	 float:left;
	 }
	 #coop .content{ padding:15px 0 15px 15px; float:left;} 
	 #coop h2.corp{height:40px; text-indent:-9999px;background:url(../images/h2_corp.jpg) no-repeat;}
	 #coop h2.corp2{height:40px; text-indent:-9999px;background:url(../images/h2_corp2.jpg) no-repeat;}
	 #coop .table01{ border:1px #ededed solid; margin-bottom:15px; }
	 #coop .table01 td{width:198px; height:94px;border:1px #ededed solid;}
	 

/* pages{
--------------------------------------------------- */

.pages{ width:100%; clear:both; text-align:center; *padding-left:80px; padding:10px 0;}
	.pages a:hover{text-decoration:none;}
	.pages .pageNO{ padding:3px; background:#ededed;}
	.pages .pageNO:hover{ background:#CCC; }
	
/* 路徑
--------------------------------------------------- */
.route{}

/* 跑馬
--------------------------------------------------- */
.marquee{}

/* 按鈕
--------------------------------------------------- */
.order, div.back{ float:right; color: #bf2b2e; font-weight: bold; *margin-top: 6px; }
div.page{ 
			color: #627074; width: 100%;
			margin: 0 0 20px 0;
			float:left;
/*			display:inline !important;
			height:auto !important;*/
			}

/* 對話框
--------------------------------------------------- */
.addBox_fun em{ font-weight: bold; }
.addBox_fun{
float:left; color: #bf2b2e;
width: 663px; padding: 2px 10px; margin-bottom: 6px; *margin-bottom: 2px; 
}
.addBox_rs{
float:left; color: #000000; background-color: #fffcf2; border: 2px solid #bf2b2e;
width: 663px; height: 21px; padding: 8px 10px; margin-bottom: 6px; *margin-bottom: 2px;
position: relative;
}

/* 表單
--------------------------------------------------- */
input {}
textarea {}
button {}
 
input:focus {}
textarea:focus {}
button:hover {}


/* 表格設定
--------------------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; }
caption,th { text-align: left; }
tr {}
th {}
td {}




/* 選單效果
--------------------------------------------------- */