/**** /content/css/survey.css ****/
@CHARSET "UTF-8";
.survey-init { display: none; }
.pop-wrap.survey { width: 600px; background: #eee; }
.pop-wrap.survey .s-inp { width: 100%; border-radius: 12px; }
.pop-wrap.survey h2 { text-align: center; }
.survey-bl { width: 100%; }
.survey-bl .impor { text-align: center; margin-bottom: 20px; color: #08868f; }
.survey-bl .survey-desc { margin-bottom: 20px; font-size: 16px; color: #333; line-height: 23px; }
.survey-bl .bot-acts { margin-top: 26px; padding-top: 20px; border-top: dashed 1px #ddd; text-align: center; }
.survey-bl .bot-acts .bt { padding: 16px 20px; }
.survey-bl .s-answer { padding: 8px 20px; border-radius: 12px; color: #3b5998; font-size: 18px; font-weight: 600; margin-bottom: 10px; cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; }
.survey-bl .s-answer:hover { background-color: rgba(43, 126, 223, 0.1); }
.survey-bl .s-answer:before { background: #0000001a; content: ""; display: block; flex-shrink: 0; height: 20px; margin-right: 10px; width: 20px; border-radius: 50%; }
.survey-bl .s-answer:after { background: #fff; content: ""; position: absolute; border: 0; height: 6px; left: 27px; border-radius: 100%; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); width: 6px; }
.survey-bl .s-answer.active:before,
.survey-bl .s-answer:hover:before { background: #009be3; }
.survey-bl .s-answer.active:after,
.survey-bl .s-answer:hover:after { transform: translateY(-50%) scale(1); opacity: 1; }
@media screen and (max-width: 800px) { .pop-wrap.survey { width: 98%; box-sizing: border-box; }
}
@media screen and (max-width: 500px) { .pop-wrap.survey { padding: 30px 20px 20px; }
}


/**** /content/css/drawing.css ****/
@CHARSET "UTF-8";
.live-list.drawings li { display: block; float: left; width: 23%; box-sizing: border-box; margin: 10px 1%; text-align: center; text-decoration: none; overflow: hidden; }
.live-list.drawings li a { display: block; padding: 4px 0; }
.live-list.drawings li .name { height: 42px; padding: 0 4px; }
.live-list.drawings a img { max-width: 100%; }
.live-list.v-drawings .vid { width: 49%; float: left; margin: 0 2% 2% 0; }
.live-list.v-drawings .video-cont { background: #000; }
.live-list.v-drawings .vid.n { margin-right: 0; }
.drawing-cat .st-bl.std.big .cnt.cat-desc { border-bottom: solid 1px #ddd; padding-top: 20px; padding-bottom: 20px; }
.drawing-cat .live-list { padding-top: 30px; }
.live-list.drawings .filter { padding: 0; }
.one-draw .draw-box img { max-width: 100%; }
.one-draw .draw-desc { margin-bottom: 20px; }
.one-draw .steps li { border: solid 1px #bbb; margin-bottom: 30px; }
.one-draw .steps li.map { border:none; }
.one-draw .steps li span { text-align: center; display: block; padding: 20px; font-size: 20px; }
.one-draw .steps li .desc { text-align: center; display: block; padding: 0 20px 20px; font-size: 18px; line-height: 26px; }
.vdrawings-main .cats-list .one-cat { display: block; float: left; width: 32%; box-sizing: border-box; margin: 0 2% 2% 0%; text-align: center; text-decoration: none; overflow: hidden; position: relative; }
.vdrawings-main .cats-list .one-cat.n3 { margin-right: 0; }
.vdrawings-main .cats-list .one-cat img { display: block; max-width: 100%; }
.vdrawings-main .cats-list .one-cat .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 28px; color: #fff; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.40)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.40)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.40)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.40)); }
.vdrawings-main .cats-list .one-cat .o-in { display: table; height: 100%; width: 100%; }
.vdrawings-main .cats-list .one-cat .overlay .name { display: table-cell; vertical-align: middle; line-height: 32px; }
@media screen and (max-width: 940px) { .live-list.drawings li { width: 31%; }
}
@media screen and (max-width: 760px) { .drawing-cat .cat-desc { display: none; }
.live-list.v-drawings .vid { margin-right: 0; float: none; width: 100%; }
.vdrawings-main .cats-list .one-cat { width: 49%; }
.vdrawings-main .cats-list .one-cat { margin-right: 0; }
.vdrawings-main .cats-list .one-cat.evv { margin-right: 2%; }
}
@media screen and (max-width: 510px) { .live-list.drawings li { width: 48%; }
.vdrawings-main .cats-list .one-cat,
.vdrawings-main .cats-list .one-cat.evv { width: 100%; margin-right: 0; }
}