﻿#str_container h3{
	margin:0 0 10px;
	padding:0;
	border:0;
}
.btn{
	margin-top:5px;
	text-align:center
}
.btn a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.btn1{
	text-align:right;
	float: right;
}
.btn1 a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*read*/
.read{
	margin-bottom:10px;
	margin-top:15px;
}
#step {
	background-image: url(../images/step_bg.jpg);
	height: 422px;
	position: relative;
	width: 960px;
	background-repeat: no-repeat;
	margin-top: 20px;
}
#step .step2 {
	position: absolute;
	left: 275px;
	top: 142px;
	width: 194px;
	height: 18px;
}
#step .step3 {
	position: absolute;
	left: 671px;
	top: 104px;
	width: 170px;
}
#step .step4 {
	position: absolute;
	left: 21px;
	top: 313px;
	width: 180px;
}
#step .step5 {
	position: absolute;
	left: 452px;
	top: 342px;
	width: 278px;
}

#past_no {
	margin-top: 10px;
}
#past_no .latest {
	border: 3px solid #FF0000;
	background-color: #FFFF00;
}
#past_no .latest_date {
	color: #ec1c24;
	font-weight: bold;
}
#past_no .latest_no {
	color: #ec1c24;
	font-weight: bold;
}
#past_no .latest_no_w {
	font-weight: bold;
}


#past_no th {
	padding: 5px;
	text-align: center;
	vertical-align:middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #eeeeee;
	font-weight: bold;
}
#past_no td {
	border: 1px solid #666666;
	padding: 5px;
	text-align: center;
	vertical-align:middle;
}
#past_no .past_main_no {
	color: #ec1c24;
}

#past_no .past_no {
	font-weight: bold;
}


.course_box {
	padding:0 0 0 5px;
}
.course_sbox {
	position:relative;
	border:solid #CCCCCC 3px;
	background-color:#eeeeee;
	padding:5px;
	width:164px;
	float:left;
	margin:10px 0 0 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
.course_sbox:hover {
	border:solid #8cc63e 3px;
	background-color:#8cc63e;
	color:#FFFFFF;
	cursor:pointer;
}
.course_pic {
	height: 108px;
	overflow: hidden;
}

.course_date {
	font-weight: bold;
	margin-bottom: 5px;
}
.course_date span {
	float: right;
	color: #ec1c24;
}

.course_name {
	margin-top:5px;
	margin-bottom:5px;
	font-size:1.1em;
	font-weight:bold;
}
.course_sbox .km {
	font-weight: bold;
	color: #eb4055;
}
.course_sbox .star {
	font-weight: bold;
	color: #050640;
}


.linkarea a {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:left;
	text-indent:-9999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}
/*summary*/
.summary{
	margin:20px 0 20px 0;
	padding:10px;
	background-color:#FFFFCC;
}
.summary dt{
	width:15em;
	margin: 0 0 0 10px;
	font-weight:bold;
	float:left;
	clear:both;
}
.summary dd{
	margin:0 10px 10px 0;
	padding: 0 0 10px 16em;
	border-bottom:1px dotted #8cc63e;
}
.summary dd.last{
	border:none;
}
.finish{
	text-align:center;
	color:#FF0004;
	margin:10px 0;
	font-size:16px;
	font-weight:bold;
}