@CHARSET "UTF-8";
@import url("../global.css");
@import url("../style.css");
body {
	min-width: 1250px;
}

#main{
	margin: 0 auto;
}

/**不同频道不同色调**/
.channel1{
	background-color:#e58411;
}

.channel2{
	background-color:#fcd12a;
}

.channel3{
	background-color:#6cd5eb;
}

.channel4{
	background-color:#2ec64f;
}


div#main_left{
	width:290px;
	float:left;
	text-align: center;
	margin-left: 45px;
}

div#main_right{
	float:right;
	margin-left:34px;
	text-align:left;
}

div#course_outline{
	font-size:36px;
	font-family: "微软雅黑";
}

div#channel_name{
	font-size:18px;
	color:#a3a3a3;
}

div#line_under_channel_name{
	width:159px;
	height:5px;
	margin:0 auto;
	margin-top:4px;
}

div#hot_course_box{
	margin-top:40px;
	text-align:left;
}

div#header_top_line{
	width:280px;
	height:2px;
}

div#header_middle{
	width:280px;
	height:32px;
	font-size:16px;
}

div#header_middle div.icon{
	width:20px;
	height:20px;
	background-image: url("../../images/course/icon.png");
	float:left;
	margin-top:7px;
	margin-left:3px;
}

div#header_middle div.title{
	float:left;
	margin-left:4px;
	margin-top:6px;
	width:80px;
	height:20px;
	font-family: "微软雅黑";
}

div#header_bottom_line{
	width:280px;
	height:2px;
	background-color:#d2d2d2;
}


ul#hot_course_list li{
	width:266px;
	padding-left:14px;
	background-repeat:no-repeat;
	line-height:30px;
	border-bottom: 1px dashed #ddd;
	background-position: 3px 12px;
	background-image: url("../../images/course/triangle2.png");
}

ul#hot_course_list li.top_three{
	background-image: url("../../images/course/triangle1.png");
}

ul#hot_course_list li.top_three a{
	color:#eb6c6c;
}

table#search_box{
	width:100%;
	border:1px #6cd5eb solid;
	background-color:#f0f0f0;
	margin-top:20px;
}

table#search_box div.color_block{
	width:10px;
	height:18px;
	background-color: #6cd5eb;
	float:left;
	margin-top:2px;
	margin-left:15px;
	margin-right: 3px;
}
table#search_box td.th{font-size:18px;-font-weight: bold;width:85px;}
table#search_box tr.grade td{padding-top: 25px;padding-bottom: 12px;}
table#search_box tr.subject td{padding-bottom: 25px;}

table#search_box td a{
	display:block;
	margin-right:15px;
	float:left;
	line-height:30px;
	text-align: center;
	padding:0px 10px;
}

table#search_box td a:hover{
	background-color:#6cd5eb;
	border-radius: 3px;
	color:#fff;
}

table#search_box td a.select{
	background-color:#6cd5eb;
	border-radius: 3px;
	color:#fff;
}

ul#course_list{
	border:1px #dcdede solid;
	margin-top:31px;
}

ul#course_list div.course_name{
	background-color:#eaecec;
	line-height:45px;
	text-indent: 15px;
}

table.course_detail{
	float:left;
}

table.course_detail td{
	padding-bottom: 15px;
    padding-top: 15px;
    vertical-align: top;
    color:#8c8c8c;
    width:550px;
}

table.course_detail td{
	 vertical-align: top;
}
table.course_detail td.th{
	width:90px;
	text-indent: 15px;
	padding-bottom: 15px;
    padding-top: 15px;
    vertical-align: top;
}

table.course_detail td.buy_course{
	width:110px;
}

div.buy_course{
	float:right;
	margin-right:32px;
	width:100px;
	height:120px;
}

div.price{
	font-size:20px;
	color:#eb6c6c;
	margin-top:25px;
	text-align: center;
	margin-bottom: 10px;
}

/**background-color:#6cb7eb;***/
a.buy_course_button{
	margin:0 aoto;
	display:block;
	width:100px;
	height:35px;
	color:#fff;
	text-align: center;
	font-size:16px;
	border-radius: 3px;
	line-height:35px;
}

a.buy_course_button:hover{
	text-decoration: underline;
	color:#fff;
}