/* CSS Document */
.cm_btn{ width:92px; height: 32px; line-height: 32px; margin:0 6px; border:none;  background: #FE1000;  cursor: pointer; font-size:16px; color:#fff; opacity: 0.8; transition:opacity 0.25s}
.cm_btn:hover{ opacity:1;}

.main{ padding-top:40px;}
.sider{ width:320px; float:left; }
.sider h3{ height: 44px; line-height: 44px; text-indent: 20px; background: #E50100; font-size: 16px; color:#fff;}

.course{ background: url(../img/sider_bg.png);}
.ul_cos{ margin-bottom: 40px;}
.ul_cos li:last-of-type h5{ border-bottom: none;}
.ul_cos h5{ height:36px; line-height: 36px; padding-left:36px; font-size: 15px; color:#333; background: url(../img/icon_squre.png) no-repeat 24px center; border-bottom: 1px solid #ddd;}
.ul_cos h5:active{ opacity: 0.4;}
.ul_cos .sub_cos { display: none;}
.ul_cos .sub_cos a{  height: 36px; line-height: 36px; padding-left:36px; display: block; border-bottom: 1px solid #ddd; font-size: 14px; color:#777;}
.ul_cos .sub_cos a.active{ color:#E50100;}
.ul_cos .sub_cos a.active:hover{ color:#E50100; }
.ul_cos .sub_cos a:hover{ text-decoration: underline; color:#000;}

.aboutus{ background: url(../img/sider_bg.png); }
.aboutus_main{ padding:12px 20px;}
.aboutus_main p{ height: 30px; line-height: 30px; color:#333; font-size:15px;}
/* sider */

.content{ width:848px; border:1px solid #ddd; float:right;}
.cheader{ height: 43px; line-height: 43px; padding-left:20px; font-size: 16px; border-bottom: 1px solid #ddd; color:#E50100; }
.cheader p{ float:right; padding-right:20px;line-height: 43px; color:#333;}
.cheader p a{ color:#333;}
.cheader p a:hover{ color:#ee7800; text-decoration: underline;}
.cheader span{color:#E50100;line-height: 43px;}
.cmain{ padding:40px;}
/* content */

.panel p{ line-height: 34px; margin-bottom: 12px; font-size: 14px;}
.panel p span{ width:248px; display: inline-block; text-align: right; font-size: 14px; color:#333;}
.panel p label{ display: inline-block; margin-right:10px;}
.panel p input[type=text]{ width: 260px; height: 32px; border:1px solid #e3e3e3; text-indent: 6px; font-size: 14px;}
.panel p input[type=radio]{ margin-right:4px; vertical-align: middle;}
.panel p select{ width:262px; height: 34px; border:1px solid #e3e3e3;}
.panel .pl_func{ padding-left:252px;}
/* 报名页 */

.cdetail .cmain{ padding-top:10px;}
.cdetail h3{ font-size: 24px; color:#E50100; margin: 30px 0;}
.cdetail h4{ font-size: 15px; color:#222; line-height: 28px; margin-bottom: 10px;}
.cdetail h5{ text-align: right; font-size: 15px; color:#333; line-height: 24px;}
.cdetail div{ line-height: 28px; font-size: 15px; color:#696969; text-align: justify;}

/* 详情页 */

.ul_list li{ height: 35px; line-height: 35px; border-bottom: 1px dashed #aaa;}
.ul_list a{ width:60%; display: inline-block; font-size: 14px; color:#444; padding-left:16px; background:url(../img/icon_arrow.png) no-repeat left center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ul_list a:hover{ text-decoration:underline; color:#E50100; }
.ul_list span{ float:right; font-size: 14px; color:#999;}

.paging{ text-align:center; padding:20px 0;}
.paging a{ width:34px; height: 34px; line-height: 34px; text-align: center; display:inline-block; font-size: 18px; border:1px solid #ddd; margin-right:3px;cursor:pointer; background: url(../img/sider_bg.png) no-repeat center center; color:#666; transition:border 0.25s;}
.paging a.active{ border:1px solid #E50100; background:#E50100; color:#fff; }
.paging a:active{ opacity: 0.6;}
.paging a:hover{ border:1px solid #E50100;}
/* 列表页 */

@media (max-width:1024px){
    .main{ padding:20px 0;}
    .sider{ width:100%; float:none;}
    .ul_cos{ margin-bottom: 20px;}
    .aboutus{ margin-bottom: 20px;}
    
    .content{ width:100%; float:none;}
    .cmain{ padding:20px}
    .panel p{ margin-bottom:8px}
    .panel p span{ display: block; text-align: left; line-height:30px;}
    .panel p input[type=text]{ width:100%;}
    .panel p select{ width:100%;}
    .panel .pl_func{ padding-left:0;}
    .panel .pl_func input{ margin:0 4px;}
}

@media (max-width:420px){
    .cheader span{ display: none;}
    .cheader p{ float:left;}
}