/* CSS Document */
div#container div.tabpanel{
	clear: both;
	width:400px;
	float:left;
	_margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

div#container div.tabpanel .body{
	background-color: #FFFFFF;
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
}
.info {
	color: #f8652a;
}
.info span{
	color: #8d8d8d;
}
div#container div.tabpanel .body .more {
	text-align: right;
	margin-right: 15px;
	margin-top: 5px;

}

div#container div.tabpanel .body .more a{
	color: #E35B00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/icon_more.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 12px;
}
div#container div.tabpanel .body .more a:hover{
	color: #990000;
}
div#container div.tabpanel .body .all{
	color: #009999;
}
div#container div.tabpanel .body .all:hover{
	color: #CC0000;
}
div#container div.tabpanel .body .all{}
div#container div.tabpanel .body .controlList{

}
div#container div.tabpanel .body .controlList li{
	background-image: url(../images/icon_news.gif);
	background-position: 2px 6px;
	background-repeat: no-repeat;
	padding-left: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D9D9D9;
}
div#container div.tabpanel .body .controlList a{
	color: #0095B5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
div#container div.tabpanel .body .controlList a:hover{
	color: #FF0000;
}
div#container div.tabpanel .body .controlList span.date{
	color: #00b50d;
	font-size: 11px;
	margin-left: 8px;
}
div#container div.tabpanel ul.tablist {
	list-style-type: none;
	background-image: none;
	_margin-left: 0px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 12px;
	margin: 0px;
}

div#container div.tabpanel li.tab {
	position: relative;
	top: 1px;
	float: left;
	background-color: #aad3e3;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2a3753;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #666666;
}
div#container div.tabpanel li.tab span{
	text-align:center;
	font-size: 12px;
	color: #2a3753;
	display:block;
	cursor: hand;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

div#container div.tabpanel li.selected {
	float: left;
	display:block;
	margin:0 0 0 2px;
	padding:0px 0 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color: black;
	background-color: #68b1cd;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
div#container div.tabpanel li.selected span{
	text-align:center;
	font-size: 12px;
	color: #FFFFFF;
	display:block;
	cursor: hand;
}


div#container div.tabpanel div.tabpanel {
	clear: both;
	background-repeat: no-repeat;
	background-position: right 20px;
	border-top: solid 1px #999;

}
/*-*/
.leftbgphoto {
	clear: both;
	margin-top:0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: none;
	
}
.leftbgphoto .more{
	text-align: right;
}
.leftbgphoto h2{
	font-size: 120%;
	color: #009999;
	background-image: none;
}
/*--------------------------------------------------------------------------------第二組頁籤*/
div#container2 div.tabpanel{
	clear: both;
	width:95%;
	float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */
	margin-right: 10px;
	margin-left: 10px;
	_margin-left: 0px;
}


div#container2 div.tabpanel ul.tablist {
	list-style-type: none;
	background-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	_margin-left: 20px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

div#container2 div.tabpanel li.tab {
	background-image: url(../images/PanelsTab_Leftbg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	float: left;
	display:block;
	padding:0px 0 0px 5px;	
	margin:0 0 0 2px;
	border:0px none;
	font-weight: normal;
}
div#container2 div.tabpanel li.tab span{
	text-align:center;
	background-image: url(../images/PanelsTab_Rightbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 120%;
	color: #FFFFFF;
	margin:0 0 0 5px;
	display:block;
	padding:6px 8px 2px 0px;
	cursor: hand;
	font-weight: bold;
}



div#container2 div.tabpanel li.selected {
  background-image: url(../images/PanelsTab_Leftbg2.gif);
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  display:block;
  margin:0 0 0 2px;
  padding:0px 0 0px 5px;
  border-bottom: 0px none;
  color: black;
}
div#container2 div.tabpanel li.selected span{
	text-align:center;
	background-image: url(../images/PanelsTab_Rightbg2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 120%;
	color: #FFFFFF;
	display:block;
	margin:0 0 0 5px;
	padding:6px 8px 2px 0px;
	font-weight: bold;
	cursor: hand;
}


div#container2 div.tabpanel div.tabpanel {
	clear: both;
	width:98%;
	background-image: url(../images/tabmenubg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin:-12px 10px 10px 10px;
	padding:0px 0px 0px 0px;
}
/*-*/
.leftbgphoto {
	clear: both;
	background-image: url(../images/tabmenubgleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:12px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	
}

.leftbgphoto h2{
	font-size: 120%;
	color: #009999;
	background-image: none;
}
.leftbgphoto ul  li{
	background-image: url(../images/icon_news.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #e8fd57;
	background-position: 2px 3px;
	margin-bottom: 8px;
	padding-left: 16px;
}
.leftbgphoto ul  li a{
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 5px;
	margin-right: 1em;
}
.leftbgphoto ul li a:hover{
	color: #FF0000;
}
.leftbgphoto .more {
	text-align: right;
	margin-right: 15px;
	background-image: none;
}
.leftbgphoto .more a{
	color: #113E55;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/icon_more.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 6px;
}
.leftbgphoto .more a:hover{
	color: #FF0000;
}


/*
div#container div.tabpanel div.tabpanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#container div.tabpanel div.tabpanel h3 {
  margin: 0;
  padding: 0;
  margin-bottom: .25em;
}
*/