.banner_title
{
	font-size: 50px;
	font-weight: bold;
	color: #E4287C;
	font-family: "FangSong";
}

.index_contact
{
	line-height: 30px;
}

.title
{
	text-align: center;
	text-decoration: underline;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}

.list_date
{
	
}

.list_title
{
	
}

.album_list
{
	text-align: center;
}

.contact_td
{
	width: 15%;
	text-align: justify;
}

.detail_title
{
	text-decoration: underline;
	font-weight: bold;
	width: 10%
}

.detail_content
{

}

.back_area
{
	float: right;
	padding-right: 30px;
}

.content
{
	padding-right: 30px;
	padding-left: 10px;
}

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid #FFDFDF;
padding: 2px;
padding-left: 4px;
}

#marqueecontainer2{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid #FFDFDF;
padding: 2px;
padding-left: 4px;
}

.menu_link a:link
{
	color: red;
}

.menu_link a:hover
{
	color: red;
	font-weight: bold;
}

.menu_link a:active
{
	color: red;
}

.menu_link a:visited
{
	color: red;
}

/*photo slide*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #eeeeee;
overflow: scroll; /*leave this value alone*/
width: 465px; /*Width of Carousel Viewer itself*/
height: 355px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.activity_title
{
	font-weight: bold;
	text-decoration: underline;
}

.content
{
	text-align: left;
}