@CHARSET "UTF-8";
.main-content .content-row .row-item-25 a.icon-edit{
   position:absolute;
   top:5px;
   right:5px;
}
.main-content .content-row .row-item-25 a.icon-mng-plus{
   display:block;
   width:50%;
   margin:20px auto;
   text-align:center;
}
.main-content .content-row .row-item-25 a.icon-mng-plus img{
   width:100%;
}
.main-content .content-row .row-item-25 .item-title-center{
   text-align:center;
   font-size:18px;
}
.main-content .content-row .row-item-50-f{
   float:left;
   text-align:left;
   width:calc(50% - 10px);
   margin:10px 10px 30px 10px;
   overflow:hidden;
}
.main-content .content-row .row-item-50-f:first-child{
      margin:10px 0px 30px 10px;
  }
  .main-content .content-row .row-item-50-f:last-child{
      margin:10px 10px 30px 0px;
  }
.main-content .content-row .row-item-50-f a .icon-play{
   width:48px;
   position:absolute;
   right:16px;
   bottom:9px;
}
.main-content .content-row .row-item-50-f a .icon-play:hover{
	transform:translateY(-10px);
}
.main-content .content-row .row-item-50-f a .icon-pub-logo{
   	width: 6%;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.main-content .content-row .para-content a{
	text-decoration: none;
	color: #999;
}

.main-content .content-row .para-content a:hover{
	color: #B1040E;
}

.main-content .content-row .row-item-50-f .item-detail{
   position:relative;
   box-sizing: border-box;
   border:1px solid #ccc;
   border-bottom:4px solid #B1040E;
   padding-left:20px;
   padding-right:20px;
   background: url(../img/cloudcourse_item_detail_back.svg) right bottom no-repeat;
   background-size: contain;
}
.main-content .content-row .row-item-50-f .item-detail .item-name{
   height:60px;
   line-height:60px;
}

.main-content .content-row .row-item-50-f .item-detail .item-name-h{
   height:120px;
}

.item-name-bold{
   font-weight:bold;
}
.name-mark{
   font-size:16px;
   padding-left:40px;
   display:inline-block;
}
.main-content .content-row .row-item-50-f .item-detail .item-desc{
   height:auto;
   line-height:40px;
}
.line-cap{
   padding-right:20px;
   color:#333;
}
.main-content .content-row .row-item-50-f .item-detail .item-bbar{
   position:absolute;
   left:20px;
   bottom:10px;
   width:calc(100% - 30px);
   height:30px;
   line-height:30px;
   display:inline-block;
   box-sizing: border-box;
   padding-right: 10px;
}

.main-content .content-row .row-item-50-f .item-detail .item-bbar-second{
   position:absolute;
   left:20px;
   bottom:40px;
   width:calc(100% - 30px);
   height:30px;
   line-height:30px;
   display:inline-block;
   box-sizing: border-box;
   padding-right: 10px;
}

.main-content .content-row .row-item-50-f .item-detail .item-bbar-second .item-intro{
   width:calc( 100% - 60px );
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   float:left;
}

.main-content .content-row .row-table{
   width:calc(100% - 20px);
   margin:10px;
   border-collapse:collapse;
}
.main-content .content-row .row-table{
   width:calc(100% - 20px);
   margin:10px;
}
.main-content .content-row .row-table tr{
   height:40px;
   border-bottom:1px solid #ccc;
}
.main-content .content-row .row-table tr.header-row{
   border-bottom:1px solid #B1040E;
}

.main-content .content-row .row-table tr.a-tr-hand:hover td{
   background-color:#efefef;
   cursor:pointer;
}

.main-content .content-row .block-table{
   width:calc(100% - 20px);
   margin:10px;
}
.main-content .content-row .block-table tr td{
	background-color:#EAEFF7;
}

.main-content .content-row .block-table tr td:nth-child(odd){
	background-color:#D2DEEF;
}

.main-content .content-row .block-table tr td.block-item{
   	text-align:center;
   	border:1px solid #fff;
   	display:block;
   	float:left;
   	width: calc(6.66667% - 4px);
	height: 50px;
	line-height: 50px;
}

.main-content .content-row .block-table tr td.block-item:hover{
	background-color:#B1040E;
	color:#fff;
   	cursor:pointer;
}

.main-content .content-row .para-title{
   width:calc(100% - 20px);
   margin:30px 10px 20px 10px;
   font-size:16px;
   text-align:left;
}
.main-content .content-row .para-content{
   width:calc(100% - 20px);
   margin:10px 10px;
   text-align:left;
   color:#999;
   word-break:break-all;
}
.main-content .content-row .para-left-content{
   display:inline-block;
   width:130px;
   margin:10px 0px 10px 35px;
   text-align:left;
}
.main-content .content-row .para-rest-content{
   display:inline-block;
   vertical-align:top;
   width:calc(100% - 205px);
   margin:10px 35px 10px 0px;
   text-align:left;
}
.main-content .content-row .para-rest-content .para-title{
   margin-top:5px;
   padding-left:10px;
}
@media screen and (max-width:1500px) {
	.main-content .content-row .row-item-50-f .item-detail .item-name{
      height:60px;
      line-height:60px;
   }
   .main-content .content-row .row-item-50-f .item-detail .item-name-h{
   		height:80px;
   		line-height:40px;
	}
   .main-content .content-row .row-item-50-f .item-detail .item-desc{
      height:auto;
      line-height:35px;
   }
}
@media screen and (max-width:1200px) {
	.main-content .content-row .row-item-50-f .item-detail .item-name{
      height:40px;
      line-height:40px;
   }
   .main-content .content-row .row-item-50-f .item-detail .item-name-h{
      height:80px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-desc{
      height:auto;
      line-height:30px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-bbar{
      width:calc(100% - 28px);
   }
   .main-content .content-row .row-item-50-f .item-detail .item-bbar-second{
      width:calc(100% - 28px);
   }
}
@media screen and (max-width:1000px) {
	
   .main-content .content-row .row-item-50-f .item-detail{
      padding-left:10px;
      padding-right:10px;
   }
   .main-content .content-row .row-item-50-f .item-detail .item-bbar{
   		width:calc(100% - 15px);
   		padding-right: 0px;
   		left:10px;
   }
   .main-content .content-row .row-item-50-f .item-detail .item-bbar-second{
     	width:calc(100% - 15px);
   		padding-right: 0px;
   		left:10px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-name{
      height:35px;
      line-height:35px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-name-h{
      height:70px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-desc{
      height:auto;
      line-height:25px;
   }
}
@media screen and (max-width:900px) {
   .main-content .content-row .row-item-50-f .item-detail .item-name{
      height:30px;
      line-height:30px;
      font-size:16px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-name-h{
      height:60px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-desc{
      height:auto;
      line-height:24px;
      font-size:14px;
   }
}
@media screen and (max-width:800px) {
	.main-content .content-row .row-item-50-f{
      width:calc(100% - 20px);
      margin:10px 20px 30px 20px;
      overflow:hidden;
   }
   .main-content .content-row .row-item-50-f:first-child{
       margin:10px 10px 0px 10px;
   }
   .main-content .content-row .row-item-50-f:last-child{
       margin:0px 10px 30px 10px;
   }
    .main-content .content-row .row-item-50-f .item-detail .item-name{
      height:40px;
      line-height:40px;
      font-size:18px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-name-h{
      height:80px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-desc{
      height:auto;
      line-height:30px;
      font-size:16px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-bbar{
      position:static;
      width:100%;
      font-size:16px;
   }
   .main-content .content-row .row-item-50-f .item-detail .item-bbar-second{
      position:static;
      width:100%;
      font-size:16px;
   }
   
   .main-content .content-row .block-table tr td.block-item{
   		width: calc(9.090909% - 4px);
    	height: 40px;
    	line-height: 40px
	}
}
@media screen and (max-width:640px) {
	.main-content .content-row .row-item-50-f a .icon-play{
      	width:32px;
      	right:10px;
   		bottom:5.625px;
   }
   /**.main-content .content-row .row-item-50-f a .icon-pub-logo{
   		width:32px;
      	right:10px;
   		bottom:5.625px;
	}**/
	
	.main-content .content-row .para-left-content {
    	display: inline-block;
    	width: calc(100% - 20px);
    	margin: auto 0;
    	text-align: center;
	}
	
	.main-content .content-row .para-rest-content {
    	display: inline-block;
    	vertical-align: top;
    	width: calc(100% - 20px);
    	margin: 10px 0px;
    	text-align: left;
	}
	
	.main-content .content-row .para-rest-content .para-title {
    	margin-top: 5px;
    	margin-left: 0px;
    	margin-right: 0px;
    	padding-left:0px;
	}
	
	
	.main-content .content-row .para-rest-content .para-content {
    	width: 100%;
    	text-align: left;
    	margin-left: 0px;
    	margin-right: 0px;
    	color: #999;
    	word-break: break-all;
	}
	
	.main-content .content-row .para-rest-content .para-info p,.main-content .content-row .para-rest-content .para-info li {
    	width: 100%;
    	text-align: left;
    	margin-left: 0px;
    	margin-right: 0px;
    	color: #999;
    	word-break: break-all;
    	padding-left: 0px!important;
	}
}
@media screen and (max-width:560px) {
   
}
@media screen and (max-width:480px) {
   
   .main-content .content-row .row-item-50-f .item-detail .item-name{
      height:30px;
      line-height:30px;
      font-size:16px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-name-h{
      height:60px;
   }
   
   .main-content .content-row .row-item-50-f .item-detail .item-desc{
      height:auto;
      line-height:24px;
      font-size:14px;
   }
   .main-content .content-row .row-item-50-f .item-detail .item-bbar-second{
      font-size:14px;
   }
   .main-content .content-row .row-item-50-f .item-detail .item-bbar{
      font-size:14px;
   }
   .main-content .content-row .block-table tr td.block-item{
   		width:calc(11.11111% - 4px);
	}
	.main-content .content-row .row-item-50-f a .icon-play{
      width:24px;
   }
   /**.main-content .content-row .row-item-50-f a .icon-pub-logo{
   		width:24px;
   }**/
}
@media screen and (max-width:400px) {
   
}

/**
 Format for CKEditor
**/
.main-content .content-row .para-info ol {
	list-style-position:inside;
}

.main-content .content-row .para-info ul {
	list-style-position:inside;
	list-style-type:disc;
}

.main-content .content-row .para-info p,.main-content .content-row .para-info li {
   width:calc(100% - 20px);
   margin:10px 10px;
   text-align:left;
   color:#999;
   word-break:break-all;
}

.main-content .content-row .para-info p a,.main-content .content-row .para-info li a{
	text-decoration: none;
	color: #999;
}
.main-content .content-row .para-info p a:hover,.main-content .content-row .para-info li a:hover{
	color: #B1040E;
}
.main-content .content-row .para-rest-content .para-info p,.main-content .content-row .para-rest-content .para-info li {
    padding-left: 10px;
}