* {
padding: 0;
margin: 0;
}
html, body {
font: 14px/1.5 Tahoma,ËÎÌå,Arial;
background: #f7f7f7;
color: #000;
}
ul, ol, dl {
list-style: none;
}
table, caption, th {
border-collapse: collapse;
border-spacing: 0;
text-align: center;
}
td {
text-align: left;
}
fieldset, img, abbr, acronym {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
strong, em {
font-weight: bold;
}
input, textarea, select {
font-family: Tahoma, ËÎÌå, Arial;
font-size: 14px;
color: #999;
letter-spacing: 1px;
}
input,textarea {
border: solid 1px #ccc;
padding: 7px 5px 6px;
}
select, label {
cursor: pointer;
}
a, a:link, a:visited, a:focus, a:hover, a:active {
color: #245B99;
text-decoration: none;
}
a:hover {
color: #DA4901;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 18px;
color: #333;
}
h2 {
font-size: 14px;
color: #DA4901;
}
h3 {
font-size: 14px;
color: #245B99;
}
h4 {
font-size: 12px;
color: #DA4901;
}
h5, h6 {
font-size: 12px;
color: #333;
}
#wp {
width: 100%;
overflow: hidden;
}
#header, #header-small, #content, #footer {
width: 950px;
margin: 0 auto;
}
#header {
margin: 44px auto 10px;
height: 100%;
}
#header-small {
margin: 40px auto 0;
height: 100%;
overflow: hidden;
}
#header .logo {
float: left;
margin: 0 0 5px 2px;
background: url(../../../img/logo.png) no-repeat;
}
#header .logo a {
display: block;
width: 345px;
}
#header .logo a:hover {
background: url(../../../img/logo.png) no-repeat;
}
#header #site-search, #header-small #site-search {
float: right;
width: 420px;
height: 31px;
padding: 5px 0 4px;
background: url(../../../img/bg-site-.gif) no-repeat;
}
#site-search #keyId, #header-small #keyId {
width: 272px;
border-right: none;
margin-left: 5px;
}
#site-search #site-search-submit {
width: 40px;
height: 30px;
background: url(../../../img/btn-site.gif) no-repeat;
padding: 0;
}
#site-search #site-search-submit span {
visibility: hidden;
}
#site-search #site-search-submit:hover {
text-decoration: none;
}
#header-small .logo {
float: left;
margin: 10px 0 5px 2px;
}
#header-small .logo a {
display: block;
width: 345px;
}
#header-small .logo a:hover {
background: url(http://static.alibado.com/1300101643/images/common/logo/logo-hover.gif) no-repeat;
}
#header-small .index-module{
float: right;
}
#header-small .site-nav{
width: 380px;
font-size:12px;
padding-bottom:10px;
height:100%;
overflow:hidden
}
#header-small .site-nav li{
float:left;
padding:0 15px 0 17px;
background: url(http://static.alibado.com/1300101643/images/common/icon/icon-simple-nav.gif) no-repeat 0 2px;
}
#site-nav {
clear: both;
width: 100%;
height: 43px;
background: url(../../../img/bg-site0.gif) no-repeat;
}
#site-nav li {
float: left;
}
#site-nav li a {
display: inline-block;
height: 43px;
}
#site-nav li a:hover, #site-nav li.show-expand a {
text-decoration: none;
background: url(../../../img/bg-site1.gif) no-repeat -100px;
}
#training #site-nav li a#cate-offline, #study #site-nav li a#cate-online, #app #site-nav li a#app-evaluation, #homepage #site-nav li a.current, #teacher #site-nav li a#app-teacher {
background: url(../../../img/bg-site1.gif) no-repeat -100px;
}
#site-nav li.show-expand div a {
background: #fff;
}
#site-nav li span {
display: block;
padding: 10px 22px 8px;
border-right: solid 1px #0F2C5A;
color: #fff;
font-weight: bold;
background: url(../../../img/bg-site2.gif) no-repeat right bottom;
}
#site-nav li span.no-more-back {
background: none;
}
#site-nav li a:hover span, #site-nav li.show-expand a span {
background-image: url(../../../img/bg-site3.gif);
}
#site-nav li a:hover span.no-more-back {
background: none;
}
#site-nav li.about-quick-entry {
float: right;
margin-right: 7px;
}
#site-nav li.about-quick-entry a:hover {
background: none;
}
#site-nav li.about-quick-entry span {
padding-left: 28px;
padding-right: 7px;
border-right: none;
font-size: 12px;
font-weight: normal;
color: #fff;
background: url(../../../img/bg-about.gif) no-repeat left 11px;
}
#site-nav li.about-quick-entry a:hover span {
background-image: url(../../../img/bg-abouu.gif);
color: #fff;
}
#site-nav li.bg-site-nav-cr {
float: right;
width: 7px;
height: 43px;
padding: 0;
border: none;
margin: 0;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-site-nav-cr.gif) no-repeat;
}
#site-nav li a.home {
background: url(../../../img/bg-site0.gif) no-repeat left top;
}
#site-nav li a.home:hover, #homepage #site-nav li a.home.current {
background: url(../../../img/bg-site1.gif) no-repeat left top;
}
#site-nav li.show-expand {
position: relative;
z-index: 10;
}
#site-nav li.show-expand .wp-expand-menu {
display: block;
}
.wp-expand-menu {
display: none;
position: absolute;
top: 39px;
left: -2px;
width: 388px;
padding: 5px;
border-right: solid 1px #0B2551;
border-bottom: solid 1px #0F2C5A;
border-left: solid 1px #0F2C5A;
background: #2C4B76;
}
.wp-expand-menu .expand-menu {
height: 100%;
width: 386px;
padding-bottom: 1px;
border: solid 1px #4C6487;
border-right-color: #0B2551;
border-bottom-color: #0B2551;
overflow: hidden;
background: #fff;
}
.wp-expand-menu .expand-menu li {
float: left;
width: 193px;
margin: 1px 0 0 0;
}
#site-nav .wp-expand-menu .expand-menu li a {
display: block;
height: auto;
padding: 5px 0 5px 12px;
border-left: solid 1px #fff;
margin-right: 1px;
}
#site-nav .wp-expand-menu .expand-menu li a:hover {
border-left-color: #F8DBBF;
background: #E26F00;
color: #fff;
}
#footer {
margin: 10px auto;
}
#footer ul, #footer p{
height: 100%;
overflow: hidden;
font-size: 12px;
}
#footer li {
float: left;
padding: 0 8px;
border-right: solid 1px #ccc;
line-height: 1.2;
}
#footer #alibado-links,
#footer #alibaba-links {
margin-bottom: 15px;
}
#footer li.no-more-border {
border-right: none;
}
#footer #friend-links {
height: 100%;
border-bottom: solid 1px #E0E0E0;
overflow: hidden;
}
#footer #friend-links h4 {
float: left;
margin: 0 0 0 8px;
font-weight: normal;
line-height: 1.2;
}
#footer #friend-links ul {
margin-left: 65px;
}
#footer #friend-links ul li {
margin-bottom: 15px;
}
#footer #alibado-links {
padding-top: 11px;
border-top: solid 1px #fff;
}
#footer #alibado-links.change {
border-color: #E0E0E0;
}
#footer #alibado-links.no-more-border {
border-top: none;
}
#footer #alibaba-links h6 {
color: #666;
font-weight: normal;
}
#footer #copyright {
clear: both;
margin: 0 0 11px;
color: #666;
width:310px;
}
#footer #copyright em {
font-weight: normal;
}
#footer #licence {
height: 100%;
overflow: hidden;
}
#footer #licence .licence-text {
float: left;
width: 600px;
}
#footer #licence .licence-text li {
margin-bottom: 15px;
}
#footer #licence .licence-icon {
float: right;
width: 310px;
}
#footer #licence .licence-icon li {
padding: 0;
border-right: none;
margin: 0;
}
#footer #licence a {
color: #690;
}
#wp-user-panel{position:absolute;z-index:100;top:0;left:0;width:100%;height:32px;background:url(../../../img/bg-user-.gif) repeat-x}
#login-wp img{width:22px; height:22px; vertical-align:middle; padding:1px; border:1px solid #ccc; margin-top:-3px}
#user-panel{width:950px;margin:0 auto}
#wp-user-panel ul{font-size:12px}
#wp-user-panel li{padding-top:6px; float:left}
#wp-user-panel li a{padding:0 8px; border-left:solid 1px #ccc; height:14px; position:relative}
#wp-user-panel li a.no-more-border{border-left:none}
#wp-user-panel li div a, #wp-user-panel li ul a{padding:0;border:none}
#wp-user-panel li ul li{float:none; padding-top:0}
#user-panel-login{float:left}
#wp-user-panel .tools-quick-entry{position:relative}
#wp-user-panel .tools-quick-entry a.account-entry span{padding-right:23px; background:url(../../../img/icon-exp.gif) no-repeat 55px 1px; height:14px;}
#wp-user-panel .tools-quick-entry a.account-entry:hover, #wp-user-panel .show-expand a.account-entry{padding:0 2px; height:14px; border-left:1px solid #f1f1f1}
#wp-user-panel .tools-quick-entry a.account-entry:hover span, #wp-user-panel .show-expand a.account-entry span{border:solid 1px #ccc; border-bottom:none; text-decoration:none; padding:5px 28px 5px 5px; margin-top:-5px; background:#f8f8f8 url(../../../img/icon-exp.gif) no-repeat 60px 6px;*background: #f8f8f8 url(../../../img/icon-exp.gif) no-repeat 61px 7px; border-top-left-radius: 2px 2px;border-top-right-radius: 2px 2px;}
#wp-user-panel .show-expand .wp-account-menu{display:block}
#wp-user-panel .wp-account-menu{display:none; position:absolute; top:26px; left:3px; width:81px; border:solid 1px #ccc; border-right:solid 1px #dadada; border-right:solid 1px #dadada;border-bottom:solid 1px #dadada;background:#fff;border-bottom-left-radius: 2px 2px;border-bottom-right-radius: 2px 2px; -webkit-box-shadow: #E8E8E8 0px 1px 0px;}
#wp-user-panel #bado-course{width:180px;}
#wp-user-panel #bado-course li{float:left; width:90px;}
#wp-user-panel .wp-account-menu li a{display:block; width:65px; height:auto; padding:7px 8px; text-align:center}
#wp-user-panel #bado-course li a{width:74px;}
#wp-user-panel .user-avatar-small {width:20px; height:20px; padding:1px; border: 1px solid #8e8e90; margin-top: -2px;}
#wp-user-panel .user-welcome {padding-right: 8px;}
#wp-user-panel .no-right-padding {padding-right: 0;}
#user-panel-tools{float:right; }
#user-panel-tools .feedback a,#user-panel-tools .faq a{color:#5C5C5C}
#wp-user-panel #search-box{margin-left:-150px; width:210px; padding:10px;}
#wp-user-panel .tools-quick-entry a.search-tab{background:url(http://static.alibado.com/1300101643/images/common/icon/icon-search.png) no-repeat 10px 1px;}
#wp-user-panel .tools-quick-entry a.search-tab span{background:url(../../../img/icon-exp.gif) no-repeat 55px 1px; padding-left:23px;}
#wp-user-panel .tools-quick-entry a.search-tab:hover,
#wp-user-panel .show-expand a.search-tab{*background:url(http://static.alibado.com/1300101643/images/common/icon/icon-search.png) no-repeat 10px 7px;text-decoration:none;}
#wp-user-panel .tools-quick-entry a.search-tab:hover span,
#wp-user-panel .show-expand a.search-tab span{padding-left:28px; background: url(../../../img/icon-exp.gif) no-repeat 60px 6px;*background: url(../../../img/icon-exp.gif) no-repeat 61px 7px;}
#search-box .search-input{font-size:12px; margin-bottom:10px; width:198px;}
#search-box .search-btn{width:60px; background:#2d589c; border:1px solid #172A7D;border-radius: 2px 2px; -webkit-box-shadow: #E8E8E8 0px 1px 0px; padding:5px 20px; color:#fff}
#search-box .search-btn a{}
.col1-a, .col2-a, .col2-b, .col2-c, .col2-d, .col2-e {
height: 100%;
overflow: hidden;
}
.col2-a .col2-a-lc {
float: left;
width: 670px;
margin-right: 10px;
}
.col2-a .col2-a-rc {
float: right;
width: 270px;
}
.col2-b .col2-b-lc {
float: left;
width: 820px;
margin-right: 10px;
}
.col2-b .col2-b-rc {
float: left;
width: 120px;
}
.col2-c .col2-c-lc {
float: left;
width: 580px;
margin-right: 10px;
}
.col2-c .col2-c-rc {
float: left;
width: 230px;
}
.col2-d .col2-d-lc {
float: left;
width: 710px;
margin-right: 10px;
}
.col2-d .col2-d-rc {
float: right;
width: 230px;
}
.col2-e .col2-e-lc {
float: left;
width: 630px;
margin-right: 10px;
}
.col2-e .col2-e-rc {
float: right;
width: 310px;
}
.box {
height: 100%;
margin-bottom: 10px;
overflow: hidden;
}
.box h2 span, .box h2 em, .box h2 a, .box h1 span, .box h1 em, .box h1 a {
float: left;
}
.box h2 em, .box h1 em {
margin: 9px 0 0 6px;
}
.box h2 a, .box h1 a {
font-size: 12px;
font-weight: normal;
}
.box h2 a.quick-entry {
float: right;
padding-right: 14px;
margin: 9px 6px 0 0;
background: url(../../../img/bg-quick.gif) no-repeat right center;
color: #70A3CD;
}
.box h2 a.quick-entry:hover {
color: #DA4901;
}
.box h2 span.cate-quick-entry {
margin: 9px 0 0 23px;
}
.box h2 .cate-quick-entry a {
padding: 0 8px;
border-right: solid 1px #ccc;
}
.box h2 .cate-quick-entry a.no-more-border {
border-right: none;
}
.box h2 .cate-quick-entry a:hover {
background: #245B99;
color: #fff;
text-decoration: none;
}
.box h2 .cate-quick-entry span.view-more {
padding-top: 0;
padding-bottom: 0;
margin-left: 9px;
}
.box h2 .cate-quick-entry span.view-more a {
padding-left: 0;
}
.box h2 .cate-quick-entry span.view-more a:hover {
background: none;
color: #DA4901;
text-decoration: underline;
}
.boxA-title, .boxB-title, .boxC-title, .boxD-title, .boxZ-title, .boxE-title, .boxF-title, .boxG-title {
height: 35px;
overflow: hidden;
background: url(../../../img/bg-boxA-.gif) repeat-x;
}
.boxA-title span.boxA-tl {
height: 35px;
width: 6px;
background: url(../../../img/bg-boxA0.gif) no-repeat;
}
.boxA-title span.boxA-tr {
float: right;
width: 6px;
height: 35px;
background: url(../../../img/bg-boxA1.gif) no-repeat;
}
.boxB-title {
background-image: url(../../../img/bg-boxB-.gif);
}
.boxB-title span.boxB-tl {
width: 5px;
height: 35px;
background: url(../../../img/bg-boxB0.gif) no-repeat;
}
.boxB-title span.boxB-tr {
float: right;
width: 5px;
height: 35px;
background: url(../../../img/bg-boxB1.gif) no-repeat;
}
.boxC-title {
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxC-tb.gif);
}
.boxC-title em {
color: #fff;
}
.boxC-title span.boxC-tl {
height: 35px;
width: 6px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxC-tl.gif) no-repeat;
}
.boxC-title span.boxC-tr {
float: right;
width: 6px;
height: 35px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxC-tr.gif) no-repeat;
}
.boxD-title {
height: 40px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxD-tb.gif);
}
.boxD-title em {
font-size: 18px;
}
.boxD-title span.boxD-tl {
height: 40px;
width: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxD-tl.gif);
}
.boxD-title span.boxD-tr {
float: right;
height: 40px;
width: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxD-tr.gif)
}
.boxE-title {
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxE-tb.gif);
}
.boxE-title span.boxE-tl {
float: left;
width: 6px;
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxE-tl.gif);
}
.boxE-title span.boxE-tr {
float: right;
width: 6px;
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxE-tr.gif);
}
.boxF-title {
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxF-tb.gif);
}
.boxF-title span.boxF-tl {
float: left;
width: 6px;
height: 35px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxF-tl.gif);
}
.boxF-title span.boxF-tr {
float: right;
width: 6px;
height: 35px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxF-tr.gif);
}
.boxG-title {
height: 6px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxG-tb.gif) repeat-x;
}
.boxG-title span.boxG-tl, .boxG-title span.boxG-tr {
float: left;
width: 7px;
height: 6px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxG-tl.gif) no-repeat;
}
.boxG-title span.boxG-tr {
float: right;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxG-tr.gif);
}
.boxZ-title {
height: 100%;
padding-bottom: 10px;
border-bottom: solid 1px #EAEAEA;
background: #fff url(http://static.alibado.com/1300101643/images/common/bg/bg-boxZ-tb.gif) repeat-x;
}
.boxZ-title .title {
float: left;
}
.boxZ-title span.boxZ-tl {
float: left;
width: 5px;
min-height: 78px;
padding-bottom: 500px;
border-bottom: solid 1px #EAEAEA;
margin-bottom: -500px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxZ-tl.gif) no-repeat;
overflow: hidden;
}
.boxZ-title span.boxZ-tr {
float: right;
width: 5px;
min-height: 78px;
padding-bottom: 500px;
border-bottom: solid 1px #EAEAEA;
margin-bottom: -500px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxZ-tr.gif) no-repeat;
overflow: hidden;
}
.box-null-title {
height: 4px;
overflow: hidden;
background: url(../../../img/bg-box-n.gif) repeat-x;
}
.box-null-title span.box-null-tl {
float: left;
width: 6px;
height: 4px;
background: url(../../../img/bg-box-o.gif) no-repeat;
}
.box-null-title span.box-null-tr {
float: right;
width: 6px;
height: 4px;
background: url(../../../img/bg-box-p.gif) no-repeat;
}
.box-con {
height: 100%;
padding: 0 12px;
border-left: solid 1px #d5d5d5;
border-right: solid 1px #d5d5d5;
overflow: hidden;
background: #fff;
}
.box-con .box-hook {
height: 100%;
margin: 0 1px;
overflow: hidden;
}
.boxA-foot, .boxB-foot, .boxC-foot {
height: 5px;
overflow: hidden;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxA-fb.gif) repeat-x;
}
.boxB-foot {
background-image: url(../../../img/bg-boxB2.gif);
}
.boxC-foot {
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxC-fb.gif);
}
.boxF-foot {
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxF-fb.gif);
}
.boxA-foot span, .boxB-foot span, .boxC-foot span, .boxF-foot span {
float: left;
width: 5px;
height: 5px;
}
.boxA-foot span.boxA-fl {
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxA-fl.gif) no-repeat;
}
.boxA-foot span.boxA-fr {
float: right;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxA-fr.gif) no-repeat;
}
.boxB-foot span.boxB-fl {
background: url(../../../img/bg-boxB3.gif) no-repeat;
}
.boxB-foot span.boxB-fr {
float: right;
background: url(../../../img/bg-boxB4.gif) no-repeat;
}
.boxC-foot span.boxC-fl {
width: 6px;
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxC-fl.gif);
}
.boxC-foot span.boxC-fr {
float: right;
width: 6px;
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxC-fr.gif);
}
.boxD-foot {
height: 6px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxD-fb.gif) repeat-x;
}
.boxD-foot span.boxD-fl, .boxD-foot span.boxD-fr {
float: left;
width: 7px;
height: 6px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxD-fl.gif) no-repeat;
}
.boxD-foot span.boxD-fr {
float: right;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxD-fr.gif);
}
.boxF-foot span.boxF-fl {
width: 6px;
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxF-fl.gif);
}
.boxF-foot span.boxF-fr {
float: right;
width: 6px;
height: 6px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-boxF-fr.gif);
}
:focus {
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
zoom:1;
}
.hidden{
display: none;
}
.view-more {
padding: 4px 0 4px 17px;
background: url(http://static.alibado.com/1300101643/images/common/icon/icon-new-window.gif) left center no-repeat;
font-size: 12px;
}
.view-more a {
color: #70A3CD;
font-weight: normal;
}
.view-more a:hover {
color: #DA4901;
}
.top h3 {
margin-bottom: 7px;
font-size: 14px;
}
.top-image {
float: left;
}
.top-image img {
display: block;
padding: 4px;
border: solid 1px #D5D5D5;
}
.top-text {
float: left;
font-size: 12px;
color: #999;
}
.top-text .view-more {
margin-left: 12px;
}
.search-text {
border: none;
border-right: solid 1px #13366F;
background: url(../../../img/bg-site4.gif) no-repeat;
}
.search-button {
display: inline-block;
line-height: 31px;
padding: 0 15px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-box-search.gif) no-repeat right;
vertical-align: top;
}
a.search-button {
color: #fff;
}
.search-button:hover {
text-decoration: none;
}
.search-value {
margin-left: 12px;
font-size: 12px;
}
.list {
height: 100%;
overflow: hidden;
font-size: 12px;
}
.list li {
padding: 4px 0 4px 12px;
border-bottom: dotted 1px #D9D9D9;
font-size: 12px;
word-wrap: break-word;
}
.list li.no-more-border {
border-bottom: none;
}
.list .meta-date {
color: #999;
}
.list .meta-flag {
margin-left: 6px;
color: #DA4901;
}
.order-list em {
margin-right: 6px;
color: #FF8B17;
font-family: Arial;
}
.small-font {
font-size: 12px;
}
.meta-digg-list {
padding-left: 23px;
background: url(http://static.alibado.com/1300101643/images/common/icon/icon-list-digg.gif) no-repeat left center;
}
.meta-fav-list {
padding-left: 23px;
background: url(http://static.alibado.com/1300101643/images/common/icon/icon-list-fav.gif) no-repeat left center;
}
.hot-tag a {
display: inline-block;
padding-right: 15px;
margin-bottom: 8px;
font-size: 12px;
}
.hot-tag a em {
font-weight: normal;
color: #DA4901;
}
.course-cate-video {
padding-left: 30px;
no-repeat left center;
}
.course-cate-text {
padding-left: 30px;
background: url(http://static.alibado.com/1300101643/images/common/icon/icon-course-cate-text.gif) no-repeat left center;
}
.course-cate-image {
padding-left: 30px;
background: url(http://static.alibado.com/1300101643/images/common/icon/icon-course-cate-image.gif) no-repeat left center;
}
.course-cate-special {
padding-left: 30px;
background: url(http://static.alibado.com/1300101643/images/common/icon/icon-course-cate-special.gif) no-repeat left center;
}
.banner-list {
margin: 10px 0;
}
.banner-list img {
padding: 4px;
border: solid 1px #D5D5D5;
}
.banner-list li {
margin-bottom: 10px;
}
.btn-area {
height: 100%;
overflow: hidden;
}
.btn {
float: left;
display: inline;
font-size: 12px;
}
.btn:hover {
text-decoration: none;
}
.btn span, .btn em {
float: left;
font-weight: normal;
}
.btnA:hover {
color: #fff;
}
.btnA span {
width: 12px;
height: 28px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnA-cl.gif) no-repeat;
}
.btnA em {
padding: 4px 15px 6px 5px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnA-cr.gif) no-repeat right;
color: #fff;
cursor: pointer;
}
.btnA em dfn {
padding-right: 10px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnA-arrow.gif) no-repeat right center;
cursor: pointer;
}
.btnB span {
width: 7px;
height: 30px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnB-cl.gif) no-repeat;
}
.btnB em {
padding: 4px 15px 5px 5px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnB-cr.gif) no-repeat right;
color: #fff;
cursor: pointer;
color: #245B99;
font-size: 14px;
}
.btnC span {
width: 6px;
height: 40px;
background: url(../../../img/btn-btnC.gif) no-repeat;
}
.btnC em {
padding: 7px 13px 10px 5px;
background: url(../../../img/btn-btnD.gif) no-repeat right;
cursor: pointer;
color: #245B99;
}
.btnC em dfn {
display: block;
padding-left: 32px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnC-arrow.gif) no-repeat left center;
cursor: pointer;
font-size: 14px;
font-weight: bold;
}
.btnD span {
width: 6px;
height: 42px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnD-cl.gif) no-repeat;
}
.btnD em {
padding: 8px 15px 10px 10px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnD-cr.gif) no-repeat right;
color: #fff;
cursor: pointer;
}
.btnD em dfn {
display: block;
padding-left: 32px;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-btnD-arrow.gif) no-repeat left center;
cursor: pointer;
font-size: 16px;
font-family: ΢ÈíÑźÚ,ºÚÌå,ËÎÌå,Arial;
}
.btn-scroll {
float: left;
}
.btn-scroll:hover {
text-decoration: none;
}
.btn-scroll span {
visibility: hidden;
}
.btn-previewA, .btn-nextA {
width: 24px;
height: 24px;
}
.btn-previewA.prevView {
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-previewA.gif) no-repeat;
}
.btn-previewA.prevStop {
cursor: not-allowed;
background: url(../../../img/btn-prev.gif) no-repeat;
}
.btn-nextA.nextView {
background: url(../../../img/btn-next.gif) no-repeat;
}
.btn-nextA.nextStop {
cursor: not-allowed;
background: url(http://static.alibado.com/1300101643/images/common/btn/btn-nextA-end.gif) no-repeat;
}
.crumb-nav {
width: 100%;
height: 35px;
margin-bottom: 10px;
overflow: hidden;
background: url(../../../img/bg-crumb.gif) no-repeat right top;
font-size: 12px;
}
.crumb-nav p {
float: left;
padding: 8px 23px 9px 11px;
}
.crumb-nav p span {
padding: 0 6px;
color: #ccc;
}
.crumb-nav .you-are-here {
background: url(../../../img/bg-crumc.gif) no-repeat;
}
.crumb-nav .you-are-here span {
padding: 0;
color: #666;
}
.crumb-nav .crumb-path {
padding-right: 0;
}
.crumb-nav .crumb-note {
float: right;
padding-right: 10px;
}
.crumb-nav .crumb-note em {
margin: 0 2px;
font-weight: normal;
color: #DA4901;
}
.crumb-nav .crumb-note ins {
font-weight: normal;
text-decoration: none;
}
.simple-crumb-nav {
width: 100%;
margin-bottom: 10px;
overflow: hidden;
font-size: 12px;
}
.simple-crumb-nav p {
float: left;
}
.simple-crumb-nav p span {
padding: 0 6px;
color: #ccc;
}
.simple-crumb-nav .you-are-here span {
padding: 0 5px 0 0;
color: #666;
}
.simple-crumb-nav .crumb-path {
padding-right: 0;
}
.page-panel {
height: 100%;
padding: 0 10px;
border-top: solid 1px #D5D5D5;
overflow: hidden;
font-size: 12px;
}
.page-panel.mini-page-panel {
border-bottom: solid 1px #BCBCBC;
}
.page-panel p {
float: right;
padding-bottom: 10px;
margin: 15px 0 0 5px;
color: #666;
display: inline;
}
.page-panel.mini-page-panel p {
margin-top: 9px;
}
.page-panel label {
float: left;
margin: 12px 0 0 0;
font-size: 12px;
color: #666;
font-weight: normal;
}
.page-panel.mini-page-panel label {
margin-top: 8px;
margin-bottom: 8px;
}
.page-panel label select {
margin-left: 6px;
padding: 2px 3px;
border: solid 1px #A8A8A8;
font-size: 12px;
cursor: pointer;
color: #000;
}
.page-panel ul {
float: right;
margin: 11px 0 5px;
display: inline;
}
.page-panel.mini-page-panel ul {
margin: 6px;
}
.page-panel li {
float: left;
margin-right: 5px;
}
.page-panel .no-display {
display: none;
}
.page-panel li a, .page-panel li span {
display: block;
width: 25px;
height: 21px;
padding-top: 3px;
border: solid 1px #d4d4d4;
text-align: center;
background: #fff;
}
.page-panel li a:hover {
border-color: #d4d4d4;
background: #245B99;
color: #fff;
text-decoration: none;
}
.page-panel li .current {
border-color: #DA4901;
color: #DA4901;
}
.page-panel li .page-control {
width: 50px;
}
.page-panel li span.page-control {
color: #D4D4D4;
cursor: not-allowed;
}
.page-panel li span.ellipsis {
border-style: none;
background: none;
}
.page-panel.another-page-panel {
border-bottom: none;
border-top: solid 1px #F1F1F1;
}
.tab-control {
height: 100%;
overflow: hidden;
}
.tabA {
border-left: solid 1px #D5D5D5;
border-right: solid 1px #D5D5D5;
}
.tabA li {
float: left;
width: 113px;
border-right: solid 1px #D5D5D5;
border-bottom: solid 1px #D5D5D5;
}
.tabA li.no-more-border {
width: 114px;
border-right: none;
}
.tabA li.current {
background: #fff;
border-bottom-color: #fff;
}
.tabA li.current a {
font-weight: bold;
color: #DA4901;
text-align: center;
}
.tabA li a {
display: inline-block;
width: 100%;
padding: 6px 0;
text-decoration: none;
text-align: center;
}
.tabA li a:hover {
text-decoration: none;
}
.tabB {
height: 49px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-tabB-split.gif) repeat-x left bottom;
}
.tabB li {
float: left;
margin-right: 5px;
}
.tabB li a {
display: block;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-tabB-tr.gif) no-repeat right;
}
.tabB li a span {
display: block;
line-height: 48px;
padding: 0 32px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-tabB-tl.gif) no-repeat;
}
.tabB li.current a {
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-tabB-tr-current.gif);
}
.tabB li.current a span {
line-height: 49px;
background-image: url(http://static.alibado.com/1300101643/images/common/bg/bg-tabB-tl-current.gif);
}
.page404 {
width: 500px;
height: 230px;
margin-top: 30px;
padding-left: 300px;
padding-top: 30px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-404.gif) 50px 0 no-repeat;
}
.page404 h1{
padding-bottom: 10px;
font-family: "΢ÈíÑźÚ";
font-size: 22px;
color: #da4901;
font-weight: 400;
}
.page404 h2{
padding: 20px 0 10px;
color: #da4901;
font-weight: 800;
}
.page404 p a{
padding-right: 16px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-view-more.gif) right 5px no-repeat;
font-size: 12px;
}
.pop {
position: absolute;
z-index: 102;
border: solid 5px #425B7D;
overflow: hidden;
background: #fff;
}
.pop .pop-title {
height: 18px;
padding: 12px;
border: solid 1px #0B2551;
border-bottom: none;
overflow: hidden;
}
.pop .pop-title a {
float: right;
margin-right: 11px;
}
.pop .pop-title span {
font-size: 14px;
font-weight: bold;
}
.pop .pop-main {
height: 100%;
padding: 0 0 10px 0;
border: solid 1px #0B2551;
border-top: none;
overflow: hidden;
}
.pop .pop-main .btnC dfn {
padding-left: 7px;
background: none;
font-weight: normal;
}
.pop-fail .pop-main {
padding-left: 160px;
background: url(http://static.alibado.com/1300101643/images/common/bg/bg-wrong.gif) no-repeat 5px 20px;
}
.pop-fail .pop-main p {
margin: 50px 0 40px;
}
.mini-line{
height: 3px;
font-size: 0;
background-color: #0F2E62;
clear: both
}
.flow-steps {
overflow:hidden;
}
.flow-steps .num4 li {
width:150px;
}
.flow-steps li {
float:left;
background:#e4e4e4 url(http://static.alibado.com/1300101643/images/common/bg/bg-flow-steps.png) no-repeat 100% 0;
font-size:12px;
height:23px;
line-height:23px;
text-align:center;
color:#666666;
padding:0 15px 0 0;
overflow:hidden;
}
.flow-steps li span, .flow-steps li strong {
display:block;
}
.flow-steps li .first {
background:#e4e4e4 url(http://static.alibado.com/1300101643/images/common/bg/bg-flow-steps.png) no-repeat -12px -69px;
}
.flow-steps li.last {
background-position:100% -138px;
}
.flow-steps li.current {
background-color:#f60;
color:#fff;
}
.flow-steps li.current .first {
background-color:#f60;
background-position:-12px -92px;
}
.flow-steps li.current-prev {
background-position:100% -23px!important;
}
.flow-steps li.done {
background-color:#ffe6ba;
background-position:100% -46px;
color:#f60;
}
.flow-steps li.done .first {
background-color:#ffe6ba;
background-position:-12px -115px;
}
.flow-steps li.last-current {
background-color:#f60;
color:#fff;
background-position:100% -161px;
}
#offline-study-expand {
width:194px;
}
#offline-study-expand .expand-menu {
width:193px;
}
.top-notice {
position: absolute;
background: url(http://static.alibado.com/1300101643/images/common/notice/luckydraw/bg.jpg) repeat-x;
overflow: hidden;
width: 100%;
height: 51px;
left: 0;
top: 31px;
display: none;
}
.notice-info {
position: absolute;
left: 50%;
top: 50%;
margin-left: -440px;
margin-top: -23px;
}
.join-btn {
position: absolute;
left: 50%;
top: 50%;
margin-top: -16px;
margin-left: 330px;
}
.notice-close-btn {
position: absolute;
left: 50%;
top: 50%;
margin-top: -10px;
margin-left: 450px;
}