/*第一種框架,內容和標題共用大框,並在標題上框加上圓角效果*/
.md {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #B5CBD0;
margin-bottom:10px;
position:relative;
}

.md .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: 1px solid #B5CBD0;
	min-height: 25px;
	text-align: center;
	position:relative;
}
.md .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 .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 .bd {
	clear: both;
	height: auto;
	text-align: center;
	margin: 2px;
	position:relative;
}
/*第一種框架_End*/


/*第二種框架,內容有框,標題無框,標題採靠左頁籤*/
.md_2 {
background:#FFFFFF none repeat scroll 0%;
border:0px solid #B5CBD0;
margin-bottom:10px;
position:relative;
}
.md_2 .hd {
	background:transparent url(/css/image/tabbar.gif) no-repeat left;
	border-bottom: 0px solid #B5CBD0;
	min-height: 20px;
	position:relative;
/*	text-align: left;*/
}
.md_2 .hd h2{
	position:relative;
	left:10px;
	top:5px;
}
.md_2 .bd {
	clear: both;
	height: auto;
	text-align: center;
	padding: 2px;
	border:1px solid #B5CBD0;
	position:relative;

}
/*第二種框架_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_3 {
background-color:transparent;
border:0px solid #B5CBD0;
margin-bottom:10px;
position:relative;
}

.md_3 .hd {
	background:white;
	min-height: 25px;
	text-align: center;
	position:relative;
}

.md_3 .bd {
	background:white;
	clear: both;
	height: auto;
	text-align: center;
	margin: 0px;
	position:relative;
}

.md_3 .dotline {
border:1px #cccccc dotted;
}

/*第三種框架_End*/

/*第四種框架,內容和標題無框.無圓角,含背景框
<div class="hd"><br/><img> 

*/
.md_4 {
	margin-bottom: 10px;
	position: relative;
	background: url('../mainpage/200802/image/showbg.gif') no-repeat;
	width:415px;
}

.md_4 .hd {
	min-height: 40px;
	text-align: left;
	margin-left:50px;
	margin-top:12px;
	_margin-bottom:5px; /*For IE6以下*/
}

.md_4 .bd {
	clear: both;
	height: auto;
	text-align: center;
	margin: 0 auto;
	margin-left: 12px;
	position:relative;
}

/*第四種框架_End*/

/*第五種框架,內容和標題共用大框,並在框加上四個圓角效果
<div class="md_5">
<span class="rctop"><span></span></span>
<div class="hd">標題
</div>
<div class="bd">內容</div>
<span class="rcbottom"><span></span></span>
</div>
*/
.md_5 {
/*background:#FFFFFF none repeat scroll 0%;    這個屬性造成好書推薦內圖檔消失 by Mikasa 2008.04.18*/
border:2px solid #DFDFDF;
margin-bottom:10px;
position:relative;
}

.md_5 .hd {
	border-bottom: 0px solid #B5CBD0;
	min-height: 25px;
	text-align: center;
	position:relative;

}
.md_5 .rctop {
	background: transparent url(../mainpage/200802/image/H_md5_conor_TL.gif) no-repeat left;
	display: block;
	left: -2px;
	position: relative;
	top: -2px;
}
.md_5 .rctop span {
	background:transparent url(../mainpage/200802/image/H_md5_conor_TR.gif) no-repeat right;
	display: block;
	font-size: 0pt;
	height: 5px;
	position: relative;
	right: -4px;
}

.md_5 .bd {
	clear: both;
	height: auto;
	text-align: center;
	margin: 2px;
	padding-top:5px;
	position:relative;

}
.md_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:-2px;
}
.md_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_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_6 {
	border: 0px solid #B5CBD0;
	margin-bottom: 10px;
	position: relative;
}

.md_6 .hd {
	background:white;
	min-height: 25px;
	text-align: center;
	position:relative;
}

.md_6 .bd {
	clear: both;
	height: auto;
	text-align: center;
	margin: 0px;
	position:relative;
}
.md_6 .bottom {
	min-height: 8px;
}

/*第六種框架_End*/

/*第7種框架,內容有框,標題無框,標題採靠左頁籤*/
.md_7 {
background:#FFFFFF none repeat scroll 0%;
border:0px solid #B5CBD0;
margin-bottom:10px;
position:relative;
}
.md_7 .hd {
/*	background:transparent url(/css/image/tabbar.gif) no-repeat left;*/
	border-bottom: 0px solid #B5CBD0;
	min-height: 20px;
/*	text-align: left;*/
}
.md_7 .hd h2{
	position:relative;
	left:10px;
	top:5px;
}
.md_7 .bd {
	clear: both;
	height: auto;
	text-align: center;
	padding: 2px;
/*	border:1px solid #B5CBD0;*/
	border:1px solid #E4E4E4;  /*暫用此顏色*/

}
/*第7種框架_End*/

.border_1{
	background-color:white;
	width:722px;
	border:1px #D3D3D3 dashed; 
	padding:5px
}
/*無圖檔圓角邊_Begin
<div class="RoundedCorner">
   <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
  內容
     <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
*/
div.RoundedCorner {background: #F0F0F0}
b.rbottom {display:block;background: #FFF}
b.rtop {display:block;background: #FFF}
b.rbottom b {display:block;height: 1px;overflow: hidden;
background: #F0F0F0}
b.rtop b {display:block;height: 1px;overflow: hidden;
background: #F0F0F0}
b.r1{margin: 0 5px}
b.r2 {margin: 0 3px}
b.r3 {margin: 0 2px}
b.rbottom b.r4 {margin: 0 1px;height: 2px}
b.rtop b.r4 {margin: 0 1px;height: 2px}
/*無圖檔圓角邊_End*/