html {background:#f7f7f7}
body {
background:#fff;
max-width:1260px;
margin:auto;
font-family:Hind,Arial,sans-serif;
font-weight:300;
}

#top {display:inline-block;padding:30px 35px 15px;box-sizing:border-box;width:100%}
#top a:hover {text-decoration:none}
#logo {float:left}

main {display:block;font-size:0}
a {text-decoration:none;cursor:pointer}
a img {border:0}
a:hover {text-decoration:underline}
b {font-weight:500}

h1 {font-size:52px;font-family:Baskervville,'Times New Roman',sans-serif;font-weight:400;margin:0}
h4 {font-weight:500;font-size:19px;line-height:26px}
p,li p {font-size:17px;line-height:25px;color:#333}
td,td p {font-size:16px;line-height:22px}
textarea {width:90%;height:200px}
.note {font-size:11pt;line-height:20px;color:#555;margin:40px 0 20px}

table {width:100%;border-collapse:collapse;margin-bottom:30px}
table table {margin-bottom:10px}
td {vertical-align:top;padding:20px}
td:first-of-type{min-width:200px}
.det td {padding:10px;border:0}
.det td,.det tr:nth-of-type(even) td{background:#e9f9ff}
.cform {border:1px solid #ddd;margin-top:20px}
.cform h4 {margin:0;text-align:left}
.cform td {border:0;vertical-align:top}
.cform td td {font-size:14px}
.cform tr:nth-of-type(odd) td:nth-of-type(2){min-width:80px}
.cform td b {font-weight:400}
.blue td {background:#eff8ff;padding:25px 20px}
.box td {padding:5px 10px;background:none}

.con {padding:60px 70px 50px;text-align:center}
.con a {color:#3d7cb7}
.content {width:100%;max-width:600px;display:inline-block;vertical-align:top;text-align:left}
.content a:hover img {cursor:zoom-in}
.content ol {padding-left:30px}
.content li {margin:5px 0;padding-left:10px}
.content li br {display:block;margin:3px 0}
.error {font-weight:500;color:#a00;font-size:15px}

#postft {background:#eee;overflow:auto;padding:10px 20px}
#postft p {margin:0;font-size:13px;text-align:center}

/* RESPONSIVE */
@media screen and (max-width:1080px){
#ql {display:none}
.content {padding:0 0 40px;width:80%}
}

@media screen and (max-width:960px){
#top {padding:20px 20px 5px}
.con {padding:40px 20px 20px}
}

@media screen and (max-width:820px){
.content {padding:0 10px 40px}
textarea {width:100%}
}

.mob,#mob {display:none}
@media screen and (max-width:660px){
h1 {font-size:45px}
h1:first-of-type {margin-top:10px}
h1+h4.mob+p {margin-top:17px}
#logo,#mob,.mob {display:block}
#logo {position:absolute;top:10px;left:10px;height:50px}
#top{padding-left:0}
.content {width:100%;max-width:none}
.content {padding:0 0 40px}
.con {padding:20px}
.w,.w li {width:auto}

@media screen and (max-width:500px){td {display:block}
.cform td:nth-of-type(2) {padding-top:0}}

@media screen and (max-width:430px){
p,td,li p,.con li {line-height:24px}
.con,td {padding:15px}
td td {padding:0}
.but a {padding:8px 10px}
}