﻿/*第一種框架,內容和標題共用大框,並在標題上框加上圓角效果*/
.md_TWCSI {
/*background:#EEF3F5 none repeat scroll 0%;
border:1px solid #CFE4EB;*/
margin-bottom:10px;
position:relative;
padding-top:5px;
}

.md_TWCSI .hd {
	/*background: transparent url(http://tw.i3.yimg.com/i/tw/hp/spirit/taboffbg.gif) repeat-x scroll center bottom;*/
	/*background: transparent url(/css/image/hd2.jpg) repeat-x scroll center bottom;*/
	/*border-bottom: 0px solid #B5CBD0;*/
	min-height: 25px;
	text-align: center;
}
.md_TWCSI .rctop {
	background: transparent url(../mainpage/200802/image/rc_all_b.gif) no-repeat scroll left -22px;
	display: block;
	left: -1px;
	position: relative;
	top: -1px;
}
.md_TWCSI .rctop span {
	background:transparent url(../mainpage/200802/image/rc_all_b.gif) no-repeat scroll right -26px;
	display: block;
	font-size: 0pt;
	height: 4px;
	position: relative;
	right: -2px;
}

.md_TWCSI .bd {
	clear: both;
	height: auto;
	text-align: center;
	margin: 2px;
}
/*第一種框架_End*/


/*第三種框架,內容和標題無框,圓角效果需另外加
<div class="md_3">
<span class="rctop"><span></span></span>
<div class="hd">標題
</div>
<div class="bd">內容</div>
<span class="rcbottom"><span></span></span>
</div>

*/
.md_TWCSI_3 {
background-color:transparent;
border:0px solid #B5CBD0;
margin-bottom:0px;
position:relative;
}

.md_TWCSI_3 .hd {
	background:white;
	min-height: 25px;
	text-align: center;
}

.md_TWCSI_3 .bd {
	background:white;
	clear: both;
	height: auto;
	text-align: center;
	margin: 0px;
}

.md_TWCSI_3 .dotline {
border:1px #cccccc dotted;
}

/*第三種框架_End*/


/*第五種框架,內容和標題共用大框,並在框加上四個圓角效果
<div class="md_TWCSI_5">
<span class="rctop"><span></span></span>
<div class="hd">標題
</div>
<div class="bd">內容</div>
<span class="rcbottom"><span></span></span>
</div>
*/
.md_TWCSI_5{
background:#FFFFFF none repeat scroll 0%;
border:1px solid #DFDFDF;
margin-bottom:10px;
position:relative;
}

.md_TWCSI_5 .hd {
	border-bottom: 0px solid #B5CBD0;
	min-height: 25px;
	text-align: center;
	position:relative;

}
.md_TWCSI_5 .rctop {
	background: transparent url(../mainpage/200802/image/H_md5_conor_TL.gif) no-repeat left 1px;
	display: block;
	left: -2px;
	position: relative;
	top: -2px;
}
.md_TWCSI_5 .rctop span {
	background:transparent url(../mainpage/200802/image/H_md5_conor_TR.gif) no-repeat right 1px;
	display: block;
	font-size: 0pt;
	height: 5px;
	position: relative;
	right: -4px;
	top:0px;
}

.md_TWCSI_5 .bd {
	clear: both;
	height: auto;
	text-align: center;
	margin: 0px;
	padding-top:5px;
	position:relative;

}
.md_TWCSI_5 .rcbottom {
	background: transparent url(../mainpage/200802/image/H_md5_conor_BL.gif) no-repeat bottom left;
	display: block;
	left: -2px;
	position: relative;
	height: 5px;
	bottom:-1px;
}
.md_TWCSI_5 .rcbottom span {
	background:transparent url(../mainpage/200802/image/H_md5_conor_BR.gif) no-repeat bottom right;
	display: block;
	font-size: 0pt;
	height: 5px;
	position: relative;
	bottom:0px;
	right: -4px;
}

/*第五種框架_End*/

/*第六種框架,內容和標題無框,三段分配,可搭配標題圖檔和背景圖(背景圖另設ID存放設定)
<div class="md_TWCSI_6" id="anews">
			<div class="hd"><a href="/b%20new/anewslist.asp"><img src="mainpage/200802/image/H_actnews_T.gif" width="170" height="31"></a></div>
			<div class="bd">
			<!--[if lte IE 6]>
			<iframe src="activitynewsboard/news.asp" name=activitynewsboard width="93%" height="350" SCROLLING="no" marginwidth=0 marginheight=0 frameborder=0 ></iframe>
			<![endif]-->
			<!--[if gt IE 6]>
			<iframe src="activitynewsboard/news.asp" name=activitynewsboard width="95%" height="350" SCROLLING="no" marginwidth=0 marginheight=0 frameborder=0 ></iframe>
			<![endif]-->
			</div>
			<div class="bottom"><img src="mainpage/200802/image/H_actnews_B.gif"></div>
		</div>

*/
.md_TWCSI_6 {
	margin-bottom: 10px;
	position: relative;
	background-image:url('../mainpage/image/right_bg.gif');
}

.md_TWCSI_6 .hd {
	min-height: 25px;
	text-align: center;
	position:relative;
	margin-bottom:0px;


}

.md_TWCSI_6 .bd {
	clear: both;
	height: auto;
	text-align: center;
	margin: 0px;
	position:relative;


}
.md_TWCSI_6 .bottom {
	min-height: 8px;
}

/*第六種框架_End*/

/*第7種框架,內容有框,標題無框,標題採靠左頁籤*/
.md_TWCSI_7 {
background:#FFFFFF none repeat scroll 0%;
border:0px solid #B5CBD0;
margin-bottom:10px;
position:relative;
}
.md_TWCSI_7 .hd {
/*	background:transparent url(/css/image/tabbar.gif) no-repeat left;*/
	/*border-bottom: 0px solid #B5CBD0;*/
	min-height: 20px;
/*	text-align: left;*/
}
.md_TWCSI_7 .hd h2{
	position:relative;
	left:10px;
	top:5px;
}
.md_TWCSI_7 .bd {
	clear: both;
	height: auto;
	text-align: center;
	padding: 2px;
	/*border:1px solid #B5CBD0;*/

}
/*第7種框架_End*/

