:root{ --main_color:#528384; --swal2-confirm-button-background-color:#333 !important }
main{ width:100%; margin:0 auto; display:block }
.DEFS{ width:80%; margin-left:auto; margin-right:auto }
@media(max-width:768px){ .DEFS{width:92% }
}
main>header{ display:flex; justify-content:space-between; align-items:center; margin:1.4rem 0 1.4rem 0; background:rgba(63,87,121,.8); z-index:100; left:0; top:0; width:100%; margin:0; padding:1.4rem 10%; backdrop-filter:blur(39px); gap:2rem }
@media(max-width:1240px){ main>header{margin:0 }
}
@media(max-width:768px){ main>header{display:flex; margin:0; box-sizing:border-box; padding:calc(.5rem + .5vw) 4%; width:100% !important }
}
main>header .logo img{ height:3vw; min-height:45px; filter:brightness(0) invert(1) }
@media(max-width:768px){ main>header .logo img{height:3.2vw; min-height:34px }
}
main>header .m_tool{ display:none }
@media(max-width:768px){ main>header .m_tool{display:flex; gap:3vw; align-items:center }
}
main>header .m_tool .search{ min-width:1.5rem; width:10vw; aspect-ratio:1/1; border-radius:100px; background:#006edb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 30 30'%3E%3Cpath d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z'  fill='%23ffffff' %3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size:auto 66% }
main>header .m_tool .menu{ min-width:1.5rem; width:27px; aspect-ratio:1/1; box-sizing:border-box; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3C!-- Icon from Google Material Icons by Material Design Authors - https://github.com/material-icons/material-icons/blob/master/LICENSE --%3E%3Cpath fill='%23C1A27B' d='M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z'/%3E%3C/svg%3E") no-repeat center; background-size:contain }
main>header .m_tool .icon1{ position:relative }
main>header .m_tool .icon1 .num0{ position:absolute; top:-20%; right:-50%; height:1.2rem; padding:0 .3rem; box-sizing:border-box; border-radius:100px; background:#ec493a; color:#fff; display:inline-flex; justify-content:center; align-items:center; font-size:.8rem; text-align:center; line-height:1.2rem }
main>header .m_tool .a0 img{ width:24px; aspect-ratio:1/1 }
main>header .m_tool_menuopen{ display:none }
@media(max-width:768px){ main>header .m_tool_menuopen{display:flex; align-items:center; flex-direction:column; justify-content:center; position:fixed; width:100%; left:0; top:0; transform:translateY(-140%); height:auto; padding:11vw 0 0 0; background:#fff; box-shadow:0 0 20px 20px rgba(0,0,0,.1882352941); z-index:50; gap:3vw; transition-property:all; transition-duration:0.5s; transition-timing-function:"ease" }
main>header .m_tool_menuopen._on{ transform:translateY(0%) }
main>header .m_tool_menuopen .menu{ display:flex; width:80%; gap:3vw; flex-direction:column }
main>header .m_tool_menuopen .menu>a{ width:100%; padding:3vw 4vw; box-sizing:border-box; border-radius:10px; background:#eee; border:1px solid #ddd; font-size:1.2rem; color:#333; margin:0 auto }
main>header .m_tool_menuopen .sign{ display:flex; width:80%; gap:3vw; flex-direction:column }
main>header .m_tool_menuopen .sign .a0{ width:100%; padding:3vw 4vw; box-sizing:border-box; border-radius:10px; border:1px solid #001e36; color:#001e36; font-size:1.2rem; margin:0 auto }
main>header .m_tool_menuopen .sign .a1{ width:100%; padding:3vw 4vw; box-sizing:border-box; border-radius:10px; background:#ec4a3a; color:#fafafa; font-size:1.2rem; margin:0 auto }
main>header .m_tool_menuopen .close{ display:inline-flex; flex-direction:column; align-items:center; padding:0 0 1rem 0; margin:1rem 0 0 0 }
main>header .m_tool_menuopen .close i{ width:10vw; aspect-ratio:1/1; border-radius:100px; background:#ddd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 50 50'%3E%3Cpath d='M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size:auto 50% }
main>header .m_tool_menuopen .close span{ display:block; color:#444 }
}
main>header .tool{ display:flex; gap:5vw; width:75% }
@media(max-width:1440px){ main>header .tool{justify-content:space-between; gap:2vw }
}
@media(max-width:768px){ main>header .tool{display:none }
}
main>header .tool .menu{ margin:0; padding:0; display:flex; gap:2rem; align-items:center }
main>header .tool .menu a{ display:inline-flex; font-size:1.2rem; font-weight:bold; color:#444 }
main>header .tool .menu a:hover{ color:#3e8dbf }
main>header .tool .search{ flex:5 }
@media(max-width:1440px){ main>header .tool .search{flex:1 }
}
main>header .tool .search form{ display:flex; width:100%; position:relative }
@media(max-width:1440px){ main>header .tool .search form{width:auto }
}
main>header .tool .search form .i0{ width:100%; height:auto; padding:.7vw .8vw; border:0; border-radius:5px; background:hsla(0,0%,100%,.8); box-sizing:border-box; font-size:1.1rem; color:#006edb; line-height:0 }
main>header .tool .search form .i0:focus{ outline:0; border-color:#006edb }
main>header .tool .search form .i1{ position:absolute; right:0; top:4px; height:calc(100% - 8px); aspect-ratio:1.6/1; border-radius:5px; border:0; cursor:pointer; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23000000'%3E%3Cpath d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z' fill='%233F5779'/%3E%3C/svg%3E") no-repeat center; background-size:auto 90% }
main>header .tool .sign{ display:flex; gap:.5rem; width:auto }
main>header .tool .sign .a0{ height:100%; display:inline-flex; align-items:center; padding:0; box-sizing:border-box; font-weight:bold; font-size:1.1rem }
main>header .tool .sign .a0 svg{ width:31px; height:31px; object-fit:contain }
main>header .tool .sign .a1{ height:100%; display:inline-flex; align-items:center; color:#ec493a; border:1px solid #ec493a; padding:0 1.4rem; border-radius:4px; box-sizing:border-box; background:rgba(236,73,58,.1254901961); font-weight:bold; font-size:1.1rem }
main>header .tool .sign .a1:hover{ background:#ec493a; border-color:#ec493a; color:#eee }
main>header .tool .sign .icon1{ position:relative }
main>header .tool .sign .icon1 .sum{ position:absolute; top:0%; right:0%; transform:translateX(30%); min-width:1.2rem; padding:0 .4rem; height:1.2rem; box-sizing:border-box; border-radius:100px; background:#ec493a; color:#fff; display:inline-flex; justify-content:center; align-items:center; font-size:.8rem; text-align:center; line-height:1.2rem }
body>footer{ background:#3f5779 }
body>footer .DEFS{ padding:4vw 0 3vw 0; display:flex; justify-content:space-between; align-items:stretch; gap:0 }
@media(max-width:768px){ body>footer .DEFS{flex-direction:column; gap:1rem 0; width:90%; padding:2rem 0 }
}
body>footer .DEFS .xxx{ width:1px; background:hsla(0,0%,100%,.1254901961) }
@media(max-width:768px){ body>footer .DEFS .xxx{display:none }
}
@media(max-width:768px){ body>footer .DEFS .quicklink:hover .menu{display:block }
}
body>footer .DEFS .quicklink .title{ display:block; font-weight:bold; color:#fff; font-size:1.3rem; position:relative }
@media(max-width:768px){ body>footer .DEFS .quicklink .title{line-height:2.5; border-bottom:1px solid hsla(0,0%,100%,.1254901961) }
body>footer .DEFS .quicklink .title::after{ content:"╋"; position:absolute; top:50%; transform:translateY(-50%); right:0; font-size:.9rem }
}
body>footer .DEFS .quicklink .menu{ margin:1rem 0 0 0 }
@media(max-width:768px){ body>footer .DEFS .quicklink .menu{display:none }
}
body>footer .DEFS .quicklink .menu li{ margin:0 0 .8rem 0 }
body>footer .DEFS .quicklink .menu li a{ color:#fafafa; opacity:.9 }
body>footer .DEFS .quicklink .menu li a:hover{ text-decoration:underline }
body>footer .DEFS .aboutus .title{ font-weight:bold; display:block; color:#fff; font-size:1.3rem }
body>footer .DEFS .aboutus .content{ color:#eee }
body>footer .cpr{ padding:1vw 0 1vw 0; color:#eee; text-align:center; font-size:.9rem; border-top:1px solid hsla(0,0%,100%,.062745098) }
@media(max-width:768px){ body>footer .cpr{padding:1.2rem 0 }
}
main>nav{ background:#f1f0f1 }
@media(max-width:768px){ main>nav{background:rgba(0,0,0,0) }
}
main>nav .menu{ padding:.5rem 0; display:flex; gap:0 2rem; flex-wrap:wrap; justify-content:center; width:90%; margin:0 auto }
@media(max-width:768px){ main>nav .menu{display:none }
}
main>nav .menu li{ display:flex }
main>nav .menu li a{ display:inline-flex; height:2.5rem; line-height:2.5rem; color:#333; font-size:1.1rem }
main>nav .menu li a:hover{ color:var(--main_color) }
main>nav .menu li a.selected{ font-weight:bold; color:var(--main_color) }
main>nav .m_search{ display:none; padding:.6rem 0 1rem 0 }
@media(max-width:768px){ main>nav .m_search{display:none }
}
main>nav .m_search._on{ display:block }
main>nav .m_search form{ display:flex; width:100%; position:relative }
@media(max-width:1440px){ main>nav .m_search form{width:auto }
}
main>nav .m_search form .i0{ width:100%; height:auto; padding:2.7vw 2.5vw; border:0; border-radius:5px; background:#f7f7f7; box-sizing:border-box; font-size:1rem; line-height:0 }
main>nav .m_search form .i0:focus{ outline:0; border-color:#3466e7 }
main>nav .m_search form .i1{ position:absolute; right:0; top:4px; height:calc(100% - 8px); aspect-ratio:1.6/1; border-radius:5px; border:0; cursor:pointer; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23000000'%3E%3Cpath d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z' fill='%23aaaaaa'/%3E%3C/svg%3E") no-repeat center; background-size:auto 78% }