/**** /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; }
}