/*
避免僅包含float物件的上層物件會自動collaspe，必須在float物件前後加上空div並套用此class。
經測試相容性最高；網路上的解法只有加在後面，但這樣仍有問題。
另一種直接對上層物件下overflow:auto的解法在IE6,7會有問題。*/
.preventCollapse{
	clear: left;
}
/*三欄：圖左字右*/
div.IntroBlock
{
	width: 33.2%;
	float: left;
	text-align: left;
}
.IntroBlock img
{
	float: left;
	width: 75px;
	height: 75px;
}
.IntroBlock span
{
	/*line-height: 300%;*/
}
.IntroBlock a
{
	font-size: 13px;color: #0066CC;text-decoration:none;
}
.IntroBlock a:hover
{
	text-decoration:underline;
}
.IntroBlock div 
{
	font-size: 12px;color:#666666;
}
/*======================================================*/
/*二欄：圖左字右*/
div.IntroBlock2
{
	width: 50%;
	float: left;
	text-align: left;
}
.IntroBlock2 img
{
	float: left;
	margin: 0 auto;
}
.IntroBlock2 img.floatcenter /*用在每列兩張圖且須置中的情形*/
{
	margin-left: 11%;
}
.IntroBlock2 span
{
	/*line-height: 300%;*/
}
.IntroBlock2 a
{
	font-size: 15px;color: #0066CC;text-decoration:none;
}
.IntroBlock2 a:hover
{
	text-decoration:underline;
}
.IntroBlock2 div 
{
	font-size: 13px;color:#666666;line-height:140%;
}
/*======================================================*/
/*四欄：圖上字下*/
div.IntroBlock3
{
	width: 23%;
	float: left;
	text-align: left;
	padding:0 5px;
}
.IntroBlock3 img
{
	display: block;
	margin: 0 auto;
	width: 110px;
	height: 75px;
}
.IntroBlock3 a
{
	font-size: 15px;color: #0066CC;text-decoration:none;
}
.IntroBlock3 a:hover
{
	text-decoration:underline;
}
.IntroBlock3 div 
{
	font-size: 12px;color:#666666;line-height:150%;
}
/*======================================================*/
/*三欄：圖上字下*/
div.IntroBlock4
{
	width: 32%;
	float: left;
	text-align: left;
	padding:0 3px;
}
.IntroBlock4 img
{
	display: block;
	margin: 0 auto;
	width: 110px;
	height: 75px;
}
.IntroBlock4 a
{
	font-size: 15px;color: #0066CC;text-decoration:none;
}
.IntroBlock4 a:hover
{
	text-decoration:underline;
}
.IntroBlock4 div 
{
	font-size: 12px;color:#666666;line-height:150%;
}
/*======================================================*/
/*老師介紹區頁籤區塊用*/
.IntroTabBlocks {
	/*width: 548px;*/
	/*margin: 10px 0;*/
}
/* 標題圖 */
.IntroTabBlocks .IntroTabBlocks_Title {
	float: left;
}
/* More */
.IntroTabBlocks .IntroTabBlocks_More {
	float: right;
	margin: 4px;
	display: inline-block;
	border: solid 1px green;
	background-color: #d4ffd4;
	border-radius: 3px;
	padding: 2px;
}
/*======================================================*/
/*以下是設定頁籤的部分*/
ul.IntroBlockTabs {
	float: left;
	margin: 7px 3px 0 3px;
	padding: 0;
	list-style: none;
}
ul.IntroBlockTabs li {
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 0 -1px 0;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 1px solid #999;
	background-color: #e1e1e1;
	border-radius: 5px 5px 0 0;
	padding: 2px 10px;
}
ul.IntroBlockTabs li a {
	color: #000;
	text-decoration: none;
}
ul.IntroBlockTabs li a:hover {
	background-color: #ccc;
}
ul.IntroBlockTabs li.active  {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
ul.IntroBlockTabs li.active a  {
	color: #1B9A1B;
}
ul.IntroBlockTabs li.active a:hover {
	background-color: initial;
}
div.IntroBlockContainer {
	clear: left;
	width: 100%;
	background: #fff;
}