@charset "utf-8";

ul, li {list-style:none outside;}
A {text-decoration:none;}


/* date */
#date_layer {text-align:left;;}

#date_layer #box {width:120px;}
#date_layer #box .top {width:20px; float:left;}
#date_layer #box .day {width:80px; float:left;}

#date_layer .w {font-weight:bold; line-height:20px; font-size:16px; }
#date_layer .title {/*color:#565656;*/ font-size:12px;  padding:0 0 0 0; background:url(./img/bg_01.gif) repeat-x;}
#date_layer .title1 {color:#82D4FF; font-size:12px;  padding:0 0 0 0; background:url(./img/bg_01.gif) repeat-x;}
#date_layer .title2 {color:#FE7676; font-size:12px;  padding:0 0 0 0; background:url(./img/bg_01.gif) repeat-x;}

#date_layer .sun1 {color:#FE7676; font-size:12px; float:left;}
#date_layer .sat1 {color:#82D4FF; font-size:12px; float:left;}
#date_layer .day1 {/*color:#333333;*/ font-size:12px; float:left;}

#date_layer .sun2 {font-weight:bold; line-height:20px; color:#FE7676; font-size:12px; float:left;}
#date_layer .sat2 {font-weight:bold; line-height:20px; color:#82D4FF; font-size:12px; float:left;}
#date_layer .day2 {font-weight:bold; line-height:20px; color:#FF9933; font-size:12px; float:left;}

#date_layer .sun3 {color:#ffbebe; font-size:11px; }
#date_layer .sat3 {color:#b8b8ff; font-size:11px; }
#date_layer .day3 {color:#999999; font-size:11px; }

#date_layer .dot {color:#000000; font-size:12px; }

#date_layer .check {color:#126420; font-size:11px; }
#date_layer .check2 {color:#999999; font-size:11px; }


#date_layer tr > td > div {clear:both;}


/* list */
#list_layer .input {width:600px; height:22px; background-color:#f3f3f3; border:0px; padding:5px 5px 5px 10px; font-weight:bold; color:#333333;  font-size:12px;}

#list_layer .msg {padding:6px 0 0 10px; float:left;}
#list_layer .sub {padding:3px 0 0 7px; float:left;}
#list_layer .submit {padding:3px 0 0 5px; float:left;}

#list_layer #info li {line-height:18px; /*color:#898989;*/  font-size:11px;}

#list_layer .title {font-weight:bold; /*color:#333333;*/  font-size:13px;}
#list_layer .list {line-height:20px; /*color:#898989;*/  font-size:13px;}

#list_layer .no {line-height:25px; font-size:12px; /*color:#898989;*/}

#list_layer .bgcolor0 {background-color:#272727;}
#list_layer .bgcolor1 {background-color:#272727;}
#list_layer .bgcolor2 {background-color:#272727;}

img.stamp {height:66px;}

@media (max-width: 767px) {
    #list_layer .input {width:200px;}
}

.attend_con {margin-top:20px;}
.attend_con .comt_txt {width: 100%;height: auto;position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background-color: #272727;border: 3px solid #c43302;border-radius: 3px;}
.attend_con .comt_txt .comt_textarea {width: calc(100% - 114px);height:45px;position: relative;}
.attend_con .comt_txt .comt_textarea > textarea {width: 100%;height: 100%;position: relative;background-color: #272727;padding: 10px 13px;color: #fff;font-size: 0.875rem;overflow: hidden;border:none;resize:none;}
.attend_con .comt_txt .comt_textarea > textarea:focus {border:none;outline:none;}
.attend_con .comt_txt .comt_button {width: 114px;height: 32px;position: relative;margin-right: 8px;}
.attend_con .comt_txt .comt_button > button {width: 100%;height: 32px;border: none;cursor: pointer;background-color: #0866bc;color: #fff;font-size: 0.9375rem;font-weight: 700;position: relative;}
.attend_con .comt_txt .comt_button > button:hover {background-color:#5383af;}