@charset "utf-8";
@import url("reset.css");
/* CSS Document */

/* 網站基本設定
---------------------------------------------*/
html,body {
	color: #333;
	font: 75% Verdana, Geneva, sans-serif;
	text-align:justify; /*文章齊頭齊尾*/
	text-justify:inter-ideograph; /*文章齊頭齊尾*/
	background: #fffefa url(../images/forum01_body_bg.jpg) repeat-x;
}
a {
	color: #5f5f5f;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
img {	
    display: block;
}
.clean-float {
	clear: both;
}
hr{height:0; border:none; border-bottom:1px solid rgba(255,255,255,1); border-top:1px solid rgba(226,226,226,1); margin:10px 0; clear:both;}

/* 網站結構設定
---------------------------------------------*/
#wrapper{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0 10px;
	background: url(../images/forum01_wrapper_bg.jpg) no-repeat;
	}
#header{ position:absolute; top:25px;}
#adText{
	position:absolute;
	bottom:-25px;
	right:10px;
}
.home{
	width:79px;
	height:21px;
	position:absolute;
	top:30px;
	left: 340px;
	z-index: 99;
	}
.home a{
	display:block;
	height:100%;
	background: url(../images/home.png);
}
.home a:hover{
	background: url(../images/home_o.png);
}

#video{
	padding-top:435px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: 1px dotted #666;
}
#video h1{ margin-bottom:5px;}
#videoYoutube{ width:660px; height:371px; float:left;}
#videoFacebook{
	padding:0 5px;
	width:280px;
	height:361px;
	float:right;
	border: 5px solid #000;
	background: #FFF;
}
#speaker{
	position:relative;
	width:960px;
	background: url(../images/speaker_bg.png) repeat;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: 1px dotted #666;
}
#speaker h1{margin-bottom:5px;}
#speaker dt{ float:left; margin:0 20px; width:200px;}
#speaker .photo{ padding-bottom:15px; border-bottom: 3px solid #e43c21; margin-bottom:15px;}
#speaker h2{
	font-size: 12px;
	color: #333;
	margin-bottom:5px;
}
#speaker h3{
	font-size: 15px;
	margin-bottom:10px;
	color: #ff5400;
	text-align:left;
	}
#speaker h4{
	position:absolute;
	top:0px;
	width:111px;
	left: 236px;
}
#speaker p{
	font-size: 13px;
	color: #333;
	line-height: 24px;
	}
#flow{ margin-bottom:20px;}
#flow h1{margin-bottom:5px;}
#flow dt{
	padding:12px 0;
	border-bottom: 1px solid #a6a5a0;
	font-size: 15px;
	line-height: 24px;
	}
#flow dt.tip{
	font-size: 11px;
	color: #333;
	border-bottom-style: none;
	text-align: right;
}
#flow dt.title{
	padding:5px 0;
	border-bottom: 0px;
	background: #000;
	font-weight: bold;
	color: #FF0;
	}
#flow dt.color{
	background: #fff1e2;
}
.flowContent{ width:690px; margin:0 auto; text-align:left;}

#read{}
#read h1{margin-bottom:5px;}
.readContent{ position:relative; height:155px; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px dotted #666; display:block;}
.readMore{
	width:79px;
	height:21px;
	position:absolute;
	bottom:20px;
	left: 240px;
	}
.readMore a{
	display:block;
	height:100%;
	background: url(../images/forum_read_more.png);
}
.readMore a:hover{
	background: url(../images/forum_read_more_o.png);
}

.readContent .photo{ float:left; width:220px; margin-right:20px;}
.readContent .text{ float:right; width:720px;}
#read h2{
	color: #ff5400;
	margin-bottom:5px;
	font: bold 24px "新細明體", verdana, Geneva;
}
#read h2 a{
	color: #ff5400;
	text-decoration: none;
}
#read h2 a:hover{
	color: #ff5400;
	text-decoration: underline;
}
#read p{
	font-size: 15px;
	line-height: 24px;
	color: #333;
}

/* Footer Set
---------------------------------------------*/
#footerLogo{ margin-bottom:20px;}
#footer{
	width:100%;
	display:table;
	padding:0 0 50px 0;
}
#footerContent{
	width:960px;
	margin:0 auto;
	padding:0 10px;
	color: #555;
	text-align: center;
	font: 11px/18px Verdana, Geneva, sans-serif;
	}
#footer a{
	color: #555;
	text-decoration: none;
}
#footer a:hover{
	color: #555;
	text-decoration: underline;
}