/* Essentials */
html, div, map, dt, isindex, form, header, aside, section, section, article, footer {
display: block;
}
.clear {
clear: both;
}
.spacer {
height: 20px;
}
/* Header */
header#header {
height: 55px;
width: 100%;
background: #73c353;
min-width: 1024px;
}
header#header h1.site_title, header#header h2.section_title {
float: left;
margin: 0;
font-size: 22px;
display: block;
width: 23%;
height: 55px;
font-weight: normal;
text-align: left;
text-indent: 1.8%;
line-height: 55px;
color: #fff;
text-shadow: 0 -1px 0 #000;
}
header#header h1.site_title a {
color: #fff;
text-decoration: none;
}
header#header h2.section_title {
text-align: center;
text-indent: 4.5%;
width: 68%;
/*background: url(../images/header_shadow.png) no-repeat left top;*/
}
.btn_view_site {
float: left;
width: 9%;
}
.btn_view_site a {
display: block;
margin-top: 12px;
width: 91px;
height: 27px;
background: url(../images/btn_view_site.png) no-repeat;
text-align: center;
line-height: 29px;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 0 #000;}
.btn_view_site a:hover {
background-position: 0 -27px;
}
/* Secondary Header Bar */
section#secondary_bar {
height: 38px;
width: 100%;
background: #F1F1F4 url(../images/secondary_bar.png) repeat-x;
}
section#secondary_bar .user {background:url(../images/secondary_bar1.png) repeat-y 100% top;
float: left;
width: 20%;
height: 38px;
}
.user p {
margin: 0;
padding: 0;
color: #666666;
font-weight: bold;
display: block;
float: left;
width: 85%;
height: 35px;
line-height: 35px;
text-indent: 25px;
text-shadow: 0 1px 0 #fff;
background: url(../images/icn_user.png) no-repeat center left;
margin-left: 6%;
}
.user a {
text-decoration: none;
color: #666666}
.user a:hover {
color: #77BACE;
}
.user a.logout_user {
float: left;
display: block;
width: 16px;
height: 35px;
text-indent: -5000px;
background: url(../images/icn_logout.png) center no-repeat;
}
/* Breadcrumbs */
section#secondary_bar .breadcrumbs_container {
float: left;
width: 77%;
/*background: url(../images/secondary_bar_shadow.png) no-repeat left top;*/
height: 38px;
}
article.breadcrumbs {
float: left;
padding: 0 10px;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
height: 25px;
margin: 4px 3%;
}
.breadcrumbs a {
display: inline-block;
float: left;
height: 24px;
line-height: 23px;
}
.breadcrumbs a.current, .breadcrumbs a.current:hover {
color: #9E9E9E;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
color: #44474F;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
font-weight: bold;}
.breadcrumbs a:hover {
color: #222222;
}
.breadcrumb_divider {
display: inline-block;
width: 12px;
height: 24px;
background: url(../images/breadcrumb_divider.png) no-repeat;
float: left;
margin: 0 5px;
}
/* Sidebar */
.page{ width:100%;height:100%;}
aside#sidebar {width:100%;height:100%;
width: 20%;
background: url(../images/sidebar_shadow.png) repeat-y top right #E0E0E3;
float: left;
margin-top: -4px;
}
#sidebar hr {
border: none;
outline: none;
background: url(../images/sidebar_divider.png) repeat-x;
display: block;
width: 100%;
height: 2px;}
/* Search */
.quick_search {
text-align: center;
padding: 14px 0 10px 0;
}
.quick_search input[type=text] {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #bbb;
height: 26px;
width: 90%;
color: #ccc;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
text-indent: 30px;
background: #fff url(../images/icn_search.png) no-repeat;
background-position: 10px 6px;
}
.quick_search input[type=text]:focus {
outline: none;
color: #666666;
border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}
/* Sidebar Menu */
#sidebar h3 {
color: #1F1F20;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 10px 0 10px 6%;
display: block;
float: left;
width: 90%;
}
.toggleLink {
color: #999999;
font-size: 10px;
text-decoration: none;
display: block;
float: right;
margin-right: 2%
}
#sidebar .toggleLink:hover {
color: #77BACE;
text-decoration: none;
}
/* Main Content */
section#main {
width: 80%;
min-height: 500px;
float: right;
margin-top: -2px;
}
#main h3 {
color: #1F1F20;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 20px;
}
.stats_graph {
width: 64%;
float: left;
}
.stats_overview {
background: #F6F6F6;
border: 1px solid #ccc;
float: right;
width: 26%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.overview_today, .overview_previous {
width: 50%;
float: left;}
.stats_overview p {
margin: 0; padding: 0;
text-align: center;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
}
.stats_overview p.overview_day {
font-size: 12px;
font-weight: bold;
margin: 6px 0;
}
.stats_overview p.overview_count {
font-size: 26px;
font-weight: bold;
color: #333333;}
.stats_overview p.overview_type {
font-size: 10px;
color: #999999;
margin-bottom: 8px}
/* Content Manager */
.tablesorter {
width: 100%;
margin: -5px 0 0 0;
}
.tablesorter td{
margin: 0;
padding: 0;
border-bottom: 1px dotted #ccc;
}
.tablesorter thead tr {
height: 34px;
background: url(../images/table_sorter_header.png) repeat-x;
text-align: left;
text-indent: 10px;
cursor: pointer;
}
.tablesorter td {
padding: 15px 10px;
}
.tablesorter input[type=image] {
margin-right: 10px;}
ul.tabs {
margin: 3px 10px 0 0;
padding: 0;
float: right;
list-style: none;
height: 24px; /*--Set height of tabs--*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
border: 1px solid #ccc;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
line-height: 24px;
}
ul.tabs li a {
text-decoration: none;
color: #999;
display: block;
padding: 0 10px;
height: 24px;
}
ul.tabs li a:hover {
color: #44474F;
}
html ul.tabs li.active a {
color: #44474F;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
background: #F1F2F4;
-webkit-box-shadow: inset 0 2px 3px #818181;
-moz-box-shadow: inset 0 2px 3px #818181;
box-shadow: inset 0 2px 3px #818181;
}
html ul.tabs li:first-child, html ul.tabs li:first-child a {
-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
html ul.tabs li:last-child, html ul.tabs li:last-child a {
-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}
#mainbg{background: #e6e6e6;}
#main .module header h3.tabs_involved {
display: block;
width: 60%;
float: left;
}
.message_list {
height: 250px;
overflow-x:hidden;
overflow-y: scroll;
}
.submit_link {
float: right;
margin-right: 3%;
padding: 5px 0;
}
.submit_link select {
width: 150px;
border: 1px solid #bbb;
height: 20px;
color: #666666;
}
#main .module_content h1 {
color: #333333;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 22px;
margin: 8px 0px;
}
#main .module_content h2 {
color: #444444;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 18px;
margin: 8px 0px;
}
#main .module_content h3 {
color: #666666;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 0px;
}
#main .module_content h4 {
color: #666666;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 0px;
}
#main .module_content li {
line-height: 150%;
}
/* Alerts */
#main h4.alert_info {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #B5E5EF url(../images/icn_alert_info.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #77BACE;
color: #082B33;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}
#main h4.alert_warning {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5F3BA url(../images/icn_alert_warning.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #C7A20D;
color: #796616;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}
#main h4.alert_error {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F3D9D9 url(../images/icn_alert_error.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #D20009;
color: #7B040F;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}
#main h4.alert_success {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #E2F6C5 url(../images/icn_alert_success.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #79C20D;
color: #32510F;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}
.user-menu {
display: inline-block;
margin-top: 14px;
margin-right: 10px;
float: right;
list-style: none;
padding: 0;
}
.user-menu a {
color: #fff;
}
.user-menu a:hover, .user-menu a:focus {
text-decoration: none;
}
.nav ul.children {
width: auto;
padding: 0;
margin: 0;
}
.nav ul.children li a {
height: 40px;
}
.nav li.current a {
color: #fff!important;
}
.main-nav{ font-family:"微软雅黑"; font-size:14px; width:97.5%; background:#E0E0E3;
}
.select{ background:#eee;}
#sub-item-1 li a:hover{ background:#73c353; display:block;}
#sub-item-1 li a{ background:#E0E0E3; line-height:40px; padding-left:5%;}
.secondmenu li a{ padding-left:35px;}
.nav-header.collapsed > span.glyphicon-chevron-toggle:before {
content: "\e114";
}
.nav-header > span.glyphicon-chevron-toggle:before {
content: "\e113";
}
#allCourses {background: #73c354;color: #fff;margin-top: 0; position: relative;}
.bgbs .top{overflow: visible;}
.bgbs .course-cate { position:absolute; left:0; top:40px; z-index:1; width:100.2%; background:#35a00b;}
.bgbs .course-cate ul li { position:relative;line-height:63px; height:63px; padding:0 30px; text-align:left;border-bottom: 1px solid #35b001; float: none;}
.bgbs .course-cate ul li:hover {background:#fff; color:#73c354}
.bgbs .course-cate ul li a{color: #666;}
.bgbs .menu .sub-menu { display:none;position:absolute; left:100%; top:0; z-index:99; width:500px; border:1px solid #35b001; border-left:none; background:#f9f9f9; color:#333}
.bgbs .course-cate .sub-menu li { border-bottom:none; float:left; border-right:none;}
.bgbs .menu li:hover .sub-menu { display:block}
.center,.top{ min-width:1024px; margin:auto; max-width: 1200px;}
.posiad{position:absolute; z-index:2;}
.posire{ position:relative; margin-top: 20px; min-width: 1024px;}
.ul-bg{background:#333333;}
.carousel{ height: auto; overflow: hidden;}
.tit-wrap { color:#1a1a1a; text-align: center; margin-bottom:15px; overflow:hidden }
.tit-wrap .sec-tit { position: relative; width:240px; margin:auto;font-size:42px}
.sec-tit:before { content:'';position:absolute; left:-150px; top:22px; width:150px; border-bottom:2px solid #000; transition:all .4s}
.sec-tit:after { content:'';position:absolute; right:-150px; top:22px; width:150px; border-bottom:2px solid #000; transition:all .4s}
.sec-tit:hover:before {-webkit-transform: translateX(50px) translateY(3px) rotate(90deg) scaleX(.3);transform: translateX(50px) translateY(3px) rotate(90deg) scaleX(.3);}
.sec-tit:hover:after {-webkit-transform: translateX(50px) translateY(3px) rotate(90deg) scaleX(.3);transform: translateX(-50px) translateY(3px) rotate(90deg) scaleX(.3);}
.tit-wrap .sub-tit{ font-size:14px; line-height:40px}
.tit-wrap .viewMore{ display:block; width:95px; margin:15px auto auto; line-height:24px; color:#333; border:1px solid #111; transition:all .4s}
.tit-wrap .viewMore:hover { background:#111; color:#fff}
.bgbs{background: #fff; min-width: 1024px;}
/**------- 课程展示风格1 -------**/
.sec1-list p.pi{line-height: 25px;}
.sec2-list img{width: 100%;}
/*----------------课程风格展示3-------------------*/
.sec3-list { margin:15px 0 0 0;}
.sec3-list dt {float: left;width: 200px; height:160px;margin-right: 20px;}
.sec3-list dt img { width:100%; transition:all 1s; -webkit-transition:all 1s}
.sec3-list:hover dt img { transform: rotateY(360deg); -webkit-transform:rotateY(360deg)}
.sec3-list .t-name { font-size:16px; font-weight:600}
.sec3-list .t-info {}
.sec3-list .t-intro { color:#999; margin:15px 0}
.sec3-list .getMore { display:inline-block;width:80px; padding:4px 0; text-align: center; border:1px solid #73c353; border-radius:3px; color:#73c353; transition: all .4s;}
.sec3-list .getMore:hover {color:#fff;background: #73c353}
.sec3-list .lazy{height: 160px;}
.p-sl{color: #ff0000; font-size: 16px; padding-right: 10px;}
.p-hx{TEXT-DECORATION: line-through; font-size: 16px; padding-right: 10px;}
.p-mf{color: green; font-size: 14px; padding-right: 10px;}
.shop-head{background: #fff;}