@charset "utf-8";

/*
** (C)2008 dascom inc. **
** 晶莹剔透 **
*/
@import url("../style/style.css");
/*
********************************************* header头部 *************************************************
*/

/*= Top navigation =*/

#top_nav {   background:transparent url(top_nav_bg.gif) repeat-x; }
#top_nav ul li a:hover {color:#016EC6;}
#top_nav .top_help a:link,#top_nav .top_help a:visited{ color:#f60;}

/*= Logo Banner =*/

/*= Position =*/
#position {	border:1px solid #ddd;background:#fff url(position_bg.gif) repeat-x 0 100%; }
#position .position-label {background:url(position_home.gif) no-repeat;}
#position .position-label:hover {background:url(position_home_hover.gif) no-repeat;}

/*
********************************************* container内容 *************************************************
*/

/*= Page Nav =*/
/*= Page Bar =*/
.pagebar a, .pagebar strong{background-color:#FFFFFF;border:1px solid #FFFFFF;color:#333333;background:url(pagebar_bg.png) repeat-x scroll 0 0 #FFFFFF;border-color:#E0E7ED #9FB3C6 #92A8BF #DCE4EB;color:#6699CC; }
.pagebar a.pre, .pagebar a.pre:hover {background:url(pagebar_arw.png) no-repeat scroll 0 100% #FFFFFF;border:medium none;}
.pagebar a.next, .pagebar a.next:hover {background:url(pagebar_arw.png) no-repeat scroll 0 0 transparent;border:medium none;}

#forum {border:1px #ddd solid;}
/*= Forum Homepage =*/
.forum-toptext { border-bottom:1px #ddd solid;}
.forum-toptext .line {     border-left:1px #ddd solid;}
.forum-panel {background:url(forum_panelfoot.gif) no-repeat scroll 0 100% transparent; }
.forum-panel .category {background:url(forum_panelfootr.gif) no-repeat scroll 100% 100% transparent;}
.forum-panel .category hr.dashed{background:none repeat scroll 0 0 transparent;border-color:#E6E7E1;border-right:medium none;border-style:dashed none none;border-width:1px medium medium;}
.forum-panel .forumunit dt a{color:#333; }
.forum-panel .forumunit em strong{color:#FF6600;}
.forum-panel .forumunit .description{ color:#666666;}
.forum-panel .forumunit .last a{ color:#369;}
.forum-bottom .legend  {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E3E3E3;}


/*= Forum List Toptext=*/

.forum-list-toptext .forum-info .banzhu a{color:#369;}
.forum-list-toptext .forum-rules h2{color:#369;}

/*= Forum List Bottom=*/
.forum-list-bottom .legend  {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E3E3E3;}

/*= Tab Bar =*/
.tabbar{background:url(tabbar_bg.gif) no-repeat scroll 0 0 transparent;   border:1px #dbdbdb solid;    color:#676767;   }
/*= Thread 	List =*/

.thread-list .topics .title a{ color:#333;}
.thread-list td,.thread-list th{border-bottom:1px solid #EEEEEE;}
.thread-list .topics th, .topics td {background:none repeat scroll 0 0 #F2F7FB;border-top:1px solid #E0E7ED;}
.thread-list td em, .thread-list td em a {color:#999999;}
.thread-list cite a{color:#333333;}
.thread-list .title a{ color:#333;}
.thread-list .page a {color:#444444;}
.thread-list .page a:hover {color:#007CD5; background:#F5F5F5;}

/*= Thread 	Detail =*/

.post-gaptable .col-left {border-bottom:1px solid #DEDFE0;border-right:1px solid #DEDFE0; background:#F2F7FB;}
.post-gaptable .col-right {border-bottom:1px solid #DEDFE0;}
.post-stats .numeric {color:#333333; }
.post-stats .label {color:#888888; }
.thread-body .post-table td.post-author{background:none repeat scroll 0 0 #F2F7FB;border-right:1px #E0E7ED solid;border-bottom:5px #E1EDF6 solid; }
.thread-body .authorinfo-inner .useridentity { border-bottom:1px dashed #E6E7E1; }
.thread-body .authorinfo-inner .useridentity .user-name {color:#333;}
.thread-body .user-maindata .user-role a {color:#FF6600;}
.thread-body .user-maindata .user-avatar  img {background:url(forum_midavt_shadow.gif) repeat-x scroll 0 100% #FFFFFF;}
.thread-body .post-heading .post-profile {color:#999999;}
.thread-body .post-meta {border-bottom:1px dashed #DDDDDD;color:#666666;}
.thread-body .post-meta .textresize a.label em {background:url(forum_textresize.png) no-repeat scroll 0 0 transparent;}
.thread-body .post-meta .textresize-list {background:none repeat scroll 0 0 #FFFFFF;border-color:-moz-use-text-color #64ADCD #64ADCD;border-right:1px solid #64ADCD;border-style:none solid solid;border-width:0 1px 1px;}
.thread-body .post-status {background:none repeat scroll 0 0 #F2FFCF;color:#669900;}
.thread-body .post-table .postmain-signature {border-bottom:5px #F2F7FB solid;}
.thread-body .post-table .post-signature {background:url(forum_post_signature.gif) no-repeat scroll 0 0 transparent;color:#666666;}
.thread-bottom{ border-bottom:1px dotted #ccc; }


/*= Publish Thread =*/

.publish-form-caption h3 {     background:url(forum_folder_new.gif) no-repeat scroll 8px 50% transparent;   }
.topic-moodicon a.dropdown-trigger, .topic-category a.dropdown-trigger { background:url(forum_dropdown_trigger.gif) no-repeat scroll 100% -18px transparent;       color:#444444 !important; }
.topic-moodicon { background:none repeat scroll 0 0 #FFFFFF; border-color:#B4B4B4 #E8E8E8 #E8E8E8 #B4B4B4; border-style:solid; border-   }
.dropdownmenu-wrap { background:url(forum_shadow.png) repeat scroll 0 0 transparent;    }
.topic-moodicon-list .dropdownmenu {background:none repeat scroll 0 0 #FFFFFF;}
.dropdownmenu-list, .dropdownmenu-inner {border-color:#BBBBBB #AAAAAA #AAAAAA #BBBBBB;border-style:solid;border-}
.topic-title input.text:focus,.webeditor .textarea:focus{border-color:#6FB1DF;color:#333;-moz-box-shadow:0 0 5px #6FB1DF;}
.webeditor .textarea{   color:#000;}
.forum_publish{background:url(forum_publish.gif) no-repeat;  }
.forum_reply_confirm{background:url(forum_reply_confirm.gif) no-repeat;  }
.forum_preview{background:url(forum_preview.gif) no-repeat;  }

#news {border:1px #ddd solid;}
#news .right-col-style{border-left: 1px solid #ddd;}

/*= Focus Box =*/
.focus-box { border:1px #E8E8E8 solid;}
.focus-box .num li {  color: #FF7300;    border: 1px solid #FF7300; background-color: #fff; }
.focus-box .num li.on { color: #fff;       background-color: #FF7300; }

/*= News Rank =*/
.news-rank {   border:1px #E8E8E8 solid;  background:#fff; }
.news-rank .title{background:none repeat scroll 0 0 #0099CC;  }
.news-rank .title h3{ color:#fff;   }
.news-rank .title span {border-color:#0099CC #FFFFFF #FFFFFF;border-style:solid;border-width:7px 7px 0;   }
.news-rank .top10  {background:url(news_top10.gif) no-repeat scroll 0px 6px transparent;}
.news-rank .top10 li a:hover { color:#BC2D09;}

/*= Hot Title =*/
.hot-title { background:url(news_hottitle_bg.gif) repeat-x scroll transparent;     border-bottom:1px #ccc dashed;   }
.hot-title h2 a, .hot-title h2 a:visited { color:#004499; }
.hot-title h2 a:active, .hot-title h2 a:hover { color:#BC2D09;  }
.news-list a:hover { color:#BC2D09; }

/*= Scroll Pic =*/
.scroll-pic {       background:#fff;   }
.scroll-pic .fixtitle a:link {	color: #fff; }
.scroll-pic .fixtitle a:visited {	color: #fff; }
.scroll-pic .fixtitle {background:#0099CC;   }
.scroll-pic .fixtitle h3 {	    color: #fff; }
.scroll-pic .fixtitle strong{border-color:#0099CC #FFFFFF #FFFFFF;border-style:solid;border-width:7px 7px 0;     }
.scroll-pic .rollbox {	border:1px #E8E8E8 solid;     }
.scroll-pic .rollbox .LeftBotton {	background: url(news_ca_hz_002.gif) no-repeat 0px 0px;   }
.scroll-pic .rollbox .RightBotton {	 background: url(news_ca_hz_002.gif) no-repeat -11px 0px;  }
.scroll-pic .rollbox .box img {	border: #add2fc 1px solid;  background: #fff;}
.scroll-pic .rollbox .box a:hover img {	border: #5385cc 1px solid}
.scroll-pic .rollbox .box p a:hover { color:#BC2D09;}

/*= News Title  =*/
.news-title { background:url(news_hottitle_bg.gif) repeat-x scroll transparent;   border-bottom:1px #ccc dashed;   color:#7E7E7E;  }
.news-title h2 { color:#000000;}
.news-content a:hover{ color:#BC2D09;}
#news-view {border:1px #ddd solid;}
#news-view .right-col-style{ border-left: 1px solid #ddd;}
.news-pic-show li img  {border:1px solid #C6C6C6; }

/*= News Bottom Pic =*/
.news-bottom-pic {    background:#fff;}
.news-bottom-pic .fixtitle a:link {	color: #fff; }
.news-bottom-pic .fixtitle a:visited {	color: #fff; }
.news-bottom-pic .fixtitle {background:#0099CC;   }
.news-bottom-pic .fixtitle h3 {	    color: #fff; }
.news-bottom-pic .fixtitle strong{border-color:#0099CC #FFFFFF #FFFFFF;border-style:solid;border-width:7px 7px 0;     }
.news-bottom-pic .rollbox {	border:1px #E8E8E8 solid;    }
.news-bottom-pic .rollbox .box img {	border-right: #add2fc 1px solid;  border-top: #add2fc 1px solid;  background: #fff;  border-left: #add2fc 1px solid; border-bottom: #add2fc 1px solid}
.news-bottom-pic .rollbox .box a:hover img {	border-right: #5385cc 1px solid; border-top: #5385cc 1px solid; border-left: #5385cc 1px solid; border-bottom: #5385cc 1px solid}
.news-bottom-pic .rollbox .box p a:hover { color:#BC2D09;}

/*= Chat Room =*/
#chatroom {border:1px #ddd solid;}
#chatroom .icon{ background:url(chatroom_icon.gif) no-repeat; }
#chatroom .icon h2{color:#016EC6; }
#chatroom .table{color:#3372A2;}
#chatroom .table td ,#chatroom .table th{border:#d1ecfd solid 1px;  }
#chatroom .table tr.firstbg{ background-color:#F1FCFE;}
#chatroom .table tr.secondbg{ background-color: #fff;}
#chatroom .table th{ background-image:url(chatroom_table_bg.gif);color:#1465A0;}
#chatroom .table a{ color:#09c;}
#chatroom .font-a{color:#444; }
#chatroom .font-b{ color:#444;}

/*= Vote  =*/
#vote{border:1px #ddd solid;}
.vote-body .post-table .post-author{background:none repeat scroll 0 0 #F2F7FB;border-right:1px #E0E7ED solid;border-bottom:5px #E1EDF6 solid; }
.vote-body .authorinfo-inner .useridentity {border-bottom:1px dashed #E6E7E1;}
.vote-body .authorinfo-inner .useridentity .user-name a{ color:#333;}
.vote-body .authorinfo-inner .useridentity .user-userid {color:#999999;}
.vote-body .user-maindata .user-avatar  img {background:url(forum_midavt_shadow.gif) repeat-x scroll 0 100% #FFFFFF;}
.vote-body .post-table .postmain {border-bottom:5px solid #F2F7FB;}
.vote-body .post-table .postmain .postmain-inner .post-head {border-bottom:1px dashed #DDDDDD;}
.vote-body .post-status {background:none repeat scroll 0 0 #F2FFCF;color:#669900; }
.vote-body .post-content .vote-info {  color:#999999;  }
.vote-body .post-content .chart-status {  background:url(vote_option_bg.png) repeat-x scroll 0 0 transparent;  }
.vote-body .post-content .pollchart {  background-image:url(vote_option_bg.png); background-position:0 -16px; background-repeat:repeat-x;  }

/*=Common FAQ list =*/
#commonfaq {border:1px #ddd solid;}
#commonfaq .faq_list .flow-num  {background:url(commonfaq_sprites_icons.png) no-repeat scroll 0 0 #FFFFFF;}
#commonfaq .faq_list .question h1{ background:url(ask_common_small_icon.gif.gif) no-repeat; color:#267DCE; }
#commonfaq .faq_list .question span  {color:#666;}
#commonfaq .faq_list .answer { border-bottom:1px dashed #E6E7E1; }

/*= FAQ list =*/
#faq {border:1px #ddd solid; }
#faq .right-col-style{ border-left: 1px solid #ddd;}
#faq a:hover{ color:#BC2D09;}
#faq .ask_button  .questions { background:url(ask_button_icon.gif) no-repeat 0 5px;      } 
#faq .waiting-question .title{border-top: 1px #C6D8E0 solid; border-bottom: 1px #C6D8E0 dashed;background:url(ask_left_title_bg.gif) repeat-x;  }
#faq .waiting-question .title h1{background:url(ask_waiting_icon.gif) no-repeat;   color:#444;}
#faq .waiting-question ul li{background:url(ask_question_small_icon.gif) no-repeat; }
#faq .common-question .title{border-top: 1px #C6D8E0 solid; border-bottom: 1px #C6D8E0 dashed;background:url(ask_left_title_bg.gif) repeat-x;   }
#faq .common-question .title h1{background:url(ask_common_icon.gif) no-repeat;  color:#444;}
#faq .common-question ul li{background:url(ask_common_small_icon.gif.gif) no-repeat;  }
#faq .question_list{  border-bottom:1px #ddd dashed;   }
#faq .question_brief h1 {  background:url(ask_question_icon.gif) no-repeat;  }
#faq .question_brief .contents .time{ color:#908F8F;}
#faq .author{color:#908F8F; }
#faq .author .name {color:#016EC6;}
#faq .author strong{color:#016EC6;}
#faq .author strong em{color:#FF9610; }

/*=FAQ View =*/
#faq-view .qbox .title{ background:#E3F7FF; border-bottom:2px #89CFF8 solid;  }
#faq-view .qbox .title .solved{ background:url(ask_solved_icon.gif) no-repeat left 6px;}
#faq-view .qbox .title .no-solved{ background:url(ask_question_small_icon.gif) no-repeat left 6px;}
#faq-view .reward{  color:#908F8F; }
#faq-view .fbox .title { background:#fcf8ff; border-bottom:2px #d6bdfc solid;  }
#faq-view .fbox .title h1{     color:#FF0000;}
#faq-view .fbox .title .system-answer{ background:url(ask_system_answer.gif) no-repeat center left;}
#faq-view .fbox .title2 { background:#E3F7FF; border-bottom:2px #89CFF8 solid;  }
#faq-view .fbox .title2 .other-answer{ background:url(ask_other_answer.gif) no-repeat center left;}
#faq-view .fbox .dashed{ height:1px; border-bottom:1px #CFCFCF dashed; }
#faq-view .abox .title{ background:#DBF1D4; border-bottom:2px #c2f2b2 solid;  }
#faq-view .abox .title .my-answer{ background:url(ask_my_answer.gif) no-repeat center left;}
#faq-view .abox .title .no-solved{ background:url(ask_question_small_icon.gif) no-repeat;}
#faq-view .abox .contents .textarea{  color:#000;}

/*=User Defined =*/
#user-defined {border:1px #ddd solid; }
#user-defined .right-col-style{ border-left: 1px solid #ddd;}
#user-defined .changemode .info {background-color: #FFFDD2;border: 1px solid #E7E7E7;  }
#user-selfpage {border:1px #ddd solid; }

/* 
** leftmenu_xx **
*/
#menu_xx { margin:0; padding:0; list-style:none;float:left; width:100%; overflow:hidden;}
#menu_xx li { display:block; margin:0; padding:0; background-color:#EFF4F7;text-align:left; }
#menu_xx a { width:100%; margin:0; padding:8px 0 0 20px;float:left;}
#menu_xx .x1{ margin:0; padding:0;background:url(leftmenu_xx.gif) repeat-x; float:left; line-height:26px;width:100%;overflow-y:visible; display:none;}
#menu_xx .x1 a{background:url(leftmenu_xx_icon.gif) no-repeat 6px 12px;color:#00508E; font-weight:bolder; height:24px;}
#menu_xx .x1 a:link   { color:#00508E; text-decoration:none;}
#menu_xx .x1 a:visited{ color:#00508E;text-decoration:none;}
#menu_xx .x1 a:hover  { color:#FFFFFF;text-decoration:none;}

#menu_xx .x2,#menu_xx .x3,#menu_xx .x4,
#menu_xx .x5{margin:0;padding:0;display:block;}

#menu_xx .x2 a{float:left;margin:0;color:#3173B2; font-weight:bold; background:#edf9fe url(leftmenu_x1.gif) no-repeat 2px 9px; padding:5px 0 0 14px; border-bottom:1px solid #D0D9E0;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#menu_xx .x3 a{float:left;margin:0;color:#728486; font-weight:normal; background:#edf9fe url(leftmenu_x2.gif) no-repeat 9px 7px; padding:5px 0 0 18px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#menu_xx .x4 a{float:left;margin:0;color:#728486; font-weight:normal; background:#edf9fe url(leftmenu_x3.gif) no-repeat 14px 7px; padding:5px 0 0 22px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#menu_xx .x5 a{float:left;margin:0;color:#728486; font-weight:normal; background:#edf9fe url(leftmenu_x4.gif) no-repeat 19px 7px; padding:5px 0 0 26px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

#menu_xx .x2 a:hover,#menu_xx .x3 a:hover,#menu_xx .x4 a:hover,
#menu_xx .x5 a:hover{float:left;margin:0;background-color:#FBFCFE; color:#1BA8D5;text-decoration:none;}

#menu_xx ul, 
#menu_xx li.hover ul ul,
#menu_xx li.hover li.hover ul ul,
#menu_xx li.hover li.hover li.hover ul ul,
#menu_xx li.hover li.hover li.hover li.hover ul ul{margin:0; padding:0;display:block;}

#menu_xx_current {color:#21A3DF;font-weight:bolder;}
#menu_xx_current a:link   {background-color:#fff; color:#21A3DF; text-decoration:none;}
#menu_xx_current a:visited{background-color:#fff; color:#21A3DF;text-decoration:none;}
#menu_xx_current a:hover  {background-color:#fff;color:#999999;text-decoration:none;}


 
 

 


 

/*
** Downlist Menu **
*/
.downlist-menu {filter: progid:DXImageTransform.Microsoft.Shadow(color=#C2EBFF,direction=135,strength=3); width:auto !important;  border: 1px solid #21A3DF; background:#fff url(popupMenu_bg.gif) repeat-x 0 1px;  }
.downlist-menu li a{ color: #000000;  }
.downlist-menu li a:hover{background:#AADDFA; color: #254975; }

/*
** popupMenu **
*/
div.popupMenuDiv        { filter: progid:DXImageTransform.Microsoft.Shadow(color=#8391A3,direction=135,strength=3); }
table.popupMenuTable    { border: 2px solid #65C1F5; background-color: #E9F2F8;  }
tr.popupMenuMouseOver   { background-color: #AADDFA; color: #000000;  }
tr.popupMenuMouseOut    { background-color: #fff; color: #000000;  }
td.popupMenuHrShadow    { background-color: #C2EBFF; }
td.popupMenuHrHighLight { background-color: #ffffff; }

/* 
**
Subbase View
*/
.basic-info-box .left-list{ background:#FEFFFF url(subbase_view_box_bg.gif) repeat-x left bottom;border:1px solid #D1E8FF;}
.basic-info-box .left-list .left-title{ background:url(subbase_view_title_bg.gif) repeat-x;    border-bottom:1px solid #D0E7FF;   color:#0585CB; }
.basic-info-box .left-list ul li{ border-bottom:1px dotted #ccc; }
.basic-info-box .right-list .thumb{background:url(subbase_view_thumb_bg.gif) no-repeat left top;    }
.other-info-box {border:1px solid #D1E8FF;  }
.other-info-box .other-info-title{ background:url(subbase_view_title_bg.gif) repeat-x;    border-bottom:1px solid #D0E7FF;   color:#0585CB; }
.description-box{border:1px solid #D1E8FF;  }
.description-box .description-box-left{ border-right:1px solid #D1E8FF;}
.description-box .description-box-left .description-title{background:url(subbase_view_title_bg.gif) repeat-x;    border-bottom:1px solid #D0E7FF;   color:#0585CB;  }
.description-box .description-box-left .description-content{background:#FEFFFF url(subbase_view_box_bg.gif) repeat-x left bottom;    }
.description-box .description-box-right .related-title{     color:#0D8CD1; background:#D0E7FF; }
.description-box .description-box-right li{    border-bottom:1px dotted #ccc; }
.description-box .description-box-right li a{ color:#000;}
.comments-box .comments-box-stat em{color:#F00;}
.comments-box .comments-box-list .list{   border:1px solid #D1E8FF;}
.comments-box .comments-box-list .list .title-bg{ background:url(subbase_view_title_bg2.gif) repeat-x;  border-bottom:1px solid #D1E8FF;}
.comments-box .comments-box-list .list th{ border:1px solid #D1E8FF;   color:#0B8ACF;}
.comments-box .comments-box-list .list td{  border-bottom:1px dotted #ccc; }
.comments-box .comments-box-list .list em{ color:#F00;}
.comments-box .comments-box-form .form li em{ color:#F00;}
.comments-box .comments-box-form .form li select {border:1px solid #BDE4F8;}
.comments-box .comments-box-form .form li textarea {border:1px solid #BDE4F8;}
.comments-box .comments-box-form .form li .button{background:url(subbase_view_button.gif) no-repeat;  color:#fff;        }
#subbaseview-02 .basic-info-box .left-list .thumb{background:url(subbase_view_thumb_bg.gif) no-repeat left top;     }
#subbaseview-02 .basic-info-box .right-list{  border:1px solid #D1E8FF;}
#subbaseview-02 .basic-info-box .right-list .description-title{background:url(subbase_view_title_bg.gif) repeat-x;    border-bottom:1px solid #D0E7FF;   color:#0585CB;  }
#subbaseview-02 .basic-info-box .right-list .description-content{   background:#FEFFFF url(subbase_view_info_bg.gif) repeat-x left bottom; }
#subbaseview-02 .comments-box .comments-box-left{ border:1px solid #D1E8FF;}
#subbaseview-02 .comments-box .comments-box-left .related-title{     color:#0D8CD1; background:#D0E7FF; }
#subbaseview-02 .comments-box .comments-box-left li{    border-bottom:1px dotted #ccc; }
#subbaseview-02 .comments-box .comments-box-left li a{ color:#000;}
#subbaseview-03 .basic-info-box .basic-info-box-left .thumb{background:url(subbase_view_thumb_bg2.gif) no-repeat left top;     }
#subbaseview-03 .basic-info-box .left-list .left-title{     border-bottom:1px solid #D0E7FF;   color:#0585CB; }
#subbaseview-03 .basic-info-box .left-list ul li{ border-bottom:1px dotted #ccc; }
#subbaseview-03 .basic-info-box .basic-info-box-right{ border:1px solid #D0E7FF; }
#subbaseview-03 .basic-info-box .basic-info-box-right .right-title-top{ background:url(subbase_view_title_bg.gif) repeat-x bottom;     border-bottom:1px solid #D0E7FF; color:#0585CB;  }
.other-info-list .right-list-l{   background-color:#d0e7ff; border:1px solid #fff;  color:#505050;}
.other-info-list .right-list-r{   background-color:#f8fbff; border:1px solid #fff;  color:#505050; }
#subbaseview-03 .basic-info-box .right-box-related{border:1px solid #D0E7FF;  }
#subbaseview-03 .basic-info-box .right-box-related .related-title{     color:#0D8CD1; background:#D0E7FF; }
#subbaseview-03 .basic-info-box .right-box-related li{   border-bottom:1px dotted #ccc; }
#subbaseview-03 .basic-info-box .right-box-related li a{ color:#000;}
#subbaseview-03 .other-info-box .other-info-content{  background:#FEFFFF url(subbase_view_box_bg.gif) repeat-x left bottom; }
#subbaseview-04 .basic-info-box .basic-info-box-left .thumb{background:url(subbase_view_thumb_bg2.gif) no-repeat left top;     }
#subbaseview-04 .basic-info-box .basic-info-box-right{border:1px solid #D0E7FF; }
#subbaseview-04 .basic-info-box .basic-info-box-right .right-title-top{ background:url(subbase_view_title_bg3.gif) repeat-x top;    color:#0585CB;   }
#subbaseview-04 .basic-info-box .basic-info-box-right .right-title-top  h3 {  color:#0585CB; }
#subbaseview-04 .basic-info-box .basic-info-box-right .right-title-top  h3.hover {background:url(subbase_view_title_hover.gif) no-repeat;color:#fff; }
#subbaseview-04 .basic-info-box .basic-info-box-right .basic-info-box-right-content ul li{ border-bottom:1px dotted #ccc; }
#subbaseview-05 .basic-info-box .basic-info-box-left{border:1px solid #D0E7FF; }
#subbaseview-05 .basic-info-box .basic-info-box-left .right-title-top  h3 {  color:#0585CB; background:url(subbase_view_title_on.gif) no-repeat;}
#subbaseview-05 .basic-info-box .basic-info-box-left .right-title-top  h3.hover {background:url(subbase_view_title_hover2.gif) no-repeat;color:#fff;}
#subbaseview-05 .basic-info-box .basic-info-box-left .basic-info-box-left-content ul li{ border-bottom:1px dotted #ccc; }
#subbaseview-05 .basic-info-box .basic-info-box-right .thumb{background:url(subbase_view_thumb_bg2.gif) no-repeat left top;     }

/* 
**parentTable list**
*/
#parentTable .list th,#blockCatalogContentID .list th{ color:#333333;   background-color:#DEF1FC; border: 1px solid #F6F9FD; border-right-color: #93AFCC; border-bottom-color: #93AFCC;}
#parentTable .list2,#blockCatalogContentID .list2{BACKGROUND-COLOR: #A0C0EB}
#parentTable th.list1,#blockCatalogContentID th.list1{color:#333333;BORDER-BOTTOM: #78A0E6 1px dashed;background-color:#EFF9FA;}
#parentTable th.list2,#blockCatalogContentID th.list2{color:#333333;BORDER-BOTTOM: #78A0E6 1px dashed;background-color:#EFF9FA;}
#parentTable td.listheader1,#blockCatalogContentID td.listheader1{background-color:#f1f3f4}
#parentTable td.list1,#blockCatalogContentID td.list1{color:#000000;BORDER-BOTTOM: #78A0E6 1px dotted}
#parentTable td.list2,#blockCatalogContentID td.list2{color:#000000;BORDER-BOTTOM: #78A0E6 1px dotted}
#parentTable tr.listAlt,#blockCatalogContentID tr.listAlt{ BACKGROUND-COLOR: #EBF4FF}
#parentTable tr.listAlt td,#blockCatalogContentID tr.listAlt td{BACKGROUND-COLOR: #F2F9FD}
#parentTable tr.listBas,#blockCatalogContentID tr.listBas{ BACKGROUND-COLOR: #FFFFFF}
#parentTable tr.listBas td,#blockCatalogContentID tr.listBas td{BACKGROUND-COLOR: #FFFFFF}
#parentTable tr.listHlt,#blockCatalogContentID tr.listHlt{  background-color: #ccc;}
#parentTable tr.listHlt tr,#blockCatalogContentID tr.listHlt tr{ background-color:#ccc;}#parentTable td.listfoot1,#blockCatalogContentID td.listfoot1{color:#000000;}
#parentTable td.listfoot2,#blockCatalogContentID td.listfoot2{color:#000000;}
#course-order .left-box .more a{ color:#fff;}
#course-order .left-box .left-box-top{background:url(course_order_left_t1.gif) no-repeat;}
#course-order .left-box .left-box-t3{background:url(course_order_left_t3.gif) no-repeat;}
#course-order .left-box .left-box-mid{background:#fff; border-left:1px #33ABDF solid;border-right:1px #33ABDF solid; }
#course-order .left-box .left-box-end{background:url(course_order_left_end.gif) no-repeat;}
#course-order .left-box li{  border-bottom:1px dotted #7d7d7d; }
#course-order .left-box .left-box-mid li a{color:#939292;   }
#course-order .left-box .left-box-mid li a:hover{color:#518FD1; }
#course-order .left-box .top {background:url(course_order_left_topicon.gif) no-repeat 10px 10px; }
#course-order .block-rc span{     background-image:url(course_order_block_bg.gif);}
#course-order .right-block{border:1px solid #C6E4F5; background:#fff; }
#course-order .right-block .block-wrapper{  background:#fff;}
#course-order .right-block .block-title {background:url(course_order_blocktitle_bg.gif) repeat-x;  color:#1F2022;border-bottom:1px solid #CFE6F6; }
#course-order .right-block .block-title h3 { color:#646464;border-top:5px solid #F4F9FB; }
#course-order .right-block .block-title h3.hover {background:#fff;color:#0D8CD1; border-top:5px solid #67C2F4;}
#course-order .right-block .list td{color:#A3A1A1; }
#course-order .right-block .list th{ background:#E5F8FF; color:#000;  border:1px #fff solid;}
#course-order .right-block .list .greens th{background:#EFFEF2;}
#course-order .right-block .list .name{color:#484848;}
#course-order .right-block .list .options a{ color:#44A5D9;}
#course-order .right-block .list .options a:hover{ color:#FF9C01; }
#course-order .right-block .list .listbg { background:#F6F8F9;}
#course-order .right-block .list .listbg2 { background:#fff;}
#course-order .right-block .list .hover{background:#F6F8F9; }
#course-order .right-block .list .hover td{color:#39aafd; }

/*
** Loading style**
*/
table.loading { background-color: #FFB7B7; }

/*
********************************************* footer底部 *************************************************
*/
#footer{color:#333333; border-top:3px solid #C6E4F5; }

/*
** body **
*/
body      {  color:#333333;  background:#fff; }

/*
** input button select textarea **
*/
input.submit { color: #593600; background: #FFF url(button_bg.gif);   border: 1px solid #EBA63D; border-right-color: #8F4800; border-bottom-color: #8F4800;  }
input.cancel { color: #593600; background: #FFF url(button_bg.gif);   border: 1px solid #EBA63D; border-right-color: #8F4800; border-bottom-color: #8F4800;  }
input.button { color: #593600; background: #FFF url(button_bg.gif);   border: 1px solid #EBA63D; border-right-color: #8F4800; border-bottom-color: #8F4800;  }
input.button_2{color:#666666;background:url(button_bg.gif);border:1px solid #B0B0B0;border-right-color:#7B7B7B; border-bottom-color:#7B7B7B; }

/* menu2 */
.preload1 {background: url(menu2_1.gif);}
.preload2 {background: url(menu2_1a.gif);}
#nav li a.top_link{ margin-top:0;}
#nav {    background:url(menu2_0.gif) repeat; }
#nav li.line{display:block; float:left; height:34px;background:url(menu2_line.gif) no-repeat; width:1px;}
#nav li.left{ float:left; height:34px;background:url(menu2_0.gif); width:2px;}
#nav li.right{ float:left; height:34px;background:url(menu2_0.gif); width:2px;}
#nav li.top {display:block; float:left; height:34px;}
#nav li a.top_link { height:34px; line-height:250%;color:#fff; background: url(menu2_0.gif);}
#nav li a.top_link span {  background: url(menu2_0.gif) right top no-repeat;}
#nav li a.top_link span.down {    background: url(menu2_0a.gif) no-repeat right top;}
#nav li.hover a.top_link ,#nav li a.current {color:#000; background: url(menu2_1.gif) no-repeat; }
#nav li.hover a.top_link span ,#nav li a.current span {background:url(menu2_1.gif) no-repeat right top; }
#nav li.hover a.top_link span.down,#nav li a.current span.down {background:url(menu2_1a.gif) no-repeat right top; }
#nav li.hover ul.sub{ top:33px; background-color:#FEFEFE;  border:1px solid #D8E8F8;    }
#nav li.hover ul.sub li a{     color:#000; }
#nav li ul.sub li a.fly{background:#FEFEFE url(arrow.gif) no-repeat right;}
#nav li.hover ul.sub li a:hover {background-color:#6EB2E6; color:#fff; border-color:#fff;}
#nav li.hover ul.sub li a.fly:hover{background-color:#6EB2E6; color:#fff;}

#nav li.hover li.hover ul,
#nav li.hover li.hover li.hover ul,
#nav li.hover li.hover li.hover li.hover ul,
#nav li.hover li.hover li.hover li.hover li.hover ul{  background-color:#FEFEFE;  border:1px solid #D8E8F8;    }

#nav li.hover li.hover a.fly,
#nav li.hover li.hover li.hover a.fly,
#nav li.hover li.hover li.hover li.hover a.fly,
#nav li.hover li.hover li.hover li.hover li.hover a.fly{background:#CEEEFC url(arrow_over.gif) no-repeat right; color:#CC0000; border-color:#fff;} 

#nav li.hover li.hover li a.fly,
#nav li.hover li.hover li.hover li a.fly,
#nav li.hover li.hover li.hover li.hover li a.fly{background:#FEFEFE url(arrow.gif) no-repeat right;color:#333; }

/*
** index **
*/

/*
** prity_layout **
*/

/*
** block **
*/
tr.boxSelected { background-color: #E4E3E3;  }
table.boxborder { border: 1px solid #9bccec; }
table.middle_boxborder { border: 1px solid #9bccec; }
td.boxTitle01_02 { background: url(left_r1_02.gif) no-repeat right top;  }
td.boxTitle02_02 { background: url(left_r1_02_02.gif) no-repeat right top;  }
td.boxTitle03_02 { background: url(left_r1_02.gif) no-repeat right top;   }
td.boxbg_01 {  background-color: #fff; }
td.boxbg_02 {  background-color: #fff; }
td.boxbg_03 { background-color: #fff; }
td.boxLeft  {  background-color: #f6fcfe; }
td.boxRight {  background-color: #f6fcfe; }
td.middle_boxLeft  { background-color: #f6fcfe; }
td.middle_boxRight { background-color: #f6fcfe; }
.boxtitle_icon  { background: url(dropUp.gif) no-repeat center center;  }
.boxtitle_icon2 { background: url(dropDown.gif) no-repeat center center;  }
font.boxTitle, span.boxTitle { color:#048;   filter: Glow(Color=#003366, Strength=2);  }
.boxTitle a:link    { color: #048; }
.boxTitle a:visited { color: #048; }
.boxTitle a:hover   {  color: #bd0a01; }

font.winTitle, span.winTitle { color: #048;   filter: Glow(Color=#003366, Strength=2);  }
.winTitle a:link    { color: #048; }
.winTitle a:visited { color: #048; }
.winTitle a:hover   { color: #bd0a01;  }

/*
** block space between **
*/

/*
** boxExt **
*/
table.boxExtCanvas { background-color: #336699; }
table.boxExt { background-color: #CCC; }
tr.boxExt { background-color: #FFFFFF; color:#999999; }
td.boxExt { background-color: #FFFFFF; }

/*
** textFlex **
*/

.textFlex {    background-color: transparent; color:#666666; }
.textFlex a:link {color:#666666; }
.textFlex a:visited {color:#666666; }
.textFlex a:hover {color:#666666; }

/**Common Button Style**
/* Link Button Submit  add at 2012-03-12 **/ 

.btna-submit a:link,.btna-submit a:visited { background:url(comm_btnas_l.gif) no-repeat left top;     }
.btna-submit a:hover { background:url(comm_btns_l.gif) no-repeat left top;   }
.btna-submit a:link b,.btna-submit a:visited b { background:url(comm_btnas_r.gif) no-repeat right top;    color:#000;   }
.btna-submit a:hover b {background:url(comm_btns_r.gif) no-repeat right top; }

/* Link Button Reset */

.btna-reset a:link,.btna-reset a:visited { background:url(comm_btnar_l.gif) no-repeat left top;      }
.btna-reset a:hover { background:url(comm_btnr_l.gif) no-repeat left top; }
.btna-reset a:link b,.btna-reset a:visited b { background:url(comm_btnar_r.gif) no-repeat right top;  color:#000;   }
.btna-reset a:hover b {background:url(comm_btnr_r.gif) no-repeat right top;}

/* Button Submit */
.btn-submit b { background:url(comm_btns_l.gif) no-repeat left top;      }
.btn-submit b button,.btn-submit b input { background:url(comm_btns_r.gif) no-repeat right top;   color:#000;     }

/* Button Apply */
.btn-apply b { background:url(comm_btnp_l.gif) no-repeat left top;      }
.btn-apply b button,.btn-apply b input { background:url(comm_btnp_r.gif) no-repeat right top;   color:#000;     }

/* Button Reset */
.btn-reset b { background:url(comm_btnr_l.gif) no-repeat left top;     }
.btn-reset b button,.btn-reset b input { background:url(comm_btnr_r.gif) no-repeat right top;    color:#000;    }

/**Common Form Style**/
/* form table*/
.form-border { border:1px solid #DCDCDC; background-color:#F2F8FD;}

/* form */

.all-form .form select { border:1px solid #AFAFAF;}
.all-form .form textarea { border:1px solid #CECECE; background:url(comm_input_bg2.gif) no-repeat left top; color:#333; }
.all-form .form input[type="text"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 
.all-form .form input[type="password"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 
.all-form .form h2 {   color:#f60;}
.all-form .form .font-red { color:#f00; }
.all-form .form .mark { color:#f00;  }


/**Common List Style**/
.all-list .list {background:#fff;   border:1px solid #bbd8e8;}
.all-list .list th{background:#ecf8fe;  border:1px solid #bbd8e8;  color:#333; }
.all-list .list tr.listAlt    {  background-color:#f6f6f6;}
.all-list .list tr.listAlt tr {  background-color:#f6f6f6;}
.all-list .list tr.listBas    {  background-color: #F5F5F5; color:#999999;}
.all-list .list tr.listBas tr {  background-color: #F5F5F5; color:#999999;}
.all-list .list tr.listHlt    {  background-color:#FFFDD7; }
.all-list .list tr.listHlt tr {  background-color:#FFFDD7; }
.all-list .list tr.Inside		{  background-color: #FFFFFF; }
.all-list .list tr.Inside tr	{  background-color: #FFFFFF; }
.all-list .list tr.InsideAlt	{  background-color: #FFFFFF; }
.all-list .list tr.InsideAlt tr {  background-color: #FFFFFF; }
.all-list .list th a:link    { color: #016EC6;  }
.all-list .list th a:visited { color: #016EC6;  }
.all-list .list th a:hover   { color: #3c3c3d;  }
.all-list .list td a:link	 { color: #016EC6;  }
.all-list .list td a:visited { color: #016EC6;  }
.all-list .list td a:hover { color: #f60;  }
.all-list .list tr.listBas a:link    { color: #999999;  }
.all-list .list tr.listBas a:visited { color: #999999;  }
.all-list .list tr.listBas a:hover   { color: #999999;  }
.all-list .list .iFont {  color:#f60;  }

/**Common Validation Style**/
.validation-ok { background:#e2f1d8 url(comm_icon_ok.gif) no-repeat 5px 5px; border:1px solid #a3cc87; color:#555555;    }
.validation-tip { background:#ECF6F9 url(comm_icon_tip.gif) no-repeat 5px 5px; border:1px solid #ADD0E4; color:#555555;     }
.validation-info { background:#FFFAE6 url(comm_icon_info.gif) no-repeat 5px 5px; border:1px solid #FFE8B3; color:#555555;     }
.validation-error { background:#FFEAE7 url(comm_icon_error.gif) no-repeat 5px 5px; border:1px solid #F3A696; color:#555555;    }

/**Common Alter and Info Style**/
.all-info .alter {background-color: #FFFDD2; border: 1px solid #FFD0D0;}
.all-info .alter h3 { color:#FF0000;}
.all-info .info { background:#FEFFE5;border: 1px solid #ede69b; }
.all-info .info h3 {  color:#f60; }
.all-info .info ul li{ color:#aa811f;  }
.all-info .info ul li .font_red {color:#333333;} 

/*=Skills Inside add JSXM 2012-03-17=*/
#skills-inside .left-box .more a{ color:#fff;}
#skills-inside .left-box .left-box-top{background:url(skills_course_left_t1.gif) no-repeat;}
#skills-inside .left-box .left-box-t2{background:url(skills_course_left_t2.gif) no-repeat;}
#skills-inside .left-box .left-box-t3{background:url(skills_course_left_t3.gif) no-repeat;}
#skills-inside .left-box .left-box-t4{background:url(skills_course_left_t4.gif) no-repeat;}
#skills-inside .left-box .left-box-t5{background:url(skills_course_left_t5.gif) no-repeat;}
#skills-inside .left-box .left-box-t14{background:url(skills_course_left_t14.gif) no-repeat;}
#skills-inside .left-box .left-box-t15{background:url(skills_course_left_t15.gif) no-repeat;}
#skills-inside .left-box .left-box-mid{background:#fff; border-left:1px #7CC8FB solid;border-right:1px #7CC8FB solid }
#skills-inside .left-box .left-box-end{background:url(skills_course_left_end.gif) no-repeat;}
#skills-inside .left-box li{  border-bottom:1px dotted #7d7d7d; }
#skills-inside .left-box .left-box-mid li a{background:url(skills_iconb.gif) no-repeat left center; color:#939292;   }
#skills-inside .left-box .left-box-mid li a.current{background:url(skills_iconc.gif) no-repeat left center;color:#FF9C01; }
#skills-inside .left-box .left-box-mid li a:hover{background:url(skills_iconf.gif) no-repeat left center;color:#518FD1; }
#skills-inside .left-box .green li a.current{background:url(skills_icona.gif) no-repeat left center;color:#72BC23;}
#skills-inside .left-box .top {background:url(skills_course_left_topicon.gif) no-repeat 10px 10px; }
#skills-inside .right-box{border:1px solid #C6E4F5; background:#fff;}
#skills-inside .right-box-green {border:1px solid #C6F5CE;}
#skills-inside .right-box-green .block-rc span{background-image:url(skills_block_bg2.gif);}
#skills-inside .right-box .right-box-title{background:url(skills_course_title_bg.gif) no-repeat;   }
#skills-inside .right-box .title-green{background:url(skills_course_title_bg2.gif) no-repeat;}
#skills-inside .right-box .right-box-title .title{ color:#0D8DD2;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #CFE6F6; }
#skills-inside .right-box .right-box-title .main { border-bottom:4px solid #69CBF1;   }
#skills-inside .right-box .green .title{color:#5EB203;background:url(skills_icone.gif) no-repeat left center; border-bottom:1px solid #DEF6CE;}
#skills-inside .right-box .green .main{border-bottom:4px solid #A2E674;}
#skills-inside .right-box .right-box-mid{background:#fff;}
#skills-inside .right-box .return a{ color:#5EB203;  }
#skills-inside .right-box .list td{color:#A3A1A1; }
#skills-inside .right-box .list th{ background:#E5F8FF; color:#000;  border:1px #fff solid;}
#skills-inside .right-box .list .greens th{background:#EFFEF2;}
#skills-inside .right-box .list .name{color:#484848;}
#skills-inside .right-box .list .options a{ color:#44A5D9;}
#skills-inside .right-box .list .options a:hover{ color:#FF9C01; }
#skills-inside .right-box .list .listbg { background:#F6F8F9;}
#skills-inside .right-box .list .listbg2 { background:#fff;}
#skills-inside .right-box .list .hover{background:#F6F8F9; }
#skills-inside .right-box .list .hover td{color:#39aafd; }
.courses-left-box-title{ background:url(courses_left_box_title.gif) no-repeat; }
.courses-left-box-title h1{   color:#0464f4; }
.courses-left-box-mid{ border-left:2px solid #B1DFFC; border-right:2px solid #B1DFFC;    }
.courses-left-box-mid li a{background:url(courses_left_left_box_li.gif) repeat-x; color:#939292; }
.courses-left-box-mid li a:hover,.courses-left-box-mid li a.current{background:url(courses_left_left_box_lih.gif) no-repeat;color:#fff; }
.courses-left-box-mid #cat-depth-1 a{background:url(courses_left_left_box_li.gif) repeat-x; color:#939292;   }
.courses-left-box-mid #cat-depth-1 a:hover{background:url(courses_left_left_box_li.gif) repeat-x; }
.courses-left-box-mid #cat-depth-1 a span.close{ background:url(courses_left_cat_close.gif) no-repeat left center ;}
.courses-left-box-mid #cat-depth-1 a span.expansion{ color:#333;background:url(courses_left_cat_open.gif) no-repeat left center ;}
.courses-left-box-mid #cat-depth-1 dl dd a{  color: #000;border-top:1px solid #fff; border-bottom:1px solid #fff; }
.courses-left-box-mid #cat-depth-1 dl dd a:hover,.courses-left-box-mid #cat-depth-1 dl dd a.current{ background:#37C4F2 url(courses_left_cat.gif) 162px center no-repeat; color: #fff;border-top:1px solid #108FD2; border-bottom:1px solid #108FD2;}
.courses-left-box-end{ background:url(courses_left_box_end.gif) no-repeat;}
.courses-block {  background:#FFFFFF;border: 1px solid #C6E4F5;}
.courses-block-mid {background:#fff;}
.courses-block-title {background:url(skills_course_title_bg.gif) no-repeat;   }
.courses-block-title .title{ color:#0D8DD2;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #CFE6F6; }
.courses-block-title .main{border-bottom:4px solid #69CBF1;   }
.courses-block-content .return a{ color:#5EB203;  }
.courses-block .list td{color:#000; }
.courses-block .list th{ background:#E5F8FF; color:#000;  border:1px #fff solid;}
.courses-block .list .greens th{background:#EFFEF2;}
.courses-block .list .name{color:#000;}
.courses-block .list .options a{ color:#44A5D9;}
.courses-block .list .options a:hover{ color:#FF9C01; }
.courses-block .list .listbg { background:#F6F8F9;}
.courses-block .list .listbg2 { background:#fff;}
.courses-block .list .hover{background:#F6F8F9; }
.courses-block .list .hover td{color:#39aafd; }
.courses-right-box-top{background:url(courses_right_box_top.gif) no-repeat;  }
.courses-right-box-t1{background:url(courses_right_box_t1.gif) no-repeat; }
.courses-right-box-t1 h2{  color:#3173B2;}
.courses-right-box-t2{background:url(courses_right_box_t2.gif) no-repeat; }
.courses-right-box-t2 h2{  color:#0464f4; }
.courses-right-box-t3{background:url(courses_right_box_t2.gif) no-repeat; }
.courses-right-box-t3 h2{  color:#3173B2;   }
.courses-right-box-t3 .more a{ color:#fff;}
.courses-right-box-end{background:url(courses_right_box_end.gif) no-repeat;}
.courses-right-box ul{ background:#fff;  border-left:2px solid #B1DFFC; border-right:2px solid #B1DFFC;  }
.courses-right-box li{  border-bottom:1px dotted #7d7d7d; }
.courses-right-box li a{background:url(skills_iconb.gif) no-repeat left center; color:#666;   }
.courses-right-box li a.current{background:url(skills_iconc.gif) no-repeat left center;color:#FF9C01; }
.courses-right-box li a:hover{background:url(skills_iconf.gif) no-repeat left center;color:#518FD1; }
.courses-right-box .green li a.current{background:url(skills_icona.gif) no-repeat left center;color:#72BC23;}
.courses-right-box .top {background:url(skills_course_left_topicon.gif) no-repeat 10px 10px; }
.introduce{ background:url(skills_course_view_bg.gif) no-repeat right top;}
.introduce .intro-left li {color:#939292;    border-bottom:1px dotted #ccc;}
.introduce .intro-left .intro-img img{ border:2px solid #ABAAAA;  }
.introduce .intro-right .box-title .title{ color:#0D8DD2;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #CFE6F6; }
.introduce .intro-right .box-title .main { border-bottom:4px solid #69CBF1;   }
.introduce .intro-right .information{background:url(skills_couse_view_info.gif) no-repeat;  }

.principal {background:url(skills_course_title_bg.gif) no-repeat right 32px;}
.principal .box-title .title{ color:#0D8DD2;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #CFE6F6; }
.principal .box-title .main { border-bottom:4px solid #69CBF1;   }
.principal .principal-left .person-img{background:url(skills_couse_view_proson.jpg) no-repeat left top;   }
.principal .principal-right .person-info span{  color:#0B8BD0; }
.principal .principal-right .person-intro{ background:#E6F6FE; color:#0B8BD0;     border:1px solid #C6E4F5;}

/*
** search barea**
*/
.search-barea-upl {   background:url(search_area_lbg.jpg) no-repeat;}
.search-barea-upr {   background:url(search_area_rbg.jpg) no-repeat;}
.search-barea-upc {  background:#6EB2E6; }
.search-barea-condition { background:#f7f7f7;    border:1px solid #dddfdd;   }
.search-barea-condition a:link,.search-barea-condition a:visited { color:#666;}
.search-barea-condition a:hover {  color:#267DCE;}
.search-barea-condition .active, .search-barea-condition a.active:hover { background:url(search_area_condition.gif) no-repeat right center;}
.search-barea-upcin .condihover { background:#f7f7f7;    border:1px solid #fdfdfd; }
.search-barea-input input {  color:#424242;     background:url(search_area_inputbg.jpg) repeat-x left top; }
.search-barea-button {background:url(search_area_btn.jpg) repeat-x;      color:#5C4215;  }
.search-barea-toggle {      color:#fff;   }
.search-barea-toggle em.down { background:url(search_area_toggledown.gif) no-repeat; }
.search-barea-toggle em.up { background:url(search_area_toggleup.gif) no-repeat; }
.search-barea-down {   background:#f7faff; border:2px solid #6EB2E6; }

/*
** layout / layout_two  **
*/

/*
** advanced  search **
*/
table.filter { background:#ECF8FE; border:2px solid #6EB2E6;color: #0C3D5B; }
.filter td a:link    { color: #3c3c3d;  }
.filter td a:visited { color: #3c3c3d;  }
.filter td a:hover   { color: #3c3c3d;  }
.filter select { border:1px solid #AFAFAF;}
.filter textarea { border:1px solid #CECECE; background:url(comm_input_bg2.gif) no-repeat left top; color:#333; }
.filter input[type="text"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 
.filter input[type="password"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 

/*
** seachlist **
*/

table.seachlist {background:#fff;   border:1px solid #ADCDED;}
table.seachlist th{background:#D0E5F7;  border:1px solid #ADCDED;  color:#333;  border: 1px solid #E7F5FE; border-right:1px solid #99B9D9; border-bottom:1px solid #99B9D9;}
table.seachlist tr.listAlt    {  background-color:#f6f6f6;}
table.seachlist tr.listAlt tr {  background-color:#f6f6f6;}
table.seachlist tr.listBas    {  background-color: #F5F5F5; color:#999999;}
table.seachlist tr.listBas tr {  background-color: #F5F5F5; color:#999999;}
table.seachlist tr.listHlt    {  background-color:#FFFDD7; }
table.seachlist tr.listHlt tr {  background-color:#FFFDD7; }
table.seachlist tr.Inside		{  background-color: #FFFFFF; }
table.seachlist tr.Inside tr	{  background-color: #FFFFFF; }
table.seachlist tr.InsideAlt	{  background-color: #FFFFFF; }
table.seachlist tr.InsideAlt tr {  background-color: #FFFFFF; }
table.seachlist th a:link    { color: #016EC6;  }
table.seachlist th a:visited { color: #016EC6;  }
table.seachlist th a:hover   { color: #3c3c3d;  }
table.seachlist td a:link	 { color: #016EC6;  }
table.seachlist td a:visited { color: #016EC6;  }
table.seachlist td a:hover { color: #f60;  }
table.seachlist tr.listBas a:link    { color: #999999;  }
table.seachlist tr.listBas a:visited { color: #999999;  }
table.seachlist tr.listBas a:hover   { color: #999999;  }
table.seachlist .iFont {  color:#f60;  }

.questionnaire { background:#f7fcff url(questionnaire_bg.jpg) no-repeat left bottom;  }
.questionnaire-roll { border:1px solid #d9dada;  background:#fff;}
.questionnaire-roll-title {  background:#e5e7e8; border:1px solid #fff;}
.questionnaire-roll-title h2{   color:#016ec6;    background:url(questionnaire_icon.gif) no-repeat 5px center;}
.questionnaire-roll-describe {  border-top:1px solid #d9dada; color:#878787; }
.questionnaire-roll-bottom {   background:#fbfbfb;  }
.questionnaire-roll-bottom .info { color:#ff5400;  }


/* 资讯文章 */
.zxwz-left-header p{ background:#004276; color:#FFF; }
.zxwz-left-box-header{ background: url(zxwz_left_box_header.gif) no-repeat scroll 0 0;    border:1px #dadada solid; }
.zxwz-left-box-content{ border:1px solid #dadada;   }
.zxwz-left-box-content h4 a{ color:#bb2a30; }
.zxwz-left-box-content h4 a:link,.zxwz-left-box-content h4 a:visited{ color:#bb2a30; }
.zxwz-right-news{ border:1px #dadada solid;  }
.zxwz-right-news h5{ background:url(zxwz_right_news_header_bg.gif) no-repeat scroll 0 0;   color:#bb2a30;  }

/*前台优秀作业查看*/
#teaching-inside .center-info-list{color:#1F2022;border:1px solid #DBF1FD; }
#teaching-inside .center-info-list .comments-box-list .list{   border:1px solid #D1E8FF;}
#teaching-inside .center-info-list .comments-box-list .list .title-bg{ background:url(subbase_view_title_bg2.gif) repeat-x;  border-bottom:1px solid #D1E8FF;}
#teaching-inside .center-info-list .comments-box-list .list th{ border:1px solid #D1E8FF;   color:#0B8ACF;}
#teaching-inside .center-info-list .comments-box-list .list td{  border-bottom:1px dotted #ccc; }
#teaching-inside .center-info-list .comments-box-list .list em{ color:#F00;}
#teaching-inside .center-info .comments-box-form .form li em{ color:#F00;}
#teaching-inside .center-info .comments-box-form .form li select {border:1px solid #BDE4F8;}
#teaching-inside .center-info .comments-box-form .form li textarea {border:1px solid #BDE4F8;}
#teaching-inside .center-info .comments-box-form .form li .button{background:url(subbase_view_button.gif) no-repeat;  color:#fff;  }

/*vedio*/

.contbox-vediopage-left{  border:1px solid #d6ebf2;   }
.page-vedio{ border:1px solid #dedede; }
.page-caption h3{    border-bottom:1px solid #dbe8e2;}
.vedio-pingjia{ border:1px solid #dfdede; }
.vedio-pingjia a{ background:url(button_01_bg.jpg) no-repeat scroll 0 0;    color:#fff; }
.vedio-infor h4{ background:url(vedio_infor.jpg) repeat-x scroll 0 0;   border:1px solid #cacaca;   }
.vedio-infor .vedio-infor-box ul{width:100%;padding:0;}
.vedio-infor .vedio-infor-box ul li{  float:left;width:100%;background:#ecf8fe;line-height:25px;}
.vedio-infor .vedio-infor-box span{ border-bottom:1px dashed #fff;}
.vedio-text{ background: url(vedio_pinglun_bg.jpg) repeat-x scroll 0 0; border:1px solid #e9e9e9;  }
.vedio-text em{    background:url(icon_01.jpg) no-repeat scroll;   }
.vedio-text a{  background:url(button_01.jpg) no-repeat scroll;       color:#fff;}
.vedio-pinglun ul{ border:1px solid #d6dcde; }
.vedio-pinglun ul li{ border-bottom:1px dotted #dddddd; }
.contbox-vediopage-right{ border:1px solid #d5ebf2;}
.contbox-vediopage-right h5{ background:url(xgsp_h5_bg.jpg) repeat-x scroll ;   }

/* pic */
.pic-box{ border:1px solid #c4c3c3;}
.pic-box .scrollbox .leftbutton {   background:url(simg_sroll_left.jpg) no-repeat scroll 0 0;  }
.pic-box .scrollbox .rightbutton {   background:url(simg_sroll_right.jpg) no-repeat scroll 0 0;  }

/*下载资源*/
.content_one_yh {   border-top:1px solid #c5dce8; }
.content_one_yh .ul_one { border-right:1px dashed #e2e6e7;}
.content_one_yh ul li label{background:#ecf8fe;     border-right:1px solid #f1f1f1; }
.content_one_yh ul li span{ border-bottom:1px dashed #e2e6e7;   }
.content_one_yh ul .li_one { background:#ecf8fe;}
.content_one_yh ul .li_three { background:#f6f6f6;}
.content_two_yh h3 {  background:#f0f0f0; border:1px solid #cfcfcf;      }
.contbox_right_one_yh ul .li_five span { background:#f3fbfe;    color:#83d0e9; }
.contbox_right_one_yh ul .li_six .li_img_text { background:#edfaf5; border:1px solid #e3f3ed;   }
.contbox_right_two_yh h5 { background: url(doc_h5_bg.jpg) repeat-x scroll; border:1px solid #cfcfcf;       }
.contbox_right_two_yh .right_two_contbox { border:1px solid #d5ebf2;  }

/*document*/
.document-box{ border:1px solid #e1ede9;}
.document-header{ background:url(doc_header_bg.jpg) repeat-x scroll 0 0;   }
.document-header a{      color:#6a9d7f;}
.document-header .icon_01{ background:url(icon01.jpg) no-repeat scroll 0 0;}
.document-header .icon_02{ background:url(icon02.jpg) no-repeat scroll 0 0;}
.document-header .icon_03{ background:url(icon03.jpg) no-repeat scroll 0 0;}
.document-footer{ background:url(doc_footer_bg.jpg) repeat-x scroll; }
.document-footer a{    color:#6a9d7f;}
.document-footer .icon_04{ background:url(icon04.jpg) no-repeat scroll 0 0;}
.document-footer .icon_05{ background:url(icon05.jpg) no-repeat scroll 0 0;}
.document-footer .icon_06{ background:url(icon06.jpg) no-repeat scroll 0 0;}
.document-footer .icon_07{ background:url(icon07.jpg) no-repeat scroll 0 0;}
.document-footer .icon_08{ background:url(icon08.jpg) no-repeat scroll 0 0;}
.document-footer .icon_09{ background:url(icon09.jpg) no-repeat scroll 0 0; }
.document-footer .icon_10{ background:url(icon10.jpg) no-repeat scroll 0 0; }
.document-content p{ background:url(doc_cont_bg.jpg) repeat-y scroll 0 0;    }
.contbox_right_two_yh label{ color:#727272;}
.document-right h6{ color:#2d64b3;   border-bottom:1px solid #f5f5f5; }
.document-right .doc-caption{  background:url(icon_doc.jpg) no-repeat scroll 0 3px;}
/*数字化门户  课程中心和班级门户*/


/*
** tab **
*/
table.tab   { border-bottom: #3079cb 0px solid; ;}
td.tab_1    {  background: url(tab_alt_r.gif) no-repeat right 50%; ;}
td.tab_2    {  background: url(tab_r.gif) no-repeat right 50%; ;}
td.tab_3    {  background: url(tab_alt_l.gif) no-repeat right 50%; ;}
td.tab_4    {  background: url(tab_end.gif) no-repeat right 50%; ;}
td.tab_5    {  background: url(tab_alt_end.gif) no-repeat right 50%; ;}
span.tab    {  background: url(tab_bg.gif);  color: #3c3c3d; ;  }
span.tab_alt{  background:url(tab_alt_bg.gif);  color:#ffffff;   }
#SSTabSubDiv1{ background: url(tab.gif);}
.tab_1 span.tab{  background:url(tab_alt_bg.gif);  color:#ffffff;   }
#SSTabSubDiv1{ background: url(tab.gif);}
.tab_5 span.tab{  background:url(tab_alt_bg.gif);  color:#ffffff;   }
#SSTabSubDiv1{ background: url(tab.gif);}

/*
** form  style**
*/
table.form{background-color:#fff; }
.form th {color:#555555; }
.form tr   { background-color:#F2F8FD;}
.form th   { color:#555;}
