/*第一種框架,內容和標題共用大框,並在標題上框加上圓角效果*/
.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;
}
.md .rctop {
	background: transparent url(../mainpage/200706/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/200706/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;
}
/*第一種框架_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;
/*	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;

}
/*第二種框架_End*/

/*第三種框架,內容和標題無框*/
.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;
}

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

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

/*第三種框架_End*/

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

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

.md_4 .hd {
	min-height: 40px;
	text-align: left;
}

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

/*第四種框架_End*/

/*第五種框架,內容和標題共用大框,並在框加上四個圓角效果
<div class="hd"><span class="rctop"><span></span></span>
</div>
<div class="bd"><span class="rcbottom"><span></span></span></div>

*/
.md_5 {
background:#FFFFFF none repeat scroll 0%;
border:2px solid #DFDFDF;
margin-bottom:10px;
position:relative;
}

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

}
.md_5 .rctop {
	background: transparent url(../mainpage/200706/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/200706/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;

}
.md_5 .rcbottom {
	background: transparent url(../mainpage/200706/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/200706/image/H_md5_conor_BR.gif) no-repeat bottom right;
	display: block;
	font-size: 0pt;
	height: 5px;
	position: relative;
	bottom:-0px;
	right: -4px;
}

/*第五種框架_End*/

/*第六種框架,內容和標題無框,三段分配*/
.md_6 {
	border: 0px solid #B5CBD0;
	margin-bottom: 10px;
	position: relative;
}

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

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

/*第三種框架_End*/


/*無圖檔圓角邊_Begin*/
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*/