@import url("reset.css");
@import url("page.css");
/* 整體結構---------------------------------------------------- */
body {
	font-size: 12px;	
	font-family: Microsoft JhengHei, "微軟正黑體", Arial, Helvetica, sans-serif;
	background:url(images/bg.jpg) center top no-repeat;
	}
a {	text-decoration: none; }
a:visited {}
a:hover {}
a:active {}

#weeper { width:950px; margin:0 auto; overflow:hidden; background:url(images/page_bg.jpg) right bottom no-repeat;}
#head { height:186px;}
/*推薦連結區*/
.link { padding:20px 0 0 0; }
.link li{ float: right; padding:0 0 0 5px; }
.link li a{width:15px; height:14px; display:block;outline:none;text-indent:-9999px;}
.link li.link01 a{background: url(images/icom_link.gif) left top no-repeat;}
.link li.link02 a{background: url(images/icom_link.gif) -15px top no-repeat;}
.link li.link03 a{background: url(images/icom_link.gif) -30px top no-repeat;}
.link li.link04 a{background: url(images/icom_link.gif) -45px top no-repeat;}
.link li.link05 a{background: url(images/icom_link.gif) -60px top no-repeat; width:20px;}
.link li.link06 a{background: url(images/icom_link.gif) -80px top no-repeat; width:55px;}

.logo { caption-side:bottom;}
/*選單*/
.menu { background:url(images/menu_lin.jpg) left bottom no-repeat; height:55px; width:925px; padding:20px 25px 0 0;}
.menu li { float: right; text-indent:-9999px; }
.menu li a { width:95px; height:50px;display:block;}
.menu li a:hover {}
.menu li.m_01 a{ background:url(images/menu.png) left top no-repeat;}
.menu li.m_01 a:hover{ background:url(images/menu.png) left bottom no-repeat;}
.menu li.m_02 a{ background:url(images/menu.png) -95px top no-repeat;}
.menu li.m_02 a:hover{ background:url(images/menu.png) -95px bottom no-repeat;}
.menu li.m_03 a{ background:url(images/menu.png) -190px top no-repeat;}
.menu li.m_03 a:hover{ background:url(images/menu.png) -190px  bottom no-repeat;}
.menu li.m_04 a{ background:url(images/menu.png) -285px top no-repeat;}
.menu li.m_04 a:hover{ background:url(images/menu.png) -285px bottom no-repeat;}
.menu li.m_05 a{ background:url(images/menu.png) -380px top no-repeat;}
.menu li.m_05 a:hover{ background:url(images/menu.png) -380px bottom no-repeat;}
.menu li.m_06 a{ background:url(images/menu.png) -475px top no-repeat;}
.menu li.m_06 a:hover{ background:url(images/menu.png) -475px bottom no-repeat;}


/*頁面*/
.page{ padding:0 0 30px 0;}
.map {
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	color:#797979;
}

/*大圖輪撥*/
#abgne_fade_pic {
		position: relative;
		width: 920px;
		height: 350px;
		margin:0 auto;	
	}
	#abgne_fade_pic a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
	top: 4px;
	}
	#abgne_fade_pic .control {
		position: absolute;
		right:25px;
		bottom:10px;
	}
	#abgne_fade_pic .control a {
		display: inline-block;
		margin:0 5px;
		width: 20px;
		background-color:#FFF;
		border:1px solid #cecece;
		color:#6d6e68;
		text-align:center;
	
	}
	#abgne_fade_pic .control a:hover { 
		width: 20px;
		background-color:#bdbdbd;
		border:1px solid #cecece;
		color:#FFF;
		text-align:center;}
	#abgne_fade_pic .control a.on {	width: 20px;
		background-color:#bdbdbd;
		border:1px solid #cecece;
		color:#FFF;
		text-align:center;}
		
/*單元形象圖判定*/
.module_image { width:925px; height:90px; background-image:url(images/module_image.jpg);  background-repeat:no-repeat; text-indent:-9999px; margin:5px auto;}
body#about .module_image { background-position:0 0;}
body#product .module_image { background-position:0 -90px;}
body#application .module_image { background-position:0 -180px;}
body#project .module_image { background-position:0 -270px;}
body#download .module_image { background-position:0 -360px;}
body#contact .module_image { background-position:0 -450px;}
		
/*左邊列表*/
.page2{ padding:0 0 30px 0; background:url(images/list_bg.jpg) left top repeat-y; overflow:hidden; min-height:400px; _height:400px; width:925px; margin:0 auto;}
.left { width:140px; float:left; }
.left ul { padding:10px 0 0 0; margin:0 10px;}
.left li { text-align:right; font-size:18px;margin:5px 0 0 0;}
.left li span { font-size:12px; padding:0 0 0 5px;}
.left li a { color:#514f4f; }
.left li a:hover { color:#5f7bbe; font-weight:bold;}
.left li ul { padding:5px 0; margin:0 20px 0 0;}
.left li ul li { margin:0; font-size:15px; }
.left li ul li a {color:#003366;}

/*右邊內容*/
.right { width:750px; float:right;}
.page_body {}
.title { background:url(images/title_lin.jpg) left bottom no-repeat; height:50px;}
.title h1{float:left; font-size:28px; color:#574c4d; height:26px; padding:0 10px 0 35px;}
.title h2{ font-size:20px; padding:8px 0 0 10px; color:#574c4d;}
/*抬頭icon判定*/
body#about .title h1{ background:url(images/icon_title.jpg) left top no-repeat; }
body#product .title h1{ background:url(images/icon_title.jpg) left -26px no-repeat; }
body#application .title h1{ background:url(images/icon_title.jpg) left -52px no-repeat; }
body#project .title h1{ background:url(images/icon_title.jpg) left -78px no-repeat; }
body#download .title h1{ background:url(images/icon_title.jpg) left -104px no-repeat; }
body#contact .title h1{ background:url(images/icon_title.jpg) left -130px no-repeat; }

.page_text { padding:25px;}
.page_text li { padding:5px 0 5px 10px; background:  url(images/icon_02.gif) left 10px no-repeat;  }
/*作品欣賞*/
.tab_pro td { padding:8px; text-align:center; font-size:15px; font-weight:bold; border-bottom:1px solid #CCCCCC; color:#574c4d;}
.tab_pro1 { background:url(images/tab_bg.jpg) left bottom repeat-x; font-size:17px;}
.tab_pro2 { background:url(images/tab_bg2.jpg) left bottom repeat-x; font-size:17px;}

/*線上諮詢*/
.contact_body { background-color:#FFF; padding:20px; line-height:20px; font-size:13px; }
.bt01 { clear:both; text-align:right; margin:10px 0;}
.bt_a1 { font-size:12px;border:none;
	font-family: Microsoft JhengHei, "微軟正黑體", Arial, Helvetica, sans-serif;
	padding:5px;
	 border-radius:5px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	background-color:#424346;color:#FFFFFF;}
.bt_a1:hover { background-color:#6699CC;}

/*-----------------------版腳-----------------------*/
.footer {clear:both; text-align:center; padding:10px 0; color:#3d3d3c; font-size:12px; font-family:"Times New Roman", Times, serif; background:url(images/food_bg.jpg) left top repeat-x;} 
.footer {clear:both; text-align:center; padding:10px 0;} 
/*--------------共用-----------------------*/
/*數字頁*/
.page-no{
	clear:both;
	margin:5px auto;
	float: right;
	padding:10px 0;	
}
.page-no ul{font-size:12px; text-align:center; }
.page-no li{ float: left;line-height:16px; text-align:center; margin:0 2px 0 0; _width:16px; min-width:16px;}
.page-no li a{display:block; color:#67696b;}
.page-no li a:hover{color: #CCCCCC; }
.CC{ text-align:center;}
.RR { float:right; padding:0 5px 0 0;}
.clear { clear:both;}
.pd-5 td{ padding:5px;}
.dada {border-bottom:1px dashed #999999;}
.homeback { text-align:right; padding:5px 10px;}
.w-40 { width:40px;}
.txt01 { color:#f87979;}
.w-800 { width:800px; height:80px;}