@charset "UTF-8"; section,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, legend, code, q, blockquote { display: block } ol, ul, li { margin:0; padding:0; } section, article, aside, footer, header, main { overflow: hidden } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } body { color:#3e3e3e; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff; margin:0; padding:0; } img { max-width:100%; border:none } a { color:#045a82; text-decoration:none } a:hover, a:focus { color:#00a2ff; text-decoration:none; border-bottom:0 } a:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } hr { border:1px solid; border-color:#dadada transparent transparent transparent; margin:3% 0 3% 0 } img { border:none } p { margin-bottom:12px; line-height:1.5; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto } .more { border:0 dashed #fff; border-top-width:1px; clear:both; height:0; margin:0 } h1, h2, h3, h4 { color:#5c5c5c; font-weight:normal; margin:0; } h1, h2, h3, h4, h5 { font-size:1.3rem; line-height:1.6rem } h5 { color:#5c5c5c } h1 { padding-top:.3em; padding-bottom:1.4em; border-bottom: 1px dotted #dadada } h1, h2, h3, h4, h5, h6, .time, .blog, .tnws { font-family: Georgia, 'Times New Roman', Times, serif; } h6, h6 a:link { font-size:1.071rem; margin:0 0 .4em 0; padding-bottom:.4em } .coo { background:#ffc123; padding:6px 9px 7px 9px; color:#0d79e2; border-radius:5px; } .time { background:#2c90c6; padding:2px 4px 3px 4px; color:#fff; line-height:24px } .blog { background:#fafafa; padding:3px 6px 4px 6px; color:#444; line-height:24px; border-bottom:1px solid #eee } b, strong { font-weight:bold } section, .m14 { max-width:1140px } section, .m14 { width:100%; margin:0 auto } .ubk { margin-bottom:20px; } .ibk { margin:0 auto 0 auto; line-height:.9; } .ubk:last-child { margin-bottom:0 } .ubk:before, .ubk:after { content:""; display:table } .ubk:after { clear:both } .st-1, .on-c1 { width:5.65% } .st-2, .on-c2 { width:14.2% } .st-3, .on-c3 { width:22.8% } .st-4, .on-c4 { width:31.29% } .st-5, .on-c5 { width:39.7% } .st-6, .on-c6 { width:48.2% } .st-7, .on-c7 { width:57% } .st-8, .on-c8 { width:65.3% } .st-9, .on-c9 { width:74.1% } .st-10, .on-c10 { width:82.5% } .st-11, .on-c11 { width:91.2% } .st-12, .on-c12 { width:100%; margin-left:0 } [class*="st-"], [class*="on-"]  { position:relative; display:block; float:left; min-height:7px; padding-top:3px; padding-bottom:3px } [class*="st-"]+[class*="st-"], [class*="on-"]+ [class*="on-"] { margin-left:2.9% } .imi-1 { width:30% } .imi-a { width:40% } .imi-2 { width:50% } .imi-3 { width:70% } .imi-10 { width:100% } [class*="imi-"] { position:relative; display:block; float:left; min-height:7px; padding-bottom:0; } header { width:100%;padding:.5em 0 .5em 0; background:#0d79e2; text-shadow: 0 1px 0 rgba(0,0,0,0.15); } header a { color:#97c9f8 } header a:hover, header a:focus { color:#fff } .logo img {text-shadow: 1px 1px 0 #000; } .logo > a:link img, .st-3 > img {max-width:100px;padding-top:.5em;} main { width:65.9%; float:left } aside { width:31%; float:right } section { padding:.7em 0 2em 0; min-height:500px } article { float:right; width:86%; } article, .albk, .acbk, .arbk { overflow:hidden } .albk { width:12%; float:left; padding-top:.7em } .acbk { width:82%; float:left; } .arbk { width:15.5%; float:right; padding-top:.7em } main ul, .lcl ul { list-style-type: circle } main li, .lcl li { padding-top:.1em; padding-bottom:.1em } .lcl ul, .lcl ol { margin: 1em 1.5em; padding-left:1em } footer { width:100%; margin-top:2em; padding-top: 1.2em; padding-bottom:1em; background:#0d79e2; text-shadow: 0 1px 0 rgba(0,0,0,0.15); color:#97c9f8 }  .pick {font-size:20px} .twc { -webkit-column-count:2; -moz-column-count:2; column-count:2; } .p-tp { padding-top:11px } .pl, .pl a { text-decoration: none; border-bottom:none; text-align:center; } small, .smll, .spl { font-size:13px!important } .tags { list-style:none!important; margin:1em 0 0 0; overflow:hidden; padding:0; border: none!important; font-size:12px } .tags li { float:left } .tags li a { border-bottom:none } .tag { background:#F9F9ED; border-radius:3px 0 0 3px; color:#2c90c6; display:inline-block; height:26px; line-height:26px; padding: 0 20px 0 23px; position:relative; margin:0 10px 10px 0; text-decoration:none; -webkit-transition: color 0.2s } .tag::before { background:#fff; border-radius: 10px; box-shadow:inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height:6px; left:10px; position:absolute; width:6px; top:10px } .tag::after { background:#fff; border-bottom:13px solid transparent; border-left:10px solid #F9F9ED; border-top:13px solid transparent; content: ''; position:absolute; right:0; top:0 } .tag:hover { background:#2c90c6; color:white; border-bottom:none; text-decoration:none } .tag:hover::after { border-left-color:#2c90c6 } .sstry { display:block; float:left; min-height:7px; margin-bottom:1.5em; border-bottom: 1px dotted #7C7C75; padding-bottom:1em } .sstry:last-child { border-bottom:none } .ncat { float:left; max-width:100%; } ::selection { background:#3b8adb; padding:3px; color:#fff } ::-moz-selection { background:#3b8adb; padding:3px; color:#fff } .hbk, .n1 { background:#f2f6f7; } .dwnl {	border:2px dashed #0edc35;border-radius:5px;} .n2, .ulbk { background:#faf9f7 } .n3 { border: 1px solid #2c90c6 } .n1, .n2, .n3, .dwnl, .ulbk { padding:1.4em 1em 1.7em 1em; display:block; margin:1rem 1px 1.5rem 1px; max-width: 100% } .n1 a, .n2 a, .dwnl a { color:#2488D8 } .grn { padding:.4em; background:#00b01a; } .grn, .grn a { color:#fff; text-decoration: none; border:none; } .g-box {float:right;background:#0edc35;color:#fff;padding:.2rem .9rem;margin-left:1.2em;border-radius:7px;text-shadow: 0 1px 0 rgba(0,0,0,0.15)} .n-list {border:3px dashed #dadada;padding:1.2rem 1.3rem .9rem 1.3rem;margin-top:2rem;border-radius:10px} .n-list li {list-style:none;margin:.3em 0;border-bottom:1px dashed #5a5a5a;padding:.5rem .7rem .9rem .2rem;color: #3e3e3e}    .bg1 { background:#FAE16C; padding:.4em 0 .7em 0 } .bg2 { background:#45C43C; padding:2px 5px 3px 5px; color:#fff } .bg3 { background:#45C43C; padding:.4em 0 .7em 0 } .bg4 { background:#FAE16C; padding:.4em 0 .7em 0 } code, pre { background:#444; color:#ccc; max-width:930px; white-space:pre-wrap; padding:1.5em 1em; } .m-n-p {display: grid;gap:1.5em;grid-template-columns: 1fr 1fr;padding-top:1.5em;padding-bottom:1em} figure {margin: 0;display: grid;grid-template-rows: 300px min-content;} figure img {object-fit: cover;width: 100%;height: 100%;grid-row: 1 / 3;grid-column: 1;} figcaption {grid-row: 2;grid-column: 1;background: rgba(0, 0, 0,.4);color: #fff;padding:1.2em .9em 1.1em .9em;} figcaption a:link, figcaption a:hover, figcaption a:focus, figcaption a:visited {color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.2);} .mark { background:#fafafa; padding:2px 4px 1px 4px; border:1px solid #ccc } code, pre, .mark { font-family:monospace, serif } code, q, blockquote, table { margin-bottom:1.4rem } q { quotes: "\00ab" "\00bb"; color:#55553a } blockquote { margin:1em 0; color:#555 } blockquote code, blockquote q { font-style: normal } blockquote cite { display:block; text-align:right; margin-top:.3em; font-size:.9rem; } sub { font-size:80%; vertical-align:top } sup { font-size:80%; vertical-align:bottom } input, select { color:#797979 } input:focus, select:focus, textarea:focus { border:1px solid #008ad7 } input:focus, select:focus { border:1px solid #008ad7; background:#fafafa } dt { font-size:.8rem; font-weight:700; text-transform:uppercase } dd { margin:.8rem 0 1.3rem 3rem } table { width:100%; border:1px solid #eee; color:#333 } .coltop { background:#f3f3f3 } td { padding:.7em 1em } .tbl tr:nth-child(even) { background:#fff } .tbl tr:nth-child(odd) { background: #fafafa } .even { background:#fff } .odd { background: #fafafa } tr:hover { background: #f7f7f7 } .fpst blockquote, .italic { font-style:italic; color:#999 } .fpst strong { color:#777; font-size:12px; font-weight:normal } .fpst p { line-height:1.2; margin-bottom:.7em } .fpst blockquote { padding:.9em; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); max-width:930px; } .fpst blockquote { background:#fff; color:#999; } .insz60 input { width:60% } .insz90 input { width:97% } .insz60 textarea { width:97.9% } .iz60 select { width:60% } .spl { width:100%; display:block; line-height:2; color:#333 } input, select, textarea  { padding:.6em!important; margin:5px 0 5px 0; border:1px solid #cfcfcf; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.12); vertical-align:middle; } input, select, .f_input { color:#797979 } input:focus, select:focus, textarea:focus, .f_input:focus { border:1px solid #008ad7 } input:focus, select:focus, .f_input:focus { border:1px solid #008ad7; background:#fafafa } .paging	{ margin:10px 0 20px 0; text-align:center; font-size:.9em; float:left } .paging img	{ vertical-align:-3px; } .paging span	{ border:1px solid #045a82; padding:.7em 1em; margin:1px; } .pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages, .pagenav_current { padding:2px 6px; margin:1px; border:1px dashed #7f7772; } .pagenav_prev a, .pagenav_next a, .pagenav_first a, .pagenav_last a, .pagenav_pages a	{ } .pagenav_current { font-weight:bold; background:none!important; border:none!important; } .pagenav_current a { color:#045a82; } .pagenav_small { text-align:right; font-size:.9em; } .error, .warning, .done, .help	{ padding:.8em; clear:both; color:#55553a } .error li, .warning, .done li, .help li { list-style: none; } .error { border:2px solid #fccecb } .warning { border:2px solid #77abb3 } .done { border:2px solid #d4ebb5 } .help { border:2px solid #ffec85 } .i32 img { width:24px; height:24px; vertical-align: middle } .av10 img { max-width:100px; height:auto; vertical-align: middle; } .iva img { vertical-align: middle } .no-lst  li { list-style:none!important; margin-bottom:.7em; } .v-menu { padding:7px 10px } .v-menu li { list-style:none; margin:.1em .3em 0 1em; padding:0; display:inline-block; *display:inline } .a-lst li { list-style:none!important; margin:.7em 1.2em; border-bottom:1px dashed #ccc; padding-bottom:7px } .a-lst li:last-child { border-bottom:0 } .b-lst li { list-style: none; margin:3% 2% 0 0; padding-right:3%; display:inline-block; *display:inline; border-right:1px dotted #aaa; color:#444 } .b-lst li:last-child { border-right:none; margin-right:0 } .r-lst li { list-style:none!important; border-bottom:1px dotted #dadada; padding:5px 3px 7px 3px; color:#444 } .r-lst li:last-child { border-bottom:none } .cbbl { border:1px solid #eee; margin-top:.7em; margin-bottom:.7em; border-bottom-width:2px } .brd-b { border-bottom:1px dotted #ddd; padding:0 0 1em 0 } .brd-b:last-child { border-bottom:0 } .f-rt { float:right } .tal-c { text-align: center } .tal-j { text-align: justify } .tal-r, .ta-r { text-align: right } #hnav { position: relative; display: block; list-style-type: none; margin:0; padding:0; } #hnav ul { text-align:center } #hnav li { display: inline-block; width:auto; list-style:none; color:#5e5e5e; margin-right:5% } #hnav li:last-child { margin-right:0 } #hnav li a { display:block; width: 100%; padding:9px 4px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; font-size:1rem; } #hnav ul, li { padding:0px; } #hnav label { display: none; } #menu-toggle { display: none } @font-face { font-family: 'LabUI'; src: url('../font/LabUI2.woff2') format('woff2'), url('../font/LabUI2.woff') format('woff'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility} .f-s15 { font-size:150% } .f-s20 { font-size:250% } .icon2, .icon1, .icon3, .icon4, .icon5, .icon6 { font-family:"LabUI"; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; text-align:center; font-variant:normal; text-transform:none; vertical-align:middle; } .icon1 { font-size:10vw; line-height:1em; color:#777 } .icon2 { font-size:46px; line-height:35px; } .icon3 { font-size:30px; line-height:.7em; } .icon4 { font-size:30px; line-height:.4em; margin-top:0; padding-top:0 } .icon5 { font-size:80px; line-height:35px; } .icon6 { font-size:1.5em; background:#fff; padding:2px 7px 3px 7px; color:#111; border-radius:4px; box-shadow: 0 0 4px #e2e2e2; margin-left:2px } @font-face { font-family: 'OTLCheckmate'; src: url('../font/OTL Checkmate.woff2') format('woff2'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } .checkmate {font-size: 3rem; font-family: "OTLCheckmate";line-height:2.42rem;} .smnu li { list-style:none!important; border-bottom:1px dotted #7c7c75; padding:.4em } .smnu li:last-child { border-bottom:none } .smnu li a, .smnu li a:hover, .smnu li a:focus { color:#2488D8; text-decoration:none; border-bottom:0 } .fmu li { list-style:none; display:block; border-bottom:1px dashed #2498d9; padding:.6em 0 .7em .4em } footer a, .fmu li a { color:#97c9f8; font-size:1rem; } .fmu a:hover, .fmu a:active { color:#fff } .fmu li:last-child { border-bottom:none } .imbk { overflow: hidden } .imbk img { transition:0.5s } .imbk img:hover { -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1) } .quo { width:48.2%; float:left; height:auto; overflow:hidden } .quo:nth-child(odd) { margin-left:2.9%; } .st-4 h3, .quo h3 { color:#045a82; vertical-align:middle } .ttl { padding-top:.9em; background:#fafafa; padding:6px 7px; color:#222 } .rbk { background:#fafafa; padding:7px 12px; margin-bottom:2em } .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabs .tbs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block; padding: 1rem 2rem; margin-right: 0.2rem; cursor: pointer; background: #eee; font-weight: bold; -webkit-transition: background ease 0.2s; transition: background ease 0.2s; } .tabs .tab { -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #fff; } .tabs input[type="radio"] { display: none; } .tabs input[type="radio"]:checked + .tbs { background: #fff; } .tabs input[type="radio"]:checked + .tbs + .tab { display: block; } .tabs > .no-lst ul input[type="radio"] { display: visible; } button { display:inline-block; height:35px; line-height:30px; padding: 0 15px 0 15px; position:relative; margin:0 0 10px 0; text-decoration:none; -webkit-transition: color 0.2s; font-size:12px; border: 1px solid #2c90c6; background:#fff } button:hover { color:#fff; text-decoration:none; background:#2c90c6 } @media only screen and (max-width:1024px) { #hnav li { margin-right:2%; padding-left:8px; padding-right:8px } } @media all and (max-width:960px) and (min-width: 0px) { #hnav { text-align:center; } #hnav label { display: block; height:34px; width:50%; text-align:center; color:#97c9f8; cursor:pointer; margin:auto } #hnav #nav { display: none } .rbtm {font-size:24px} #hnav li { width:93%; border-bottom:1px dashed #2498d9; text-align:left; } #hnav li:last-child { border-bottom:none;  } #menu-toggle:checked + #nav { display: block; } #hnav label:active #nav { display: none; } .albk { display:none } article { width:100%; } } @media only screen and (max-width:800px) { header, footer { padding-left:2%; padding-right:2% } .st-3 { width:99%; margin-left:0!important; float:none; } header, footer, section, .ibk { width:96% } .acbk, .arbk { width:100% } } @media only screen and (max-width:768px) { main, aside  { width:100%; } .m-n-p {grid-template-columns: 1fr}} @media only screen and (max-width:420px) { [class*="on-"] { float:none; width:auto } [class*="on-"] + [class*="on-"] { margin-left:0 } }