﻿
/* 通用設定
======================================================================== */

ul li{ margin-left:20px; padding:5px 0; line-height:140%;}

ol li{margin-left:20px;padding:5px 0; line-height:140%; }

/* 表格
--------------------------------------------- */

table{

}

tbody{

}

tr.odd,
.cat-list-row1{
	background:url(../images/news.gif)  repeat-x;
}

table.newsfeeds td,
table.weblinks td{

}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th{
	background:#444;
	color:#fff
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a{
	color:#fff !important
}

td.table_footer{
	background:#ddd url(../images/table_footer.gif) bottom left repeat-x;
}

td.counter{

}

td.num,td.hits{

}

td p{
}

table.category th a img{
	border:solid 0px ;
}


.table_01 td{ 
	padding:10px 5px; 
	border-bottom:1px solid #cccccc;
}

.table_01 td p{
	font-size:15px;
	line-height:140%;
	}

.table_01 a{ text-decoration:none; font-weight:bold; color:#4c0000;}

.table_01 img{ border:1px solid #cccccc}


.table_02{ border-top:2px solid #999999;}

.table_02 th{ padding:5px; border-bottom:1px solid #666666}

.table_02 td { padding:5px; border-bottom:1px solid #CCCCCC}



/* 連結
--------------------------------------------- */

a:link,a:visited{
	
}

a:hover,a:active,a:focus{

}

input:focus{

}

fieldset{
	border:solid 0px #ccc
}

.article-info{
	color:#444;
}

.article-info dd span{
	color:#444;
	border-right:solid 0px;
}

/* 標題
--------------------------------------------- */

h1{ font-family:Arial, Helvetica, sans-serif; }

h2{ 
	font-size:20px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#333333;
}

h3{ 
	font-size:16px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#000000;
}


/* CADIIS TEMPLATE
======================================================================== */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#333333;
}

/* HEADER
--------------------------------------------- */

/* 定位 */

#header-wrap{ text-align:center;}

#header{
	width:960px;
	height:85px;
	margin:0 auto;
	position:relative;
}

/* LOGO */

h1.logo{
	padding:0;
	margin:0;
	position:absolute;
	top:10px;
	left:0px;
	background:url(../images/ui/logo.jpg) no-repeat;
}

h1.logo a {
	display: block;
	width:239px;
	height:63px; 
}

h1.logo a span{
	position: absolute;
	top: -1000px;
	z-index:99;
}

/* 頁頂導覽 */

#topnav{
	position:absolute;
	right:0px;
	top:10px;
	height:40px;
	padding:0;
	margin:0;
}

#topnav ul{	
	padding:0; margin:0;
}

#topnav li{
	display:inline;
	list-style:none;
	margin:0;
}

#topnav li a{
	font-size:13px;
	color:#999;
	padding:0 15px;
	text-decoration:none;
	border-left:1px solid #B2B2B2;
}

#topnav li a.first{
	border-left:none;
}

#topnav li:hover a,#topnav ul li.active a{
	color:#F7C510;
}

/* 全站搜尋 */

#search{ 
	position:absolute; 
	right:0px; 
	top:40px; 
	width:500px;
}

/* MAINMENU
--------------------------------------------- */

/* 主選單 */

#mainmenu-wrap{ 
	text-align:center;
	background:#F7C510;
}

#mainmenu{
	width:960px;
	height:35px;
	padding:0px;
	margin:0px auto;
	text-align:left;
}

#mainmenu ul{
	padding-top:9px;
	margin:0;
}

#mainmenu li{
	display:inline;
	margin:0;
	padding:11px 2px 9px 0;
	margin-right:3px \9;
	background:url(../images/ui/mainmenu_bg.jpg) right repeat-y ;
}

#mainmenu li a{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	padding:7px 25px 9px 25px;
}

#mainmenu li:hover a,#mainmenu li.active a{
	background:#000;
	color:#FFFFFF;
}

/* SLIDER
--------------------------------------------- */

/* Slider */

#mainbody-wrap{ text-align:center}

#slider{
	width:960px;
	margin:0 auto;
	padding-top:15px;
}

/* MAINBODY
--------------------------------------------- */

/* 定位 */
#mainbody{
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
}

/* MAINBODY-首頁
--------------------------------------------- */

/* 首頁產品輪播 */

#prod-slider{ margin-top:10px;}


#user-content{ 
	position:relative; 
	background:#F0F0F0;
	padding:15px 20px;
	margin:20px 0 25px 0;
}

/* 最新消息 */
#news{ 
	float:left;
	width:375px;
}

/* 合作廠商 */

#cooper{ 
	float:left;
	position:relative; 
	width:530px;
	margin-left:15px;	
}

#cooper h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:16px;
	margin-bottom:20px;
}

#cooper img{ 
	border:1px solid #C8C8C8;
}

/* MAINBODY-內頁
--------------------------------------------- */

/* 定位 */

#maincontent-full{
	width:920px;
	text-align:left;
	padding:20px 0;
}

#maincontent-left{
	width:730px;
	text-align:left;
	float:left;
	padding-bottom:50px;
	margin:0px;	
	position:relative;
}


/* 左選單 */

#left{
	float:left;
	width:200px;
	padding-bottom:30px;
	margin-right:30px;
	border-top:5px solid #8E8E8E;	
}

#left h3{
	padding:10px 5px;
	border-bottom:2px solid #CCCCCC;
}

#left ul{
	padding:0;
	margin:0;
}

#left .menu li{
	margin:0;
	padding:0;
	list-style:none;
}

#left .menu li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
	color:#333333;
	display:block;
	padding:10px 5px 10px 20px;
	border-bottom:1px solid #E0E0E0;
	background: url(../images/ui/left_bg.png) no-repeat 10px center  ;
}

#left .menu li:hover a,#left .menu li.active a{
	background: url(../images/ui/left_bg.png) no-repeat 10px center #F7C510  ;
}

/* 第二層 */

#left .menu li ul{
	padding:10px 0;
	margin:0; 
	border-bottom:1px solid #E0E0E0;
}

#left .menu li ul li a,
#left .menu li:hover ul li a ,
#left .menu li.active ul li a{
	padding:7px 0 7px 20px;
	font-size:15px;
	border:none;
	color:#939393;
	background:none;
}

#left .menu li ul li:hover a{
	color:#000000;
}

#left .menu li ul li.active a{
	color:#000000;
	font-weight:bold;
	background:none;
}

/* 第三層 */

#left .menu li ul li.active ul{ padding:0; border:none;}

#left .menu li ul li ul li{ }

#left .menu li ul li.active ul li a{ padding:3px 35px ; font-weight:normal;color:#939393; font-size:12px; }

#left .menu li ul li.active ul li:hover a,
#left .menu li ul li.active ul li.active a
{ 	color:#000000;
	background: url(../images/ui/li_li_li.png) 20px center no-repeat;}

/* 產品tab */

#product-tab{ 
	position:relative; 
	clear:both; 
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:5px solid #000000;
}

#product-tab ul{ 
	padding:0; 
	margin:0;
}

#product-tab li{ 
	list-style:none; 
	display:inline; 
	margin-left:10px;	 
}

#product-tab li a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 30px;
	font-size:15px;
	color:#FFFFFF;
	background:#CCCCCC;
}


#product-tab li:hover a, #product-tab li.active a{
	background:#000000;
	
}


/* BLOG列表 */

.blog{
	padding-bottom:30px;
	margin:0;
	width:730px;
	overflow:hidden;
}

.blog h1, .item-page.intro h2{ 
	color:#FFFFFF; 
	background:#8E8E8E; 
	font-size:18px; 
	padding:10px;
	margin-bottom:20px;
}

.blog h2{ 
	font-size:24px; 
	color:#000000;
	padding: 10px 0 20px 0;
}

.product-list h1{ 
	font-size:24px; 
	color:#000000;
	background:none;
	padding: 20px 0 10px 20px;
}

.blog h2 a{ 

}

.blog h2 a:hover{ 
	
}

.blog .items-row  {
}

.row-0{}

.row-1{ 
}

.readmore a { 
	text-decoration:none; 
	color:#666666;
	padding-right:10px;
	background: url(../images/ui/left_bg.png) right 4px no-repeat;
}

.readmore a:hover { 	
	color:#333333; 
}

.item-separator{ }

.items-more{ }

/* overview */

.category-desc{ 
	font-size:15px; 
	color:#333333; 
	line-height:140%;
	padding:10px 0;
}
.cat-children li{

}

.item-title a{ 

}

.item-title a:hover{ 

}

/* list */


/* 文章 */

.item-page{
	padding:0 20px 50px 20px;
	overflow:hidden;
	border-top:5px solid #000000;
}

#maincontent-left .item-page{
	margin:0;	
	width:690px;
	overflow:hidden;
}

.item-page.intro{ border:none;padding:0;}

.article-info{
	font-size:12px;
	color:#999999;
	margin-bottom:20px;
	line-height:140%;	
}

.item-page h2{ 
	font-size:24px; 
	color:#000000; 
	padding:15px 0;
	line-height:140%;	
}

.item-page.product-list img{
	border: 1px solid #DBDBDB;
}

.item-page li{
	font-size:14px;
}

.item-page p{
	font-size:14px;
	line-height:170%;
}



.item-page table li{font-size:14px;}

.item-page img{

}

/* BBOX
--------------------------------------------- */

/* 定位 */

#footer-wrap{ 
	background:#000000;
	text-align:center;
	border-top:4px solid #353535;
}

#bbox{
	width:960px;
	margin:0 auto;
	padding-top:20px;
	position:relative;
	text-align:left;
}

#bbox .user{ width:220px; float:left; margin-right:20px; }

#bbox h3 { color:#FFFFFF; margin-bottom:10px;}

#bbox li{ list-style:none;}

#bbox li a{ text-decoration:none;color:#CCCCCC; padding:5px; }

#bbox li:hover a{ text-decoration:none; color:#FFFFFF; padding:5px; }


/* FOOTER
--------------------------------------------- */

/* 定位 */

#footer{ 
	width:960px;
	height:20px; 
	margin:0 auto;
	padding:20px 0;
	position:relative; 
}


/* 頁底導覽 */

#footnav{
	float:left;
	text-align:left;
}

#footnav ul{
	padding:0; 
	margin:0;
}

#footnav li{
	list-style:none; 
	display:inline; 
	padding:0; 
	margin:0;
}

#footnav li a{
	text-decoration:none;
	padding:0px 15px ;
	border-right:1px solid #E1E1E1;
	color:#E1E1E1;
	font-size:13px;	
}

#footnav li a.last{
	border-right:none;
}

#footnav li:hover a,#footnav li.active a{ color:#ffffff;}

/* 版權頁 */

#copyrights{
	color:#999;
	float:right;
	line-height:140%;
}

#copyrights a{
	color:#fff;
}


#cadiis{ color:#666666; float:right;}

#cadiis a{ color:#666666;}