@charset "utf-8";
/* CSS Document */
.blank{height:5px;width:1px;visibility:hidden;}
.middle_content {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
.contents {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	padding-top: 50px;
	padding-right: 15px;
	padding-left: 80px;
	height:350px;
}
.taodis {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	padding-top: 50px;
	padding-right: 15px;
	padding-left: 80px;
	height:150px;
}
.abouts {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	padding-top: 50px;
	padding-right: 15px;
	padding-left: 80px;
	height:250px;
}

.left_content {
	float: left;
	width: 635px;
}
a {color:#000}
.big_pic {
	padding-bottom: 15px;
}
.big_pic img {
	border: 5px solid #b21816;
}
.intro {
	border: 2px solid #B21816;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 10px;
	height: 213px;
}
.intro p {
	padding-top: 10px;
	padding-right: 15px;
	line-height: 18px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.study {
	padding-bottom: 15px;
	border: 2px solid #B21816;
	margin-bottom: 15px;
	height: 460px;
}
.study_content {
	height: 100%;
}
.study_content li {
	float: left;
	width: 300px;
	padding-left: 10px;
	padding-top: 10px;
}
.study_content p {
	background-position: left;
	padding-left: 8px;
	padding-top: 3px;
}
.study_content p a {
	color: #000000;
	text-decoration: none;
}
.study_content p a:hover {
	color: #DE0012;
	text-decoration: underline;
}
.study_content h2 {
	font-size: 12px;
	color: #000000;
	padding-left: 8px;
	padding-top: 8px;
}
.study_content h3 {
	color: #A9150B;
	background-image: url(../images/icon_001.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	margin-left: 8px;
	margin-top: 8px;
}
.online {
	height:175px;
}
.online_list {
}
.expert {
	float: left;
	width: 310px;
	border: 2px solid #B21816;
	padding-bottom: 10px;
	height: 145px;
	margin-bottom: 15px;
}
.online_list h2 {
	padding-top: 10px;
	padding-left: 8px;
}
.online_list p {
	background-position: left;
	padding-left: 13px;
	margin-left: 12px;
	padding-top: 5px;
}
.online a {
	color: #000000;
	text-decoration: none;
}
.online a:hover {
	color: #B31B18;
	text-decoration: underline;
}

.video {
	float: right;
	width: 310px;
	border: 2px solid #B21816;
	padding-bottom: 10px;
	height: 145px;
}






.right_content {
	float: right;
	width: 310px;
}
.notice {
	border: 2px solid #B21816;
	margin-bottom: 15px;
	padding-bottom: 28px;
	_padding-bottom: 9px;
	padding-top: 10px;
	padding-left: 10px;
	height: 450px;
}

.notice a {
	color: #000000;
	text-decoration: none;
}
.notice a:hover {
	color: #B21816;
	text-decoration: underline;
}

.notice p {
	background-position: left;
	padding-left: 8px;
	margin-left: 5px;
	height: 450px;
	_height: 443px;
	line-height:25px;
}
.qp {
	border: 2px solid #B21816;
	margin-bottom: 15px;
	padding-bottom: 15px;
	_padding-bottom: 14px;
	padding-top: 10px;
	padding-left: 10px;
	height: 450px;

}
.qp a {
	color: #000000;
	text-decoration: none;
}
.qp a:hover {
	color: #B21816;
	text-decoration: underline;
}

.qp h1 {
	padding-bottom: 10px;
}

.qp p {
	background-position: left;
	padding-left: 8px;
	line-height: 20px;
	margin-left: 5px;
}
.video_jc {
	border: 2px solid #B21816;
	margin-bottom: 15px;
	padding-bottom: 9px;
	padding-top: 10px;
	padding-left: 10px;
	height: 136px;
}
.video_jc a {
	color: #000000;
	text-decoration: none;
}
.video_jc a:hover {
	color: #B21816;
	text-decoration: underline;
}

.video_jc h1 {
	padding-bottom: 8px;
}

.video_jc p {
	background-position: left;
	padding-left: 8px;
	margin-left: 5px;
}
.diy {
	border: 2px solid #B21816;
	padding-bottom: 9px;
	padding-top: 10px;
	padding-left: 10px;
	height: 136px;
}
.diy a {
	color: #000000;
	text-decoration: none;
}
.diy a:hover {
	color: #B21816;
	text-decoration: underline;
}

.diy h1 {
	padding-bottom: 8px;
}

.diy p {
	background-position: left;
	padding-left: 8px;
	margin-left: 5px;
}
.view {
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 15px;
	border: 2px solid #B21816;
	padding-top: 5px;
}
.viewocarina{
	position:relative;
}

.viewocarina img{
	margin:10px -380px;
	position:absolute;
	width:300px;
}
.taodiss {
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 15px;
	border: 2px solid #B21816;
	padding-top: 5px;
	width:700px;
	margin:0 30px;
	float:left;
}

.taodiss p{
	font-size:18px;
	color: #B21816;
	width:300px;

}

.pic {
	margin-top: 10px;
}
.pic img {
	margin-left: 8px;
}
.end {
	background-image: url(../images/end_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 130px;
	padding-bottom: 50px;
}
.end p {
	color: #efd4aa;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
}
.end a{
	color: #efd4aa;
	}
.end_p {
	color: #efd4aa;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
}
.end_p a{ color:#efd4aa;}
