@CHARSET "UTF-8";

.top-user-img { width:40px; height:40px; margin:5px;}

.fl { float:left;}
.fr { float:right;}
.fc { margin:0 auto;}
.tc { text-align:center;}
.clear { clear:both;}

/*边框属性*/
.nb { border:none;}
.ntb { border-top:none;}
.nrb { border-right:none;}
.nbb { border-bottom:none;}
.nlb { border-left:none;}


/*常用內补*/
.padding-0 { padding:0 !important;}

.pt-0 { padding-top:0 !important;}
.pt-5 { padding-top:5px !important;}
.pt-10 { padding-top:10px !important;}
.pt-15 { padding-top:15px !important;}
.pt-20 { padding-top:20px !important;}

.pr-0 { padding-right:0 !important;}
.pr-5 { padding-right:5px !important;}
.pr-10 { padding-right:10px !important;}
.pr-15 { padding-right:15px !important;}
.pr-20 { padding-right:20px !important;}

.pb-0 { padding-bottom:0 !important;}
.pb-5 { padding-bottom:5px !important;}
.pb-10 { padding-bottom:10px !important;}
.pb-15 { padding-bottom:15px !important;}
.pb-20 { padding-bottom:20px !important;}

.pl-0 { padding-left:0 !important;}
.pl-5 { padding-left:5px !important;}
.pl-10 { padding-left:10px !important;}
.pl-15 { padding-left:15px !important;}
.pl-20 { padding-left:20px !important;}

/*常用外补*/
.margin-0 { margin:0 !important;}

.mt-0 { margin-top:0 !important;}
.mt-5 { margin-top:5px !important;}
.mt-10 { margin-top:10px !important;}
.mt-15 { margin-top:15px !important;}
.mt-20 { margin-top:20px !important;}

.mr-0 { margin-right:0 !important;}
.mr-5 { margin-right:5px !important;}
.mr-10 { margin-right:10px !important;}
.mr-15 { margin-right:15px !important;}
.mr-20 { margin-right:20px !important;}

.mb-0 { margin-bottom:0 !important;}
.mb-5 { margin-bottom:5px !important;}
.mb-10 { margin-bottom:10px !important;}
.mb-15 { margin-bottom:15px !important;}
.mb-20 { margin-bottom:20px !important;}

.ml-0 { margin-left:0 !important;}
.ml-5 { margin-left:5px !important;}
.ml-10 { margin-left:10px !important;}
.ml-15 { margin-left:15px !important;}
.ml-20 { margin-left:20px !important;}

/*基础样式*/
.icon { padding-right:5px;}
.fa { padding-right:5px;}
.icon-sm { padding-right:2px;}
.highlight { color:#02B980;}
.text-gray { color:#999;}
.require,
.remark { color:red;}
.text-ellipsis { width:100%; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
p.text-indent { text-indent:2em; text-align:justify ;}
p span.split { color:#999; padding:0 10px;}
div .divider { heidht:1px; border-bottom:1px solid #ddd;}
.np { display:none;}
.pointer { cursor:pointer;}

/*页面版权信息页*/
.page-footer { width:100%; background-color:#444547; padding:36px 0;}
.page-footer p { font-size:13px; line-height:1.3em; color:#FFF; text-align:center;}

/*前台分页样式*/
.page { text-align:center;}
.page a { padding:0px 10px; height:25px; line-height:25px; margin-right:2px; vertical-align:middle; display:inline-block;}
.page a:hover { padding:0px 10px; height:25px; line-height:25px; margin-right:2px; vertical-align:middle; display:inline-block;}
.page .current { padding:0px 10px; height:25px; line-height:25px; margin-right:2px; vertical-align:middle; display:inline-block;}
.page a { border:1px solid rgb(215, 219, 220); color:rgb(64, 69, 72); background-color:rgb(246, 255, 255);}
.page a:hover { color:rgb(255, 255, 255); text-decoration:none; vertical-align:middle; background-color:#02B980;}
.page .current { color:rgb(255, 255, 255); text-decoration:none; vertical-align:middle; background-color:#02B980;}
.page .next { font-family:"微软雅黑";}
.page .prev { font-family:"微软雅黑";}

/*前台高级分页样式*/
.page_ex { text-align:center; color:#777;}
.page_ex a,
.page_ex .prev,
.page_ex .next { height:34px; line-height:25px; padding:5px 3px 5px 5px; margin-bottom:3px; vertical-align:middle; display:inline-block; border:1px solid #CCC; color:#02B980; background-color:#FFF;}
.page_ex a:hover { color:#FFF; text-decoration:none; vertical-align:middle; background-color:#02B980; height:34px; line-height:25px; padding:5px 3px 5px 5px; margin-bottom:3px; vertical-align:middle; display:inline-block;}

/*自定义按钮样式*/
.btn-outlined { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; border-radius:20px; padding-left:20px; padding-right:20px;}
a.btn-success.btn-outlined:hover,
input.btn-success.btn-outlined:hover,
button.btn-success.btn-outlined:hover { background-color:#02B980; color:#FFF;}
a.btn-default.btn-outlined:hover,
input.btn-default.btn-outlined:hover,
button.btn-default.btn-outlined:hover { background-color:#777; color:#FFF;}
.btn-outlined.btn-default { background:none; border:1px solid #777777; color:#777777;}
.btn-outlined.btn-primary { background:none; border:1px solid #e74c3c; color:#e74c3c;}
.btn-outlined.btn-success { background:none; border:1px solid #02B980; color:#02B980;}
.btn-outlined.btn-success.active { background-color:#02B980; color:#FFF;}

.panel-heading .btn-bar { float:right; margin-top:8px; margin-right:20px;}

/*============异步讨论区样式============*/
/*发布主题帖*/
.publish-post { height:60px; font-size:26px; color:#FFF; text-align:center; line-height:60px;  background-color:#02B980;}
.publish-post:hover { background-color:#039D6D;}

/*主题帖列表*/
.media { border-bottom:1px dashed #E6E6E6 !important;  margin-top:10px;}
.media .media:last-child { border:none;}
.media .toolbar span { font-size:13px; color:#666;}
.media a img { width:50px; height:50px;}
.media-body .media-heading { font-size:16px; margin-top:4px;}
.media-body p.post-info { line-height:24px; margin:0 0 4px 0;}
.media-body p.post-info span { font-size:14px; color:#666; padding-right:15px;}

/*回复贴页面样式*/
.post-div { border:1px solid #E6E6E6; padding:0 10px; margin:0 ;}
.post-div h3.title { font-size:22px; color:#333; line-height:40px; margin:0; border-bottom:1px solid #E6E6E6;}
.post-div p.info { font-size:14px; color:#999; line-height:28px;}
.post-div p.info span { padding-right:15px;}

.media-body textarea.reply-content { height:50px; width:100%; padding:3px 5px;}
.media-body textarea.module-reply-content { height:68px; width:100%; padding:3px 5px;}

/*panel h3标题右侧按钮*/
.panel-title-btn { float:right; margin-top:8px; margin-right:20px;}
.panel-title-btn ul.dropdown-menu li a { height:40px; line-height:40px; padding-top:0;}

.comment-edit { display:none;}
.cancel-edit { color:#666;}
.cancel-edit:hover { color:#02b980;}

/*创建课程页面课程信息样式*/
.panel .select-module-block img { width:110px; height:60px; border:none; float:left;}
.panel .select-module-block .info { float:left; padding:0 10px;}
.panel .select-module-block .info h3 { margin:0; line-height:30px; font-size:20px; font-weight:bold; word-break:break-all;}
.panel .select-module-block .info h3 a { color:#02B980;}
.panel .select-module-block .info p { font-size:14px; color:#888; line-height:26px; margin:0;}
.panel .select-module-block .btn-bar { float:right; margin-top:13px; margin-right:20px;}

/*多级菜单*/
.dropdown-submenu { position:relative;}
.dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px; border-radius:0 6px 6px 6px; min-width: 160px;
  padding: 5px 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; 
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box;}
.dropdown-submenu:hover > .dropdown-menu { display:block;}
.dropdown-submenu > a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#ccc; margin-top:5px; margin-right:-10px;}
.dropdown-submenu:hover > a:after { border-left-color:#fff;}
.dropdown-submenu.pull-left { float:none;}
.dropdown-submenu.pull-left > .dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px;}

/*返回顶部*/
.up { width:54px;height:54px;background:url(../img/topback.jpg) no-repeat 0 0;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}
.up:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}