body, form, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, p, img, pre, code, fieldset, legend, input, button, textarea, blockquote, th, td, hr, span {
    margin: 0;
    padding: 0;
    border: 0;
}

dt {
    padding: 0 0 0 10px;
    margin: 0;
}

dd {
    padding: 0 0 0 20px;
    margin: 0;
}

checkbox, input, img {
    vertical-align: middle;
}

i {
    vertical-align: middle;
    display: inline-block;
    font-style: normal;
    margin: 0;
    padding: 0;
}

em {
    font-style: italic;
}

.oppImg {
    vertical-align: top;
}

ul, li {
    list-style-type: none;
}

    li div {
        _overflow: hidden;
        _display: inline;
    }

.div_inline {
    display: inline;
}

.div_inline_block {
    display: inline-block;
}

option {
    padding: 5px;
}

input, textarea {
    font-size: 12px;
}

a {
    color: #7e672f;
    text-decoration: none;
}

    a.p_black {
        color: #555;
    }

    a.p_white {
        color: #fff;
    }

    a.p_gray {
        color: #999;
    }

    a:hover, a:active {
        color: #444;
    }

    a:link, a:visited {
    }

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}



.line {
    height: 1px;
    background: #e9e9e8;
    font-size: 0;
    line-height: 0px;
    overflow: hidden;
    display: block;
}

.line2 {
    height: 1px;
    clear: both;
    border-bottom: 1px dashed #e9e9e8;
    font: 0/0px;
    overflow: hidden;
    display: block;
}

.line3 {
    height: 1px;
    clear: both;
    border-bottom: 1px dashed #eece64;
    font: 0/0px;
    overflow: hidden;
    display: block;
}

.line4 {
    height: 1px;
    background: #ea5d3d;
    font: 0/0px;
    overflow: hidden;
    display: block;
    clear: both;
    margin: 5px 0;
    width: 416px;
}

.leftFloat {
    float: left;
}

.rightFloat {
    float: right;
}

.Margin5 {
    margin: 5px;
}

.Margin10 {
    margin: 10px;
}

.mb5 {
    margin-bottom: 5px;
}


.mb10 {
    margin-bottom: 10px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml35 {
    margin-left: 35px;
}

.ml50 {
    margin-left: 50px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr25 {
    margin-right: 25px;
}
.gap_bottom1 {
    height: 30px;
}

.gap_bottom2 {
    height: 10px;
}

.gap_bottom3 {
    height: 5px;
}

.gap_bottom4 {
    height: 20px;
}

.gap {
    margin: 8px 0;
}

.gap2 {
    padding: 0 5px;
}

.gap3 {
    margin: 8px 10px;
}

.gap4 {
    margin: 15px 0;
}

.gap5 {
    margin: 25px 0;
}

.gap_person {
    width: 30px;
}

.gap_btn {
    margin: 0 auto;
    width: 71px;
}

.gap_btn_l {
    margin: 0 auto;
    width: 100px;
}

.width_120 {
    width: 120px;
}

.bg1 {
    background: #fbe4ef;
}

.bg2 {
    background: #e9fad6;
}

.bg3 {
    background: #e4edfb;
}

.bg4 {
    background: #f6f2e7;
}

.bg5 {
    background: #fff;
}

.bl02 {
    border-left: 2px solid #ccc;
}

.bb {
    border-bottom: 1px solid #ddd;
}

h1 {
    font-size: 28px;
    line-height: 48px;
    font-weight: normal;
}

.btn_white_s {
    display: block;
    background: url(../images/bg.png) -380px 0 no-repeat;
    width: 75px;
    height: 27px;
    cursor: pointer;
}

    .btn_white_s:hover, .btn_white_s:active {
        background: url(../images/bg.png) -380px -30px no-repeat;
    }

.btn_white_s_a {
    display: block;
    background: url(../images/bg.png) -380px -60px no-repeat;
    width: 75px;
    height: 27px;
    cursor: pointer;
}

.btn_red_s {
    display: block;
    background: url(../images/bg.png) -300px 0 no-repeat;
    width: 75px;
    height: 27px;
    cursor: pointer;
    margin-right: 20px;
}
    /*开始学习*/
    .btn_red_s:hover, .btn_red_s:active {
        background: url(../images/bg.png) -300px -30px no-repeat;
    }

.btn_red_s1, .btn_white_s1 {
    display: block;
    width: 75px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
}

.btn_red_s1 {
    background: url(../images/bg.png) -300px -60px no-repeat;
    margin-right: 20px;
    color: #fff;
}
    /*save*/
    .btn_red_s1:hover, .btn_red_s1:active {
        background: url(../images/bg.png) -300px -90px no-repeat;
    }

.btn_white_s1 {
    background: url(../images/bg.png) -380px -90px no-repeat;
    color: #555;
}
    /*cancel*/
    .btn_white_s1:hover, .btn_white_s1:active {
        background: url(../images/bg.png) -380px -120px no-repeat;
    }

.btn_login, .btn_goto{
    display: block;
    width:85px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #9f8743;
    border: 1px solid #8d773a;
    color: #fff;
    cursor: pointer;
    margin: 11px 0;
}
.btn_goto{
    width:130px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}
    .btn_login:hover, .btn_goto:hover{
        background: #978142;
    }

.btn_cancel {
    display: block;
    width:85px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #eee;
    border: 1px solid #ddd;
    color: #333;
    cursor: pointer;
    margin: 11px 0;
}
.btn_cancel:hover {
    background: #e5e5e5;
}

.btn_more {
    display: block;
    width: 45px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #f2f2f2;
    border: 1px solid #eee;
    color: #333;
    cursor: pointer;
    margin: 1px 0;
}
    .btn_more:hover {
        background: #e5e5e5;
    }

.btn_s_unavailable {
    display: block;
    background: #eee;
    border: 1px solid #ddd;
    width: 55px;
    height: 22px;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    color: #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/*
.btn_login a{
	display:block;
	background:url(../images/bg.png) -220px -190px no-repeat;
	width:102px;
	height:24px;
	font-size:14px;
	text-align:center;
	line-height:24px;
	color:#c27c00;
}
.btn_login a:hover,.btn_login a:active{
	background:url(../images/bg.png) -220px -220px no-repeat;
	width:102px;
	height:24px;
	color:#c27c00;	
}
.btn_white a{
	display:block;
	background:url(../images/bg.png) -330px -190px no-repeat;
	width:16px;
	height:16px;
	padding:4px;
}
.btn_white a:hover,.btn_white a:active{
	background:url(../images/bg.png) -330px -220px no-repeat;
	width:16px;
	height:16px;

}


.btn_green_m a{
	display:block;
	background:url(../images/bg.png) -140px -190px no-repeat;
	width:71px;
	height:24px;
	font-size:14px;
	text-align:center;
	line-height:24px;
	color:#fff;
}

.btn_green_m a:hover,.btn_green_m a:active,.btn_green_m a:focus{
	background:url(../images/bg.png) -140px -220px no-repeat;
	width:71px;
	height:24px;	
	color:#f4f4f4;
	cursor: pointer;
}

.btn_green_b a{
	display:block;
	background:url(../images/bg.png) -80px -250px no-repeat;
	width:90px;
	height:30px;
	font-size:14px;
	text-align:center;
	line-height:30px;
	color:#fff;
	cursor:pointer;
}

.btn_green_b a:hover,.btn_green_b a:active{
	background:url(../images/bg.png) -80px -280px no-repeat;
	width:90px;
	height:30px;	
	color:#f4f4f4;
}

.btn_green_l a{
	display:block;
	background:url(../images/bg.png) -360px -190px no-repeat;
	width:120px;
	height:24px;
	font-size:14px;
	text-align:center;
	line-height:24px;
	color:#fff;
}

.btn_green_l a:hover,.btn_green_l a:active{
	background:url(../images/bg.png) -360px -220px no-repeat;
	width:120px;
	height:24px;	
	color:#f4f4f4;
}*/


.btn_red {
    display: block;
    background: url(../images/bg.png) -660px -190px no-repeat;
    width: 71px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
}

    .btn_red :hover, .btn_red :active {
        background: url(../images/bg.png) -660px -220px no-repeat;
        width: 71px;
        height: 24px;
        color: #fff;
    }

.btn_more a {
    background: url(../images/bg.png) -100px -170px no-repeat;
    width: 40px;
    height: 15px;
    display: block;
}

    .btn_more a:hover, .btn_more a:active {
        background: url(../images/bg.png) -140px -170px no-repeat;
        width: 40px;
        height: 15px;
    }

.btn_ok {
    display: block;
    background: #e5e5e5;
    width:50px;
    height: 25px;
    font-size: 12px;
    text-align: center;
}


/*ok*/
.btn_miss {
    display: block;
    background: url(../images/bg.png) -330px -195px no-repeat;
    width: 30px;
    height: 25px;
    font-size: 12px;
    text-align: center;
}

.btn_delete {
    background: url(../images/bg.png) -180px -390px no-repeat;
    width: 35px;
    height: 35px;
    margin: 5px;
}

.contact_done {
    background: #ecfbea;
    border: 1px solid #c3e9a4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 22px;
    line-height: 22px;
}

.btn_tag {
    background: url(../images/bg.png) -200px -190px no-repeat;
    width: auto;
    height: 22px;
    line-height: 22px;
    padding-left: 12px;
    cursor: pointer;
}

.btn_tag_right {
    background: url(../images/bg.png) -327px -190px no-repeat;
    width: auto;
    height: 22px;
    padding-right: 12px;
    cursor: pointer;
}

.btn_tag_a {
    background: url(../images/bg.png) -200px -215px no-repeat;
    width: auto;
    height: 22px;
    line-height: 22px;
    padding-left: 12px;
    color: #fff;
    cursor: pointer;
}

.btn_tag_right_a {
    background: url(../images/bg.png) -327px -215px no-repeat;
    width: auto;
    height: 22px;
    padding-right: 12px;
    cursor: pointer;
}

.selectedBG {
    background: #fff3df;
}


/***********************font***********************/

.lineHeight_18 {
    line-height: 18px;
}

.lineHeight_28 {
    line-height: 28px;
}

.p_b {
    font-weight: bold;
}

.p_12 {
    font-size: 12px;
}

.p_14 {
    font-size: 14px;
}

.p_16 {
    font-size: 16px;
}

.p_18 {
    font-size: 18px;
}

.p_20 {
    font-size: 20px;
}

.p_24 {
    font-size: 24px;
}

.p_28 {
    font-size: 28px;
    line-height: 30px;
}

.p_30 {
    font-size: 30px;
    line-height: 30px;
}

.p_gray {
    color: #aaa;
}

.p_black {
    color: #555;
}

.p_red {
    color: #e04c2a;
}

.p_green {
    color: #55aa11;
}

.p_blue {
    color: #6bb1dd;
}

.p_white {
    color: #fff;
}

.p_gold {
    color: #f7eeb5;
}

.p_orange {
    color: #c27c00;
}

.p_center {
    text-align: center;
}

.p_right {
    text-align: right;
}

.p_heiti {
    font-family: "黑体";
}



.p_cut {
    text-overflow: clip;
    -ms-text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    -moz-binding: url('clip.xml#clip');
}

.p_cut_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis; /* for Opera */
    text-overflow: ellipsis; /* for IE */
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    -moz-binding: url('ellipsis.xml#ellipsis');
}

    .p_cut_ellipsis a {
        color: #555;
    }

.reply {
    width: 550px;
    border: 1px solid #ccc;
    line-height: 18px;
    padding: 5px;
}
/*************************input******************************/
textarea {
    border: 1px solid #bbb;
    padding: 5px;
    vertical-align: middle;
}

.input {
    border: 1px solid #bbb;
    height: 24px;
}

.input_m {
    border: 1px solid #bbb;
    height: 22px;
    width: 250px;
}

.input_login {
    
    height: 22px;
    width: 110px;
    padding: 0 5px;
    margin: 8px 0;
}

.search_contacts {
    border: 0;
    width: 135px;
    height: 20px;
    background: #f4f4f4;
    margin: 3px 0;
    color: #ccc;
}

.search_contacts_bg {
    background: url(../images/bg.png) 0 -550px no-repeat;
    width: 160px;
    height: 26px;
    padding: 0 10px;
    line-height: 26px;
}

.input_guide {
    background: #f6f6f6;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 10px 0 0;
}

.textarea_guide {
    background: #f6f6f6;
    width: 450px;
}

.input_advSearch {
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0;
    width: 250px;
}

.select_advSearch_l {
    background: #f6f6f6;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 28px;
    margin: 0 10px 0 0;
    width: 335px;
    -webkit-min-device-pixel-ratio: 0;
}

.select_advSearch {
    background: #f6f6f6;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 28px;
    margin: 0;
    width: 150px;
}

.inputL {
    width: 450px;
    line-height: 18px;
}

.inputS {
    width: 40px;
}

.textarea500 {
    width: 500px;
    max-width: 500px;
    border: 1px solid #bbb;
    padding: 5px;
    height: auto;
    min-height: 80px;
    font-size: 12px;
}

.textarea430 {
    width: 430px;
    max-width: 430px;
    border: 1px solid #bbb;
    padding: 5px;
    height: auto;
    min-height: 70px;
}

.textarea2 {
    width: 100%;
    padding: 5px;
    overflow: visible;
    scroll-y: none;
}

.textarea_reply {
    width: 520px;
    max-width: 520px;
    padding: 5px;
    height: auto;
    border: 1px solid #ccc;
}

/*************************icon******************************/

.textok {
    background: url(../images/icon.png) 0 -305px;
    width: 12px;
    height: 15px;
    padding: 0;
    display: inline-block;
}
/********************nav icon**********************/
.icon_home {
    background: url(../images/bg.png) -780px 0;
}

.icon_home_a {
    background: url(../images/bg.png) -760px 0;
}

.icon_resources {
    background: url(../images/bg.png) -780px -20px;
}

.icon_resources_a {
    background: url(../images/bg.png) -760px -20px;
}

.icon_resources_b {
    background: url(../images/bg.png) -760px -140px;
}

.icon_job {
    background: url(../images/bg.png) -780px -40px;
}

.icon_job_a {
    background: url(../images/bg.png) -760px -40px;
}

.icon_job_b {
    background: url(../images/bg.png) -760px -180px;
}

.icon_lesson {
    background: url(../images/bg.png) -780px -60px;
}

.icon_lesson_a {
    background: url(../images/bg.png) -760px -60px;
}

.icon_lesson_b {
    background: url(../images/bg.png) -760px -220px;
}

.icon_serve {
    background: url(../images/bg.png) -780px -80px;
}

.icon_serve_a {
    background: url(../images/bg.png) -760px -80px;
}

.icon_serve_a {
    background: url(../images/bg.png) -760px -80px;
}


.icon_item {
    background: url(../images/bg.png) -700px -120px;
    width: 20px;
    height: 20px;
}

.icon_point {
    background: url(../images/bg.png) -740px 0;
    width: 20px;
    height: 20px;
}

.icon_point_a {
    background: url(../images/bg.png) -720px 0;
    width: 20px;
    height: 20px;
}

.icon_pic {
    background: url(../images/bg.png) -680px 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.icon_open {
    background: url(../images/bg.png) -720px -120px;
    width: 20px;
    height: 20px;
}

.icon_close {
    background: url(../images/bg.png) -740px -120px;
    width: 20px;
    height: 20px;
}

.icon_close_white{
	background:url(../images/bg.png) -720px -80px;
	width:12px; 
	height:20px;}
.icon_open_white{
	background:url(../images/bg.png) -740px -80px;
	width:12px; 
	height:20px;}
.icon_focus {
    background: url(../images/bg.png) -660px -40px;
    width: 30px;
    height: 30px;
}

.icon_unfocus {
    background: url(../images/bg.png) -690px -40px;
    width: 30px;
    height: 30px;
}

.more_btn_left {
    background: url(../images/bg.png) -660px -140px;
    width: 30px;
    height: 30px;
    display: inline;
    overflow: hidden;
    cursor: pointer;
}

.more_btn_right {
    background: url(../images/bg.png) -690px -140px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.title_left {
    background: url(../images/bg.png) -660px -180px;
    width: 30px;
    height: 35px;
}

.title_right {
    background: url(../images/bg.png) -690px -180px;
    width: 30px;
    height: 35px;
}
/********notice*icon*********/
.icon_select {
    background: url(../images/bg.png) -720px -28px;
    width: 20px;
    height: 6px;
    margin: 0 auto;
}

.icon_checkbox {
    background: url(../images/bg.png) -720px -64px;
    width: 20px;
    height: 14px;
    margin-right: 5px;
}

.icon_checkbox_a {
    background: url(../images/bg.png) -740px -64px;
    width: 20px;
    height: 14px;
    margin-right: 5px;
}


.selected_icon {
    background: url(../images/icon.png) 0 -308px;
    width: 20px;
}

.bgColor {
    background: #f4f4f4;
    padding: 3px;
}

.bgColor_white {
    background: #fff;
    padding: 3px;
}

.bgColor_a {
    background: #fff6df;
    padding: 10px;
    position: relative;
}

.bgColor_green {
    background: #ecfbea;
}


/********************* alex **********/
.gone {
    display: none;
}

.barChart {
    height: 25px;
    cursor: pointer;
}

.barChartLeft {
    width: 80%;
    height: 18px;
    color: #fff;
    padding: 0 4px;
    float: left;
    background: #aad;
    overflow: visible;
}

.barChartRight {
    width: 100%;
    height: 20px;
    color: #63c;
    float: right;
    text-align: right;
}

.personArea_pageIndicator {
    width: 100%;
    margin: 15px auto;
    text-align: center;
}

.pagerIndicator {
    font-size: 12px;
    margin: 3px;
    padding: 3px 5px;
	text-align:center;
}

.pagerIndicator_a {
    font-size: 12px;
    margin: 3px;
    padding: 3px 5px;
    background: #a7935d;
    color: #fff;
}

.pagerIndicator_span {
    font-size: 12px;
    margin: 3px;
    padding: 3px 5px;
    color: #999;
}

.checked {
    width: 16px;
    height: 16px;
    background: url(../images/check.png) no-repeat;
}

.unchecked {
    width: 16px;
    height: 16px;
    background: url(../images/transparent.png) no-repeat;
}

/*************jquery autocomplete**************/
.autocomplete-w1 {
    background: url(../images/shadow.png) no-repeat bottom right;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px 0 0 6px; /* IE6 fix: */
    _background: none;
    _margin: 0;
}

.autocomplete {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #F0F0F0;
    }

    .autocomplete div {
        padding: 2px 5px;
        white-space: nowrap;
    }

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }

/*************jquery tagsInput***************/
div.tagspanel {
    padding: 5px;
}

    div.tagspanel span.tag {
        border: 1px solid #a5d24a;
        float: left;
        padding: 5px;
        text-decoration: none;
        background: #cde69c;
        color: #638421;
        margin-right: 5px;
        margin-bottom: 5px;
        font-family: helvetica;
        font-size: 13px;
    }

        div.tagspanel span.tag a {
            font-weight: bold;
            color: #82ad2b;
            text-decoration: none;
            font-size: 11px;
        }
/*************jquery validate****************/
label.error {
    background: #FFFFFF;
    color: #FF0000;
    display: inline-block;
    padding: 1px 2px;
}

.btn_relation_s {
    width: 71px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

.relation_1 {
    background: url(../images/bg.png) -140px -190px no-repeat;
    color: #fff;
    cursor: pointer;
}

    .relation_1:hover, .relation_1:active {
        background: url(../images/bg.png) -140px -220px no-repeat;
        color: #fff;
    }

.relation_2 {
    background: #eee;
    border: 1px solid #ddd;
    width: 69px;
    color: #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 22px;
}

.relation_3 {
    background: url(../images/bg.png) -520px -190px no-repeat;
    color: #fff;
    cursor: pointer;
}

    .relation_3:hover, .relation_3:active {
        background: url(../images/bg.png) -520px -220px no-repeat;
        color: #fff;
    }

.relation_4 {
    background: url(../images/icon.png) 0px -303px no-repeat;
    padding-left: 14px;
    width: 56px;
    height: 24px;
    line-height: 20px;
    text-align: left;
    color: #55aa11;
}

.relation_loading {
    background: #eee;
    border: 1px solid #ddd;
    width: 69px;
    color: #999;
    background: url(../images/loading.gif) no-repeat center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.energy a {
    color: #555;
    font-size: 16px;
}