html,body,header,nav,main,aside,footer,article,section,address,figure,figcaption,div,span,h1,h2,h3,h4,p,ol,ul,li,a,img,form,label,input,select,textarea,button,iframe,::before,::after {font-size:100%;font:inherit;vertical-align:baseline;border:0;border:none;margin:0;padding:0;box-sizing:border-box}
a,img,input,select,textarea,button,::before,::after {transition:all .4s ease}
:root {--font1:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,"sans-serif";--font2:Constantia,"Lucida Bright","DejaVu Serif",Georgia,"serif"}

body {font-size:1em;line-height:1.5;font-family:var(--font1);color:#333;background:#fff}

a:link {color:#339}
a:active {color:#666}
a:visited {color:#36c}
a:hover {color:#c00;text-decoration:none}

img {max-width:100%;height:auto}

.skp {position:absolute;left:-999px;width:1px;height:1px}
.skp:focus {position:static;left:0;width:auto;height:auto;display:block;text-align:center;padding:10px}

.ctr1 {text-align:center;background:#866195;border-bottom:1px solid #444;box-shadow:7px 7px 7px #dfb6e0}
header {margin:0 auto}
header>div {max-width:1100px;min-height:245px;background:url(images/hdrbg.webp) no-repeat 100% 0,#e0b7e1;margin:auto}
.nav2 ul {max-width:1100px;margin:auto}
main {padding:10px 0}
.mainw {max-width:1100px;margin:0 auto;padding:0 2%}
aside {text-align:center}
footer {background:#866195;padding-top:10px}
footer>div {max-width:1100px;text-align:center;color:#fff;margin:auto;padding:10px 0}

@media screen and (max-width:560px) {
header>div {background-position:calc(100% + 80px) 0}
}

header figure,header div div {display:inline-block}
header figure {width:20%;vertical-align:top;padding:60px 1% 0}
header div div {width:74%;padding-right:6%}

.nav1 ul {list-style:none;color:#fff;margin-top:20px}
.nav1 li {display:inline-block}
.nav1 li::after {content:"\007c";margin:0 6px 0 10px}
.nav1 li:last-child::after {display:none}
.nav1 a {text-decoration:none;white-space:nowrap;color:#fff;padding:4px}
.nav1 a:hover {color:#ffffd6}
header h1 {font-size:200%;font-family:var(--font2);color:#fff;margin:0;padding:10px 2%}
header p {padding:6px 2%}
.hdrp1 {font-weight:600;color:#fff}
.hdrp1 span {white-space:nowrap}
.hdrp1 span::after {content:"\2022 ";margin:0 3px}
.hdrp1 span:last-of-type::after {display:none}
.hdrp2 {font-size:180%;font-family:var(--font2);color:#222}

@media screen and (max-width:880px) {
header figure,header div div {display:block;width:100%}
header figure {padding-top:10px}
.nav1 ul {margin-top:10px}
header h1 {font-size:170%}
.hdrp2 {font-size:150%;padding-bottom:10px}
}

.nav2 {background:#a24e78}
.nav2 ul {list-style:none;font-size:110%}
.nav2 li {display:inline-block;border-right:1px solid #555}
.nav2 li:first-child {border-left:1px solid #555}
.nav2 a {text-decoration:none;display:block;color:#fff;padding:10px 14px}
.nav2 a:hover {color:#ffe1df;background:rgba(255,255,255,.12)}

@media screen and (max-width:880px) {
.nav2 ul {max-width:660px;padding:6px 0}
.nav2 li,.nav2 li:first-child {border:none}
.nav2 li {width:calc(50% - 4px)}
.nav2 a {background:rgba(255,255,255,.12);border-radius:8px;margin:4px}
}

@media screen and (max-width:500px) {
.nav2 li {width:100%}
.nav2 a {padding:8px}
}

footer a,footer a:link,footer a:active,footer a:visited {color:#fff}
footer a:hover {color:#ffffd6}
footer figure,footer address,.ftd1,.ftd2,footer p {margin:10px 2%}
footer address span::after {content:"\007c";margin:0 10px}
.ftd1 {padding-top:10px}
.ftd1 a {display:inline-block;width:26px;height:26px;background-image:url(images/soc1.webp);background-repeat:no-repeat;margin:0 6px}
.ftd1 span {display:none}
.ftd1 a:nth-child(1) {background-position:50% -2px}
.ftd1 a:nth-child(2) {background-position:50% -57px}
.ftd1 a:nth-child(3) {background-position:50% -85px}
.ftd2 {padding:0 8%}
.ftd2 a {display:inline-block;white-space:nowrap;margin:3px;border-radius:8px;padding:4px 8px}
.ftd2 a:hover {color:#ffffd6;background:rgba(255,255,255,.15)}
footer p {font-size:90%}

@media screen and (max-width:880px) {
footer address span {display:block}
footer address span::after {display:none}
footer address a {display:block;margin-top:4px;padding:6px}
.ftd2 {padding:0}
.ftd2 a {margin:2px 4px}
}

h1,h2,h3,h4,main p,main ul {margin:18px 2%}
h1,h2,h3,h4 {line-height:1.25;font-family:var(--font2);color:#6c3c76;padding-top:18px}
h1 {font-size:180%}
h2 {font-size:150%}
h3 {font-size:120%}
h4 {font-size:110%}

@media screen and (max-width:880px) {
h1,h2,h3,h4 {text-align:center}
}

main ul {margin-left:8%}
main li {padding:4px}

.banner,.banner div {border-style:solid;border-color:#38baf4}
.banner {text-align:center;background:url(images/banner.webp) 0 -60px;border-width:2px 0;margin:30px 0 20px;padding:12px 0}
.banner div {position:relative;max-width:700px;background-color:rgba(255,255,255,.8);border-width:2px;border-radius:14px;margin:20px auto;padding-left:5%}
.banner div::before {content:"";position:absolute;top:0;left:0;width:174px;height:126px;background:url(images/banner1.webp);border-radius:14px}
.banner div.bannersi::before {background-position:100% 0}
.banner h2,.banner p {margin:4px 2%}
.banner h2 {color:#363;padding-top:6px}
.banner p:nth-of-type(1) {font-size:90%}
.banner p span {font-size:210%;color:#4981d0}
.banner p:nth-of-type(2) {font-style:italic;color:#363;padding-bottom:6px}

@media screen and (max-width:700px) {
.banner div {border-width:2px 0;border-radius:0}
}

.vds {max-width:960px;margin:30px auto}
.vds iframe {width:100%;min-height:540px}
@media screen and (max-width:500px) {.vds iframe {min-height:420px}}

:root {
--fldbgd:#f9fbfd;--fldbgdhov:#fcfdfe;--fldbgdfoc:#fff;--fldshd:#ececec;
--fldbdr:#b2cce5;--fldbdrhov:#8cb3d9;--fldbdrfoc:#69c;
--sbtcol:#fff;--sbtbgd:#893956;--sbtbgdhov:#63293e;
}
.cntfrmp1 {font-size:90%;text-align:center;font-style:italic}
.cntfrmsp1 {font-weight:600;font-size:120%;color:#000}
.cntfrm {max-width:800px;margin:24px auto 12px}
.cntfrmrow {margin:12px 0}
.cntfrmlb1 {display:inline-block;width:20%;text-align:right;vertical-align:middle;margin:6px 12px}
.cntfrmlb2,.cntfrmfld2 {z-index:-1;position:absolute;top:0;left:0;width:0;height:0;opacity:0}
.cntfrmfld {display:inline-block;vertical-align:top;color:#555;background:var(--fldbgd);border:1px solid var(--fldbdr);border-radius:6px;box-shadow:5px 5px 5px var(--fldshd);padding:6px}
.cntfrmfld:hover {color:#333;background:var(--fldbgdhov);border:1px solid var(--fldbdrhov)}
.cntfrmfld:focus {color:#111;background:var(--fldbgdfoc);border:1px solid var(--fldbdrfoc)}
.cntfrmfld1 {width:35%}
.cntfrmfld3 {width:25%}
.cntfrmfld4 {width:50%}
.cntfrmfld5 {width:8%}
.cntfrmsbt {display:block;font-weight:600;color:var(--sbtcol);background:var(--sbtbgd);border-radius:6px;margin:24px auto;padding:10px 20px}
.cntfrmsbt:hover {background:var(--sbtbgdhov)}
.cntfrmntc {display:block;font-weight:600;text-align:center}
.cntfrmntc1 {font-size:120%;font-style:italic;color:#c00;margin-bottom:-6px;padding-top:12px}
.cntfrmntc2 {font-size:160%;font-style:italic;color:#090;padding-top:24px}
.cntfrmntc3 {display:inline-block;color:#c00;vertical-align:top;margin:6px}
.cntfrmntc4 {color:#090;padding-bottom:24px}
.cntfrmrec1 {padding:10px 0}
@media screen and (max-width:760px) {
.cntfrm {max-width:400px;margin-bottom:1px}
.cntfrmrow1 {text-align:center}
.cntfrmlb1 {display:block;width:100%;text-align:center;margin:auto}
.cntfrmlb1a {display:inline-block;width:auto;margin:6px}
.cntfrmfld {width:100%;margin:2px 2% 4px}
.cntfrmfld5 {width:15%}
.cntfrmntc3 {width:100%;margin:auto}
}