.red { color:#ff0000 !important; }
.ml10 { margin-left:10px; }
.comp-content { width: 980px; margin: 0px auto; padding: 10px 10px 60px 10px; background-color: #ffffff; }
.prel { position: relative; }
/****************面包屑导航**************/
.pathcon { margin: 0px auto; font-size: 14px;line-height:20px; width: 980px; padding:25px 10px; }
        .pathcon a.homelink { padding-left: 20px; }



/*********************新闻公告列表***************/
.lu-row-box1 { float: left; width: 167px; height: 132px; }
.lu-row-box2 { float: right; width: 514px; height: 132px; }
    .lu-row-box2 h2 { font-size: 15px; font-weight: bold; margin-bottom: 8px; }
        .lu-row-box2 h2 a, .list-row h2 a { text-decoration: underline; }
            .lu-row-box2 h2 a:hover, .list-row h2 a:hover { text-decoration: none; }
.article { line-height: 18px; }
.readmore { margin-top: 10px; }
    .readmore a { padding: 5px 4px 2px; font-size: 11px; }
.publishtime { margin: 5px 0px; }
.lu-row { margin-bottom: 20px; height: 135px; }
.list-row { padding-bottom: 12px; margin-bottom: 10px; }
    .list-row h2 { font-size: 13px; font-weight: bold; margin-bottom: 8px; }

/*********************新闻详情***************/
.news-content-more { margin-top: 25px; }
    .news-content-more h4 { font-size: 22px; font-family: Verdana; }
    .news-content-more ul { margin-top: 10px; }
        .news-content-more ul li { padding: 6px 0px; font-size: 13px; padding-left: 16px; }

/***********************精品课程*******************/
.courses-content { float: left; width: 710px; padding: 0px 10px; }
.courses-side { width: 232px; float: right; padding-right: 10px; }


/***********************帮助中心******************/
.help-list { padding: 10px; }
    .help-list h6 a { font-size: 14px; font-weight: bold; }
    .help-list ol { margin: 5px 10px 9px 20px; }
        .help-list ol li { padding: 2px 0px; list-style: decimal; }



/****************精品课程********************/
.course-cutover-ul { height: 32px; }
    .course-cutover-ul li {background: white;
border: 1px solid #999; border-bottom:none; cursor: pointer; float: left; font-size: 12px; height: 31px; line-height: 31px; margin-right: 3px; padding: 0 6px; }
        .course-cutover-ul li.selected { height: 31px; border-bottom: 1px solid #fff;}
.course-cutover-content { padding: 12px 12px 37px; border:1px #999 solid; }
    .course-cutover-content table td { vertical-align: top; }
.jpkc-list-title { font-size: 14px; font-weight: bold; line-height: 30px; }
.jpkc-list-table1 { width: 100%; }
    .jpkc-list-table1 th, .jpkc-list-table1 td { padding: 8px; }
.jpkc-list-explain { line-height: 19px; }
    .jpkc-list-explain span a { padding-left: 26px; }
.jpkc-list-table { margin-bottom: 19px; padding-bottom: 20px; }
.jpkc-apply-btn { display: inline-block; }
    .jpkc-apply-btn a { font-size: 14px; display: block; padding: 0 15px; float: left; height: 26px; border: none; color: #fff; text-align: center; line-height: 24px; margin-bottom: 5px;  }
/*.jpkc-apply-btn{ width:160px;}*/

/****************精品课程详情********************/
.courses-list-table { margin-bottom: 26px; border-collapse: collapse; }
    .courses-list-table td { padding: 6px 5px; border: 1px solid #CCC; }
        .courses-list-table td.left { text-align: right; width: 190px; }
        .courses-list-table td.right { text-align: left; padding-left: 10px; }
.jpkc-option-title { width: 160px; padding: 5px; margin: 14px 0; font-size: 14px; position: relative; }
    .jpkc-option-title span { position: absolute; top: 26px; left: 20px; width: 17px; height: 9px; background: url(/_Template/images/jpkc_title_arrow.gif) no-repeat; }
.prl_applybutt { position: absolute; right: 15px;  height: 24px; }
.courses-table .myclass { width: 30%; }

/*******************后台添内容通用****************/
.news-main-pack { font-size: 12px; word-break: normal; word-wrap: break-word; }
    .news-main-pack p { line-height: 20px; }
    .news-main-pack strong { font-weight: bold; }
    .news-main-pack img { margin: 8px 8px; }
    .news-main-pack table { width: 98%; }
        .news-main-pack table td { padding: 4px 3px; }


    .news-main-pack ul li { padding: 3px 0px; }

.campus-picture { height: 260px; margin: 50px auto 0; position: relative; width: 700px; }
    .campus-picture ul.list-paddingleft-2 { padding-left: 0px; }
        .campus-picture ul.list-paddingleft-2 img { margin: 0px; }
    .campus-picture img { float: left; clear: both; }
.picture-distance { margin-bottom: 100px; }
.campus-picture-left, .campus-picture-right { cursor: pointer; height: 62px; position: absolute; top: 100px; width: 30px; }
.campus-picture-left { background: url("/_Template/Images/campus-picture-left.png") no-repeat scroll 0 0 transparent; left: 0; }
.campus-picture-right { background: url("/_Template/Images/campus-picture-right.png") no-repeat scroll 0 0 transparent; right: 0; }
.campus-picture .selected { background-position: center bottom; }
.campus-picture-bar { background: url("/_Template/Images/campus-picture-bar.png") repeat-x scroll 0 0 transparent; bottom: 0; color: #FFFFFF; font-size: 14px; height: 30px; left: 0; line-height: 30px; padding-left: 20px; position: absolute; width: 680px; }
    .campus-picture-bar ul { height: 10px; position: absolute; right: 0; top: 10px; width: 180px; }
        .campus-picture-bar ul li { background: url("/_Template/Images/campus-picture-libg.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; height: 8px; margin-right: 8px; width: 8px; }
            .campus-picture-bar ul li.active { background-position: -9px 0; }
.campus-picture-ul { height: 260px; overflow: hidden; width: 700px; }
    .campus-picture-ul li { display: none; float: left; height: 260px; width: 700px;overflow: hidden;}
    .campus-picture-ul li img{ width:700px;}
        .campus-picture-ul li.active { display: block; }


/*********************快速申请*************************/
.search-plate-ul li { float: left; width: 400px; }
.search-plate-tab { margin-left: 35px; }
    .search-plate-tab td { padding: 8px 0px; }
        .search-plate-tab td.n { text-align: right; padding-right: 8px; }
        .search-plate-tab td.v { text-align: left; }
    .search-plate-tab select { font-family: Arial; width: 260px; height: 26px; }
.cou-input { width: 178px; border: #c4c4c4 1px solid; height: 22px; line-height: 22px; margin-right: 6px; }
.btn-search-org { font-size: 14px; height: 24px; width: 70px; border: none; color: #FFFFFF; background: #c00; cursor: pointer; }
.courses-series h2 { font-size: 14px; font-weight: bold; margin-top: 27px; }
.courses-table { width: 100%; margin-top: 15px; }
    .courses-table th { padding: 7px 4px; text-align: center; }
    .courses-table td { padding: 7px 4px; text-align: center; }
    .courses-table a { text-decoration: underline; }
        .courses-table a:hover { text-decoration: none; }
.courses-list-page { height: 46px; }
    .courses-list-page a { padding: 5px 9px; margin: 0 4px; background: url(/_Template/images/png-all-bg.png) repeat-x left top; border-radius: 2px; border: 1px solid #DDD; color: #333; text-decoration: none; }
.courses-table a:hover { background-position: left bottom; }
.courses-content-pic { width: 980px; margin: 30px auto; }
    .courses-content-pic li { position: relative; float: left; width: 300px; margin-right: 25px; }
    .courses-content-pic img { width: 300px; }
    .courses-content-pic li .bar { position: absolute; bottom: 15px; left: 0; height: 28px; line-height: 28px; width: 100%; }
        .courses-content-pic li .bar a { padding-left: 5px; font-weight: bold; font-size: 14px; }

/****************************宿舍*/
#roomPic.dormitory-picture { width: 600px; height: 400px; margin: 10px auto; position: relative; border: 1px solid #bababa; padding: 10px; }
#roomPic .dormitory-picture-box { width: 100%; height: 100%; overflow: hidden; }
#roomPic .dormitory-picture-ul { width: 9000px; height: 100%;  padding:0; margin:0;}
    #roomPic .dormitory-picture-ul li { width: 600px; height: 100%; float: left; margin-right: 5px; }
        #roomPic .dormitory-picture-ul li img { width: 100%; height: 100%;  margin:0; padding:0;}
#roomPic .dormitory-picture-btn { position: absolute; top: 100px; width: 45px; height: 180px; cursor: pointer; padding: 10px; display: block; }
    #roomPic .dormitory-picture-btn:hover { background-color: rgba(255, 255, 255, 0.68); }
#roomPic .dormitory-picture-left { left: 10px; background: url(/_SiteContent/hbut/images/dormitory-left.png) 15px 0px no-repeat; }
#roomPic .dormitory-picture-right { right: 10px; background: url(/_SiteContent/hbut/images/dormitory-right.png) 0px 0px no-repeat; }