@charset "utf-8";

#attend_nav {margin:0 0 12px 0;}
#attend_nav:after {display:block;visibility:hidden;clear:both;content:""}
#attend_nav .current {display:block;float:left;color:#999;font-size:12px;}
#attend_nav .current strong {color:#444;font-size:16px;}
#attend_nav .attend_move {display:block;float:right;position:relative;}
#attend_nav ul {background:#fff;border-top:solid 1px #ddd;border-left:solid 1px #ddd;}
#attend_nav ul:after {display:block;visibility:hidden;clear:both;content:""}
#attend_nav ul li {display:block;float:left;position:relative;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
#attend_nav ul li strong {display:block;padding:0 12px;color:#444;font-size:14px;line-height:30px;font-weight:500;}
#attend_nav ul li a {display:block;width:30px;height:30px;text-align:center;line-height:30px;background:#fff;cursor:pointer;}
#attend_nav ul li a i {color:#444;font-size:16px;}
#attend_nav ul li:last-child a i {color:#f63941;}

#attend_nav,
#attend_nav strong,
#attend_nav a {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.attend_info {display:none;position:absolute;right:0px;top:30px;width:240px;padding:10px;background:#f6f6f6;border:solid 1px #ddd;}
.attend_info dl {}
.attend_info dl:after {display:block;visibility:hidden;clear:both;content:""}
.attend_info dl dt {display:block;float:left;width:50%;font-size:12px;font-weight:400;line-height:30px;text-indent:10px;border-bottom:solid 1px #ddd;}
.attend_info dl dd {display:block;float:left;width:50%;color:#f63941;font-size:12px;line-height:30px;font-weight:700;text-align:right;border-bottom:solid 1px #ddd;}


#attend_calendar {margin:0 0 24px 0;}
#attend_calendar table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;box-shadow:2px 2px 8px rgba(0,0,0,0.1);}
#attend_calendar th {font-weight:400;line-height:30px;text-align:center;background:#f6f6f6;border:solid 1px #ddd;}
#attend_calendar td {text-align:center;border:solid 1px #ddd;vertical-align:top;}
#attend_calendar td a {display:block;margin:0 10px 4px 10px;font-size:12px;font-weight:400;line-height:20px;text-align:left;border-bottom:solid 1px #ddd;}
#attend_calendar td img {width:90%;max-width:82px;height:auto;margin:0 0 8px 0;}
#attend_calendar td a,
#attend_calendar td img {vertical-align:top;}
#attend_calendar .sun {color:#f63941;}
#attend_calendar .day {color:#666;}
#attend_calendar .sat {color:#117cce;}


.attend_form {margin:0 0 18px 0;}
.attend_form:after {display:block;visibility:hidden;clear:both;content:""}
.attend_form .frm_input {float:left;width:89%;margin:0 1% 0 0;border-radius:4px;}
.attend_form .btn_submit {float:left;width:10%;}

.attend_list {}
.attend_list ul {background:#fff;border:solid 1px #ddd;border-radius:4px;box-shadow:2px 2px 8px rgba(0,0,0,0.1);}
.attend_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.attend_list ul li {display:block;position:relative;padding:12px;border-bottom:solid 1px #ddd;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.attend_list ul li:last-child {border-bottom:none;}

.attend_list ul li .num_best {display:inline-block;width:18px;height:18px;margin:0 6px 0 0;color:#fff;font-size:11px;font-weight:500;text-align:center;line-height:20px;background:#f00001;border-radius:3px;}
.attend_list ul li .num {display:inline-block;width:18px;height:18px;margin:0 6px 0 0;color:#fff;font-size:11px;font-weight:500;text-align:center;line-height:20px;background:#999;border-radius:3px;}
.attend_list ul li .profile_img img {width:18px;height:auto;border-radius:50%;}
.attend_list ul li strong {font-weight:400;}
.attend_list ul li .date {color:#999;font-size:12px;}
.attend_list ul li .date i {font-size:14px;}
.attend_list ul li .point {display:block;position:absolute;right:18px;top:12px;}
.attend_list ul li .point strong {color:#f00001;font-weight:400;}
.attend_list ul li p {margin:6px 0 0 0;}
.attend_list ul li img,
.attend_list ul li span,
.attend_list ul li a {vertical-align:middle;}





@media screen and (max-width:1240px) {
.attend_form {margin:0 20px 18px 20px;}

.attend_list {margin:0 20px 20px 20px;}
}





@media screen and (max-width:1024px) {
#attend_nav {margin:0 20px 12px 20px;}

#attend_calendar {margin:0 20px 24px 20px;}
#attend_calendar th {font-size:12px;}
}





@media screen and (max-width:768px) {
#attend_nav .current {float:none;margin:0 0 8px 0;}
#attend_nav .attend_move {float:left;}

.attend_info {left:0px;right:auto;}


#attend_calendar td a {font-size:11px;}

.attend_form .frm_input {width:79%;}
.attend_form .btn_submit {width:20%;}
}