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

#wallpaper{
	margin:0px auto;
	padding:10px;
	width:880px;
	border:#efefef solid 5px;
}
.left_side{
	margin:0px;
	padding:0px 5px 0px 8px;
	float:left;
	width:237px;
	height:550px;
	background-image: url(images/map_img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.right_side{
	margin:0px;
	padding:0px;
	float:right;
	width:620px;
	}
#theme{}
#theme h2{
	margin:0px;
	padding:0px 0px 3px 0px;
	font-family:"微軟正黑體", Arial;
	font-size:18px;
	color:#006699;
	background-image: url(images/map_img/bg_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#theme h2 span{
	padding:0px 7px 3px 8px;
	font-size:18px;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
#theme p{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#630;
	font-weight: bolder;
}
.description{
	margin:0px;
	padding:10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
	scrollbar-base-color:#e0f1f3;
	light_box scrollbar-arrow-color:#e0f1f3;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color: #e0f1f3;
	scrollbar-arrow-color:#80c1d6;
}
.description p{
	margin:0px 0px 8px 0px;
	padding:0px;
	font-size:12px;
	color:#333;
	text-indent: 25px;
	line-height: 20px;
	letter-spacing: 1px;
}
.img_left{
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
	}
.img_left img{margin:0px 5px 8px 0px; border:5px #EFEFEF solid;}
.img_right{
	margin:0px 0px 0px 5px;
	padding:0px;
	float:right;
	}
.img_right img{margin:0px 0px 5px 0px; border:5px #EFEFEF solid;}
.clear{ clear:both;}
#organic-tabs ul {list-style: none; padding: 0px; margin: 0px auto;}
#organic-tabs { padding:0px 0px 0px 0px; *padding:0px 0px 8px 0px;margin: 0px;/*-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;*/}
/*#all-list-wrap{padding: 3px; margin:8px; background-color:#FFF;*overflow:hidden;}
#all-list-wrap ul{padding: 0px; margin:0px;}
#all-list-wrap li{padding: 0px;margin:0px; clear:both;}
#all-list-wrap h3{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#333;}
#all-list-wrap p{
	margin:0px 0px 8px 0px;
	padding:0px;
	font-size:12px;
	color:#333;
	text-indent: 25px;
	line-height: 20px;}
#all-list-wrap p span{
	text-indent: 0px;
	font-weight:bold;}
#all-list-wrap em{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	color:#333;
	font-style: normal;
	display:block;
}*/
#all-list-wrap{padding: 10px 10px 0px 0px; margin:0px 0px 0px 8px; background-color:#FFF; height:auto; overflow:hidden;}
#all-list-wrap ul{padding: 0px; margin:0px;list-style-type:none;!important}
#all-list-wrap li{padding: 0px;margin:0px 0px 15px 0px; clear:both;}
#all-list-wrap h4{
	margin:0px 0px 5px 0px;
	*margin:-18px 0px 5px 0px;
	padding:0px;
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#F90;}
#all-list-wrap p{
	margin:0px 0px 8px 0px;
	padding:0px;
	font-size:12px;
	color:#333;
	text-indent: 25px;
	line-height: 20px;
	letter-spacing: 1px;}
#all-list-wrap em{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	color:#C00;
	font-style: normal;
}
#all-list-wrap em img{
	padding:0px 0px 0px 5px;
	border:none;
}
#all-list-wrap em a{
	color:#C00;
	text-decoration:none;
}
#all-list-wrap em a:hover{
	color:#C00!important;
	text-decoration:underline;
	background-color:#FFF!important;
}
#sub_nav {margin:0px; padding:0px; }
#sub_nav ul{margin:0px;padding:0px;list-style-type:none;!important}
#sub_nav li {
	float:left!important;
	margin:0px 0px 10px 3px;
	padding:0px 5px 0px 12px;
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#333;
	background-image: url(images/map_img/icon_01.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	clear:none;
}
#sub_nav li a {text-decoration:none; color:#000;}
#sub_nav li a:hover {color:#036!important; background-color:#FFF!important;}

/*#jquerytuts, #core, #classics { display: none; }*/
/*ul#featured, ul#jquerytuts, ul#core, ul#classics {height:auto; overflow:hidden;}*/
ul#featured, ul#jquerytuts, ul#core, ul#classics{
	margin:0px;
	padding:0px 15px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	height:500px;
	overflow:auto;
	scrollbar-base-color:#e0f1f3;
	light_box scrollbar-arrow-color:#e0f1f3;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color: #e0f1f3;
	scrollbar-arrow-color:#80c1d6;}
ul#core h2{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:"微軟正黑體", Arial;
	font-size:18px;
	color:#09C;
	text-align:center;
	display:block;
	background-image: url(images/map_img/bg_coreb_h2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	clear:both;
}
/*#explore-nav li#ex-featured a.current, ul#featured li a:hover {}
#explore-nav li#ex-core a.current, ul#core li a:hover {}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover {}
#explore-nav li#ex-classics a.current, ul#classics li a:hover {}*/

#explore-nav { overflow: hidden; margin:0px; padding:0px; }
#explore-nav ul{margin:0px; padding:0px; }
#explore-nav li { float: left; margin:0px 0px 0px 3px;
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#FFF;
	text-align:center;
	display:block; background-color:#630; width:301px;}
#explore-nav li.first { margin-left:8px;}
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block;height:15px;padding:5px 0px 8px; color:#FFF; text-decoration:none;}
#explore-nav li a:hover {display: block;height:15px;background-color:#960;}

#explore-nav li#ex-featured a.current, ul#featured li a:hover {background-color: #960;color:#FF6;}
#explore-nav li#ex-core a.current, ul#core li a:hover {background-color:#960;color:#FF6;}


.theme_menu{padding: 5px 8px 3px 8px; margin:8px 0px 0px 0px; background:#630;}
.theme_menu p{padding: 0px; margin: 0px;font-family:"微軟正黑體", Arial;font-size:13px;color:#FFF;float:left;}
.theme_menu ul{list-style: none; padding: 0px; margin: 0px; float:right;}
.theme_menu li{
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	font-family:"微軟正黑體", Arial;
	font-size:13px;
	color:#FFF;
	border-bottom:1px dashed #CCC;
	border:none;
	}
.theme_menu a{color:#FFF;text-decoration:none;}
.theme_menu a:hover{color:#FFF;text-decoration:underline;}
.top{ clear:both;}
.top img{ float:right; border:none;margin: 0px 0px 8px 0px;}

.search { overflow: hidden; margin:0px; padding:0px; }
.search ul{margin:0px; padding:0px; }
.search li { float: left; margin:0px 0px 0px 3px;
	font-family:"微軟正黑體", Arial;
	font-size:15px;
	color:#FFF;
	text-align:center;
	display:block; background-color:#630; width:301px;}
.search li.first { margin-left:8px;}
.search li.last { margin-right: 0; }
.search li a { display: block;height:15px;padding:5px 0px 8px; color:#FFF; text-decoration:none;}
.search li a:hover {display: block;height:15px;background-color:#960;}
.search li a.inhere{background-color: #960;color:#FF6;}