﻿/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/



/* Specific to example one */

#example-one {
	background:#fff;
	height:240px;
	overflow:hidden;
	width:665px;
}
#example-one .nav {
	overflow: hidden;
	margin: 0 0 10px 0;
}
#example-one .nav li {
	width: 165px;
	float: left;
	margin: 0 1px 0 0;
}
#example-one .nav li:last-child {
	margin-right:0;
	width:167px;
}
#example-one .nav li a {
	display: block;
	padding: 8px 5px;
	background: #959290;
	color: white;
	font-size: 15px;
	text-align: center;
	border: 0;
	font-size:12px;
}
#example-one .nav li a.current{
	background-color: #3c9af4;
	}
#example-one .nav li a:hover {
	background-color: #3c9af4;
	text-decoration:none;
}
#example-one .list-wrap {
	margin-top:-9px;
	background:#3c9af4;
	}
#example-one ul {
	list-style: none;
	margin-top:-4px;
}
#example-one .tab_content{
	padding-top:24px;
	}
#example-one .tab_content ul{
	margin-top:-3px;
	}
#example-one .tab_content ul li {
	display:block;
	width:516px;
	height:20px;
	position:relative;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:70px;
	overflow:hidden;
	font-size:13px;
	}
#example-one .tab_content ul li a{
	display:block;
	width:516px;
	*width:500px;
	}
#example-one .tab_content ul li a:hover{
	color:#FF0;
	
	}
#example-one .tab_content ul li span{
	position:absolute;
	color:#FF9;
	font-size:11px;
	top:6px;
	left:0px;
	width:65px;
	}
#example-one ul li a {
	display: block;
	padding: 4px;
	padding-left: 8px;
	color: #fff;
}
#example-one ul li a:hover {
	color: white;
	text-decoration:none;
}
#example-one ul li:last-child a {
	border: none;
}
#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover {
	background-color: #0575f4;
	color: white;
}
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover {
	background-color: #d30000;
	color: white;
}
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover {
	background-color: #8d01b0;
	color: white;
}
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover {
	background-color: #FE4902;
	color: white;
}
#example-one .tab_content{
	margin:0px 10px 10px 10px;
	height:200px;
	}
#example-one .tab_content .more{
	text-align:right;
	margin-top:-14px;
	}
/* Specific to example two */

#example-two .list-wrap {
	background: #3c9af4;
	padding: 5px;
	margin: 0 0 0px 0;
	height:310px;
	margin-top:1px;
}
#example-two ul {
	list-style: none;
}
#example-two ul li a {
	display: block;
	border-bottom: 1px solid #666;
	padding: 4px;
	color: #666;
}
#example-two ul li a:hover {
	background: #333;
	color: white;
}
#example-two ul li:last-child a {
	border: none;
}
#example-two .nav {
	overflow: hidden;
}
#example-two .nav li {
	width: 92px;
	float: left;
	margin: 0 1px 0 0;
}
#example-two .nav li:last-child{
	margin: 0;
	width: 93px;
	}
#example-two .nav li.last {
	margin-right: 0;
}
#example-two .nav li a {
	display: block;
	padding: 8px 6px;
	background: #666;
	color: white;
	font-size: 12px;
	text-align: center;
	border: 0;
}
#example-two li a.current, #example-two li a.current:hover {
	background-color: #3c9af4 !important;
	color: black;
	text-decoration:none;
	color:#FFF;
}
#example-two .nav li a:hover, #example-two .nav li a:focus {
	background: #999;
}

#example-two .list-wrap .air_block{
	background:url(../images/taiwan_bg.gif) no-repeat 0px -10px #3c9af4;
	font-size:12px;
	line-height:1.3em;
	height:270px;
	position:relative;
	}
#example-two .list-wrap .air_block .pm2{
	width:161px;
	position:absolute;
	z-index:9999;
	height:57px;
	top:185px;
	right:0px;
	}
#example-two .list-wrap .air_block .more{
	position:absolute;
	top:-6px;
	right:1px;
	width:45px;
	height:15px;
	}
#example-two .list-wrap .air_block .more img{
	width:45px;
	height:15px;
	}
#example-two .list-wrap .water_banner{
	background:url(../images/water_bg.jpg) no-repeat 0px -10px #3c9af4;
	font-size:12px;
	line-height:1.3em;
	position:relative;
	width:310px;
	height:2700px;
	left:-10px;
	top:0px;
	}
#example-two .list-wrap .water_banner  a{
	width:200px;
	height:50px;
	margin:0px auto 0px 35px;
	display:block;
	}
#example-two .list-wrap .air_block p{
	color:#FFF;
	font-size:11px;
	line-height:1.2em;
	}

#example-two .list-wrap .air_block span{
	visibility:visible;
	}
#example-two .list-wrap .air_block p span{
	visibility:visible;
	}
.level_0{
	background:url(../images/none.png) no-repeat left top;
	border-radius:none;
	width:10px;
	height:10px;
	}
.level_1{
	background:#0C0;
	}
.level_2{
	background:#FC0;
	}
.level_3{
	background:#F00;
	}
.level_4{
	background:#93C;
	}
.level_5{
	background:#B64820;
	}
/*----------------------北部*/
#example-two .list-wrap .air_block .map_north{
	position:absolute;
	width:38px;
	height:24px;
	top:0px;
	left:160px;
	background:url(../images/map_north.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_north img{
	position:absolute;
	width:38px;
	height:24px;
	border:none;
	z-index:999;
	top:0px;
	left:0px;
	}
#example-two .list-wrap .air_block .map_north span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_keelong{
	position:absolute;
	width:3px;
	height:3px;
	top:15px;
	left:200px;
	}
#example-two .list-wrap .air_block .map_keelong span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_panchiao{
	position:absolute;
	width:3px;
	height:3px;
	top:20px;
	left:190px;
	}
#example-two .list-wrap .air_block .map_panchiao span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_chungshan{
	position:absolute;
	width:3px;
	height:3px;
	top:21px;
	left:195px;
	}
#example-two .list-wrap .air_block .map_chungshan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_taoyuan{
	position:absolute;
	width:3px;
	height:3px;
	top:27px;
	left:180px;
	}
#example-two .list-wrap .air_block .map_taoyuan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_wanhua{
	position:absolute;
	width:3px;
	height:3px;
	top:21px;
	left:199px;
	}
#example-two .list-wrap .air_block .map_wanhua span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
/*----------------------竹苗*/
#example-two .list-wrap .air_block .map_hsinchu{
	position:absolute;
	width:38px;
	height:24px;
	top:25px;
	left:130px;
	background:url(../images/map_hsinchu.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_hsinchu img{
	position:absolute;
	width:45px;
	height:24px;
	border:none;
	z-index:999;
	top:0px;
	left:0px;
	}
#example-two .list-wrap .air_block .map_hsinchu span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_huko{
	position:absolute;
	width:3px;
	height:3px;
	top:38px;
	left:172px;
	}
#example-two .list-wrap .air_block .map_huko span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_tofen{
	position:absolute;
	width:3px;
	height:3px;
	top:49px;
	left:162px;
	}
#example-two .list-wrap .air_block .map_tofen span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_miaoli{
	position:absolute;
	width:3px;
	height:3px;
	top:54px;
	left:155px;
	}
#example-two .list-wrap .air_block .map_miaoli span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
/*----------------------中部*/
#example-two .list-wrap .air_block .map_taichung{
	position:absolute;
	width:38px;
	height:24px;
	top:54px;
	left:108px;
	background:url(../images/map_taichung.png) no-repeat left top;
	z-index:999999;
	}
#example-two .list-wrap .air_block .map_taichung img{
	position:absolute;
	width:38px;
	height:24px;
	border:none;
	z-index:999;
	top:0px;
	left:0px;
	}
#example-two .list-wrap .air_block .map_taichung span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_fonyuan{
	position:absolute;
	width:3px;
	height:3px;
	top:67px;
	left:152px;
	}
#example-two .list-wrap .air_block .map_fonyuan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	display:none;
	}
#example-two .list-wrap .air_block .map_changhwua{
	position:absolute;
	width:3px;
	height:3px;
	top:82px;
	left:138px;
	}
#example-two .list-wrap .air_block .map_changhwua span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_nantou{
	position:absolute;
	width:3px;
	height:3px;
	top:92px;
	left:164px;
	}
#example-two .list-wrap .air_block .map_nantou span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
/*----------------------雲林*/
#example-two .list-wrap .air_block .map_yunganan{
	position:absolute;
	width:48px;
	height:24px;
	top:145px;
	left:73px;
	background:url(../images/map_yungli.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_kaoshiung img{
	position:absolute;
	width:55px;
	height:24px;
	border:none;
	z-index:999;
	top:0px;
	left:0px;
	}
#example-two .list-wrap .air_block .map_yunganan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:11px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_dolio{
	position:absolute;
	width:3px;
	height:3px;
	top:102px;
	left:130px;
	}
#example-two .list-wrap .air_block .map_dolio span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_chiayi{
	position:absolute;
	width:3px;
	height:3px;
	top:116px;
	left:136px;
	}
#example-two .list-wrap .air_block .map_chiayi span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_tainan{
	position:absolute;
	width:3px;
	height:3px;
	top:145px;
	left:124px;
	}
#example-two .list-wrap .air_block .map_tainan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
/*----------------------高雄*/
#example-two .list-wrap .air_block .map_kaoshiung{
	position:absolute;
	width:38px;
	height:24px;
	top:185px;
	left:110px;
	background:url(../images/map_kaoshung.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_kaoshiung img{
	position:absolute;
	width:45px;
	height:24px;
	border:none;
	z-index:999;
	top:0px;
	left:0px;
	}
#example-two .list-wrap .air_block .map_kaoshiung span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:11px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_pindong{
	position:absolute;
	width:3px;
	height:3px;
	top:160px;
	left:148px;
	}
#example-two .list-wrap .air_block .map_pindong span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_fonshan{
	position:absolute;
	width:3px;
	height:3px;
	top:163px;
	left:136px;
	}
#example-two .list-wrap .air_block .map_fonshan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_chenkin{
	position:absolute;
	width:3px;
	height:3px;
	top:168px;
	left:133px;
	}
#example-two .list-wrap .air_block .map_chenkin span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_hsiaogun{
	position:absolute;
	width:3px;
	height:3px;
	top:171px;
	left:132px;
	}
#example-two .list-wrap .air_block .map_hsiaogun span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_kenting{
	position:absolute;
	width:3px;
	height:3px;
	top:202px;
	left:165px;
	}
#example-two .list-wrap .air_block .map_kenting span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
/*----------------------宜蘭*/
#example-two .list-wrap .air_block .map_ilan{
	position:absolute;
	width:38px;
	height:24px;
	top:20px;
	left:215px;
	background:url(../images/map_yilan.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_ilan img{
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:24px;
	border:none;
	z-index:999;
	}
#example-two .list-wrap .air_block .map_ilan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_ilan_city{
	position:absolute;
	width:3px;
	height:3px;
	top:46px;
	left:210px;
	}
#example-two .list-wrap .air_block .map_ilan_city span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_donshan{
	position:absolute;
	width:3px;
	height:3px;
	top:54px;
	left:210px;
	}
#example-two .list-wrap .air_block .map_donshan span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}

/*----------------------花東*/
#example-two .list-wrap .air_block .map_hualien{
	position:absolute;
	width:38px;
	height:24px;
	top:110px;
	left:190px;
	background:url(../images/map_hualien.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_hualien img{
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:24px;
	border:none;
	z-index:999;
	}
	
#example-two .list-wrap .air_block .map_hualien span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_hualien_city{
	position:absolute;
	width:3px;
	height:3px;
	top:86px;
	left:206px;
	}
#example-two .list-wrap .air_block .map_hualien_city span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_taitung{
	position:absolute;
	width:3px;
	height:3px;
	top:150px;
	left:190px;
	}
#example-two .list-wrap .air_block .map_taitung span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
#example-two .list-wrap .air_block .map_gwen{
	position:absolute;
	width:3px;
	height:3px;
	top:140px;
	left:185px;
	}
#example-two .list-wrap .air_block .map_gwen span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
/*----------------------澎湖*/
#example-two .list-wrap .air_block .map_ponhu{
	position:absolute;
	width:38px;
	height:24px;
	top:85px;
	left:70px;
	background:url(../images/map_ponhu.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_ponhu img{
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:24px;
	border:none;
	z-index:999;
	}
#example-two .list-wrap .air_block .map_ponhu span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
	
#example-two .list-wrap .air_block .map_ponhuD{
	position:absolute;
	width:3px;
	height:3px;
	top:111px;
	left:85px;
	}
#example-two .list-wrap .air_block .map_ponhuD span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}

/*----------------------金門*/
#example-two .list-wrap .air_block .map_kinmen{
	position:absolute;
	width:38px;
	height:24px;
	top:148px;
	left:8px;
	background:url(../images/map_kinmen.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_kinmen img{
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:24px;
	border:none;
	z-index:999;
	}
#example-two .list-wrap .air_block .map_kinmen span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
	
#example-two .list-wrap .air_block .map_kinmenD{
	position:absolute;
	width:3px;
	height:3px;
	top:115px;
	left:22px;
	}
#example-two .list-wrap .air_block .map_kinmenD span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
/*----------------------馬祖*/
#example-two .list-wrap .air_block .map_mazu{
	position:absolute;
	width:38px;
	height:24px;
	top:77px;
	left:8px;
	background:url(../images/map_mazu.png) no-repeat left top;
	}
#example-two .list-wrap .air_block .map_mazu img{
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:24px;
	border:none;
	z-index:999;
	}
#example-two .list-wrap .air_block .map_mazu span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:8px;
	height:8px;
	display:none;
	}
#example-two .list-wrap .air_block .map_mazuD{
	position:absolute;
	width:3px;
	height:3px;
	top:57px;
	left:20px;
	}
#example-two .list-wrap .air_block .map_mazuD span{
	behavior: url(css/PIE.htc);
	position:absolute;
	top:5px;
	left:4px;
	border-radius:50%;
	width:3px;
	height:3px;
	}
	
#example-two .list-wrap .ultraviolet{
	background:url(../images/taiwan_ultraviolet.gif) no-repeat 0px 0px #3c9af4;
	font-size:12px;
	line-height:1.3em;
height:270px;
	position:relative;
	color:#FFF;
	}
#example-two .list-wrap .ultraviolet .more{
	position:absolute;
	top:-6px;
	right:1px;
	width:45px;
	height:15px;
	}
#example-two .list-wrap .ultraviolet .more img{
	width:45px;
	height:15px;
	}
#example-two .list-wrap .ultraviolet p{
	color:#FFF;
	font-size:11px;
	line-height:1.2em;
	}
/*----------------------臺北*/
#example-two .list-wrap .ultraviolet .u_taipei{
	position:absolute;
	top:29px;
	left:196px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_taipei img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_taipei  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------臺中*/
#example-two .list-wrap .ultraviolet .u_taichung{
	position:absolute;
	top:65px;
	left:135px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_taichung img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_taichung  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------高雄*/
#example-two .list-wrap .ultraviolet .u_kaoshiung{
	position:absolute;
	top:185px;
	left:132px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_kaoshiung img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_kaoshiung  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------花蓮*/
#example-two .list-wrap .ultraviolet .u_hualien{
	position:absolute;
	top:88px;
	left:215px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_hualien img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_hualien  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------台東*/
#example-two .list-wrap .ultraviolet .u_taitung{
	position:absolute;
	top:165px;
	left:196px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_taitung img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_taitung  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------馬祖*/
#example-two .list-wrap .ultraviolet .u_mazu{
	position:absolute;
	top:30px;
	left:60px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_mazu img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_mazu  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}

/*----------------------基隆*/
#example-two .list-wrap .ultraviolet .u_keelung{
	position:absolute;
	top:10px;
	left:214px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_keelung img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_keelung  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------南投*/
#example-two .list-wrap .ultraviolet .u_sunmonnlake{
	position:absolute;
	top:110px;
	left:170px;
	width:75px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_sunmonnlake img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_sunmonnlake  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------金門*/
#example-two .list-wrap .ultraviolet .u_kinmen{
	position:absolute;
	top:115px;
	left:0px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_kinmen img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_kinmen  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------馬祖*/
#example-two .list-wrap .ultraviolet .u_mazu{
	position:absolute;
	top:70px;
	left:0px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_mazu img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_mazu  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
/*----------------------澎湖*/
#example-two .list-wrap .ultraviolet .u_ponhu{
	position:absolute;
	top:100px;
	left:76px;
	width:45px;
	height:35px;
	padding:0px 0px 0px 30px;
	line-height:35px;
	}
#example-two .list-wrap .ultraviolet .u_ponhu img{
	border:none;
	position:absolute;
	top:3px;
	left:5px;
	width:25px;
	height:28px;
	z-index:998;
	}
#example-two .list-wrap .ultraviolet .u_ponhu  a img{
	border:none;
	position:absolute;
	width:80px;
	height:35px;
	z-index:999;
	}
	

/*-----------------*/
#example-three {
	background:#fff;
	height:235px;
	width:306px;
}
#example-three .nav {
	overflow: hidden;
	margin: 0 0 10px 0;
}
#example-three .nav li {
	width: 152px;
	float: left;
	margin: 0 1px 4px 0;
}
#example-three .nav li:last-child {
	margin-right:0;
	width: 153px;
}
#example-three .nav li a {
	display: block;
	padding: 0px 5px 0px;
	background: #666;
	color: white;
	line-height:50px;
	text-align: center;
	height:50px;
	border: 0;
	font-size:16px;
}
#example-three .nav li a.current{
	background: #a51b19;
	}
#example-three .nav li a:hover {
	background-color: #a51b19;
	text-decoration:none;
}
#example-three .list-wrap {
	margin-top:-9px;
	background:url(../images/y_bg.gif)  repeat-x left top #fff;
	}
#example-three ul {
	list-style: none;
}

#example-three ul li a {
	display: block;
	padding: 4px;
	color: #fff;
	
}
#example-three ul li a:hover {
	color: white;
	text-decoration:none;
}
#example-one ul li:last-child a {
	border: none;
}
#example-three ul li.nav-one a.current, #example-one ul.featured li a:hover {
	background-color: #0575f4;
	color: white;
}
#example-three ul li.nav-two a.current, #example-one ul.core li a:hover {
	background-color: #d30000;
	color: white;
}
#example-three ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover {
	background-color: #8d01b0;
	color: white;
}
#example-three ul li.nav-four a.current, #example-one ul.classics li a:hover {
	background-color: #FE4902;
	color: white;
}
#example-three .tab_content{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	position:relative;
	overflow:visible;
	}
#example-three .tab_content object{
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	}
#example-three .tab_content .more{
	position:absolute;
	top:190px;
	right:0px;
	text-align:right;
	z-index:9999;
	}
	
#example-three .tab_content .gallery{
	width:288px;
	height:140px;
	display:table-cell;
	margin:10px auto;
	padding:10px;
	text-align:center;
	vertical-align:top;
	}
#example-three .tab_content .gallery img{
	width:auto;
	height:auto;
	max-width:270px;
	max-height:170px;
	border:2px solid #fff;
	margin:0 auto;
	}
#example-three .tab_content .gallery .more{
	position:absolute;
	top:190px;
	right:10px;
	text-align:right;
	}
#example-three .tab_content .gallery .more img{
	border:none;
	
	
	}

