@charset "utf-8";
/* CSS Document */

.note,.content_me{ font-size:13px; line-height:200%; max-width:860px; margin:0 auto; padding:20px 40px}
.note p{ display:table}
.note p span{ display:table-cell}
.note .red, form .red{ color:#D96C00; padding:0 10px 0 0}


.content_me{ padding:40px; max-width:680px}
.content_me h4{ color:#D96C00; display:block; font-size:15px; padding:0 0 20px; text-align:center; width:100%}
/*.content_me{ display:table}*/
.content_me p{ background:url(../images/footer_dm.png) no-repeat; display:table-cell; line-height:20px; padding:0 30px }
.content_me a{ color:#555; text-decoration:none}
.content_me a:hover{ text-decoration:underline}

/*form*/
div.tab { overflow: hidden; text-align:center}

/* Style the buttons inside the tab */
div.tab button {
    background:#e9e9e9; border: none;border-radius:1em;
    outline: none; cursor: pointer;
	display:inline-block; margin:0 0 10px; padding:0.35em .8em;
    transition: 0.3s; font-size: 12px;
}

div.tab button:hover { background:#fcece3}

div.tab button.active { background:#9e9280; color:#fff}

.tabcontent {
    display: none;
    padding: 20px; margin:20px auto;
    border: 1px solid #ccc; max-width:860px;
}
#formD.tabcontent { display:block}
form,form li{ font-size:13px; vertical-align:middle; line-height:200%}
form li{ border-bottom:1px solid #eee; padding:10px 0}
input[type=text]{ padding:5px 10px; width:100%}

.test{ display:block; margin:0 auto; background:#b71e1e; color:#fff; font-size:21px; padding:10px 20px; text-align:center; width:140px}

@media screen and (max-width:910px){
	.tabcontent{ margin:20px}
}
@media screen and (max-width:700px){
	.content_me{ padding:40px 20px; max-width:270px}
	.content_me p{ display:block; margin:0 0 15px; padding:0 0 0 30px}
}