/* $Id: content_css/index.css,v 1.2 2011/05/26 01:18:42 xuerong Exp $ */

#hd:after, .media:after, .inner:after, .hd:after, .bd:after, .ft:after, .bar:after {clear:both; display:block; visibility:hidden; overflow:hidden; height:0!important; line-height:0; content:".";}
/* 初始化样式 */
html {color:#000; background:#fff;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,code,em,font,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input, button, textarea,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
fieldset, img {border:0;}
li {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
table {border-collapse:collapse; border-spacing:0;font-size:inherit;font:100%;}
body{font-family:'宋体',Arial,Helvetica,sans-serif; font-size:12px; background-color:#fff;}
br{margin:0;padding:0;}

b,strong,em {font-weight:bold;font-size:14px}
del {text-decoration:line-through;}
em {font-style:normal;}

/* 页面宽度 */
.w0 {margin:auto; text-align:left;width:960px;}

/* 固定侧边布局结构 */
.grid-0/* right 300 */{}
.grid-0 .column {position:relative; _position:static;}
.main .column {position:static;}
.main {width:100%;}
.grid-0 .main {float:left; margin-right:-25em;}
.grid-0 .column {float:right; width:300px;}
.grid-0 .main .column {margin-right:310px;}
.main .column {float:none;  width:auto;}

.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.unit{float:left;}
.size1of2{width:50%;}
.lastUnit {display:table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right:-3px;width:auto;}

/* link color 及常用单体样式 */
a,a:visited{color:#000; text-decoration:none;}
a:hover, a:active {color:#ed6100; text-decoration:underline; }
a.collapsible {background:url(http://downloaddl.dongao.com/css/lib/dui/img/arrow_down.png) no-repeat right center; padding-right:10px;}
a.collapsible.open {background:url(http://downloaddl.dongao.com/css/lib/dui/img/arrow_up.png) no-repeat right center;}

.black {color:black}
.black a:link, .black a:visited {color:black;}
.deepBlue {color:#1a3a69}
.deepBlue a:link, .deepBlue a:visited {color:#1a3a69;}
.deepBlue a:hover {color:#ed6100;}
.gray {color:gray}
.gray a:link, .gray a:visited {color:gray;}
.red {color:red}
.red a:link, .red a:visited {color:red;}
.orange {color:#f2981d}
.orange a:link, .orange a:visited {color:#f2981d;}

.float-left {float:left!important; _display:inline;}
.float-right {float:right!important; _display:inline;}/*_标注样式属性只有ie6能识别*/
.float-none {float:none!important;}

.bg-n {background:none!important;}
.bg-gray {background:#f6f6f6;}

h1, .h1, h2, .h2 {font-family:"微软雅黑","黑体"; font-weight:200;}
h3, .h3 {font-weight:bold;}
h4, .h4, h5, .h5, h6, .h6 {font-weight:normal;}
h1, .h1 {font-size:196%;}
h2, .h2 {font-size:167%;}
h3, .h3 {font-size:146.5%;}
h4, .h4 {font-size:123.1%;}
h5, .h5 {font-size:108%;}
h6, .h6 {font-size:100%;}

.hidden {display:none;}
.clear:after, clearfix:after {content:'\20'; display:block; height:0; clear:both;}
.clear {clear:both; zoom:1; height:0; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }

.fw-b {font-weight:bold;}
.fw-n {font-weight:normal!important;}
.t-c {text-align:center}
.t-r {text-align:right}

.lh-160 {line-height:1.6;}
.lh-20{ line-height:20px;}

.f-14 {font-size:14px!important;}

.p-10 { padding:10px; }
.p-5 { padding:5px; }
.p-n { padding:0px!important; }
.pt-20 { padding-top:20px; }
.pt-10 { padding-top:10px; }
.pt-5 { padding-top:5px; }
.pb-10 { padding-bottom:10px; }
.pb-5 { padding-bottom:5px; }
.pl-20 { padding-left:20px; }
.pl-10 { padding-left:10px; }
.pl-5 { padding-left:5px; }
.pr-10 { padding-right:10px; }
.pr-5 { padding-right:5px; }

.m-10 { margin:10px; }
.m-5 { margin:5px; }
.m-n { margin:0px!important; }
.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-5 { margin-top:5px; }
.mb-10 { margin-bottom:10px; }
.mb-5 { margin-bottom:5px; }
.ml-10 { margin-left:10px; }
.ml-5 { margin-left:5px; }
.mr-10 { margin-right:10px; }
.mr-5 { margin-right:5px; }
.mt-8 { margin-top:8px; }

.height5{ height:5px;}

/* border */
.bl-solid-bottom {border-bottom:1px solid #ccc;}
.bl-colorOrange {border-color:#ed6100}
.bl-dashed-bottom {border-bottom:1px dashed #ccc;}

/* 列表 */
.dot-list li{ display:block;padding-left:8px; line-height:1.8;background-image:url(img/dot.gif); background-position:0 center; background-repeat:no-repeat;}
.xg_list a{padding-left:8px; line-height:1.8;background-image:url(img/dot.gif); background-position:0 center; background-repeat:no-repeat;}


/***********************************************************************************************************
 * 整站hd、bd、ft样式设置
 ***********************************************************************************************************/
#bd {zoom:0;}/* #bd的zoom属性只有ie能够识别，在yui3的样式结构中值为1，直接影响了main-menu主菜单在ie下面的的显示。 */
#hd {clear:both; padding:10px 0; *zoom:1;}

/* menu的position:absolute;只能自适应内容的宽度，不能百分百显示，在引用时可以设定宽度 */
#login-bar .menu .menu-hd {padding:0px 3px 0px; position:relative; line-height:26px; cursor:pointer;}
#login-bar .menu .menu-bd {position:absolute; left:-1px; top:26px; background:#fff; border:1px solid #A7A6AA;}
#login-bar .menu .col-1, #login-bar .menu .col-1 dl {width:100px;}
#login-bar .menu .col-2 {width:210px;}
#login-bar .menu .col-2 dl {width:100px;}
#login-bar .menu .menu-bd dl.last{border:0px;}
#login-bar .menu .menu-bd .bar {clear:both; background:#eee; line-height:normal;}
#login-bar .menu dl {float:left; display:inline; line-height:19px;}
#login-bar .menu dl dt {font-weight:bold; padding:6px 6px 4px;}/* border-bottom:1px solid #CCC; margin-bottom:4px; */
#login-bar .menu dl dd a {display:block; padding:2px 6px;}
#login-bar .menu dl dd a:hover {background:#E4E4E4;}
#login-bar .menu dl.last {border:0px; margin-left:10px;}
#login-bar .menu .selected {background:#fff; border:1px solid #A7A6AA; padding:0 2px 1px; margin-top:-1px; border-bottom:none; z-index:2; *zoom:1; _float:left;}

#login-bar {height:30px; font-size:12px;background-color:#f8f8f8; border-bottom:1px solid #e6e6e6;}
#login-bar .menu {position:relative; height:26px;z-index:101;}
#login-bar li {float:left; line-height:26px; padding-top:2px;}
#login-bar .site-login {float:left;}
#login-bar .site-login li {margin-right:4px;}
#login-bar .site-link {float:right;}
#login-bar .site-link li { padding-left:8px; margin-left:8px; height:20px;background:url(img/content.png) no-repeat -106px 9px;}
#login-bar .site-link li .cart {width:15px; height:20px; float:left; background:url(img/content.png) no-repeat 0px 6px;}
#login-bar .menu .menu-bd {top:28px; left:0px;}
#login-bar .site-link .menu .menu-bd {left:auto; right:0px;}
#login-bar .site-link .tag-menu dl{width:auto; padding-left:6px; padding-right:6px;}
#login-bar .site-link .tag-menu .menu-bd dl dt {padding-left:2px;}
#login-bar .site-link .tag-menu .menu-bd dl dd a {white-space:nowrap; padding:0 4px;}
#login-bar .site-link .tag-menu .menu-bd dl dd a, #login-bar .site-link .tag-menu .menu-bd dl dd {display:inline-block; *display:inline; *zoom:1;}
#login-bar .site-link .tag-menu .menu-bd .bl-solid {width:100%; line-height:1px; padding:6px 0px 0px;}
#login-bar, #login-bar a:link, #login-bar a:visited {color:#444;}
#login-bar a:hover {color:#ed6100;}

/***********************************************************************************************************
 * media 媒体与文本混排结构 http://assets.dongao.cn/css/src/dui/template/module/media.html
 ***********************************************************************************************************/
.media {zoom:1;}
.media .img {float:left; margin-right:10px; text-align:center;}
.media .img span, .media .imgext span{ padding-top:4px; display:block;}
.media .imgext {float:right; margin-left:10px;}
.media h2, .media h3, .media h4 {margin-bottom:3px; word-break:break-all; word-wrap:break-word;}/*font-size:14px; font-weight:bold; */
.media p {line-height:1.4; word-break:break-all;}
.media .text {zoom:1; overflow:hidden;}

/* tab */
.tab {_overflow:hidden; _height:26px;}
.tab li {float:left;position:relative;}
.tab li a {display:inline-block; position:relative; padding:1px 10px 0; color:#535258;border-left: 1px solid #cdd6db; height:27px;}
.tab li.current a {background: #FFF; }
.tab li a:hover,.tab li a:visited,.tab li a:active { text-decoration:none;}

/***********************************************************************************************************
 * 1、bar
 * 可以与mod的hd、ft等联合使用，例如div class="hd bar"，也可以独立使用
 ***********************************************************************************************************/
.bar {position:relative; zoom:1;}
.bar h2, .bar h3, .bar h4 {font-size:14px; padding-left:10px;}
.bar .act, .bar ul, .bar ol, .bar li, .bar h2, .bar h3, .bar h4 {float:left;}
.bar .act, .bar .act-right, .act-right-front {font-size:12px; margin-right:6px;}
.bar .act-right {float:right;}

.t-blue, .t-gray {background:url(img/line.png) repeat-x 0 0; border-bottom:1px solid #cdd6db; height:27px; line-height:27px;}
.t-gray {background-position:0 -28px;height:28px; line-height:28px;}

.mod {margin-bottom:10px; zoom:1}
.hd, .bd, .ft, .inner {*zoom:1;}
.inner { position:relative;}

.m-normal .inner {border:1px solid #cdd6db;}

/* 面包屑 */
.bread {clear:both; overflow:hidden; height:28px!important; color:#666;}
.bread a{color:#666;}
.bread h2, .bread p {float:left;}
.bread h2 span.icon {background:url(img/content.png) no-repeat -15px 0px; _background-position:-15px 14px; width:8px; height:8px; display:inline-block; margin:0 8px; *margin-top:-15px; _margin-top:0;}
.bread p {padding-top:10px;*padding-top:11px;}

/* 翻页 */
.pagenav {clear:both; overflow:hidden; margin:10px 0; text-align:center;}
.pagenav a {width:16px; height:20px; line-height:20px; text-align:center; display:inline-block; border:1px solid #cdcdcd; margin-right:5px;}
.pagenav a:hover {border-color:#666666; color:#666666; text-decoration:none;}
.pagenav a.current {background:#666666;border-color:#666666; color:#fff;}
.pagenav .prev, .pagenav .next {background:url(img/content.png) no-repeat 0px -39px; width:65px; height:22px; border:none;}
.pagenav .prev_disabled {background-position:0px -61px; }
.pagenav .next {background-position:0px -83px;}
.pagenav .next_disabled {background-position:0px -105px;}

/* banner */
.banner650-90, .banner300-80 {width:650px; height:90px; overflow:hidden} 
.banner300-80 {width:300px; height:80px;}

/* 文章效果 */
.article {position:relative; zoom:1; overflow:hidden; border:1px solid #cdd6db; border-top:2px solid #eb6100; padding:30px 20px 20px; background:#fdfdfd;}
.article .content {font-size:14px; line-height:25px;}
.article .content a:link, .article .content a:visited {color:#1a3a69; text-decoration:underline;}
.article .content p {padding:5px 0;}

a.fontBox {width:18px; height:17px; padding-top:1px; *line-height:17px; display:inline-block; margin-right:5px; background:url(img/content.png) no-repeat 0px -15px;}
a.fontBox:hover {background-position:-18px -15px}

.keyword {border-top:1px dotted #cdd6db; border-bottom:1px dotted #cdd6db; background:#f6f6f6; padding:5px; margin:10px 0;}

/* icon */
.icon_view_error, .icon_fav, .icon_print {background:url(img/icon.png) no-repeat left -2px; height:16px; display:inline-block; padding-left:18px; color:#666!important;}
.icon_fav {background-position:left -28px; cursor:pointer;}
.icon_print{background-position:left -50px; cursor:pointer;}

a.view_detail,a.icon_demo,a.icon_buy,a.icon_buy_n {width:71px; height:18px; background:url(img/content.png) no-repeat 0px -132px; display:inline-block;}
a.view_detail:hover {background-position: 0px -150px}

a.icon_demo, a.icon_buy, a.icon_buy_n {background-position:-89px -127px; width:18px; height:13px; text-indent:-9999px}
a.icon_buy {background-position:-80px -143px; width:27px;}
a.icon_buy_n {background-position:-80px -160px; width:27px;}

/* 学员心声 */
.voice {line-height:1.7; padding:0 10px;}
.voice #voice { height:160px; overflow:hidden;}
.voice li {padding:10px 0;}

/* 名师切换 */
.carousel {height:207px; overflow:hidden;text-align:center;}
.bx-prev, .bx-next {display:block; background:url(img/content.png) no-repeat -95px -102px; _background-position:-95px  -98px; width:6px; height:10px; cursor:pointer; position:absolute; top:50%; right:0px;}
.bx-next:hover {background-position:-101px -102px;}
.bx-prev {background-position:-95px -112px; left:0;}
.bx-prev:hover {background-position:-89px -112px;}

/* 网课 */
.course {padding-top:5px;}
.course, .course a:link, .course a:visited, .course_other {color:#656565;}
.course a:hover {color:#eb6c0f;}
.course .cw1, .course .cw2, .course ul.project {width:73px; display:inline-block;}
.course .cw1, .course ul.project {text-align:center; margin-right:25px;}
.course .cw2 {width:110px;}
.course .title {font-weight:bold; border-bottom:1px solid #dedede; padding-bottom:4px;}
.course ul.project, .course ul.object {float:left;}
.course ul.project li {border-right:1px solid #dedede; background:#fff;border-bottom:1px solid #dedede;}
.course ul.object {width:200px;}
.course ul.object li {padding-right:10px;border-bottom:1px dotted #dedede;}
.course ul li {padding-top:5px; padding-bottom:5px; }
.course ul li.last {border-bottom:none;}
.course ul li.current {background:#f6f6f6; border-right:none;}
.course ul li.current a:link, .course ul li.current a:visited { color:#ee6d12;}

.course_other table {width:100%;}
.course_other table td {padding-top:5px; padding-bottom:5px; border-bottom:1px dotted #dedede; line-height:1.6;}
.course_other table tr.last td {border-bottom:none;} 
.course_other table h4 {font-size:12px; font-weight:bold;}
.course_other table td a {margin-right:5px;}

.linkbtn a {width:118px; height:27px; line-height:27px; background:#feefd2; color:#ed6100; font-size:14px; font-weight:bold; display:inline-block; text-align:center;}