img{border:none;}
textarea,input,button{outline:none;}
textarea:focus, input:focus, button:focus{outline:none; border:none;}
textarea:active, input:active, button:active{outline:none;border:none;}
a:hover {outline: none;}
.btn.submit:focus {
    outline-style: none;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
label{margin:0px;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	box-sizing: border-box;
	margin:0;
	padding:0;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	background:#f5faff;
}

.wrap {
	max-width:500px;
	min-width:320px;
	margin:0 auto;
}

.main .list {
	display:flex;
	flex-wrap:wrap;
	margin-top:15px;
	justify-content: center;
	align-items:flex-start;
}

.main .list .item {
	padding:5px 10px;
	border:1px solid #000;
	margin:4px;
	background:#fff;
	border-radius:10px;
}

.main .list .item .hidden {
	display:none;
	flex-direction:column;
}

.main .list .item .hidden a{
	color:#000;
	margin:3px;
	padding:3px;
	background:#f5faff;
	border:1px solid #ddd;
	border-radius:5px;
	text-decoration:none;
}


.main .block {
	margin:15px 0;
	padding:20px;
	background:#fff;
	box-shadow:0 0 6px 4px #f5faff inset;
	border:1px solid #ccc;
	border-radius:10px;
}

.main .block .title {
	font-size:20px;
	font-weight:600;
	color:#3c3c3c;
	text-align:center;
	margin-bottom:10px;
}

.main .block .item {
	display:block;
	width:100%;
	margin-bottom:10px;
	font-size:18px;
	padding:5px 10px;
	border:1px solid #ccc;
	box-shadow:0 0 1px 0 #000;
	border-radius:5px;
	color:#000;
	transition: .5s;
}

.main .block .label {
	display:block;
	font-size:13px;
	font-weight:600;
	margin-bottom:5px;
}

.main .block .item:focus {
	box-shadow:0 0 2px 0 #00ff2b;
}


.main .block .send,
.main .block .send-btn,
.main .block .like-btn {
	display:block;
	width:100%;
	margin-top:30px;
	font-size:18px;
	padding:5px 10px;
	border:1px solid #ccc;
	box-shadow:0 0 3px 0 #6cbcff  inset;
	border-radius:5px;
	color:#000;
	text-align:center;
	background:#f5faff;
	cursor:pointer;
}

.main .block .send {
	font-weight:600;
}

.main .block .send.blue {
	background:#ecfcff;
	margin:0;
	text-decoration:none;
}

.main .block .send.red {
	background:#ffdfdf;
	margin:0;
}

.main .block .send-btn {
	font-weight:600;
	display:none;
}

.main .block .form.one,
.main .block .form.two,
.main .block .form.three,
.main .block .form.four {
	display:none;
}

.main .block .sum-hide-q,
.main .block .sum-hide-w,
.main .block .sum-hide-e,
.main .block .sum-hide-r,
.main .block .sum-hide-t {
	display:none;
}



































