/** Attendance skin: independent desktop/mobile compatible presentation. */
.attendance-hero{overflow:hidden;border-radius:0 0 2px 2px}.attendance-hero img{display:block;width:100%;height:auto}
.point_info{overflow:hidden;margin-bottom:20px;text-align:center}.point_info button{background:none;border:0;color:#666;font-size:13px}
.wrapmemo{text-align:center;background:#fff;border:1px solid #ddd;padding:20px!important;border-radius:1px;overflow:hidden}.wrapmemo ul{display:inline-block;margin:0;padding:0}.wrapmemo li{float:left;box-sizing:border-box;overflow:hidden;list-style:none}.wrapmemo input{width:400px;height:38px;padding:0 10px;border:1px solid #ddd;outline:none;background:none;border-radius:0}
.desc{font-size:12px;color:#ff7916;font-weight:400;margin-top:15px;letter-spacing:-1px}.date-navigation{text-align:center;margin-bottom:15px;height:50px}.date-navigation ul{margin:0;padding:0}.date-navigation li{cursor:pointer;float:left;width:25px;text-align:center;background:#fff;position:relative;list-style:none}.date-navigation li:first-child{width:102px;background:#999}.date-navigation li:first-child dt,.date-navigation li:first-child dd{color:#fff;border:0;font-size:12px;text-align:left;padding-left:10px}.date-navigation li:first-child dd .point{color:#ffe216}.date-navigation li dt{height:25px;line-height:25px;overflow:hidden;color:#999;font-size:13px;font-weight:400;border:1px solid #999;border-left:0}.date-navigation li dd{height:25px;line-height:25px;overflow:hidden;color:#ff7916;font-size:14px;font-weight:400;border:1px solid #999;border-top:0;border-left:0}.selected-date{text-align:center;margin-top:20px;font-size:18px;font-weight:600}.alert-point-policy{display:none}.view_policy{margin-top:7px}.ok_btn{background:#ff7916;color:#fff;font-weight:500;font-size:14px;text-align:center;height:38px;line-height:38px;width:110px;border:0;outline:0;margin-left:10px}.refresh{border:1px solid #ddd;border-left:0;background:none;width:38px;height:38px;line-height:38px;border-radius:0}#viewattendance{margin-top:10px;border-top:2px solid #000}.today{background:rgba(0,0,0,.9);color:#ff7916;padding:0 4px;font-size:7px;border-radius:4px 4px 0 4px;position:absolute;top:-16px;left:-10px;z-index:1}
#viewattendance table{table-layout:fixed}#viewattendance tbody td{height:41.5px;vertical-align:middle}#viewattendance .att-col-rank{width:8.433%}#viewattendance .att-col-name{width:27.418%}#viewattendance .att-col-greeting{width:32.114%}#viewattendance .att-col-time{width:10.462%}#viewattendance .att-col-point{width:10.963%}#viewattendance .att-col-streak{width:10.61%}
@media(max-width:1170px){.video_banner{display:none}.selected-date{font-size:16px}.date-navigation{height:auto}.date-navigation li:first-child{width:100%}.date-navigation li:first-child dt,.date-navigation li:first-child dd{float:left;width:50%;text-align:center}.date-navigation li{width:10%}.date-navigation li dt{border-top:0}.wrapmemo li{width:80%}.wrapmemo li:nth-child(3){width:20%}.wrapmemo li:nth-child(4){width:100%}.wrapmemo li .refresh{border-left:1px solid #ddd}.wrapmemo input{width:100%}.ok_btn{width:100%;margin-left:0;margin-top:10px}}
@media(max-width:1170px){#viewattendance .att-col-rank{width:13.112%}#viewattendance .att-col-name{width:37.048%}#viewattendance .att-col-time{width:16.277%}#viewattendance .att-col-point{width:17.048%}#viewattendance .att-col-streak{width:16.515%}}