@charset "utf-8";
.attend_title {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 30px
}
.attend_title > .text1 {
    font-size: 48px;
    color: #d4d4d4;
    font-weight: 100
}
.attend_title > .text2 {
    font-size: 16px;
    color: #737373;
    font-weight: 300
}
.attend_title > .text3 {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #4c4d50
}
.attend_calendar {
    width: 713px;
    margin: 0 auto 50px;
    text-align: center
}
.calendar_top {
    text-align: center;
    margin-bottom: 60px
}
.calendar_top > * {
    display: inline-block;
    vertical-align: middle
}
.calendar_top > .prev {
    width: 27px;
    height: 27px;
    background: url("/img/calendar_prev.png");
    margin-top: 10px
}
.calendar_top > .next {
    width: 27px;
    height: 27px;
    background: url("/img/calendar_next.png");
    margin-top: 10px
}
.calendar_top > .now {
    display: inline-block;
    margin: 0 37px;
    font-size: 28px;
    color: #d4d4d4;
    font-weight: 100
}
.calendar_top > .now > span {
    display: inline-block;
    margin-left: 18px;
    font-size: 49px;
    color: #ffdc19
}
.attend_calendar > ul {
    display: inline-block;
    overflow: Hidden;
    border-top: 1px solid #5d5e61;
    border-bottom: 1px solid #a1a2a3
}
.attend_calendar > ul > li {
    float: left;
    width: 65px;
    height: 65px;
    line-height: 57px;
    font-size: 26px;
    margin: 5px 17px;
    box-sizing: border-box;
    text-align: center
}
.attend_calendar > ul > li.name {
    color: #b5b5b5
}
.attend_calendar > ul > li.prev {
    color: #7c7c7c
}
.attend_calendar > ul > li.ok {
    color: #ffde00;
    border: 3px solid #ffde00;
    border-radius: 100%
}
.attend_calendar > ul > li.white {
    color: #ffffff
}
.attend_wrap > .cal_btn {
    display: block;
    width: 546px;
    margin: 0 auto 30px;
    font-size: 20px;
    color: #fff;
    background: #3f530f;
    text-align: center;
    padding: 13px 0;
    box-sizing: border-box;
    border: 2px solid #73a300;
    border-radius: 10px;
}
.attend_wrap > .ment {
    width: 546px;
    margin: 0 auto;
    padding-bottom: 50px
}
.attend_wrap > .ment > .ment1 {
    padding-left: 27px;
    color: #fff;
    font-size: 17px;
    margin-bottom: 10px;
    background: url("/img/calendar_icon1.png") no-repeat 9px 12px
}
.attend_wrap > .ment > .ment1 > span {
    color: #ffde00
}
.attend_wrap > .ment > .ment2 {
    padding-left: 27px;
    font-size: 15px;
    color: #898989;
    line-height: 130%;
    background: url("/img/calendar_icon1.png") no-repeat 9px 8px
}