/*
http://patorjk.com/software/taag/#p=display&f=Small&t=width
_ _ _
___ ___| |_| |_(_)_ _ __ _
(_-.row { border-right:3px solid lightgray; padding:0 2em!important; /*display:flex; flex-wrap:wrap; align-self:stretch;*/ }
#tables-form >.row:last-of-type { border-right:0; padding-right:0!important; }
#tables-form >.row .note { xxdisplay:block; xxxxwidth:100%; }
#tables-form >.row.max60 { max-width:50vw; }
#tables-form label { display:block; margin-bottom:.2em!important; }
#tables-form.formblock { padding:1em 2em!important; }
#tables-form.formblock .row { margin:0!important; }
#tables-form.formblock .row input[type="text"],
#tables-form.formblock .row input[type="date"],
#tables-form.formblock .row input[type="number"],
#tables-form.formblock .row button,
#tables-form.formblock .row select,
#tables-form.formblock .row .selectobj,
#tables-form.formblock .row .btn { height:auto!important; padding:.5em .8em!important; }
#tables-form.formblock .row input.short { width:100px; }
#tables-form.formblock .row.checkboxgroup { flex-wrap:wrap; gap:.2em .6em; margin:.7em 0!important; }
#tables-form.formblock .row.checkboxgroup label { width:auto; justify-content:flex-start; padding:.2em; padding-left:2em; display:block; margin:0!important; }
#tables-form.formblock .row.checkboxgroup label input[type="checkbox"] { position:absolute; top:0; left:0; }
#tables-form.formblock .flexwrap { xxxflex-wrap:wrap; width:100%; justify-content:left; }
#tables-form.formblock .toplabel { xxxdisplay:block; xxxxxwidth:100%; text-align:left; }
#tables-form.formblock .dateset { padding-top:.2em!important; padding-bottom:.2em!important; }
#tables-form.formblock p { padding:0!important; }
#tables-form.formblock .grouprow { display:flex; gap:.5em; align-items:stretch; padding:.5em 0!important; justify-content:flex-start;!important; text-align:left; }
#tables-form.formblock .grouprow .group { display:inline-flex; flex-wrap:wrap; width:15vw; padding:0 .5em 0 0!important; margin:0; border-right:3px solid lightgray; height:100%; }
#tables-form.formblock .grouprow .group:last-child { border-right:0; }
#tables-form.formblock .grouprow .group input[type="radio"] { display:block; }
#tables-form.formblock .grouprow .group input[type="text"] { display:block; width:100%!important; max-width:100%!important; }
#tables-form.formblock .grouprow .group select { display:block; width:100%!important; max-width:100%!important; }
#tables-form.formblock .grouprow .group .line2 { display:block; padding-left:2em; width:100%; }
#tables-form.formblock .grouprow.center { display:block; width:100%!important; }
#tables-form.formblock .grouprow.center>* { text-align:center; width:100%; justify-content:center; }
@media -ms-viewport, screen and (min-width:641px) and (max-width:1300px) {
#tables-form.formblock .row.checkboxgroup label { xxxwidth:16%; }
#tables-form.formblock .grouprow .group label {}
}
@media -ms-viewport, screen and (max-device-width:640px) {
#tables-form * { margin-right:0; }
#tables-form button,
#tables-form select.selectobj,
#tables-form input[type="text"],
#tables-form input[type="number"],
#tables-form input[type="password"],
#tables-form input[type="tel"],
#tables-form input[type="email"],
#tables-form input[type="telephone"],
#tables-form textarea,
#tables-form select.selectobj,
#tables-form input[type="date"] { margin:.1em 0; }
#tables-form label { margin:.1em 0!important; }
#tables-form.formblock button[type="submit"] { width:100%; display:block; }
}
/* table */
.market table th.sort:after { content:url(../images/icon-sort-white.svg); display:block; width:1.2em; position:absolute; top:50%; right:.5em; transform:translateY(-45%); opacity:.5; }
.market table th.sort.down:after { content:url(../images/icon-sortdown-white.svg); }
.market table th.sort.up:after { content:url(../images/icon-sortup-white.svg); }
.market table th.sort:hover:after { opacity:.8; }
.market table { display:table; width:100%; overflow-x:auto; border-collapse:collapse; position:relative; margin-bottom:.5em; }
.market table tr td,
.market table tr th { border-bottom:1px solid var(--border); padding:.5em .5em; }
.market table tr th { xxxxfont-size:.8em; xxxopacity:.5; padding:.4em .5em; border-right:1px solid var(--border); background:var(--darkgray);background:var(--thbg); color:white; }
.market table tr th:last-child { border-right:none; }
.market table tr th.sort { cursor:pointer; transition:all .2s; text-align:center; padding-right:1.2em!important; }
.market table tr th.sort:first-child { text-align:left; }
.market table tr th.sort:hover { background:var(--darkgray2); }
.market table tr th.sort.up:after,
.market table tr th.sort.down:after { display:block; position:absolute; width:1.5em; opacity:.5; top:50%; right:0; transform:translateY(-40%); }
.market table tr th.sort.up:after { content:url('../images/icon-sortup-white.svg'); }
.market table tr th.sort.down:after { content:url('../images/icon-sortdown-white.svg'); }
.market table tr:nth-child(even) { background:rgba(50,55,65,.03); }
.market table tr:hover { background:rgba(55,55,35,.1); }
.popbox table { display:table; width:100%; overflow-x:auto; border-collapse:collapse; position:relative; margin-bottom:.5em; }
.popbox table tr td,
.popbox table tr th { border-bottom:1px solid var(--border); padding:.5em .5em; }
.popbox table tr th { xxxxfont-size:.8em; xxxopacity:.5; padding:.4em .5em; border-right:1px solid var(--border); background:var(--darkgray);background:var(--thbg); color:white; }
.popbox table tr th:last-child { border-right:none; }
.popbox table tr th { padding:1em .5em; }
.popbox table tr th.sort { cursor:pointer; transition:all .2s; text-align:left; padding-right:2em!important; }
.popbox table tr th.sort:hover { background:var(--darkgray2); }
.popbox table tr th.sort.up:after,
.popbox table tr th.sort.down:after { display:block; position:absolute; width:1.5em; opacity:.5; top:50%; right:.5em; transform:translateY(-40%); }
.popbox table tr th.sort.up:after { content:url('../images/icon-sortup.svg'); }
.popbox table tr th.sort.down:after { content:url('../images/icon-sortdown.svg'); }
.popbox table tr:nth-child(even) { background:rgba(50,55,65,.03); }
.popbox table tr:hover { background:rgba(55,55,35,.1); }
/* mew add */
.panel-heading { border-top:10px solid var(--lightgray4); padding-top:3.5em;padding-top:1.5em; margin-top:1.5em;margin-top:.5em; font-size:1.5em; font-weight:bold; }
.panel-heading:before { content:url('data:image/svg+xml,'); display:inline-block; width:1em; border-left:7px solid var(--black); border-color:var(--gold); }
.panel-body { padding:2em 0; }
.panel-body ul { padding-left:3em; }
.panel-body table { display:table; width:100%; overflow-x:auto; border-collapse:collapse; position:relative; margin-bottom:.5em; }
.panel-body table tr td,
.panel-body table tr th { border-bottom:1px solid var(--border); padding:.5em .5em; }
.panel-body table tr th { xxxxfont-size:.8em; xxxopacity:.5; padding:.4em .5em; border-right:1px solid var(--border); background:var(--darkgray);background:var(--thbg); color:white; }
.panel-body table tr th:last-child { border-right:none; }
.panel-body table tr th { padding:1em .5em; }
.panel-body table tr th.sort { cursor:pointer; transition:all .2s; text-align:left; padding-right:2em; }
.panel-body table tr th.sort:hover { background:var(--darkgray2); }
.panel-body table tr th.sort.up:after,
.panel-body table tr th.sort.down:after { display:block; position:absolute; width:1.5em; opacity:.5; top:50%; right:.5em; transform:translateY(-40%); }
.panel-body table tr th.sort.up:after { content:url('../images/icon-sortup.svg'); }
.panel-body table tr th.sort.down:after { content:url('../images/icon-sortdown.svg'); }
.panel-body table tr:nth-child(even) { background:rgba(50,55,65,.03); }
.panel-body table tr:hover { background:rgba(55,55,35,.1); }
.section1 .panel-heading { color:var(--mega1); }
.section2 .panel-heading { color:var(--mega2); }
.section3 .panel-heading { color:var(--mega3); }
.section4 .panel-heading { color:var(--mega4); }
.section5 .panel-heading { color:var(--mega5); }
.section6 .panel-heading { color:var(--mega6); }
.section7 .panel-heading { color:var(--mega7); }
.section8 .panel-heading { color:var(--mega8); }
.section9 .panel-heading { color:var(--mega9); }
.section10 .panel-heading { color:var(--mega10); }
.section11 .panel-heading { color:var(--mega11); }
.section12 .panel-heading { color:var(--mega12); }
.section13 .panel-heading { color:var(--mega13); }
.section1 .panel-heading:before { border-color:var(--mega1); }
.section2 .panel-heading:before { border-color:var(--mega2); }
.section3 .panel-heading:before { border-color:var(--mega3); }
.section4 .panel-heading:before { border-color:var(--mega4); }
.section5 .panel-heading:before { border-color:var(--mega5); }
.section6 .panel-heading:before { border-color:var(--mega6); }
.section7 .panel-heading:before { border-color:var(--mega7); }
.section8 .panel-heading:before { border-color:var(--mega8); }
.section9 .panel-heading:before { border-color:var(--mega9); }
.section10 .panel-heading:before { border-color:var(--mega10); }
.section11 .panel-heading:before { border-color:var(--mega11); }
.section12 .panel-heading:before { border-color:var(--mega12); }
.section13 .panel-heading:before { border-color:var(--mega13); }
input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
#tables-form input.disabled { background-color:rgba(255,255,255,.3); color:#888; font-weight:bold; pointer-events:none; }
#tables-form textarea { display:block; font-size:1em; xxxwidth:600px; max-width:100%; min-height:300px; padding:12px; border:1px solid #ccc; border-radius:4px; }
#tables-form select.selectobj { display:inline-block; font-size:1em; height:3em; max-width:10vw; padding:0 12px; border:1px solid #ccc; border-radius:4px; }
#tables-form select.selectobj option { padding:12px; }
#tables-content .top-hints { padding:1em 2em!important; border-radius:.2em; }
.rwd-table.type-grid table tr { display:grid!important; flex-direction:column; justify-content:left; align-items:center;
grid-template-columns:100%; grid-template-rows:4.5em 1fr auto; }
.rwd-table.type-grid table tr td,
.rwd-table.type-grid table tr th { display:inner-flex; align-items:center; width:100%; height:100%; }
.rwd-table.type-grid table tr td { font-weight:bold; font-size:1.1em; }
video::-webkit-media-controls { display:none; }
hr { border:0; border-top:1px solid #ccc; }
img { max-width:100%; }
span.msg.error { display:block; background:var(--red); color:white; margin:.1em ; padding:.3em .8em; font-size:.97em; border-radius:.2em; }
span.msg.error:before { content:url(../images/icon-error.svg); display:inline-block; width:1.2em; transform:translateY(.3em); opacity:.5; margin:0 .5em 0 0; }
input.red {}
input.larger { font-size:1.1em; }
input.bold { font-weight:bold; }
.h2, .h3, .h4, .h5, .h6 { font-weight:700; }
@media -ms-viewport, screen and (min-width:1700px) {
body { font-size:1.1em; }
}
@media -ms-viewport, screen and (min-width:1400px) and (max-width:1700px) {
body { font-size:1.05em; }
}
@media -ms-viewport, screen and (min-width:901px) {}
@media -ms-viewport, screen and (min-width:641px) and (max-width:1290px) {
body { font-size:.94em; }
}
@media -ms-viewport, screen and (max-device-width:640px) {
html { scroll-padding-top:80px; }
body { overflow:hidden; overflow-y:scroll; font:1.1em; }
select.selectobj, textarea { width:100%; min-width:auto; font-size:1.05em; margin:4px 0; }
#tables-form.formblock { padding:1em!important; }
#tables-form input[type="radio"],
#tables-form input[type="checkbox"] { transform:translateY(.5em); border:2px solid var(--border); margin:.2em .5em; }
#tables-form input[type="text"],
#tables-form input[type="date"] { width:100%; }
#tables-form >.row { border-right:0; padding:.2em 0!important; }
#tables-form >.row:last-of-type { border:0; }
#tables-form >.row .note { xxdisplay:block; xxxxwidth:100%; }
#tables-form label { display:block; margin-bottom:.2em!important; width:100%; }
#tables-form label input[type="text"],
#tables-form label input[type="date"],
#tables-form label input[type="number"] { xxxdisplay:block; width:100%; }
#tables-form select.selectobj { max-width:100vw; }
#tables-form.formblock .grouprow { width:100%!important; }
#tables-form.formblock .grouprow .group { width:48%; }
#tables-form.formblock .row input.code { width:100%!important; }
.tables-tools { width:100%; padding:0; margin:0!important; }
.tables-tools button { align-self:stretch; width:100%; }
table.mfull { display:table; min-width:100%; width:100%; }
}
@media (min-width:640px) and (orientation:landscape) {
body {
grid-template-columns:160px 1fr;
grid-template-rows:none;
}
}
/* SPINNER */
.loader { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:5em; height:5em; z-index:9999; }
.loader:before { content:url(../images/loader2.svg); width:2em; height:2em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); animation:_load 1s linear infinite; }
.loader:after { content:url(../images/loader2.svg); width:2em; height:2em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); animation:_load1 1s linear infinite; }
@keyframes _load {
0%{transform:translate(-50%,-50%) rotate(0) scale(1); }
50%{transform:translate(-50%,-50%) rotate(180deg) scale(.8); }
100%{transform:translate(-50%,-50%) rotate(360deg) scale(1); }
}
@keyframes _load1 {
0%{transform:translate(-50%,-50%) rotate(-180deg) scale(1); }
50%{transform:translate(-50%,-50%) rotate(0deg) scale(.88); }
100%{transform:translate(-50%,-50%) rotate(180deg) scale(1); }
}
/*
_ _
| |_ ___ __ _ __| |___ _ _
| ' \/ -_) _` / _` / -_) '_|
|_||_\___\__,_\__,_\___|_|
*/
*:focusxxx { outline:none; background:yellow; box-shadow:inset 0 0 0 3px hsla(220, 100%, 50%, 80%); }
.accesskey { position:absolute; top:0; left:0; z-index:999; padding:.1em .4em; color: black; text-decoration: none; opacity:.3; zoom:.9; }
.accesskey[accesskey="c"] { top: auto; }
.accesskey[accesskey="b"] { left: 1em; }
.overlay { display:block; position:fixed; top:0; left:0; background:rgba(50,50,50,.8); width:100vw; height:100vh; z-index:166; display:none; pointer-events:default; }
.row { padding:0; margin:0; position:relative; box-sizing:border-box; }
.row.tableft { padding-left:5em; }
.row.alignright { text-align:right; }
.row.alignright .btn-more { display:inline-block!important; width:auto; }
.aligncenter { text-align:center; }
.flex { display:flex; justify-content:left; align-items:center; }
.flex.top { align-items:start; }
.flex.center { justify-content:center; }
.flex .col { display:block; align-self:stretch; }
.flex .col.datablock { align-self:center; }
.flex.flex2 { gap:2em; align-items:flex-start; }
.flex.flex2 .col { width:50%; }
.row.sidefix { position:fixed; top:50%; right:0; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:translateY(-50%); z-index:184; }
.row.sidefix .group { display:block; }
.row.sidefix .group a { display:block; padding:1em; font-size:.8em; width:7em; background:var(--blue); color:white; margin-bottom:1px; line-height:1; transition:all .2s; text-decoration:none; }
.row.sidefix .group a.icon-trading:before { content:url(../images/icon-trading.svg); display:block; width:2em; opacity:.4; margin:-.3em auto 0 auto; }
.row.sidefix .group a.icon-hang:before { content:url(../images/icon-hang.svg); display:block; width:2em; opacity:.4; margin:-.3em auto 0 auto; }
.row.sidefix .group a.icon-important:before { content:url(../images/icon-important.svg); display:block; width:2em; opacity:.4; margin:-.3em auto 0 auto; }
.row.sidefix .group a.icon-dashboard:before { content:url(../images/icon-dashboard.svg); display:block; width:2em; opacity:.4; margin:-.3em auto 0 auto; }
.row.sidefix .group a:hover { background:var(--bluedark); padding:1.5em 1em; }
.row.sidefix .group a.selected { background:var(--bluedark); }
.row.sidefix .group.centertab a { text-align:center; }
.lang-zh-tw .row.sidefix .group a { text-align:center; }
.center { text-align:center; }
.red { color:var(--red1); }
.strong { font-weight:bold; }
.larger { font-size:1.1em; }
.bggray { background:var(--bggray); }
.btn-more { display:block; padding:.5em; text-align:center; cursor:pointer; opacity:.85; border:0; background:transparent; text-decoration:none; color:var(--black); }
.btn-more:after { content:url(../images/triangle.svg); display:inline-block; width:.5em; margin-left:.3em; transform:translateY(-.1em); }
.btn-more:hover { opacity:.7; }
.mobileonly { display:none!important; }
.topbtnrow { padding:1em 0; padding-top:1.5em; border-bottom:10px solid var(--lightgray); }
.btn-arrow-prev,
.btn-arrow-next { display:inline-block; padding:.5em 0; cursor:pointer; opacity:.5; border:0; background:transparent; }
.btn-arrow-next { position:absolute; right:0; }
.btn-arrow-prev:before,
.btn-arrow-next:after { content:url(../images/icon-arrow.svg); display:inline-block; width:1.5em; transform-origin:center; transform:translateY(.4em); transition:all .2s; }
.btn-arrow-prev:before { transform:translateY(.1em) rotate(180deg); }
.btn-arrow-prev:hover,
.btn-arrow-next:hover { opacity:.7; }
.btn-arrow-prev:hover:before,
.btn-arrow-next:hover:after { margin:0 .3em; }
.floattopright { position:absolute; top:0; right:0; }
.floattopright:last-of-type { right:-1em; }
.btn-download,
.btn-faq-openall { padding:.5em 1em!important; height:auto; width:auto; top:3.5em; }
.btn-faq-openall.disabled { background:var(--border)!important; opacity:.5; xxxpointer-events:none; }
.btn-oldweb { background:var(--mega11);background:#9a6200; color:white!important; }
.popbox { display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.9); z-index:175; display:none; }
.popbox .btn-close { display:block; position:fixed; top:0; right:0; background:var(--darkgray); z-index:177; padding:1em; cursor:pointer; }
.popbox .btn-close:before { content:url(../images/icon-close-white.svg); display:block; width:1.5em; height:1.5em; }
.popbox .btn-close:hover { background:var(--black); }
.popbox .conbox { display:block; width:calc(100% - 8em); height:calc(100% - 6em); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:176; margin:0; }
.popbox .conbox iframe { display:block; width:100%; height:100%; }
.popbox .conbox.form { background:white; padding:2em 4em; width:calc(100% - 4em); height:calc(100% - 10em); top:5em; left:2em; overflow-y:scroll; z-index:172; transform:none; }
.popbox .conbox.form .btn-close { top:5em; }
.popbox.popup-register { background:rgba(0,0,0,.8); }
.popbox.popup-register .conbox { width:82vw; height:80vh; top:10vh; left:9vw; border-radius:.5em; }
.popbox.popup-announcement { background:rgba(0,0,0,.7); }
.popbox.popup-announcement .conbox { width:50em; height:auto; overflow-y:auto; max-height:calc(100vh - 10em); left:50%; transform:translateX(-50%); }
.popbox.popup-announcement .conbox .btn-close { top:0; right:0; transform:none; margin:0; opacity:.5; }
.popbox.popup-announcement .conbox .btn-close:hover { opacity:.7; }
.popbox.popup-announcement .conbox h2 { color:var(--blue); }
.quicktab_block ol li { list-style:disc; }
@media -ms-viewport, screen and (max-width:1200px) and (min-width:641px) {
.flex.flex2 { display:block; gap:0; }
.flex.flex2 .col { width:100%; }
}
@media -ms-viewport, screen and (max-width:768px) {
.flex { display:block; }
header .flex { display:flex; }
.flex.flex2 { gap:0; }
.flex.flex2 .col { width:100%; }
}
@media -ms-viewport, screen and (max-device-width:640px) {
.flex { display:block; }
header .flex { display:block; }
.flex.flex2 { gap:0; }
.flex.flex2 .col { width:100%; }
.mflex { display:flex; align-items:flex-start!important; flex-wrap:nowrap!important; }
.row.sidefix { top:auto; bottom:-1px; width:100%; transform:translateY(0); display:flex; justify-content:stretch; }
.row.sidefix .group { display:flex; width:100%; }
.row.sidefix .group a { width:33.33%; padding:1.5em 0; font-size:.8rem; text-align:center; word-break:keep-all; border-right:1px solid var(--border); }
.row.sidefix .group a:before { width:1.2em; }
.row.sidefix .group a:last-child { border-right:0; }
.lang-zh-tw .row.sidefix .group a { width:25%; }
.popbox.popup-register .conbox,
.popbox .conbox { width:calc(100% - 2em); }
.popbox .conbox.form { padding:1.4em; }
.mobileonly { display:block!important; }
.popbox.popup-announcement .conbox { width:90%; top:50%; transform:translate(-50%,-50%); }
}
/* Header */
.nav { margin:0; padding:0; width:auto; display:flex; justify-content:left; align-items:center; }
.nav.disabled { pointer-events:none; }
.nav .cover { display:block; width:100%; height:50px; position:absolute; bottom:0; left:0; background:orange; opacity:0; }
.nav.right { justify-content:end; }
.nav>li { display:block; list-style:none; padding:0; margin:0; height:2.82em; line-height:1; position:relative; }
.nav>li a { cursor:pointer; display:block; margin:0; padding:0; word-break:keep-all; line-height:1;line-height:1.5; }
.nav>li a:beforexxx { content:''; content:url(../images/triangle.svg); display:inline-block; }
.nav>li a:hover ~.megamenu { display:block; }
.nav>li a:hover ~.megatabset { display:flex; }
.nav.fullh>li { xxpadding:0 .8em 1.2em .8em; xxpadding:0 2em 20px 2em; font-size:1rem; margin-top:20px; }
.nav.fullh>li .level1 { padding:0 .8em 1.2em .8em; padding:0 2em 20px 2em; }
.nav.fullh>li:first-child { padding-left:1.5em; line-height:1; }
.nav.fullh>li:before { content:''; display:none; position:absolute; top:0; left:0; width:6px; height:100%; }
@keyframes _fixedin { 0%{top:-8em;}100%{top:0;} }
header { display:block; width:100%; z-index:166; position:fixed!important; top:0; left:0; background:white; padding-top:.5em; border-bottom:1px solid var(--border); height:var(--fixheadh); font-size:1rem; }
header:before { content:''; display:block; width:100%; height:3px; z-index:166; position:absolute; top:0; left:0; background:var(--gradient); xxxtransition:all .05s; }
header.fixed { position:fixed; xxxtop:-8em; xxxxxanimation:.5s _fixedin forwards; }
header h1 { font-size:1em; }
header a { text-decoration:none; color:var(--black); }
header .topright {}
header .topright .nav { padding:0 12px; }
header .topright .nav a { padding:0 .6em; font-size:.8em; }
header .topright .nav a:after { content:''; display:block; position:absolute; top:0; right:0; height:1.3em; opacity:.25; border-right:1px solid gray; }
header .topright .nav a:last-child:after { display:none; }
header .logo { display:block; width:auto; padding:.5em 1.8em;padding:12px 30px; border-right:1px solid var(--border-logo1); position:relative; overflow:hidden; }
header .logo:before,
header .logo:after { display:block; width:10.5em;width:150px; margin:auto 0; }
header .logo:before { content:url(../images/logo-tpex.svg); }
header .logo:after { content:url(../images/logo-tpex-white.svg); display:none; }
header .logo span { position:absolute; left:-999px; top:-999px; }
header .breadcrumb { display:flex; align-items:center; padding:.5em 2em; border-top:1px solid var(--border); }
header .breadcrumb a { display:block; font-size:.8em; padding-right:.5em; opacity:.5; }
header .breadcrumb a:after { content:''; content:url(../images/triangle.svg); width:.5em; display:inline-block; vertical-align:middle; margin:0 .5em; }
header .breadcrumb a:last-child:after { display:none; }
header .nav>li:after { content:''; opacity:0; display:block; height:8px; background:red; position:absolute; bottom:-1px; left:0; width:100%; }
header .nav>li.hover,
header .nav>li:hover { background:var(--lightgray-gradient); }
header .nav>li.hover:after,
header .nav>li:hover:after { opacity:1; }
header .nav>li.selected { background:var(--lightgray-gradient); }
header .nav>li.selected:after { xxxxxopacity:1; }
header .nav>li.hover .megamenu,
header .nav>li .megamenu.hover { display:block!important; }
header .nav>li .level1 {}
header .nav.fullh .topright { display:none; }
header .fullmenu { position:relative; width:100%; overflow:hidden; }
header .fullmenu .btn-next { display:block; height:calc(100% - .5em); width:1.2em; box-shadow:0 1px 3px rgba(0,0,0,.1); position:absolute; top:0; right:0; z-index:122; cursor:pointer; display:none; background:white; }
header .fullmenu .btn-next:after { content:url(../images/icon-arrow.svg); position:absolute; top:50%; left:50%; display:block; width:1.2em; margin:0; opacity:.5; z-index:11; transform-origin:center; transform:translate(-50%,-50%); transition:all .2s; }
header .fullmenu .btn-next:hover:after { opacity:1; }
header .fullmenu .btn-next.open:after { transform:translate(-50%,-50%) rotate(180deg); }
header .fullmenu.disabled { pointer-events:none; }
header .fullmenu.switcher { height:4.6em; }
header .fullmenu.switcher .btn-next { display:block; }
header .fullmenu.switcher .nav { position:absolute; top:0; left:0; }
header .btn-menu { display:block; margin:1em; display:none; position:relative; width:3em; height:2.5em; }
header .btn-menu:beforexxxx { content:url(../images/icon-menu.svg); display:block; width:2em; }
header.home .btn-menu:beforexxx { content:url(../images/icon-menu-white.svg); }
header .btn-menu span { display:block; width:1.8em; height:3px; border-radius:.2em; background:var(--black); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .2s; }
header .btn-menu span:nth-child(1) { top:calc(50% - .5em); }
header .btn-menu span:nth-child(2) { top:50%; }
header .btn-menu span:nth-child(3) { top:calc(50% + .5em); }
header .btn-menu.open { opacity:.3; }
header .btn-menu.open span:nth-child(1),
header .btn-menu.open span:nth-child(2) { top:50%; transform:translate(-50%,-50%) rotate(45deg); }
header .btn-menu.open span:nth-child(3) { top:50%; transform:translate(-50%,-50%) rotate(-45deg); }
header.home .btn-menu span { xxxbackground:white; }
header.home .btn-menu.open span { background:var(--black); }
header.home.hover .btn-menu span { background:var(--black); }
header .tablebar { display:block; width:100%; padding:0; background:var(--darkgray); overflow-x:auto; }
header thead.sticky-top { display:block; width:100%; padding:0; padding-left:1.6em; background:var(--darkgray); overflow-x:auto; }
header thead.sticky-top.narrow { max-width:1200px; margin:0 auto; }
header thead.sticky-top th { font-size:.8em; padding:.4em .5em; border-right:1px solid var(--border); background:var(--darkgray); color:white; margin:0; display:inline-block; }
header thead.sticky-top th:first-child { padding-left:2em; }
header thead.sticky-top th:last-child { border-right:0; }
.sidemenuopen header .sticky-top { padding-left:calc(300px + 1.6em); }
.sidemenuopen.market header .sticky-top { padding-left:calc(0 + 1.6em); }
header .tabset.sticky-top { display:flex; background:red; width:100%; justify-content:left; padding:0; background:var(--lightgray4); }
header .tabset.sticky-top:before { content:url(../images/tpex-white.svg); display:block; width:26vw; height:auto; position:absolute; top:0; right:4em; opacity:.07; z-index:1; pointer-events:none; }
header .tabset.sticky-top .tab { display:block; width:auto; border:0; padding:.5em 3.5em .5em .5em; margin:0; cursor:pointer; opacity:.5; font-size:1em; font-weight:bold; position:relative; }
header .tabset.sticky-top .tab.selected { opacity:1; }
header .tabset.sticky-top .tab.selected:after { content:''; dislay:block; position:absolute; bottom:-1px; left:0; background:white; height:5px; width:100%; }
header .tabset.sticky-top .tab.hover,
header .tabset.sticky-top .tab:hover { opacity:1; }
header.home { xxxbackground:transparent; border-bottom:0; }
header.home .logo { border-right:1px solid var(--border-logo2); }
header.home .logo:before { display:none; }
header.home .logo:after { display:block; }
/*
header.home .accesskey,
header.home .nav a { color:white; }
*/
header.home .breadcrumb { display:none; }
body.fullscreen header { height:3em; }
body.fullscreen header:before { display:none; }
body.fullscreen header .row.topright,
body.fullscreen header .fullmenu { display:none; }
body.fullscreen header .logo { border:0; }
body.fullscreen header .logo:before, body.fullscreen header .logo:after { width:8em; }
body.fullscreen header section.title { position:absolute; top:0; left:0; width:100%; }
body.fullscreen header section.title .accesskey { display:none; }
body.fullscreen header section.title .sectitle-bg-gold { height:2.5em; padding:0 1em; margin-left:11em; font-size:1.2em; display:flex; align-items:center; }
/*
body.fullscreen header section.title .formblock { xxxdisplay:none; padding:0!important; }
body.fullscreen header section.title .formblock .btn-open { transform:translateY(-2.75em); }
body.fullscreen header section.title .formblock.open { padding:3em 5em; box-shadow:0 1px 5px rgba(0,0,0,.2); }
*/
body.fullscreen header section.title .tabset { display:none; }
body.fullscreen header h1xxx { position:absolute; top:0; left:0; width:100%; height:2.5em; padding:0 1em; margin-left:11em; font-size:1.2em; display:flex; align-items:center; }
header.hover { background:white; }
header.hover .nav a { color:black; }
header.hover .accesskey,
header.shorten .accesskey { color:black; }
header.hover,
header:hover { background:white; }
header:hover .nav a { color:black; }
header.shorten { background:white; border-bottom:1px solid var(--border); }
header.shorten .nav a { color:black; }
header.hover .btn-menu:before,
header:hover .btn-menu:before,
header.shorten .btn-menu:beforexxxx { content:url(../images/icon-menu.svg); display:block; width:2em; }
header.hover .logo,
header:hover .logo,
header.shorten .logo { border-right:1px solid var(--border-logo1); }
header.hover .logo:before,
header:hover .logo:before,
header.shorten .logo:before { display:block; }
header.hover .logo:after,
header:hover .logo:after,
header.shorten .logo:after { display:none; }
.megamenu { display:block; position:fixed; left:0; top:var(--fixheadh); background:white; width:100%; margin-top:4em; margin-bottom:4em; display:none; z-index:15; max-height:calc(100vh - 12em); overflow-y:auto; xxxxborder:3px solid green; }
.megamenu .tabset, .megatabset { display:flex; width:100%; justify-content:left; padding:0; position:fixed; xxxtop:0; left:0; z-index:122; background:var(--lightgray2); top:var(--fixheadh)!important; height:4em; }
.megatabset { display:none; }
.megatabset .tab { color:white!important; }
.megatabset .tab:after { content:''; background:white; position:absolute; bottom:0; left:0; width:100%; height:0; transition:all .2s; }
.megatabset .tab.selected:after { height:5px; }
.megamenu .tabset:before,
.megatabset:before { content:url(../images/tpex-white.svg); display:block; width:17vw; height:auto; position:absolute; top:0; right:4em; opacity:.07; z-index:1; pointer-events:none; }
.megamenu .tabset .tab,
.megatabset .tab { display:block; width:auto; background:transparent; color:white; border:0; padding:1.5em 3.5em; padding-bottom:.8em; margin:0; width:auto; cursor:pointer; opacity:.5; font-size:1.05em; font-weight:bold; position:relative; }
.megamenu .tabset .tab.selected,
.megatabset .tab.selected { opacity:1; }
.megamenu .tabset .tab.selected:after,
.megatabset .tab.selected:after { content:''; dislay:block; position:absolute; bottom:-2px; left:0; background:white; height:6px; width:100%; }
.megamenu .tabset .tab.hover,
.megamenu .tabset .tab:hover { opacity:1; }
.megamenu .btn-prev { display:block; transition:all .2s; position:fixed; top:0; left:0; z-index:139; padding:1.5em; opacity:.7; display:none; }
.megatabset .tab.hover,
.megatabset .tab:hover { opacity:1; }
.megatabset.hover { display:flex; }
.megatabset .btn-close { display:block; transition:all .2s; position:fixed; top:6.8em; right:1.5em; z-index:139; width:2em; height:2em; padding:.5em; background:white; border-radius:.2em; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:all .2s; cursor:pointer; z-index:1111; }
.megatabset .btn-close:before { content:url(../images/icon-close.svg); display:block; width:1em; opacity:.3; transition:all .2s; }
.megatabset .btn-close:hover { background:black; }
.megatabset .btn-close:hover:before { content:url(../images/icon-close-white.svg); opacity:1; }
.megatabset .btn-prev { display:block; transition:all .2s; position:fixed; top:0; left:0; z-index:139; padding:1.5em; opacity:.7; display:none; }
.megatabset .btn-prev:before,
.megamenu .btn-prev:before { content:url(../images/icon-arrow.svg); display:block; width:1.5em; transform:rotate(-180deg); }
.megamenu .con { display:flex; justify-content:flex-start; width:100%; height:100%; align-items:flex-start; padding:0; overflow:hidden; opacity:1; xxxborder:3px solid orange; }
.megamenu .con:first-of-type { xxxxdisplay:inline-block; }
.megamenu .con ul { display:flex; justify-content:flex-start; align-items:flex-start; gap:0 1em; width:auto; flex-wrap:wrap; flex-direction:column; height:100%; padding:2em 3em; justify-content:left; min-height:28vw!important; xxxwidth:100%;
}
/*.megamenu .con ul:before { content:''; }
.megamenu .con ul:before, .megamenu .con ul li:last-child { flex:1; }*/
.megamenu .con ul li { display:block; list-style:none; padding:0; margin:0; xxxalign-self:stretch; xxxborder:2px solid yellow; }
.megamenu .con ul li a.nolink { pointer-events:none; }
.megamenu .con ul li a { cursor:pointer; display:block; color:blue; margin:0; color:black; font-weight:normal; font-size:.98em; opacity:.8; word-break:normal; padding:.2em .5em .3em .5em; }
.megamenu .con ul li a:beforexxx { content:''; content:url(../images/triangle.svg); display:inline-block; }
.megamenu .con ul li a.level3 { font-weight:bold; color:red; opacity:1; transition:all .2s; padding:.5em; }
.megamenu .con ul li a.level3:hover { text-decoration:underline; }
.megamenu .con ul li a.level3.fix { opacity:1!important; }
.megamenu .con ul li a.level4 { padding-left:1.5em; font-weight:normal; font-size:.98em; }
.megamenu .con ul li a.level5 { padding-left:2.5em; opacity:.68; font-size:.98em; }
.megamenu .con ul li a:hover { opacity:1; background:var(--lightgray); }
.megamenu .con ul li a.level5:hover { xxxxopacity:.7; }
.megamenu .con ul .gap { xxxxbackground:lightgray; display:block; xxxxborder:1px solid red; width:calc(24vw - 2em); height:1em; border-right:1px solid var(--border); margin:0; }
.megamenu .con ul li ol { xxxxsborder-top:1px solid lightgray; margin-top:1em; }
.megamenu .con ul li .group { xxxborder-top:1px solid lightgray; }
.megamenu .con>ul>li { border-right:1px solid var(--border); xxxheight:100%; padding:0 2em 0 1em; width:calc(24vw - 2em); margin:0; align-self:stretch; }
.megamenu .con>ul>li:last-child { xxxxborder-right:0; }
.megamenu .ad { display:block; position:absolute; top:2em; left:73vw; width:22vw; padding:0; }
.megamenu .ad a { display:flex; align-items:center; border:1px solid var(--border); margin-bottom:.5em; border-radius:.2em; transition:all .2s; font-size: .94em; }
.megamenu .ad a img { display:block; width:10vw; height:5vw; margin-right:.5em; object-fit:cover; }
.megamenu .ad a p { display:block; text-align:left; width:auto; word-break:normal; }
.megamenu .ad a:hover strong { color:var(--red); }
.megamenu .ad.larger a { display:block; border:0; margin-bottom:1.5em; border-radius:.2em; transition:all .2s; color:var(--black); xxxxpadding-left:10em; }
.megamenu .ad.larger a * { display:block; width:100%; word-break:normal; white-space:normal; }
.megamenu .ad.larger a strong { display:block; width:100%; word-break:normal ;}
.megamenu .ad.larger a img { display:block; width:100%; height:12vw; margin:0 0 .5em 0; object-fit:cover; }
.megamenu .ad.larger a imgxxxx { width:50%; height:6vw; position:absolute; top:0; left:0; }
.megamenu .ad.larger a p { font-size:.85em; margin-top:.5em; opacity:.8; }
.outlink:after { content:url(../images/icon-outlink.svg); display:inline-block; width:1em; height:1em; opacity:.5; transform:translateY(.2em); margin-left:.4em; }
.xxxxquestion:before { content:'?'; display:inline-block; color:red; padding:.2em .5em; position:absolute; left:50%; transform:translateX(-50) rotate(-15deg); font-weight:bold; z-index:11; }
.nolink { cursor:default; pointer-events:none; }
.mega5xxxx { display:block!important; }
.tabset1xxx { display:flex!important; }
.mega11xx { display:block!important; }
/* COLORS */
.nav.fullh>li:nth-of-type(1):before { background:var(--mega1); }
.nav.fullh>li:nth-of-type(2):before { background:var(--mega2); }
.nav.fullh>li:nth-of-type(3):before { background:var(--mega3); }
.nav.fullh>li:nth-of-type(4):before { background:var(--mega4); }
.nav.fullh>li:nth-of-type(5):before { background:var(--mega5); }
.nav.fullh>li:nth-of-type(6):before { background:var(--mega6); }
.nav.fullh>li:nth-of-type(7):before { background:var(--mega7); }
.nav.fullh>li:nth-of-type(8):before { background:var(--mega8); }
.nav.fullh>li:nth-of-type(9):before { background:var(--mega9); }
.nav.fullh>li:nth-of-type(10):before { background:var(--mega10); }
.nav.fullh>li:nth-of-type(11):before { background:var(--mega11); }
.nav.fullh>li:nth-of-type(12):before { background:var(--mega12); }
.nav.fullh>li:nth-of-type(13):before { background:var(--mega13); }
header .nav>li:nth-of-type(1).selected .level1 { font-weight:bold; color:var(--mega1); }
header .nav>li:nth-of-type(2).selected .level1 { font-weight:bold; color:var(--mega2); }
header .nav>li:nth-of-type(3).selected .level1 { font-weight:bold; color:var(--mega3); }
header .nav>li:nth-of-type(4).selected .level1 { font-weight:bold; color:var(--mega4); }
header .nav>li:nth-of-type(5).selected .level1 { font-weight:bold; color:var(--mega5); }
header .nav>li:nth-of-type(6).selected .level1 { font-weight:bold; color:var(--mega6); }
header .nav>li:nth-of-type(7).selected .level1 { font-weight:bold; color:var(--mega7); }
header .nav>li:nth-of-type(8).selected .level1 { font-weight:bold; color:var(--mega8); }
header .nav>li:nth-of-type(9).selected .level1 { font-weight:bold; color:var(--mega9); }
header .nav>li:nth-of-type(10).selected .level1 { font-weight:bold; color:var(--mega10); }
header .nav>li:nth-of-type(11).selected .level1 { font-weight:bold; color:var(--mega11); }
header .nav>li:nth-of-type(12).selected .level1 { font-weight:bold; color:var(--mega12); }
header .nav>li:nth-of-type(13).selected .level1 { font-weight:bold; color:var(--mega13); }
header .nav>li:nth-of-type(1):after { background:var(--mega1); }
header .nav>li:nth-of-type(2):after { background:var(--mega2); }
header .nav>li:nth-of-type(3):after { background:var(--mega3); }
header .nav>li:nth-of-type(4):after { background:var(--mega4); }
header .nav>li:nth-of-type(5):after { background:var(--mega5); }
header .nav>li:nth-of-type(6):after { background:var(--mega6); }
header .nav>li:nth-of-type(7):after { background:var(--mega7); }
header .nav>li:nth-of-type(8):after { background:var(--mega8); }
header .nav>li:nth-of-type(9):after { background:var(--mega9); }
header .nav>li:nth-of-type(10):after { background:var(--mega10); }
header .nav>li:nth-of-type(11):after { background:var(--mega11); }
header .nav>li:nth-of-type(12):after { background:var(--mega12); }
header .nav>li:nth-of-type(13):after { background:var(--mega13); }
.mega1 .tabset { background:var(--mega1); }
.mega2 .tabset { background:var(--mega2); }
.mega3 .tabset { background:var(--mega3); }
.mega4 .tabset { background:var(--mega4); }
.mega5 .tabset { background:var(--mega5); }
.mega6 .tabset { background:var(--mega6); }
.mega7 .tabset { background:var(--mega7); }
.mega8 .tabset { background:var(--mega8); }
.mega9 .tabset { background:var(--mega9); }
.mega10 .tabset { background:var(--mega10); }
.mega11 .tabset { background:var(--mega11); }
.mega12 .tabset { background:var(--mega12); }
.mega13 .tabset { background:var(--mega13); }
.tabset1 { background:var(--mega1); }
.tabset2 { background:var(--mega2); }
.tabset3 { background:var(--mega3); }
.tabset4 { background:var(--mega4); }
.tabset5 { background:var(--mega5); }
.tabset6 { background:var(--mega6); }
.tabset7 { background:var(--mega7); }
.tabset8 { background:var(--mega8); }
.tabset9 { background:var(--mega9); }
.tabset10 { background:var(--mega10); }
.tabset11 { background:var(--mega11); }
.tabset12 { background:var(--mega12); }
.tabset13 { background:var(--mega13); }
/*.section1 header .tabset .tab:after { background:var(--mega1)!important; }
.section2 header .tabset .tab:after { background:var(--mega2)!important; }
.section3 header .tabset .tab:after { background:var(--mega3)!important; }
.section4 header .tabset .tab:after { background:var(--mega4)!important; }
.section5 header .tabset .tab:after { background:var(--mega5)!important; }
.section6 header .tabset .tab:after { background:var(--mega6)!important; }
.section7 header .tabset .tab:after { background:var(--mega7)!important; }
.section8 header .tabset .tab:after { background:var(--mega8)!important; }
.section9 header .tabset .tab:after { background:var(--mega9)!important; }
.section10 header .tabset .tab:after { background:var(--mega10)!important; }
.section11 header .tabset .tab:after { background:var(--mega11)!important; }
.section12 header .tabset .tab:after { background:var(--mega12)!important; }
.section13 header .tabset .tab:after { background:var(--mega13)!important; }*/
.mega1 .con ul li a.level3 { color:var(--mega1); }
.mega2 .con ul li a.level3 { color:var(--mega2); }
.mega3 .con ul li a.level3 { color:var(--mega3); }
.mega4 .con ul li a.level3 { color:var(--mega4); }
.mega5 .con ul li a.level3 { color:var(--mega5); }
.mega6 .con ul li a.level3 { color:var(--mega6); }
.mega7 .con ul li a.level3 { color:var(--mega7); }
.mega8 .con ul li a.level3 { color:var(--mega8); }
.mega9 .con ul li a.level3 { color:var(--mega9); }
.mega10 .con ul li a.level3 { color:var(--mega10); }
.mega11 .con ul li a.level3 { color:var(--mega11); }
.mega12 .con ul li a.level3 { color:var(--mega12); }
.mega13 .con ul li a.level3 { color:var(--mega13); }
footer { display:block; padding:3em 0; position:relative; background:white; border-top:10px solid var(--lightgray4); position:relative; font-size:.9em; }
.sidemenuopen footer { xxxxmargin-left:-300px; }
footer a { text-decoration:none; color:var(--black); line-height:1.5; }
footer .flex { width:100%; justify-content:center; align-items:flex-start; padding:0 8vw; grid-template-rows:1fr; }
footer .flex .col { width:33%; height:100%; border-right:.5px solid var(--border); padding:0 3em 3em 3em; }
footer .flex .col:last-child { border-right:0; }
footer .flex .col ul { margin-top:1em; margin-left:0!important; }
footer .flex .col ul li { list-style:none; padding:0; margin:.2em 0; }
footer .flex .col ul li a { opacity:.8; }
footer .flex .col ul li a:hover { opacity:1; }
footer .flex .col strong { color:var(--gold); }
footer .linkrow { text-align:center; display:block; padding:1em 5em; border-top:.3px solid var(--border); }
footer .linkrow a { display:inline-block; padding:0; font-size:.9em; xxxopacity:.9; }
footer .linkrow a:hover { opacity:.9; }
footer .linkrow a:after { content:''; display:inline-block; border-right:1px solid var(--border); height:1em; margin:0 1em; }
footer .linkrow a:last-child:after { display:none; }
footer .copyright { display:block; letter-spacing:.01em; xxxfont-size:.8em; xxz-index:6; text-align:center; xxxcolor:var(--lightgray5); }
body.fullscreen footer { padding:0 0 1em 0; font-size:.7em; }
body.fullscreen footer .flex { display:none; }
body.fullscreen footer .linkrow { padding:.5em; border-top:0; }
@media -ms-viewport, screen and (max-width:1400px) and (min-width:641px) {
footer .flex { padding:0; }
.nav.fullh>li { xxxpadding:0 1.2em 1.2em 1.2em; }
.nav.fullh>li .level1 { padding:0 .8em 1.2em .8em!important; xxxxwhite-space:break-spaces; xxxfont-size:.8em; xxxtext-align:center; xxxxline-height:1.3; }
}
@media -ms-viewport, screen and (max-width:1024px) and (min-width:641px) {
header {}
/*
header .logo { padding:1em 1.8em; }
header .nav { display:none; }
header .btn-menu { display:block; position:fixed; top:.5em; right:0; }
header .fullmenu .btn-next { display:none!important; }
*/
/* new add */
.megamenu .con ul { padding:2em 1.5em; }
.megamenu .con>ul>li { padding:0 1em; width:calc(32vw - 1em); }
.megamenu .con ul .gap { width:calc(32vw - 1em); }
.megamenu .tabset .tab { padding:1.5em 2.3em; }
}
@media -ms-viewport, screen and (max-width:768px) {
footer .flex .col { width:100%; }
}
@media -ms-viewport, screen and (max-device-width:640px) {
.accesskey { display:none; }
header { border-bottom:1px solid var(--border); position:fixed; height:5em; padding-top:.3em; }
header .topright { display:none; }
header .topright .nav { text-align:center; justify-content:center; }
header .logo { padding:1em 1.8em; width:calc(100% - 5em); }
header .logo:before,
header .logo:after { transform:translateY(.3em); }
header .nav { xxdisplay:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:white; overflow-y:auto; }
header .nav>li:after { display:none; }
.nav.fullh { display:none!important; width:100%; padding-top:5em; z-index:10; flex-direction:column; }
.nav.fullh.open { display:block!important; }
.nav.fullh>li { display:block; width:100%; height:auto; margin-top:0; xxxpadding:1em 2.5em!important; height:3.5em; border-bottom:1px solid var(--border); }
.nav.fullh>li .level1 { display:block; width:100%; height:auto; margin-top:0; padding:1em 2.5em!important; height:3.5em; }
.nav.fullh>li:before { content:url(../images/icon-arrow.svg); display:block; position:absolute; top:50%; left:auto; background:transparent!important; width:1em; height:1em; opacity:.5; right:1em; transform:translateY(-50%); }
.nav.fullh>li .menu.level1 { width:100%; z-index:10; position:absolute; top:0; left:0; height:3.5em; width:100%; padding:1.07em 2.5em!important; }
.nav.fullh>li .megamenu { left:-99999px; }
.nav.fullh>li .megamenu .btn-prev { position:relative; }
.nav>li a:hover ~.megatabset { display:none; }
.nav .cover { display:none; }
header .nav.fullh .topright { display:block; }
header .btn-menu { display:block; position:absolute; transform:translateY(-4.5em); top:0; right:0; xxxxheight:2em; padding:.6em .5em; z-index:10; }
header.shorten .btn-menu span { background:var(--black); }
header .fullmenu.switcher { height:0; }
header .nav .topright { display:block; font-size:1.2em; }
header .nav .topright>.nav { position:relative; top:auto; left:auto; height:auto; text-align:center; height:13em; align-items:flex-start; padding-top:1em; display:block; }
header .nav .topright>.nav a { padding:1em; }
header.home .nav a { color:black; }
header thead.sticky-top { width:auto; }
header thead.sticky-top th { word-break:keep-all; height:100%; }
.sidemenuopen header .sticky-top { padding-left:1em; overflow-x:auto; }
.megamenu { width:100vw; height:calc(100vh - 5em); max-height:100%; margin-top:0; padding:0; top:5em; z-index:1999; }
.megamenu .btn-prev { display:block; padding:1em 1.5em; }
.megamenu .btn-close { display:none!important; }
.megamenu .tabset { top:4em!important; overflow:hidden; }
.megamenu .tabset:before { width:65vw; right:0; opacity:.04; }
.megamenu .tabset .tab { font-size:1em; padding:0 .5em!important; text-align:center; border-right:1px solid var(--border); height:4em; display:flex; align-items:center; justify-content:center; align-self:stretch; width:100%; }
.megamenu .tabset .tab.selected:after { display:none; }
.megamenu .con { display:block; padding-top:5em; height:calc(100% - 4em)!important; max-height:calc(100% - 4em)!important; }
.megamenu .con ul { display:block; gap:0; width:100%; height:auto; padding:1em; }
.megamenu .con,
.megamenu .con ul { max-height:1000vh!important; }
.megamenu .con ul li { width:100%; border-right:0; }
.megamenu .con ul li a { padding:.5em 0!important; font-size:1.05rem; }
.megamenu .con ul li a.level4 { xxpadding-left:1em!important; }
.megamenu .con ul li a.level5 { padding-left:1em!important; }
.megamenu .con ul .gap { border-right:0; width:100%; margin-bottom:1.5em; border-bottom:1px solid var(--border); }
header>.megamenu.top { position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:20000; display:block; }
header>.megamenu.top .con { top:4em; width:100%; xxxxxxxborder:3px solid yellow; overflow-y:auto; }
header>.megamenu.top .con .ad { position:relative; width:100%; top:auto; left:auto; right:auto; padding:0 1.5em 2em 1.5em; margin-top:3em; }
header>.megamenu.top .con .ad a { width:100%; }
header>.megamenu.top .con .ad a img { height:45vw; }
header>.megatabset.top { z-index:20001; display:flex; top:62px!important; overflow:hidden; justify-content:stretch; }
header>.megatabset.top .tab { font-size:.9em; text-align:center; display:inline-flex; align-items:center; align-self:stretch; justify-content:center; }
header>.megatabset.top:before { width:58vw; right:-1em; }
.megatabset .btn-close { display:none; }
body.fullscreen header { height:5em; }
body.fullscreen header:before { display:block; }
body.fullscreen header .logo { padding:1em 1.8em; width:calc(100% - 5em); }
body.fullscreen header .logo:before, body.fullscreen header .logo:after { width:10.5em; }
body.fullscreen header section.title { position:relative; }
body.fullscreen header section.title .sectitle-bg-gold { height:auto; padding:.5em; margin:0; font-size:1em; }
body.fullscreen header section.title .formblock .btn-open { transform:translateY(-2.5em); width:100%; text-align:right; }
body.fullscreen header section.title .formblock.open { padding:2em; }
/*
body.accessmode header { height:var(--fixheadh); border-top:3px solid red;}
body.accessmode header .topright { display:flex; justify-content:flex-end; }
body.accessmode header .topright .nav { text-align:right; }
body.accessmode header .logo { width:auto; }
body.accessmode header .nav { position:relative; top:auto; left:auto; width:auto; height:auto; background:transparent; }
body.accessmode header .flex { display:flex; }
body.accessmode header .nav>li:after { display:block; }
body.accessmode .nav.fullh { display:flex!important; padding-top:0; flex-direction:row; }
body.accessmode .nav.fullh.open { display:flex!important; }
body.accessmode .nav.fullh>li {}
body.accessmode .nav.fullh>li:before { display:none; }
body.accessmode .nav.fullh>li .menu.level1 { position:relative; top:auto; left:auto; padding:1.07em .5em!important; }
body.accessmode .nav.fullh>li .megamenu { left:0; }
body.accessmode .nav.fullh>li .megamenu .btn-prev { position:relative; }
body.accessmode .nav>li a:hover ~.megatabset { display:flex; }
body.accessmode header .nav.fullh .topright { display:block; }
body.accessmode header .btn-menu { display:none; }
body.accessmode header .fullmenu.switcher { height:0; }
body.accessmode header .nav .topright { display:block; font-size:1.2em; }
body.accessmode header .nav .topright>.nav { position:relative; top:auto; left:auto; height:auto; text-align:center; height:13em; align-items:flex-start; padding-top:1em; display:block; }
body.accessmode header .nav .topright>.nav a { padding:1em; }
body.accessmode header.home .nav a { color:black; }
*/
footer { padding:2em 0; margin:0!important; font-size:1em; }
footer.home { padding-bottom:6em; }
footer .flex { margin:0; padding:0; }
footer .flex .col { border-right:0; border-bottom:1px solid var(--border); padding:2em 1.2em; width:100%; }
footer .flex .col:last-child { border-right:0; border-bottom:0; }
footer .linkrow { padding:1em; text-align:left; }
footer .copyright { padding:1em 3em; }
}
/*
_ _
__ ___ _ _| |_ ___ _ _| |_
/ _/ _ \ ' \ _/ -_) ' \ _|
\__\___/_||_\__\___|_||_\__|
*/
section { position:relative; display:block; margin:0; line-height:1; padding:1.5em 3em; }
section.title { margin:0; padding:0!important; width:100%; margin-bottom:-1em; min-height:50px!important; }
section.narrow, .narrow { max-width:1000px!important; margin:2em auto; }
section.narrow.nomargin, .narrow.nomargin { margin-top:0; }
section.narrow2, .narrow2 { max-width:100%!important; margin:2em auto; }
.section1 section,
.section2 section,
.section3 section,
.section4 section,
.section5 section,
.section6 section,
.section7 section,
.section8 section,
.section9 section,
.section10 section,
.section11 section,
.section12 section
{ xxxxxpadding:4.5vw 3vw; }
section.bannerarea { overflow:hidden; }
section.featurearea { background:var(--lightgray4); border:1px solid var(--lightgray3); padding:0!important; border-bottom:1px solid var(--border);background:white; }
section.subbannerarea { background:var(--lightgray4); padding:5vw 0; border:1px solid var(--lightgray4); }
section.grouparea { background:var(--lightgray4); border:1px solid var(--lightgray4); padding:5vw 0; border-bottom:1px solid var(--border);background:white; }
section.grouparea a { color:var(--black); text-decoration:none; }
section.home { height:45vw; max-height:77vh; }
.sectitle { display:block; font-size:1.8em; text-align:center; font-weight:bold; margin:1em 0; }
.sectitle a { color:var(--black); text-decoration:none; }
.sectitle a:hover { text-decoration:underline; }
.sectitle-bg-gold { padding:.5em 1em; font-size:1.5em; font-weight:bold; xxxbackground:var(--gold); color:white; text-align:left; overflow:hidden; }
.sectitle-bg-gold:before { content:url(../images/tpex-white.svg); display:block; width:9em; height:auto; position:absolute; top:0; right:4em; opacity:.07; z-index:1; pointer-events:none; }
@keyframes _fadeinlater{ 0%,50%{opacity:0}100%{opacity:1} }
section.title .sectitle-bg-gold { font-size:1.5em; padding:.5em 1em; margin:0; overflow:hidden; }
section.title .sectitle-bg-gold:after { content:''; display:block; height:4em; width:56vw; position:absolute; top:0; right:0; background:var(--gradient3); mix-blend-mode:overlay; animation:_fadeinlater .2s forwards; }
/* COLOR */
.section1 .sectitle-bg-gold { background:var(--mega1); color:white; text-align:left; }
.section2 .sectitle-bg-gold { background:var(--mega2); color:white; text-align:left; }
.section3 .sectitle-bg-gold { background:var(--mega3); color:white; text-align:left; }
.section4 .sectitle-bg-gold { background:var(--mega4); color:white; text-align:left; }
.section5 .sectitle-bg-gold { background:var(--mega5); color:white; text-align:left; }
.section6 .sectitle-bg-gold { background:var(--mega6); color:white; text-align:left; }
.section7 .sectitle-bg-gold { background:var(--mega7); color:white; text-align:left; }
.section8 .sectitle-bg-gold { background:var(--mega8); color:white; text-align:left; }
.section9 .sectitle-bg-gold { background:var(--mega9); color:white; text-align:left; }
.section10 .sectitle-bg-gold { background:var(--mega10); color:white; text-align:left; }
.section11 .sectitle-bg-gold { background:var(--mega11); color:white; text-align:left; }
.section12 .sectitle-bg-gold { background:var(--mega12); color:white; text-align:left; }
.section13 .sectitle-bg-gold { background:var(--mega13); color:white; text-align:left; }
/* NEW BARDECO */
section.title .sectitle-bg-gold:after { content:url(../images/bardeco1.svg); width:36vw; background:var(--gradient3); mix-blend-mode:screen; }
.section1 .sectitle-bg-gold:after { content:url(../images/bardeco4.svg)!important; xxxmix-blend-mode:hard-light!important; }
.section4 .sectitle-bg-gold:after { content:url(../images/bardeco4.svg)!important; mix-blend-mode:overlay!important; }
.section5 .sectitle-bg-gold:after { content:url(../images/bardeco3.svg)!important; mix-blend-mode:hard-light!important; }
.section7 .sectitle-bg-gold:after { content:url(../images/bardeco4.svg)!important; mix-blend-mode:hard-light!important; }
.section8 .sectitle-bg-gold:after { content:url(../images/bardeco4.svg)!important; mix-blend-mode:hard-light!important; }
.section11 .sectitle-bg-gold:after { content:url(../images/bardeco2.svg)!important; mix-blend-mode:overlay!important; }
.sticky-top {}
header .sticky-top { xxxposition:absolute; padding:.2em 1em; font-size:1em; }
header .sticky-top.thehead { margin-top:-1px; }
.sticky-top.fixed { position:fixed; top:0; left:0; width:100%; z-index:79999; }
.container { display:block; width:100%; height:auto; padding:0; position:relative; z-index:50; xxxbackground:var(--lightgray4); position:absolute; top:0; left:0; xxmargin-top:7.5em;xxxmargin-top:calc(5vw + 1.5em); padding-top:var(--fixheadh); mix-blend-mode:multiply; }
.container section .rowxxxxxx { max-width:900px; margin:1em auto; }
.container.home { mix-blend-mode:normal; }
.container.home section .row,
.container.fullpage section .row,
.container section .row { max-width:100%; margin:0 auto; }
.sidemenuopen .container { padding-left:300px;xxxpadding-left:316px; }
.sidemenuopen .container section .row { margin:0 0; }
.sidemenuopen.market .container { padding-left:0; }
.sidemenuopen.nosidemenu .container { padding-left:0; }
.container.home { margin-top:0; background:white; padding:0; }
.container.home section { padding:0; }
.container.home section.subbannerarea { padding:2em 0; }
.container .title .accesskey { margin-left:1em; }
body.fullscreen .container { padding-top:3em;padding-top:6em; }
body.fullscreen .container section { padding:0 .1em; }
body.fullscreen .container section .row { margin:.1em 0; }
body.fullscreen .container .sectitle-bg-gold { position:fixed; top:0; left:10em; z-index:9999; }
.container.tabpadding { padding-top:6em; }
.container .breadcrumb { display:flex; flex-wrap:wrap; align-items:center; padding:1em 0;padding:0; /*position:absolute; top:4.5vw; right:2em;*/ }
.container .breadcrumb a { display:block; font-size:.9em; padding-right:.5em; opacity:.7; text-decoration:none; color:var(--black); }
.container .breadcrumb a:hover { text-decoration:underline; }
.container .breadcrumb a.btn-sidemenu { display:block; padding-right:.5em; }
.container .breadcrumb a.btn-sidemenu:after { content:url(../images/icon-sidemenu.svg); width:1.4em; display:inline-block; vertical-align:middle; margin:0 .5em; transform:translateY(.2em); xxxxxtransition:all .2s; }
.container .breadcrumb a:afterxxxx { content:''; content:url(../images/triangle.svg); width:.5em; display:inline-block; vertical-align:middle; margin:0 .5em; transform:translateY(-.2em); }
.container .breadcrumb a:after { content:'/'; display:inline-block; margin:0 0 0 .6em; xxxxopacity:.3; }
.container .breadcrumb a:last-child {}
.container .breadcrumb a:last-child:after { display:none; }
.container .breadcrumb a.btn-sidemenu.open {}
.container .breadcrumb a.btn-sidemenu.open:after { transform:translateY(-.2em) rotate(180deg); opacity:1; }
.container .breadcrumb a.nolink { pointer-events:none; opacity:.7; }
.container .breadcrumb .hintobj { display:block; position:absolute; top:0; left:3.5em; font-size:.9em; padding:.5em 3em .5em 1.5em; border:1px solid var(--border); background:rgba(20,30,40,.2); box-shadow:0 4px 10px rgba(0,0,0,.2); text-shadow:0 1px 2px rgba(0,0,0,.2); transition:all .3s; cursor:default; transform:translate(-50%,-118%); z-index:199; color:white; zoom:.7; border-radius:4em; }
.container .breadcrumb .hintobj:before { content:url('../images/icon-close-white.svg'); display:block; position:absolute; top:50%; right:1em; width:.8em; transform:translateY(-50%); }
.container .breadcrumb .hintobj:afterxxxxxxx { content:''; display:block; position:absolute; top:100%; left:50%; width:1em; height:1em; transform:rotate(45deg) translate(-70%,-50%); transform-origin:center; background:rgba(20,30,40,.2); }
.container .breadcrumb .hintobj:hover { background:rgba(20,30,40,.6); }
.container .tabset,
section.title .tabset { display:flex; width:100%; justify-content:left; padding:0; border-bottom:1px solid var(--lightgray); background:var(--lightgray4); overflow-y:hidden; }
.container .tabset .tab,
section.title .tabset .tab { display:block; width:auto; background:transparent; text-decoration:none; color:black; border:0; padding:1em 3.5em .5em .5em; margin:0; width:auto; cursor:pointer; opacity:.85; font-size:1em; font-weight:bold; position:relative; }
.container .tabset .tab:first-child,
section.title .tabset .tab:first-child { padding-left:1.5em; }
.container .tabset .tab.selected,
section.title .tabset .tab.selected { opacity:1; }
.container .tabset .tab.selected:after,
section.title .tabset .tab.selected:after { content:''; dislay:block; position:absolute; bottom:-1px; left:0; background:var(--gold); height:5px; width:100%; }
.container .tabset .tab.hover,
section.title .tabset .tab.hover,
.container .tabset .tab:hover,
section.title .tabset .tab.hover { opacity:1; }
.container .tabset.center,
section.title .tabset.center { justify-content:center; }
.container .tabset.center.short,
section.title .tabset.center.short { width:auto; margin:2em auto 0 auto; background:transparent; }
.container .tabset.center .tab,
section.title .tabset.center .tab { padding:1em 1.5em .5em 1.5em; }
.tabset.fixbottom { /*position:absolute; bottom:0; left:50%; transform:translateX(-50%);*/ margin-bottom:-2em!important; }
.tabset.maincontab { margin-top:-2.5em!important; margin-bottom:3em!important; background:transparent; xxborder:0; }
.container .h1 { margin:.5em 0 .2em 0; xxxtext-align:center; font-size:2em; }
.container br { display:block; height:1em; }
.container h2,
.container h3 { margin:1.5em 0 .5em 0;margin:.5em 0 .5em 0; }
.container h2 { border-top:10px solid var(--lightgray4); padding-top:3.5em;padding-top:1.5em; margin-top:1.5em;margin-top:.5em; font-size:1.5em; }
.container h2:before { xxxcontent:url('data:image/svg+xml,'); content:''; display:inline-block; width:1em; height:1.1em; border-left:7px solid var(--black); border-color:var(--gold); transform:translateY(.2em); }
.container h2.nobordertop { border-top:none; padding-top:1em; margin-top:0; padding:0; margin:0; border:0; }
.container h2.subtitle { color:var(--black)!important; }
.container h2.subtitle:before { xxborder-color:var(--black)!important; border-left-width:1em; }
.container h2.subtitle.bordertop { margin-top:1em; }
/* COLOR */
.section1 .container h2, .section1 .container .h2 { color:var(--mega1); }
.section2 .container h2, .section2 .container .h2 { color:var(--mega2); }
.section3 .container h2, .section3 .container .h2 { color:var(--mega3); }
.section4 .container h2, .section4 .container .h2 { color:var(--mega4); }
.section5 .container h2, .section5 .container .h2 { color:var(--mega5); }
.section6 .container h2, .section6 .container .h2 { color:var(--mega6); }
.section7 .container h2, .section7 .container .h2 { color:var(--mega7); }
.section8 .container h2, .section8 .container .h2 { color:var(--mega8); }
.section9 .container h2, .section9 .container .h2 { color:var(--mega9); }
.section10 .container h2, .section10 .container .h2 { color:var(--mega10); }
.section11 .container h2, .section11 .container .h2 { color:var(--mega11); }
.section12 .container h2, .section12 .container .h2 { color:var(--mega12); }
.section13 .container h2, .section13 .container .h2 { color:var(--mega13); }
.section1 .container h2:before { border-color:var(--mega1); }
.section2 .container h2:before { border-color:var(--mega2); }
.section3 .container h2:before { border-color:var(--mega3); }
.section4 .container h2:before { border-color:var(--mega4); }
.section5 .container h2:before { border-color:var(--mega5); }
.section6 .container h2:before { border-color:var(--mega6); }
.section7 .container h2:before { border-color:var(--mega7); }
.section8 .container h2:before { border-color:var(--mega8); }
.section9 .container h2:before { border-color:var(--mega9); }
.section10 .container h2:before { border-color:var(--mega10); }
.section11 .container h2:before { border-color:var(--mega11); }
.section12 .container h2:before { border-color:var(--mega12); }
.section13 .container h2:before { border-color:var(--mega13); }
.section1 .container .tabset .tab.selected:after { background:var(--mega1); }
.section2 .container .tabset .tab.selected:after { background:var(--mega2); }
.section3 .container .tabset .tab.selected:after { background:var(--mega3); }
.section4 .container .tabset .tab.selected:after { background:var(--mega4); }
.section5 .container .tabset .tab.selected:after { background:var(--mega5); }
.section6 .container .tabset .tab.selected:after { background:var(--mega6); }
.section7 .container .tabset .tab.selected:after { background:var(--mega7); }
.section8 .container .tabset .tab.selected:after { background:var(--mega8); }
.section9 .container .tabset .tab.selected:after { background:var(--mega9); }
.section10 .container .tabset .tab.selected:after { background:var(--mega10); }
.section11 .container .tabset .tab.selected:after { background:var(--mega11); }
.section12 .container .tabset .tab.selected:after { background:var(--mega12); }
.section13 .container .tabset .tab.selected:after { background:var(--mega13); }
.tab { border:1px solid red; width:100%; display:flex; justify-content:left; align-items:center; border-bottom:1px solid var(--border); margin:1.5em 0; }
.tab a { cursor:pointer; display:block; height:100%; border:2px solid blue; }
.tab a:beforexxx { content:''; content:url(../images/triangle.svg); display:inline-block; }
@media -ms-viewport, screen and (max-width:1200px) and (min-width:641px) {
section.narrow2, .narrow2 { max-width:100%!important; }
}
@media -ms-viewport, screen and (max-width:1000px) and (min-width:641px) {
section.home { xxheight:70vw; }
}
/*
@media -ms-viewport, screen and (max-width:1300px) and (min-width:641px) {
section.newsarea .flex { flex-wrap:wrap; justify-content:center; }
section.newsarea .flex .col { width:50%; }
section.newsarea .flex .col:nth-child(2) { border-right:0; }
section.newsarea .flex .col:nth-child(3) { border-top:1px solid var(--border); }
}
*/
@media -ms-viewport, screen and (max-device-width:768px) {
.container { padding-top:5em; }
}
@media -ms-viewport, screen and (max-width:768px) {
.sidemenuopen .container { padding-left:0; }
body.fullscreen .container { padding-top:10em; }
}
@media -ms-viewport, screen and (max-device-width:640px) {
.sectitle-bg-gold:before { width:60vw; right:0; }
section.title .sectitle-bg-gold:after { width:84vw; }
section { padding:.5em 1em; }
section.home { height:110vw; }
section.narrow2, .narrow2 { max-width:100%!important; margin:1em auto; }
.container { padding-top:5em; }
.sidemenuopen .container { padding-left:0; }
body.fullscreen .container { padding-top:10em; }
.container h1 { font-size:1.5em; }
.container h2,
.container h3 { margin:1.5em 0 .5em 0; }
.container h2:before { width:.5em; }
.container .breadcrumb {}
.container .breadcrumb a { padding-right:.5em; font-size:.7em; }
.container .breadcrumb a.btn-sidemenu { display:none; }
.container .breadcrumb .hintobj { display:none; }
.container .tabset { flex-wrap:wrap; }
.container .tabset .tab,
section.title .tabset .tab { font-size:.9em; padding:1em .8em!important; xxwidth:20%; width:auto; text-align:center; display:flex; justify-content:center; align-items:center; flex-grow:1; }
.container .tabset.center.short { width:100%; }
.container .tabset.center .tab { padding:1em .5em; word-break:keep-all; }
/* overwrite */
.tabset { overflow-x:auto; flex-wrap:nowrap!important; }
.tabset .tab { word-break:keep-all;word-break:normal; padding:1em 1.5em!important; }
.tabset.fixbottom {}
.tabset.maincontab { margin-top:-.5em!important; margin-bottom:2em!important; justify-content:flex-start; }
}
.decobg { display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center; background-image:url(../images/kv.jpg); z-index:-1; }
.decoheader { overflow:hidden; xxbackground:lightblue; background:var(--lightgray); background:var(--gold);background:#025ea5;background:#db981c; }
.decoheader:before { content:''; display:block; height:100%; width:56vw; position:absolute; top:0; right:0; background:var(--gradient3); mix-blend-mode:overlay;mix-blend-mode:screen; zzzzzanimation:_fadeinlater 2s forwards; content:url(../images/bardeco4.svg); }
.decoheader:after { content:url(../images/tpex-white.svg); display:block; width:31vw; height:auto; position:absolute; top:38%; left:50%; transform:translateX(-50%); opacity:.1; z-index:1; pointer-events:none; }
.decoheader .h1 { margin:6vw;margin:4vw 4vw 0 4vw; color:white; }
.decoheader a { color:white; }
.decoheader .decobg { background-position:0 72%; display:none; }
.sidemenu { display:block; position:absolute;position:fixed; height:100vh!important; top:0; left:0; z-index:119; background:var(--lightgray4); padding-top:7em; overflow-y:auto; xxxxxborder:1px solid red; xxxdirection:rtl; }
.sidemenu ol,.sidemenu ul { margin-left:0!important; xxxlist-style-position:inside; }
.sidemenu .accesskey { top:7em; }
.sidemenu a { text-decoration:none; color:var(--black); }
.sidemenu a.selected { color:var(--red); font-weight:bold; opacity:1; padding:.4em .8em; display:inline-block; }
.sidemenu:after { content:''; display:block; position:absolute; top:0; right:0; z-index:99; width:0; height:100%; border-right:10px solid var(--border); opacity:.5; display:none; }
.sidemenu .btn-show { display:block; opacity:.5; padding:.5em 1.3em; padding-left:2.8em; word-break:keep-all; position:absolute; top:1.8em; left:calc(100% + 3.5em); cursor:pointer; transition:all .2s; z-index:99; zoom:.7; border:1px solid var(--border); border-radius:4em; display:none; }
.sidemenu .btn-show:before { content:url(../images/icon-sidemenu.svg); display:inline-block; width:1.5em; position:absolute; top:56%; left:1em; transform:translateY(-50%); }
.sidemenu .btn-show:hover { opacity:1; }
.sidemenuopen .sidemenu .btn-show:before { content:url(../images/icon-menu-close.svg); display:inline-block; width:1.5em; position:absolute; top:56%; left:1em; transform:translateY(-50%); }
.sidemenu .nav { display:block; padding:1em; width:300px; height:100%; }
.sidemenu .nav strong { display:block; }
.sidemenu .nav .con { display:block; border-bottom:1px solid var(--border); padding:.5em 0 .5em 1em; margin-bottom:1em; }
.sidemenu .nav .con:last-child { border-bottom:0; }
.sidemenu .nav .con * { list-style:none; }
.sidemenu .nav .con ol { display:block; position:relative; }
.sidemenu .nav .con .btn-arrow { display:block; position:absolute; position:absolute; width:100%; height:1.5em; top:0; right:0; cursor:pointer; z-index:122; }
.sidemenu .nav .con .btn-arrow .img { display:block; position:absolute; transform-origin:50% 50%; transform:rotate(180deg); position:absolute; width:1em; height:1em; top:.5em; right:0; cursor:pointer; z-index:122; transition: all .2s; }
.sidemenu .nav .con .btn-arrow .img:after { content:url(../images/triangle.svg); display:block; width:.5em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.6; }
.sidemenu .nav .con .level3,
.sidemenu .nav .con .level4,
.sidemenu .nav .con .level5 { font-size:.97rem; display:block; padding:.4em 0; transition:all .2s; }
.sidemenu .nav .con .level4:last-child,
.sidemenu .nav .con .level5:last-child { margin-bottom:.7em; }
.sidemenu .nav .con .level3 { font-weight:bold; }
.sidemenu .nav .con .level3.withlink { z-index:123; position:relative; width:calc(100% - 1.5em); }
.sidemenu .nav .con .level3.withgroup .outlink { text-decoration:underline; }
.sidemenu .nav .con .level4 { margin-left:1em; color:var(--black2); transition:all .2s }
.sidemenu .nav .con .level4.nolink { position:relative; text-decoration:none; }
.sidemenu .nav .con .level4.withlink { position:relative; xxxtext-decoration:underline;text-decoration:none; }
.sidemenu .nav .con .level5 { margin-left:2.5em; color:var(--black3); transition:all .2s }
.sidemenu .nav .con .level4:hover { transform:translateX(.25em); }
.sidemenu .nav .con .level5:hover { transform:translateX(.25em); }
.sidemenu .nav .con .level3.selected,
.sidemenu .nav .con .level4.selected,
.sidemenu .nav .con .level5.selected { padding:.4em!important; }
.sidemenu .nav .con ol.open {}
.sidemenu .nav .con ol.open .btn-arrow .img { transform:rotate(90deg); }
.sidemenu .nav .con ol.open .level4,
.sidemenu .nav .con ol.open .level5 { display:block!important; }
/* COLORS */
.sidemenu .nav.nav1 strong { color:var(--mega1); }
.sidemenu .nav.nav2 strong { color:var(--mega2); }
.sidemenu .nav.nav3 strong { color:var(--mega3); }
.sidemenu .nav.nav4 strong { color:var(--mega4); }
.sidemenu .nav.nav5 strong { color:var(--mega5); }
.sidemenu .nav.nav6 strong { color:var(--mega6); }
.section1 .sidemenu a.selected { color:white; background:var(--mega1); }
.section2 .sidemenu a.selected { color:white; background:var(--mega2); }
.section3 .sidemenu a.selected { color:white; background:var(--mega3); }
.section4 .sidemenu a.selected { color:white; background:var(--mega4); }
.section5 .sidemenu a.selected { color:white; background:var(--mega5); }
.section6 .sidemenu a.selected { color:white; background:var(--mega6); }
.section7 .sidemenu a.selected { color:white; background:var(--mega7); }
.section8 .sidemenu a.selected { color:white; background:var(--mega8); }
.section9 .sidemenu a.selected { color:white; background:var(--mega9); }
.section10 .sidemenu a.selected { color:white; background:var(--mega10); }
.section11 .sidemenu a.selected { color:white; background:var(--mega11); }
.section12 .sidemenu a.selected { color:white; background:var(--mega12); }
.menulist { display:flex; justify-content:left; gap:1em; flex-wrap:wrap; }
.menulist .group1 { display:block; xxxborder:4px solid yellow; margin:0; padding:0; width:100%; overflow:hidden; xxpadding-left:1em; }
.menulist .group1:before { content:''; display:block; position:absolute; top:0; left:0; width:15em; height:100%; margin:0; padding:0; z-index:1; background:red; opacity:.09; }
.menulist .group1 h3 { display:block; width:100%; margin:0!important; padding:1em 1.5em; border-radius:0; font-size:1.3em; border:0; color:white; position:sticky; top:0; }
.menulist .group2 { display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; margin:0; padding:0; xxxxborder:2px solid orange; z-index:10; position:relative; }
.menulist .group3 { display:flex; xxxxflex-wrap:wrap; width:100%; border-bottom:1em solid var(--lightgray); padding:0; margin:0; margin-bottom:2em; padding-bottom:2em; padding-top:2em; padding-left:18em; }
.menulist .group3:first-child { margin-top:2em; }
.menulist .group3:last-child { border-bottom:none; }
.menulist .group3 strong { display:block; width:100%; width:10em; xxxborder-right:1em solid var(--gold); display:flex; align-items:flex-start; padding-left:1em; position:absolute; top:0; left:0; padding:0; font-size:1.6em; width:auto; padding:1em 2em; width:10em; }
.menulist .group3 ul { padding:0; margin:0; xxxborder:2px solid lightgreen; }
.menulist .group3 ol { padding:0; margin:0; xxxborder:2px solid green; }
.menulist .group3 .level4 { padding:.5em .8em!important; margin:.2em; display:inline-block; position:relative; border:1px solid var(--black); xxxbackground:white; }
.menulist .group3 .level4 a { padding:0; margin:0; text-decoration:none; color:var(--black); }
.menulist .group3 li { display:block; list-style:none; text-decoration:none; margin:.2em .15em; padding:0; }
.menulist .con { display:block; border-bottom:1px solid var(--border); padding:0; width:calc(100% - 12em); xxxborder:2px solid pink; width:100%; }
.menulist .con:last-child { border-bottom:0; }
.menulist .con .level3,
.menulist .con .level4,
.menulist .con .level5 { font-size:.9em; display:block; padding:.4em 0; }
.menulist .con .level3.nolink a,
.menulist .con .level4.nolink a,
.menulist .con .level5.nolink a { text-decoration:none; }
.menulist .con .level4:last-child,
.menulist .con .level5:last-child { margin-bottom:.7em; }
.menulist .con .level3 { font-weight:bold; }
.menulist .con .level4 { opacity:.7; transition:all .2s; display:inline-block; }
.menulist .con .level5 { opacity:.5; font-size:.8em; line-height:1; padding:0!important; margin:0 0 0 1em!important; transition:all .2s; display:inline-block; }
.menulist .con .level5:before { content:url(../images/icon-arrow.svg); display:inline-block; width:1em; transform:translateY(.1em); margin-right:.4em; }
.menulist .con .level4:hover,
.menulist .con .level5:hover { opacity:1; }
.menulist .group1 h3.menuset1 { background-color:var(--mega1); }
.menulist .group1 h3.menuset2 { background-color:var(--mega2); }
.menulist .group1 h3.menuset3 { background-color:var(--mega3); }
.menulist .group1 h3.menuset4 { background-color:var(--mega4); }
.menulist .group1 h3.menuset5 { background-color:var(--mega5); }
.menulist .group1 h3.menuset6 { background-color:var(--mega6); }
.menulist .group1 h3.menuset7 { background-color:var(--mega7); }
.menulist .group1 h3.menuset8 { background-color:var(--mega8); }
.menulist .group1 h3.menuset9 { background-color:var(--mega9); }
.menulist .group1 h3.menuset10 { background-color:var(--mega10); }
.menulist .group1 h3.menuset11 { background-color:var(--mega11); }
.menulist .group1 h3.menuset12 { background-color:var(--mega12); }
.menulist .group1 h3.menuset13 { background-color:var(--mega13); }
.menulist .group1.set1:before { background-color:var(--mega1); }
.menulist .group1.set2:before { background-color:var(--mega2); }
.menulist .group1.set3:before { background-color:var(--mega3); }
.menulist .group1.set4:before { background-color:var(--mega4); }
.menulist .group1.set5:before { background-color:var(--mega5); }
.menulist .group1.set6:before { background-color:var(--mega6); }
.menulist .group1.set7:before { background-color:var(--mega7); }
.menulist .group1.set8:before { background-color:var(--mega8); }
.menulist .group1.set9:before { background-color:var(--mega9); }
.menulist .group1.set10:before { background-color:var(--mega10); }
.menulist .group1.set11:before { background-color:var(--mega11); }
.menulist .group1.set12:before { background-color:var(--mega12); }
.menulist .group1.set13:before { background-color:var(--mega13); }
.menulist .set1 .level3 a { color:var(--mega1); }
.menulist .set2 .level3 a { color:var(--mega2); }
.menulist .set3 .level3 a { color:var(--mega3); }
.menulist .set4 .level3 a { color:var(--mega4); }
.menulist .set5 .level3 a { color:var(--mega5); }
.menulist .set6 .level3 a { color:var(--mega6); }
.menulist .set7 .level3 a { color:var(--mega7); }
.menulist .set8 .level3 a { color:var(--mega8); }
.menulist .set9 .level3 a { color:var(--mega9); }
.menulist .set10 .level3 a { color:var(--mega10); }
.menulist .set11 .level3 a { color:var(--mega11); }
.menulist .set12 .level3 a { color:var(--mega12); }
.menulist .set13 .level3 a { color:var(--mega13); }
@media -ms-viewport, screen and (max-width:1000px) and (min-width:641px) {
}
@media -ms-viewport, screen and (max-width:768px) {
.sidemenu { display:none; }
}
@media -ms-viewport, screen and (max-device-width:640px) {
.decoheader {}
.decoheader:after { width:71vw; }
.decoheader h1 { margin:2.5em 0 0 0; }
.decoheader .breadcrumb a { color:white; }
.decoheader .decobg { background-position:50% 72%; xxxbackground-size:280%; }
.sidemenu { display:none; }
.menulist .group1 {}
.menulist .group1:before { width:0; }
.menulist .group3 { display:block; margin:0; padding:0 1em; }
.menulist .group3 h3 { font-size:1.6em; }
.menulist .group3 strong { width:100%; position:relative; top:0; left:0; font-size:1.6em; padding:1em 0; }
}
.formblock { padding:.5em 2em; background:var(--lightgray); margin:0; flex-wrap:wrap; z-index:111; justify-content:flex-end; }
.formblock .btn-open { display:block; position:absolute; top:0; right:0; transform:translateY(-1.3em); padding:.5em 1em; background:var(--lightgray); xxxborder:1px solid var(--border); box-shadow:var(--boxshadow); line-height:1.5; margin-right:0!important; }
.formblock .btn-open:after { content:url(../images/icon-search.svg); display:inline-block; width:1.2em; margin:0 0 0 .3em; transform:translateY(.25em); }
.formblock.open { margin-bottom:1em; }
.formblock.open .btn-open { border:0; box-shadow:none; display:none; }
.formblock .row { padding:.5em 0; display:flex; align-items:center; margin:1em!important; width:auto!important; justify-content:flex-end; }
.formblock .row .note { text-align:right; }
/*.formblock .row:first-of-type { margin-top:1em; }
.formblock .row:last-of-type { margin-bottom:1em; }*/
.formblock .row * { margin:0 .2em; word-break:keep-all; }
.formblock .tables-tools { display:flex; align-items:center; gap:.2em; }
.formblock .tables-tools button { align-self:stretch; }
.fullscreen .formblock.open { margin-bottom:0; }
.formarea {}
.formarea .row { padding:.5em 0; }
.formarea .row>.flex>.row,
.formarea .row>.flex>.col,
.formarea .row>.flex { padding:0; margin:0; }
.formarea .row>.flex { justify-content:space-evenly; gap:1em; }
.formarea .row>.flex .col { width:50%; }
.formarea .row input[type="date"],
.formarea .row input[type="number"],
.formarea .row input[type="text"],
.formarea .row input[type="email"],
.formarea .row input[type="telephone"],
.formarea .row textarea,
.formarea .row select { width:100%; margin:.2em 0; background:var(--lightgray); }
.formarea .row input[type="radio"] { margin-right:.5em; }
.formarea .row>label { font-weight:bold; }
.formarea label.must:after { content:'＊'; display:inline; color:var(--red); margin-right:.3em; }
.formarea .row.flex3input { display:flex; flex-wrap:wrap; justify-content:space-between; }
.formarea .row.flex3input label { display:block; width:100%; }
.formarea .row.flex3input select.selectobj,
.formarea .row.flex3input strong,
.formarea .row.flex3input input { display:block; width:32%; text-align:left; max-width:32%!important; }
@media -ms-viewport, screen and (max-width:1000px) and (min-width:641px) {
}
@media -ms-viewport, screen and (max-device-width:640px) {
.formarea .row>.flex .col { width:100%; }
.formarea .row input[type="radio"] { width:1em; }
}
.bannerblock { display:block; height:100%; width:101%; overflow:hidden; padding:0; z-index:10; background:black;background:white; color:white; }
.bannerblock .mask { position:absolute; top:50%; left:50%; display:block; padding:0; width:100%; height:100%; transform:translate(-50%,-50%); }
.bannerblock .mask .item { display:block; text-align:center; padding:.1em 1.5em; border-right:1px solid #ccc; width:100%; height:100%; cursor:pointer; background:black; }
.bannerblock .mask .item * { line-height:1; display:block; padding:0; text-align:center; margin:0; }
.bannerblock .mask .item .cover { width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; }
.bannerblock .mask .item .cover.svg { opacity:.6; width:auto; }
.bannerblock .mask .item .con { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); overflow:hidden; display:block; z-index:12; height:5vw; width:37vw; xxxbackground:black; xxxxmix-blend-mode:screen; }
.bannerblock .mask .item .con h1 { font-size:3.1vw;font-size:1.5vw;margin-left:-.5em;letter-spacing:.5em; }
.bannerblock .mask .item .con h1 { font-weight:bold; padding:.2em 0; color:white; width:35vw; position:absolute; top:0; left:100%; }
.bannerblock .mask .item .slogan { position:absolute; top:50%; left:50%; width:15vw; transform:translate(6.5vw, -3vw); z-index:188; width:60vw; transform:translate(-50%, -2vw); display:none; }
.bannerblock .mask .item.standard { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); background:black;xxxbackground:white; xxxposition:relative; padding:0; margin:0; }
.bannerblock .mask .item.standard img { display:block; position:absolute; top:50%; left:50%; width:100vw; height:100%; transform:translate(-50%,-50%); opacity:.9; object-fit:cover; }
.bannerblock .mask .item.standard .con { display:block; top:calc(50% + 1.5em); left:50%; width:50%; height:auto; transform:translate(-50%,-50%); text-align:center; }
.bannerblock .mask .item.standard .con .title { font-size:2em; color:white; text-align:center; font-size:3em; text-shadow:0 2px 10px rgba(0,0,0,2),0 2px 10px rgba(0,0,0,2); }
.bannerblock .mask .item.standard:afterxxx { content:''; display:block; background:linear-gradient(180deg, rgba(89,92,94,0.671327906162465) 0%, rgba(111,111,111,0) 100%); position:absolute; top:0; left:0; width:100%; height:15vw; padding:0; margin:0; mix-blend-mode:multiply; z-index:2; }
.bannerblock .navset { position:absolute; bottom:0; left:50%; transform:translate(-50%,-50%); padding:.5em; z-index:67; display:flex; justify-content:flex-end; }
.bannerblock .navset a { display:block; width:.5em; height:.5em; transform-origin:center; background:white; opacity:.3; margin:.2em .5em; border-radius:1em; transition:all .2s; }
.bannerblock .navset a.selected { transform:scale(1.3); opacity:.7; }
.announcearea { margin:-1px 0 2em 0!important; display:flex; justify-content:center; xxxxalign-items:center; padding:0; border-bottom:1px solid var(--border); xxxxwidth:calc(100vw + 2px); xxxxmax-width:150vw; }
.announcearea.disabled { display:none; }
.announcearea>div { border-right:1px solid var(--border); }
.announcearea>div:last-child { border-right:0; }
.liveblock { display:flex; gap:1em; padding:.6em 1em; padding-left:2.5em; overflow:hidden; align-self:stretch; align-items:flex-start; position:relative; width:37%; position:relative; display:block; }
.liveblock .redtag { display:inline-block; background:var(--livered); xxborder-radius:.2em; margin:0 .2em 0 0; color:white; padding:.3em .6em; font-size:.8em; padding-left:1.2em; }
.liveblock .flashdot { display:inline-block; background:var(--livered); color:white; font-weight:bold; padding:.12em .4em; width:auto; xxxtransform:translateY(4px); /*position:absolute; top:.6em; left:4.5em;*/ }
.liveblock .flashdot span { display:inline-block; width:.7em; height:.7em; border-radius:1em; margin:0; margin-right:.4em!important; transform:translateY(.05em); animation:_flashdot .5s infinite; background:white; }
.liveblock .con { display:block; margin:0; }
.liveblock a { display:block; font-size:1em; border:0!important; padding:.5em!important; margin:0!important; transition:all .2s; cursor:pointer; font-weight:normal; color:var(--blue); text-decoration:none; }
.liveblock a span.inline { display:inline-block; width:auto; position:relative; text-align:center; font-size:.8em; padding:.05em .3em; border:1px solid var(--blue); margin-right:.4em; color:var(--livered);background:transparent; transform:scale(1) translateY(-.1em); font-weight:bold; transition:all .2s; }
.liveblock a span.inline .dot { display:inline-block; width:.7em; height:.7em; border-radius:1em; margin-right:.2em; background:var(--livered); transform:translateY(-.05em); animation:_flashdot .5s infinite; }
.liveblock a:hoverxxx { text-decoration:underline; }
.liveblock a:hover { background:var(--lightgray4); }
.liveblock a:hover span.inline { background:var(--blue); color:white; }
.liveblock .preview { opacity:.5; margin:.2em 0 0 6.6em; font-size:.9em; text-indent: -5.6em; }
.liveblock p .btn-more2 { display:block; opacity:.85; cursor:pointer; border:0; background:transparent; text-align:left; padding-left: 10em !important; text-decoration:none; font-size:.9em; color:var(--black); }
.liveblock p .btn-more2:after { content:url(../images/triangle.svg); display:inline-block; width:.5em; margin-left:.3em; transform:translateY(-.1em); }
.liveblock p .btn-more2:hover { opacity:.7; }
.liveblock.home { align-items:flex-start; }
.liveblock.home p { margin-bottom:.2em!important; }
.liveblock.border { border:1px solid var(--border); border-radius:.5em; width:100%; }
@keyframes _flashdot { 0%,50%{opacity:.2}51%,100%{opacity:1} }
.scrollhint { display:block; background:rgba(50,60,70,.8); color:white; padding:.8em 1.5em; border-radius:2em; position:fixed; bottom:0; right:0; margin:1em; border:1px solid var(--border); z-index:887; }
.scrollhint:before { content:url(../images/icon-arrow-white.svg); display:inline-block; width:1em; transform:rotate(90deg) translateY(.1em); margin-right:.5em; }
.announceblock { display:block; padding:.6em 1em; padding-right:4.5em; z-index:12; border-right:1px solid var(--border); width:67%; }
.announceblock .mask { position:absolute; top:0; left:0; display:flex; padding:0; }
.announceblock .mask .item { display:block; padding:.5em; color:white; }
.announceblock .item { margin:0; padding:.5em; color:var(--blue); display:block; position:relative; cursor:pointer; }
.xxxxxannounceblock .item span { display:block; width:5em; text-align:center; background:var(--gold); font-size:.8em; padding:.1em .3em; margin-right:.4em; color:white; position:absolute; top:0; left:0; xxxtransform:translateY(-50%); }
.announceblock .item span.inline { display:inline-block; width:auto; position:relative; text-align:center; font-size:.8em; padding:.05em .3em; border:1px solid var(--blue); margin-right:.4em; color:var(--blue);background:transparent; transform:scale(1) translateY(-.1em); font-weight:bold; transition:all .2s; }
.announceblock .item.red span { background:var(--red); }
.announceblock .item.blue span { background:var(--blue); }
.announceblock .item.nolink { cursor:default; text-decoration:none; }
.announceblock .item:hover { background:var(--lightgray4); }
.announceblock .item:hover span { background:var(--blue); color:white; }
.announceblock .highlight-color { color: red!important; font-weight: bold; font-size: 20px; }
.announceblock .highlight-color .inline { background-color: yellow!important; font-weight: bold; font-size: 20px; }
.announcearea.single .liveblock { width:100%!important; padding:0 4.5em; }
.announcearea.single .announceblock {}
.announcearea.single .announceblock { padding:.5em 8.5em; width:calc(100% + 5px)!important; margin-left:-1px; }
.indexblock { display:block; height:3.5em; width:100%; overflow:hidden; padding:0; border:3px solid orange; position:absolute; bottom:0; left:0; z-index:15; }
.indexblock:before { content:''; display:block; height:3.5em; width:100%; position:absolute; bottom:0; left:0; z-index:1; background:var(--gradbottom); }
.indexblock .mask { position:absolute; top:0; left:0; display:flex; padding:0; z-index:10; }
.indexblock .mask .item { display:block; text-align:center; padding:.1em 1.5em; border-right:1px solid #ccc; color:white; }
.indexblock .mask .item * { line-height:1; display:block; padding:0; text-align:center; margin:0; color:inherit; }
.indexblock .mask .item small { font-size:.5em; }
.indexblock .mask .item .title { font-size:.8em; xxword-break:keep-all; width:15em; }
.indexblock .mask .item strong { font-size:1.1em; font-weight:bold; padding:.2em 0; }
.indexblock .mask .item strong span { font-weight:normal; display:inline-block; }
.featurebannerblock { display:block; width:90vw; padding:0; position:relative; overflow:hidden; margin:2em auto!important; }
.featurebannerblock .mask { position:absolute; top:0; left:0; display:flex; padding:0; }
.featurebannerblock .mask.single { justify-content:center; }
.featurebannerblock .mask .item { display:flex; justify-content:left; align-items:flex-start; padding:0; width:40vw; margin:0; color:var(--black); text-decoration:none; xxborder:1px solid pink; }
.featurebannerblock .mask .item .bg { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.featurebannerblock .mask .item img { text-align:left; width:20vw; height:14vw; margin-right:1em; /*width:234px;height:130px;*/ }
.featurebannerblock .mask .item .con { text-align:left; padding:0 1.5em 0 .5em; }
.featurebannerblock .mask .item .con * { text-align:left; width:100%; }
.featurebannerblock .mask .item .con p { font-size:.9vw; }
.featurebannerblock .mask .item .title { display:block; font-weight:bold; font-size:1.15em; line-height:1.2; margin-bottom:.5em; xxxheight:2.5em; }
.featurebannerblock .mask .item:hover { xxxbackground:var(--lightgray); }
.featurebannerblock .mask .item:hover .title { color:var(--red);text-decoration:underline; line-height:1.2; }
.featurebannerblock .navset { background:var(--lightgray); height:.3em; width:20vw; position:absolute; bottom:0; left:50%; transform:translateX(-50%); xxxxcursor:pointer; overflow:hidden; }
.featurebannerblock .navset .bar { display:block; xxxborder-radius:1em; height:.5em; width:0; position:absolute; margin:0; top:0; left:0; background:var(--gold);xxxbox-shadow:var(--boxshadow); pointer-events:none; overflow:hidden; }
.featurebannerblock .navset .bar .timer { display:block; height:.5em; xxxborder-radius:1em; width:0; position:absolute; top:0; left:0; background:white; opacity:.2; pointer-events:none; display:none; }
.featurebannerblock .btn-prev,
.featurebannerblock .btn-next { display:block; opacity:.5; transition:all .2s; cursor:pointer; padding:.2em; position:absolute; top:40%; transform:translateY(-50%); z-index:12; background:var(--black); }
.featurebannerblock .btn-prev:before,
.featurebannerblock .btn-next:before { content:url(../images/icon-arrow-white.svg); display:block; width:1.2em; height:1.2em; }
.featurebannerblock .btn-prev:before { transform:rotate(-180deg); }
.featurebannerblock .btn-prev:hover,
.featurebannerblock .btn-next:hover { opacity:1; padding:.2em .35em; }
.featurebannerblock .btn-prev { left:0; }
.featurebannerblock .btn-next { right:0; }
.datablock { display:block; width:34vw; padding:3em; }
.datablock>.decobg { width:50vw; opacity:1; xxbackground:black; background-image:none; }
.datablock>.decobg img { width:100%; height:100%; object-fit:cover; opacity:.8; }
.datablock .listtableblock { mix-blend-mode:multiply; }
.chartblock { display:block; width:52vw; padding:2em 3em 1em 3em; border-right:1px solid var(--border);xxxborder:0; }
.chartblock .row.alignright { xxxmargin-top:-2em!important; position:relative; }
.chartblock .updatetime { padding:.2em 0; font-size:.8em; }
.chartblock .note { background:white; xxxxopacity:.8; }
.chartblock .tabset { background:white; }
.chartblock .tabset .tab { text-align:center; padding:.5em 1em; width:5em; }
.chartblock .tooltips { display:block; border:1px solid var(--border); padding:1em; background:transparent; }
.apexcharts-tooltip { background:rgba(255,255,255,.7); margin-top:-1em; }
.datablock .sectitle,
.chartblock .sectitle { margin-top:0; }
.datablock a,
.chartblock a { color:var(--black); text-decoration:none; }
.chartcon1.hide,
.chartcon2.hide,
.chartcon3.hide,
.chartcon4.hide,
.chartcon5.hide { /*position:fixed; top:-9999px; left:-9999px;*/ display:none; }
.chartcon1 .note { padding:.2em 0; xxxfont-size:.8em; }
.chartinfoblock { display:block; word-break:keep-all; xxxfont-size:.9em; }
.chartinfoblock span { display:inline-block; margin:0 .25em; padding:0; color:var(--blue);color:var(--blue2); font-weight:bold; }
.chartlistblock { display:flex; align-items:flex-start; justify-content:center; margin:2em auto; }
.chartlistblock .col { display:block; align-self:stretch; border-right:1px solid var(--border); width:50%; }
.chartlistblock .col:last-child { border-right:0; }
.chartlistblock .item { display:block; margin:0; padding:.5em 1em; border:0; border-bottom:1px solid var(--border); }
.chartlistblock .col>.item:first-child { padding-top:0; }
.chartlistblock .item .tabcon { margin-bottom:-1em; }
.chartlistblock ul { margin-left:.2em!important; }
.chartlistblock .hugetable table { margin:.5em 0!important; }
.chartlistblock .item:last-child { border-bottom:0!important; }
.chartlistblock .item h2 { border-top:0!important; margin-top:0; padding-top:0; }
.chartlistblock .item table { margin:.9em 0; border-top:1px solid var(--border); }
.chartlistblock .item table th { color:white!important; background:var(--blue)!important; font-size:.9em; }
.chartlistblock .item table th.center { text-align:center; }
.chartlistblock .item table td { padding:.5em!important; background:var(--lightgray)!important; }
.chartlistblock .item table .alignright { text-align:right; }
.chartlistblock .item table tr:nth-child(odd) td { background:var(--lightgray4)!important; }
/*
.chartlistblock .item table { overflow:hidden!important; border-radius:.25em; background:var(--thbg); }
.chartlistblock .item table th { background:#303c62!important; }
.chartlistblock .item table th,
.chartlistblock .item table td { color:white!important; }
.chartlistblock .item table td .btn { word-break:keep-all; background:var(--black); margin:.2em; padding:.3em .8em; }
*/
.chartlistblock .item p { margin:.5em 0; font-size:.9em; }
.chartlistblock .item .text-align-right p { text-align:right; }
.chartlistblock .item .tabset .tab { padding:.5em; font-size:.9em; border-right:1px solid var(--border); }
.chartlistblock .item .noteblock { border:1px solid var(--border); padding:.7em 1em; background:var(--lightgray4); border-radius:.25em; margin-bottom:.5em!important; }
.chartlistblock .item .pagination-holder .simple-pagination { padding:1em 0; text-align:left; }
.chartlistblock .item .btn-openall {}.nav
.chartlistblock .item .btn-openall:before { content:url(../images/icon-arrow.svg); display:inline-block; width:1.5em; margin-right:.1em; transform:translateY(.25em) rotate(90deg); }
.chartlistblock .item .btn-openall.close:before { transform:translateY(.25em) rotate(-90deg); }
.chartlistblock a { xxxcolor:var(--blue); }
.chartlistblock h3 { display:block; width:100%; }
.chartlistblock .subinfo { /*text-align:right; justify-content:right;*/ margin:0 0 .5em 0!important; }
.chartlistblock .subinfo p {}
.chartlistblock .subinfo p:before { content:'|'; display:inline-block;display:none; margin:0 1em; }
.chartlistblock .subinfo p:last-child:after { display:none; }
.chartlistblock .subinfo p.value { font-weight:bold; }
.chartlistblock .pagenav { margin-bottom:1em!important; }
.chartlistblock .pagenav li { font-size:.72em; }
.chartlistblock .pagenav .pagination { display:flex; flex-wrap:wrap; justify-content:center; list-style:none; }
.chartlistblock .pagenav .pagination li { padding:0; }
.chartlistblock .pagenav .pagination li a { margin:.05em; background:var(--black); border-radius:.2em; color:white; text-decoration:none; }
.chartlistflex { display:flex; gap:0 5em; align-items:flex-start; justify-content:left; flex-wrap:wrap; }
.chartlistflex .item { display:block; width:calc(50% - 3em); margin:0; padding:0; border:0; border-bottom:1px solid var(--border); }
.chartlistflex .item strong { display:block; margin:0; }
.chartlistflex .item strong span { display:inline-block; margin:0 1em; }
.chartlistflex .item .note { background:transparent; opacity:.5; padding:.3em 0; font-size:.9em; }
.chartlistflex h2 { border:0; margin:0; padding:0; }
@media -ms-viewport, screen and (max-width:1100px) and (min-width:641px) {
.chartlistflex { display:block; flex-wrap:nowrap; }
.chartlistflex .item { width:100%; }
.chartlistflex .item>div { width:60%; }
}
.newsblock { display:block; width:40vw; padding:3em; border-right:1px solid var(--border); }
.newsblock:last-child { border-right:0; border-bottom:0; }
.newsblock .liveblock { padding:0; background:var(--lightgray4); display:none; width:100%; }
.newsblock .liveblock a { padding-right:1em!important; font-size:.9em; }
.newsblock .liveblock strong { font-size:.8em; }
.newsblock .liveblock p {display: none;}
.newsblock .liveblock.show {}
.windowblock { display:block; }
.windowblock .item { display:block; margin:.1em 0; text-decoration:none; color:var(--black); }
.windowblock .item .titlebar { cursor:pointer; display:flex; align-items:center; padding:1em 1.5em; background:var(--lightgray); }
.windowblock .item .titlebar strong { width:100%; }
.windowblock .item .titlebar .arrow { width:2em; border:1px solid red; }
.windowblock .item .con { display:block; margin-top:1em; display:none; }
.windowblock.nomask { margin-top:1em; }
.windowblock.nomask .item { padding:.5em 0; border-bottom:1px solid var(--border); cursor:pointer; xxxpadding-left:3.7em; display:flex; grid-template-rows:5em calc(100% - 5em); gap:.5em; align-items:center; display:block; display:flex; }
.windowblock.nomask .item p { xxxmargin:.5em 0; width:calc(100% - 8em); }
.newsblock .windowblock.nomask .item p { width:calc(100% - 4em); }
.windowblock.nomask .item strong { display:inline-block; width:auto; background:var(--red); padding:.2em .4em; color:white; /*position:absolute; top:.8em; left:0;*/ xxxfont-size:.7em;width:5em!important;font-size:14px; text-align:center; word-break:keep-all; width:7em; }
.windowblock.nomask .item strong { background:transparent!important; color:var(--gold); border:0; border-left:5px solid black; }
.windowblock.nomask .item strong.hang { background:var(--gold); }
.windowblock.nomask .item strong.event { background:var(--gold); }
.windowblock.nomask .item strong.regular { background:var(--red); }
.windowblock.nomask .item strong.market { background:var(--gold); }
.windowblock.nomask .item strong.registration { background:var(--blue); }
.windowblock.nomask .item strong.regulation { background:var(--blue); }
.windowblock.nomask .item:hover { background:var(--lightgray4); color:var(--red); }
.windowblock.nomask .item strong.hang { border-color:var(--mega1); color:var(--mega1)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.market { border-color:var(--mega3); color:var(--mega3)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.other { border-color:var(--mega5); color:var(--mega5)!important; xxxcolor:white!important;color:#a36500!important; }
.windowblock.nomask .item strong.event { border-color:var(--gold); color:var(--gold)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.regular { border-color:var(--mega6); color:var(--mega6)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.listing { border-color:var(--mega7); color:var(--mega7)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.communication { border-color:var(--mega8); color:var(--mega8)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.visit { border-color:var(--red); color:var(--red)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.registration { border-color:var(--mega9); color:var(--mega9)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.announcement { border-color:var(--mega10); color:var(--mega10)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.regulation { border-color:var(--blue); color:var(--blue)!important; xxxcolor:white!important; }
.windowblock.nomask .item strong.market { border-color:var(--mega4); color:var(--mega4)!important; xxxcolor:white!important; }
.windowblock.nomask .item:last-child { border-bottom:0; }
.videolistblock { display:block; width:100%; }
.videolistblock h3 { display:block; padding:0; margin:0; margin-top:.9em; margin-bottom:.5em; }
.videolistblock hr { margin:.4em 0; }
.videolistblock .item { display:flex; margin:.2em 0; align-items:center; padding:0; cursor:pointer; color:var(--black); }
.videolistblock .item:before { /*content:url("data:image/svg+xml,"; display:block; width:1em; height:1em; position:absolute; top:50%; transform:translate(-50%,-50%);*/ }
.videolistblock .item .vimeothumb { margin:0; margin-right:.8em; border:1px solid var(--lightgray); background:var(--lightgray); }
.videolistblock .item .thumb { margin:0; margin-right:.5em; width:3em; height:2em; }
.videolistblock .item p { width:100%; }
.videolistblock .item:hover { background:var(--lightgray4); color:var(--red); }
.chartinfo { display:flex; align-items:center; gap:0 1.2em; }
.chartinfo h3 { margin:0; padding:0; font-weight:bold; font-size:1.5em; background:transparent; color:var(--black); }
.chartinfo p.current { font-size:1.2em; font-weight:bold; }
.chartinfo p.percent { color:white; padding:.2em .8em; border-radius:.2em; }
.chartinfo p.percent.rise { background:var(--red); }
.chartinfo p.percent.drop { background:var(--green); }
#chartobj { mix-blend-mode:multiply; }
.chartlistblock .chartinfo { flex-wrap:wrap; align-items:center; }
.chartlistblock .chartinfo h3 { xxxmargin-bottom:.7em; }
.chartlistblock .chartinfo p.percent { padding:0 .2em; }
.chartlistblock .chartinfo .red:before { content:'▲'; }
.chartlistblock .chartinfo .green:before { content:'▼'; }
.chartlistblock .chartinfo p.percent:before { font-size:.2em; display:none; }
.listitem-bond .tabset a { text-align:center; width:16.6%!important; }
.listitem-bond .tabset a:last-child { border-right:0!important; }
/*
.blockset { display:flex; gap:.2em; margin:1em 0; }
.blockset .item { display:grid; gap:.5em; background:var(--lightgray); padding:1em 2em; font-size:.8em; border-radius:.2em; border:1px solid var(--border); }
.blockset .item h2 { display:block; margin:0; }
*/
.blockset { display:flex; gap:.2em; margin:1em 0; }
.blockset.center { justify-content:center; }
.blockset .item { border-left:3px solid var(--lightgray); padding:1em 2em; text-align:center; }
.blockset .item h2,
.blockset .item .h2 { display:block; margin:0!important; border:0; padding:0; font-size:1.4em; xxfont-weight:normal; }
.blockset .item h2:before { display:none; }
.blockset .item.flex { display:flex; align-items:flex-start; justify-content:left; gap:1em; }
.blockset .item.flex .col { margin:0; }
.blockset .item.flex .col:first-child { padding-right:5em; }
.blockset .item.flex .col * { display:block; margin:0!important; border:0; padding:0; }
.section1 .blockset .item a { color:var(--mega1); }
.section2 .blockset .item a { color:var(--mega2); }
.section3 .blockset .item a { color:var(--mega3); }
.section4 .blockset .item a { color:var(--mega4); }
.section5 .blockset .item a { color:var(--mega5); }
.section6 .blockset .item a { color:var(--mega6); }
.section7 .blockset .item a { color:var(--mega7); }
.section8 .blockset .item a { color:var(--mega8); }
.section9 .blockset .item a { color:var(--mega9); }
.section10 .blockset .item a { color:var(--mega10); }
.section11 .blockset .item a { color:var(--mega11); }
.section12 .blockset .item a { color:var(--mega12); }
.listtableblock { display:block; margin:1em 0; }
.listtableblock a { text-decoration:none; color:var(--black); }
.listtableblock .item { display:block; margin:.1em 0; cursor:pointer; background:var(--lightgray); padding:.8em 1em; transition:all .2s; border-bottom:0; border-left:5px solid var(--mega12); }
.listtableblock .item:last-child { border-bottom:0; }
.listtableblock .item strong { width:100%; }
.listtableblock .item p { margin-bottom:0; opacity:.5; }
.listtableblock .item .arrow { display:block; position:absolute; top:calc(50% + .2em); right:1em; transform:translateY(-50%); opacity:.5; transition:all .2s; }
.listtableblock .item .arrow:before { content:url(../images/icon-arrow.svg); display:block; width:1em; width:1em; object-fit:cover; }
.listtableblock .item:hover { background:var(--lightgray4); }
.listtableblock .item:hover .arrow { opacity:.8; right:.8em; }
.listtableblock.home .item { padding:1.1em 1em; }
.market .listtableblock .item { padding:.8em 1em; border-left:0; border-bottom:1px solid var(--border); background:var(--lightgray); }
.market .listtableblock .item strong { color:var(--blue); }
.market .listtableblock .item:hover strong { color:var(--red); }
.quicklinkblock { display:flex; justify-content:center; align-items:center; margin:1em 0; }
.quicklinkblock a { cursor:pointer; display:block; height:100%; border:2px solid blue; padding:.5em 2.5em; text-align:center; }
.quicklinkblock a img { display:block; height:3em; margin:0 auto .5em auto; }
.quicklinkblock p { text-align:center; }
.otherlinkblock { display:flex; justify-content:center; align-items:center; margin:3em; flex-wrap:wrap; padding:0 8vw; }
.otherlinkblock a { cursor:pointer; display:block; height:100%; border:1px solid var(--border); margin:.1em; border-radius:.2em; padding:.99em 2.5em;padding:.6em 1.8em; text-align:center; text-decoration:none; color:var(--black); transition:all .2s; cursor:pointer; color:white; background:var(--blue); }
.otherlinkblock a img { display:block; height:3em; margin:0 auto .5em auto; }
.otherlinkblock p { text-align:center; }
.otherlinkblock a:hover { color:white; background:var(--red); }
/*
.otherlinkblock a { color:white; }
.otherlinkblock a:nth-child(1),
.otherlinkblock a:nth-child(2),
.otherlinkblock a:nth-child(3) { background:var(--mega1); }
.otherlinkblock a:nth-child(4),
.otherlinkblock a:nth-child(5),
.otherlinkblock a:nth-child(6) { background:var(--blue); }
.otherlinkblock a:nth-child(7),
.otherlinkblock a:nth-child(8),
.otherlinkblock a:nth-child(9) { background:var(--gold); }
.otherlinkblock a:nth-child(10),
.otherlinkblock a:nth-child(11),
.otherlinkblock a:nth-child(12),
.otherlinkblock a:nth-child(13),
.otherlinkblock a:nth-child(14),
.otherlinkblock a:nth-child(15) { background:var(--lightgray); color:var(--black); }
*/
/*
.otherlinkblock a:before { content:''; display:block; height:5px; width:100%; position:absolute; top:0; left:0; background:var(--border); }
.otherlinkblock a:nth-child(1):before,
.otherlinkblock a:nth-child(2):before,
.otherlinkblock a:nth-child(3):before { background:var(--mega1); }
.otherlinkblock a:nth-child(4):before,
.otherlinkblock a:nth-child(5):before,
.otherlinkblock a:nth-child(6):before { background:var(--blue); }
.otherlinkblock a:nth-child(7):before,
.otherlinkblock a:nth-child(8):before,
.otherlinkblock a:nth-child(9):before { background:var(--gold); }
.otherlinkblock a:nth-child(10):before,
.otherlinkblock a:nth-child(11):before,
.otherlinkblock a:nth-child(12):before,
.otherlinkblock a:nth-child(13):before,
.otherlinkblock a:nth-child(14):before,
.otherlinkblock a:nth-child(15):before { background:var(--lightgray); color:var(--black); }
*/
.groupblock { display:flex; justify-content:center; align-items:flex-start; margin:0 3vw; }
.groupblock .item { display:grid; grid-template-rows:4em 14vw 1fr 3vw; width:100%; width:30vw;width:36vw; border-right:1px solid var(--border); padding:2em 4em 0 4em; align-self:stretch; }
.groupblock .item:last-child { border-right:0; border-bottom:0; }
.groupblock .item .cona { cursor:pointer; border:2px dotted gray; }
.groupblock .item .cona * { margin:.5em 0; display:block; }
.groupblock .item h2 { margin:0 auto!important; margin-bottom:1em!important; text-align:center; font-size:1.5em!important; border:0!important; padding-top:0!important; }
.groupblock .item h2:before { display:none!important; }
.groupblock .item h2 a:hover { text-decoration:underline; }
.groupblock .item strong { margin:.5em 0; font-size:1.2em; margin:1em auto; text-align:center; }
.groupblock .item p { font-size:.9em; line-height:1.5; margin:.5em 0; }
.groupblock .item .info { margin:.5em 0; }
.groupblock .item .img { position:relative; height:12vw; margin-bottom:1.2em; }
.groupblock .item .img img { width:100%; height:100%; object-fit:cover; xxxborder-radius:.5em; margin-left:1em; }
.groupblock .item .img a:nth-child(2) { display: block; }
.groupblock .item .img .tag { position:absolute; bottom:0; left:0; background:var(--gold); color:white; padding:.9em 2em; overflow:hidden; font-size:.9em; font-weight:bold; transform:translateY(50%); }
.groupblock .item .img .tag.red { background:var(--red); }
.groupblock .item .img .tag:after { content:''; display:block; width:8em; height:8em; background:white; opacity:.12; position:absolute; top:0; left:0; transform:translate(-50%,-50%) rotate(45deg); }
.groupblock .item .nav { flex-wrap:wrap; align-items:start; margin-top:1em; }
.groupblock .item .nav a { width:50%; xxxfont-size:.9em; display:flex; align-items:flex-start; padding:.2em 0; }
.groupblock .item .nav a:before { content:url(../images/icon-arrow.svg); width:1em; display:inline-block; margin-right:.25em; opacity:.6; object-fit:cover; transform:translateY(.1em); transition:all .2s; }
.groupblock .item .nav a:hover:before { opacity:1; transform:translateY(.1em) translateX(.2em); margin-right:.3em; }
.groupblock .item .navset { flex-wrap:wrap; display:flex; justify-content:center; margin:1em 0; }
.groupblock .item .navset a { display:block; width:.5em; height:.5em; border-radius:1em; background:gray; margin:.3em; opacity:.5; }
.groupblock .item .navset a.selected { opacity:1; }
.videoblock { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin:2em 10vw; border:3px solid brown; }
.videoblock .item { display:block; width:calc(25% - 2em); margin:1em; background:white; }
.videoblock .item .img { position:relative; height:10vw; border:1px solid purple; }
.videoblock .item .img img { width:100%; height:100%; object-fit:cover; }
.videoblock .item .con { padding:.9em 1.5em; }
.adblock { display:block; margin:0; overflow:hidden; }
.adblock .mask { display:block; width:100%; }
.adblock,
.adblock .mask { height:30vw; }
.adblock .mask .item { position:absolute; top:0; left:0; width:100%; height:100%; }
.adblock .mask .item .img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.adblock .mask .item .img img { width:100%; height:150%; object-fit:cover; }
.adblock .mask .item .con { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:10; width:100%; }
.adblock .mask .item .con strong { color:white; font-size:2em; font-weight:bold; text-align:center; color:var(--black);color:white; color:#8a0000; }
.adblock .mask .item .con>strong { text-shadow:0 1px 3px rgba(0,0,0,.3); font-size:2.4em; }
.adblock .mask .item .con>strong:before { content:url(../images/tpex-white.svg); display:inline-block; width:3em; transform:translateY(.01em); }
.adblock .mask .item .con>strong>img { display:inline-block; height:.8em; transform:translateY(.01em); display:none; }
.adblock .mask .item .con strong img.smalllogo { display:inline-block; height:1.1em; transform:translateY(.01em); margin-right:.3em; }
.adblock .mask .item .con strong .breakline { display:inline-block; height:1.2em; width:1px; margin:0 .5em; background:white;xxxbackground:var(--black); transform:translateY(.2em); }
/*.adblock .mask .item .linkrow { display:flex; margin:1.5em 0 0 0; text-align:center; justify-content:center; }
.adblock .mask .item .linkrow a { display:block; text-align:center; padding:1em 2em; border-radius:.3em; margin:.3em; xxxopacity:.8; line-height:1.5; }
.adblock .mask .item .linkrow a.blue { background:var(--blue); }
.adblock .mask .item .linkrow a.red { background:var(--red); }
.adblock .mask .item .linkrow a.gold { background:var(--gold); }
.adblock .mask .item .linkrow a strong { color:white; font-size:1em; justify-content:center; word-break:keep-all; font-weight:bold; text-align:center; display:flex; margin-bottom:.5em; }
.adblock .mask .item .linkrow a p { color:white; opacity:.5; text-align:center; word-break:keep-all; min-width:7em; zoom:.8; transition:all .2s; }
.adblock .mask .item .linkrow a p:after { content:url(../images/icon-arrow-white.svg); display:inline-block; width:1em; height:1em; transform:translateY(.2em); transition:all .2s; }
.adblock .mask .item .linkrow a:hover { opacity:1; xxxpadding:1em 2.5em; }
.adblock .mask .item .linkrow a:hover p:after { margin-left:.5em; }*/
.adblock .mask .item .linkrow { display:flex; margin:1.5em 0 0 0; text-align:center; justify-content:center; }
.adblock .mask .item .linkrow a { display:block; text-align:center; padding:1em 2em; border-radius:.2em; margin:.3em; xxxopacity:.8; line-height:1.5; background:#3c3c3c; text-decoration:none; xxxxborder-left:5px solid var(--green); color:white; box-shadow:0 1px 3px rgba(0,0,0,.2); background:#875812;xxxbackground:var(--gold); }
.adblock .mask .item .linkrow a strong { color:var(--black);color:white; font-size:1.1em; justify-content:center; word-break:keep-all; font-weight:bold; text-align:center; display:flex; margin-bottom:.2em; }
.adblock .mask .item .linkrow a p { color:var(--black);color:white; xxxxopacity:.999; font-size:1.2em; text-align:center; word-break:keep-all; min-width:7em; zoom:.8; transition:all .2s; }
.adblock .mask .item .linkrow a p:after { content:url(../images/icon-arrow-white.svg); display:inline-block; width:1em; height:1em; transform:translateY(.2em); transition:all .2s; }
.adblock .mask .item .linkrow a:hover { opacity:1; xxxpadding:1em 2.5em; background:#074f00; }
.adblock .mask .item .linkrow a:hover p:after { margin-left:.5em; }
.adblock .mask .item .linkrow a:nth-child(1) { border-color:#3f9e3f; }
.adblock .mask .item .linkrow a:nth-child(2) { border-color:#4d7f17; }
.adblock .mask .item .linkrow a:nth-child(3) { border-color:#135a13; }
.adblock .mask .item .linkrow a:nth-child(4) { border-color:#5c8012; }
.subbannerblock { display:block; margin:2em auto 0 auto!important; width:200px; height:60px; }
.subbannerblock .conbox { display:block; width:200px; height:60px; overflow:hidden; }
.subbannerblock .mask { position:absolute; top:0; left:0; display:flex; padding:0; height:60px; }
.subbannerblock .mask .item { display:block; width:200px; height:60px; margin:0; overflow:hidden; }
.subbannerblock .mask .item:focus { xxxoutline:none; box-shadow:inset 0 0 0 3px hsla(220, 100%, 50%, 80%); padding:.1em; }
.subbannerblock .mask .item:focus img { width:calc(100% - .1em); height:calc(100% - .1em); margin-left:.05em; margin-top:.05em; }
.subbannerblock .mask .item img,
.subbannerblock .mask .item .img img { width:100%; height:100%; object-fit:cover; display:block; }
.subbannerblock .btn-prev,
.subbannerblock .btn-next { display:block; opacity:.3; transition:all .2s; cursor:pointer; padding:.2em; position:absolute; top:50%; transform:translateY(-50%); z-index:12; background:var(--gray); height:60px; }
.subbannerblock .btn-prev:before,
.subbannerblock .btn-next:before { content:url(../images/icon-arrow-white.svg); display:block; width:1.2em; height:1.2em; position:relative; top:50%; transform:translateY(-50%); transform-origin:center; }
.subbannerblock .btn-prev:before { transform:translateY(-50%) rotate(-180deg); }
.subbannerblock .btn-prev:hover,
.subbannerblock .btn-next:hover { opacity:.5; padding:.2em .35em; }
.subbannerblock .btn-prev { left:-1.6em; }
.subbannerblock .btn-next { right:-1.6em; }
/*
.graph-step { display:flex; align-items:center; }
.graph-step:before { content:''; display:block; width:100%; height:0; border-top:1px solid var(--lightgray2); z-index:1; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.graph-step .item { display:block; background:var(--gold); border-radius:.2em; padding:1em 2em; width:auto; margin:.5em; margin-right:1.5em; max-width:12vw; color:white; z-index:10; position:relative; }
.graph-step .item.gray { background:var(--lightgray); color:black; }
.graph-step .item.orange { background:orange; }
.graph-step .item:after { content:url(../images/icon-arrow.svg); display:inline-block; width:1.5em; height:1.5em; margin:0 .5em; position:absolute; top:50%; right:-2em; transform:translateY(-50%); }
.graph-step .item:first-child { margin-left:0; }
.graph-step .item:last-child:after { display:none; }
.graph-step .item p { color:inherit; text-align:center; }
*/
.pagenav { display:flex; justify-content:center; }
.pagenav a { display:block; transition:all .2s; margin:.2em; border:1px solid var(--border); padding:.3em .5em; border-radius:.2em; }
.pagenav a:hover { background:var(--lightgray2); }
.simple-pagination a { text-decoration:none; }
.nodata { background:#d5b888; padding:1em!important; border:0!important; }
.noteblock { display:block; background:var(--lightgray); padding:2em 3em;padding:1em 1.5em; margin-bottom:.5em; font-size:.94em; }
.noteblock strong { display:block; }
.noteblock p { margin:.25em 0; }
.noteblock ol,.noteblock ul { display:block; padding-left:2em; }
.noteblock li { display:list-item; padding:.25em 0; }
.borderblock { display:flex; align-items:flex-start; justify-content:left; background:var(--lightgray); padding:2em 3em; }
.borderblock .tag { display:block; border-right:1px solid var(--border); }
.listblock { display:flex; flex-wrap:wrap; margin:0; }
.listblock .item { display:block; padding:1em; width:25%; transition:all .2s; }
.listblock .item:hover { transform:scale(1.02); }
.listblock .item img { display:block; width:100%; height:10vw; margin-bottom:1em; }
.listblock .item img.book { height:15em; width:11em; box-shadow:0 3px 10px rgba(0,0,0,.2); }
.faqblock {}
.faqblock .item { margin:.5em; }
.faqblock .item h3 { background:var(--lightgray); margin:0; padding:1em 1.5em; border-radius:.2em; width:100%; cursor:pointer; border:0!important; }
.faqblock .item h3 a { text-decoration:none; color:var(--black); xxxxfont-size:1.2em; }
.faqblock .item h3:hover a { color:var(--red); }
.faqblock .item .con { display:none; padding:1em 2em 1em 6em; position:relative; transition:all .2s; background:var(--lightgray4); margin:0; }
.faqblock .item .con:before { content:url(../images/icon-arrow.svg); display:block; width:1.5em; position:absolute; top:1em; left:3em; opacity:.3; }
.faqblock .item .con.aslist { padding:0 2em 1em 4em; background:var(--lightgray); margin:0; display:none!important; }
.faqblock .item .con.aslist:before { display:none; }
.faqblock .item .con.aslist .item { margin:0 .2em; }
.faqblock .item .con.aslist a { display:block; padding:.4em 0!important; font-size:1em; color:var(--black); text-decoration:none; }
.faqblock .item .con.aslist a.withcon:after { content:url(../images/icon-arrow-thick.svg); display:inline-block; width:1.2em; margin:0 .5em; opacity:.7; transition:all .2s; /*position:absolute; top:60%; left:-1.5em; transform:translateY(-50%);*/ transform:translateY(.2em); }
.faqblock .item .con.aslist a:hover { color:var(--red); }
.faqblock .item .con.aslist a.withcon.open:after { xxxopacity:.3; transform:translateY(.2em) rotate(90deg); }
.faqblock .item .con.aslist.open { display:block!important; }
.faqblock .item.open>.con { display:block!important; }
.faqblock .item .astitle { background:var(--lightgray); margin:0; padding:1em 1.5em; border-radius:.2em; width:100%; cursor:pointer; border:0!important; display:block!important; }
.faqlevel3 { xxxdisplay:block!important; width:auto; background:var(--black); color:white; margin:1em 0 -1.5em 0!important; padding:.1em 1em; font-size:1em; border-radius:.2em; position:relative; left:50%; transform:translateX(-50%); }
.maincon {}
.maincon>*,
.maincon .row>*,
.maincon>*>*,
.maincon>*>*>* { margin:1.5em 0;margin:1em 0; line-height:1.5; }
.maincon a { text-decoration:underline; color:var(--red); }
.maincon hr { margin:4em 0; border-top:10px solid var(--lightgray) }
.maincon img { width:100%; }
.maincon ol,.maincon ul,
.container ol,.container ul { margin-left:3em; xxxlist-style-position:inside; }
.maincon .graybox { padding:1.5em 2.5em; background:var(--lightgray); border:1px solid var(--border); margin-left:0; }
.maincon .graybox ol,
.maincon .graybox ul { padding:1em 1em 1em 2.5em; }
.maincon .asnormalcon { padding:1em 0 1em 1.5em; margin-left:0; }
.maincon .privacyblock { padding:1.5em 5em; background:var(--lightgray); border:1px solid var(--border); margin-left:0; }
.maincon .privacyblock ol,
.maincon .privacyblock ul { padding:1em 1em 1em 2.5em; }
.maincon .privacyblock h4 { /*background:black; color:white;*/ display:inline-block; padding:.2em .8em; color:white; background:var(--black); xxborder-bottom:.3em solid black; font-size:1.2em; font-weight:bold; margin-top:.8em; margin-bottom:.3em; }
.maincon li { margin:.2em; }
.maincon h3 { margin:.6em 0; display:inline-block; /*background:var(--black); color:white; border-radius:1.5em; padding:.1em 1em; xxxfont-size:.9em;xxxfont-size:1.2em; */ width:auto; border-bottom:3px solid var(--black); }
.maincon .tabset { background:transparent; xxxxborder-bottom:2px solid var(--black); overflow-y:hidden; }
.maincon .tabset a { text-decoration:none; line-height:1.5; padding-left:0!important; }
.maincon.flex2 { display:flex; flex-wrap:wrap; xxjustify-content:center; gap:2em 2em; }
.maincon.flex2 .item { width:calc(50% - 1em); }
.maincon.flex2 .item h2 { border-top:0; padding-top:0; }
.newscon h2,
.newscon h3 { border:0; color:inherit; background:transparent; padding:0; margin:0; }
.newscon h2 { font-size:2.4em; }
.newscon h3 { font-size:1.8em; }
ol>li>ol { margin-left:2em!important; list-style-position:outside; }
ol>li>ol>li { xxlist-style:none; xxcounter-increment:selfcounter2; padding-left:1.2em; list-style-type:lower-roman; }
ol>li>ol>li:beforexx { content:'('counter(selfcounter2)')'; counter-increment:selfcounter2; margin-right:.3em; margin-left:-1.5em; }
ol>li>ol>li>ol>li { xxxlist-style:none; xxxcounter-increment:selfcounter3; padding-left:1.2em; list-style-type:decimal-leading-zero; }
ol>li>ol>li>ol>li:beforexxx { content:''counter(selfcounter3)'. '; counter-increment:selfcounter3; margin-right:.3em; margin-left:-1.5em; }
ol>li>ol>li>ol>li>ol>li { list-style:decimal; padding-left:1.2em; }
ol>li>ol>li>ol>li>ol>li:beforexxx { content:''counter(selfcounter3)'. '; counter-increment:selfcounter3; margin-right:.3em; margin-left:-1.5em; }
ol>li>ol.level1>li { list-style:decimal; }
ol>li>ol.level1>li:before { content:''; margin-right:0; margin-left:0; }
.tabindent { padding-left:2em; }
.shareset { display:flex; /*margin-top:8em; padding-top:5em;*/ border-top:10px solid var(--lightgray); text-align:center; align-items:center; justify-content:center; }
.shareset p { display:block; margin-right:1em!important; }
.shareset a { display:block; width:2em; margin:.6em!important; }
.eventlist { display:flex; flex-wrap:wrap; margin:0 5vw!important; }
.eventlist .item { display:block; padding:2em; width:33.33%; cursor:pointer; }
.eventlist .item img { display:block; width:100%; height:10vw; margin-bottom:1em; object-fit:cover; }
.eventlist .item strong { transition:all .2s; }
.eventlist .item:hover strong { color:var(--gold); }
.eventlist.news .item { border:1px solid var(--lightgray2); height:10vw; margin:1em; width:calc(33.33% - 2em); }
.eventlist.nopadding { margin:0!important; }
.eventlist.alignleft { justify-content:space-evenly; }
.eventlist.alignleft .item { margin:0; }
.pdfobj { width:100%; height:80vw; display:block; }
.vimeoframe { width:100%; height:33vw; border:1px solid var(--border); background:var(--darkgray2); }
.vimeoframe iframe { width:100%; height:40vw; }
.vimeothumb { width:3em; height:1.7em; border:1px solid var(--border); pointer-events:none; }
.thumbbook { width:10em!important; height:auto; }
a.link-vimeo { position:relative; }
a.link-vimeo:before { content:url(../images/icon-vimeo.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-video { position:relative; }
a.link-video:before { content:url(../images/icon-video.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-excel { position:relative; }
a.link-excel:before { content:url(../images/icon-excel.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-ods { position:relative; }
a.link-ods:before { content:url(../images/icon-ods.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-odt { position:relative; }
a.link-odt:before { content:url(../images/icon-odt.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-pdf { position:relative; }
a.link-pdf:before { content:url(../images/icon-pdf.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-doc { position:relative; }
a.link-doc:before { content:url(../images/icon-doc.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-ppt { position:relative; }
a.link-ppt:before { content:url(../images/icon-ppt.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
a.link-web { position:relative; }
a.link-web:before { content:url(../images/icon-web.svg); display:inline-block; width:1.2em; margin-right:.5em; transform:translateY(.25em); }
span.icon-color { display:inline-block; transform:translateY(.2em); width:1.8em; height:1em; margin:0 .5em; border:1px solid var(--border); }
span.icon-color.pause { background:var(--pause); }
span.icon-color.reset { background:var(--reset); }
span.icon-color.pausetoday { background:var(--pausetoday); }
span.icon-arrowdown {}
span.icon-arrowdown:before { content:url(../images/icon-arrow.svg); display:inline-block; width:1.5em; margin-right:.15em; transform:translateY(.25em) rotate(90deg); }
.icon-fb:before { content:url(../images/icon-facebook.svg); display:inline-block; width:1.2em; margin-right:.25em; transform:translateY(.15em); }
.icon-ig:before { content:url(../images/icon-instagram.svg); display:inline-block; width:1.2em; margin-right:.25em; transform:translateY(.15em); }
.icon-yt:before { content:url(../images/icon-youtube.svg); display:inline-block; width:1.2em; margin-right:.25em; transform:translateY(.15em); }
.icon-lknd:before { content:url(../images/icon-linkedin.svg); display:inline-block; width:1.2em; margin-right:.25em; transform:translateY(.15em); }
tr.pause { background:var(--pause)!important; opacity:.3; color:var(--red); }
tr.reset { background:var(--reset)!important; }
tr.pausetoday { background:var(--pausetoday)!important; opacity:.3; color:var(--red); }
.btn { text-decoration:none!important; border-radius:.2em; color:white!important; background:var(--gold); display:inline-block; margin:0 .2em; font-size:.9em; padding:1.2em 5em; overflow:hidden; }
.btn:after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:var(--red); z-index:12; mix-blend-mode:overlay; opacity:0; transition:all .2s; }
.btn:hover { background:var(--red); color:white!important; }
.btn.smaller { padding:.5em 1.5em; }
.btn-text { text-decoration:none; color:var(--red)!important; display:inline-block; margin:0 .2em; font-size:.9em; border:1px solid var(--red); padding:.5em 1em; margin:.1em .2em .1em 0; }
.btn-text:hover { background:var(--red); color:white!important; }
.btn-link { text-decoration:underline; color:var(--red)!important; display:inline-block; margin:0 .2em; }
p .btn { vertical-align:middle; display:inline-block; margin:0 .2em; }
.btnsetblock { display:flex; flex-wrap:wrap; }
.btnsetblock.center { justify-content:center; }
.btnsetblock .btn { width:calc(33.33% - 2em); margin-right:1em; margin-bottom:1em; text-align:center; }
.btnsetblock .btn.gray { background:var(--border); }
.btnsetblock .btn.gray:hover { background:var(--black); }
.milestones_img { width: 100%; max-height: 53vh; background-color: #ffffff; display: block; margin: 0 auto; object-fit: contain; }
.year-tabs { margin: 10px auto; display: flex; border: 1px solid #ffffff; border-radius: 4px; overflow: hidden; }
.year-tabs a { flex: 1; text-align: center; padding: 8px; margin: 0; text-decoration: none; color: #ffffff; border-right: 1px solid #ffffff; cursor: pointer; user-select: none; transition: background-color 0.3s, color 0.3s; font-size: 14px; background-color: #115f77; }
.year-tabs a:last-child { border-right: none; }
.year-tabs a:hover { background-color: #7dcdf1; }
.year-tabs a.active { background-color: #2a64d6; color: #fff; }
.milestones { position: relative; }
.milestones-row { display: flex; align-items: flex-start; margin-bottom: 40px; flex-wrap: nowrap; }
.milestones-decade { font-weight: bold; font-size: 20px; width: 100px; flex-shrink: 0; margin: 0 20px 0 10%; line-height: 1.5; }
.milestones-item { display: grid; grid-template-columns: 60px 60px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 15px; border-radius: 6px; font-size: 15px; line-height: 4; }
.milestones-year, .milestones-month { font-weight: bold; color: #000; text-align: left; }
.milestones-desc { color: #000; max-width: 600px; overflow-wrap: break-word; word-break: break-word; white-space: normal; }
#milestones_1990, #milestones_2010 { left: -400px; opacity: 0; }
#milestones_2000, #milestones_2020 { right: -400px; opacity: 0; }
.checkboxset { display:flex; flex-wrap:wrap; margin:.2em 0!important; align-items:center; }
.checkboxset.center { justify-content:center; }
.checkboxset.center p,
.checkboxset.center label { display:inline-block; max-width:80%; line-height:1.5; vertical-align:top; }
.checkboxset input[type="checkbox"] { transform:none!important; }
.checkboxset * { margin:.4em; }
.btn-search { padding-left:1.5em!important; }
.btn-search:before { content:url(../images/icon-search.svg); display:inline-block; width:1.2em; position:absolute; top:0; left:0; }
header.home .btn-search:before { content:url(../images/icon-search-white.svg); }
header.home:hover .btn-search:before { content:url(../images/icon-search.svg); }
.searchset { display:flex; align-items:center; margin:-.1em 0 -.1em 1em; }
.searchset input { display:block; width:10em; margin:-6px 0; border:1px solid var(--border); xxxbackground:rgba(255,255,255,.5); }
.searchset .btn-search { padding:0 .3em!important; background:transparent; border:0; font-size:.8em; cursor:pointer; }
.searchset .btn-search:before { display:none; }
header.home .searchset .btn-search { color:white; }
header.home.hover .searchset .btn-search,
header.home:hover .searchset .btn-search,
header.home.shorten .searchset .btn-search { color:var(--black); }
.section1 .btn { background:var(--mega1); }
.section2 .btn { background:var(--mega2); }
.section3 .btn { background:var(--mega3); }
.section4 .btn { background:var(--mega4); }
.section5 .btn { background:var(--mega5); }
.section6 .btn { background:var(--mega6); }
.section7 .btn { background:var(--mega7); }
.section8 .btn { background:var(--mega8); }
.section9 .btn { background:var(--mega9); }
.section10 .btn { background:var(--mega10); }
.section11 .btn { background:var(--mega11); }
.section12 .btn { background:var(--mega12); }
.section13 .btn { background:var(--mega13); }
/*overwrite*/
.section1 .btn,
.section2 .btn,
.section3 .btn,
.section4 .btn,
.section5 .btn,
.section6 .btn,
.section7 .btn,
.section8 .btn,
.section9 .btn,
.section10 .btn,
.section11 .btn,
.section12 .btn,
.section13 .btn { background:white; color:var(--black)!important; border:1px solid var(--border); line-height:1.5; margin:.5em 1em .5em 0!important; }
.section1 .btn:hover,
.section2 .btn:hover,
.section3 .btn:hover,
.section4 .btn:hover,
.section5 .btn:hover,
.section6 .btn:hover,
.section7 .btn:hover,
.section8 .btn:hover,
.section9 .btn:hover,
.section10 .btn:hover,
.section11 .btn:hover,
.section12 .btn:hover,
.section13 .btn:hover { background:var(--red); color:white!important; }
.section1 .btn.smaller,
.section2 .btn.smaller,
.section3 .btn.smaller,
.section4 .btn.smaller,
.section5 .btn.smaller,
.section6 .btn.smaller,
.section7 .btn.smaller,
.section8 .btn.smaller,
.section9 .btn.smaller,
.section10 .btn.smaller,
.section11 .btn.smaller,
.section12 .btn.smaller,
.section13 .btn.smaller { margin:.2em!important; }
.btn.dark { background:var(--black); color:white!important; }
.section1 .btn:hover:after,
.section2 .btn:hover:after,
.section3 .btn:hover:after,
.section4 .btn:hover:after,
.section5 .btn:hover:after,
.section6 .btn:hover:after,
.section7 .btn:hover:after,
.section8 .btn:hover:after,
.section9 .btn:hover:after,
.section10 .btn:hover:after,
.section11 .btn:hover:after,
.section12 .btn:hover:after,
.section13 .btn:hover:after { opacity:1; }
.pagination-holder { font-size:.9rem; }
.pagination-holder a { text-decoration:none!important; color:var(--black); }
.pagination-holder .simple-pagination { padding:1em; text-align:center; }
.simple-pagination ul { display:inline-block; width:auto; margin:0; }
.light-theme a, .light-theme span { font-size:1em; margin:.2em; padding:.5em .7em; background:white; }
@media -ms-viewport, screen and (min-width:1400px) {
.chartlistblock { margin:2em auto 5em auto; }
.chartlistblock .item { padding:2em 3em; }
.chartlistblock .item .tabcon { margin-bottom:0; }
}
@media -ms-viewport, screen and (max-width:1400px) and (min-width:641px) {
.featurebannerblock { width:80vw; }
}
@media -ms-viewport, screen and (max-width:1200px) and (min-width:769px) {
.datablock { width:42vw; padding:2em; }
.chartblock { width:58vw; padding:2em; }
.groupblock .item { width:40vw; }
.newsblock { padding:1.5em; }
}
@media -ms-viewport, screen and (max-width:768px) {
.chartlistblock { flex-direction:column; }
.chartlistblock .col { width:100%; border-right:0; }
.datablock { width:100%; padding:2em; }
.chartblock { width:100%; padding:2em; }
.groupblock { display:block; }
.groupblock .item { width:100%; }
.newsblock { padding:1.5em; width:100%!important; }
}
@media -ms-viewport, screen and (max-width:1000px) and (min-width:641px) {
.newsblock { width:50vw; padding:1.5em; }
.adblock,
.adblock .mask { height:50vw; }
.adblock .mask .item .con { width:100%; }
.adblock .mask .item .con .linkrow { flex-wrap:wrap; }
}
@media -ms-viewport, screen and (max-device-width:640px) {
.bannerblock .mask .item .con h1 { font-size:1em; width:100%; margin-left:0; }
.bannerblock .mask .item .con { top:48%; height:10vw; width:95vw; }
.bannerblock .mask .item.standard .con { width:80%; }
.bannerblock .mask .item.standard .con .title { font-size:2.4em; }
.scrollhint { display:none; }
.announcearea { flex-direction:column; padding:0!important; margin:0!important; }
.announcearea>div { border-right:0; }
.liveblock { xxxdisplay:none; border-right:0; margin:0; padding:1em 1.5em; background:var(--lightgray); width:100%!important; }
.liveblock .flashdot { margin-bottom:.2em; }
.liveblock.border { display:block; }
.liveblock.border .flashdot { margin-bottom:.5em; }
.announceblock { display:block; padding:1em 1.5em; width:100%; }
.announceblock .item { padding:1em 0; }
.announceblock .item span { position:absolute; top:0; left:0; }
.announcearea.single .liveblock { padding:0 1.5em; }
.announcearea.single .announceblock { padding:0 1.5em; }
.listitem-bond .tabset { flex-wrap:wrap; }
.listitem-bond .tabset a { width:33.33%!important; }
.formblock { xxxxmargin-top:0; }
.formblock .btn-open { transform:translateY(-2.5em); box-shadow:none; }
.formblock .row { flex-wrap:wrap; margin:0!important; }
.formblock .row * { margin-bottom:.2em; }
.formblock.open { padding:2em 1em; xxxmargin-top:0; }
.formblock.open .btn-open { xxxxtransform:translateY(0); }
.featurebannerblock { width:90vw; margin:0 auto!important; height:60vw!important; }
.featurebannerblock .mask { align-items:center; }
.featurebannerblock .mask .item { width:calc(96vw - 2em); flex-direction:column; padding:0 3em; text-align:center; }
.featurebannerblock .mask .item .bg { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.featurebannerblock .mask .item img { text-align:left; width:40vw!important; height:14vw; margin:0 auto; object-fit:cover; }
.featurebannerblock .mask .item .con { text-align:left; padding:0 .5em 0 .5em; width:100%; }
.featurebannerblock .mask .item .con * { text-align:left; width:100%; text-align:center; padding:0; }
.featurebannerblock .mask .item .con p { font-size:.8em; }
.featurebannerblock .mask .item .title { font-weight:bold; font-size:1.15em; line-height:1.8; margin-top:.4em; margin-bottom:0; text-align:center; }
.featurebannerblock .navset { position:absolute; bottom:1em; left:50%; transform:translateX(-50%); }
.featurebannerblock .navset .bar { display:block; width:0; position:absolute; top:0; left:0; background:var(--gold); pointer-events:none; }
.datablock,
.chartblock,
.newsblock { width:100%; padding:3em 1.5em; border-right:0; border-bottom:1px solid var(--border); }
.indexarea .row .col:last-child { border-right:0; border-bottom:0; }
.chartinfo { font-size:.8em; }
.chartblock .note { padding:.2em 0; }
.chartblock .row.alignright { margin-top:0!important; }
.chartlistblock { display:inline; }
.chartlistblock .col { border-right:0; width:100%; }
.chartlistblock .col>.item:first-child { padding-top:2em; }
.chartlistblock .item { padding:2em 0; border-bottom:1px solid var(--border)!important; }
.chartlistblock .chartinfo { flex-wrap:wrap; }
.chartlistblock .chartinfo h3 { width:100%; margin-bottom:1em; }
.chartlistblock .subinfo { font-size:.9em; }
.chartlistflex .item { width:calc(100% - 1em); }
.listtableblock .item { padding:.8em 2em .8em 1em; }
.quicklinkblock,
.otherlinkblock { flex-wrap:wrap; margin:1em 0; }
.quicklinkblock a,
.otherlinkblock a { padding:.5em 0; text-align:center; width:calc(33.33% - 1em); }
.quicklinkblock a img,
.otherlinkblock a img { height:3em; }
.otherlinkblock { flex-wrap:wrap; padding:0; }
.otherlinkblock a { height:4em; display:flex; align-items:center; justify-content:center; }
.videoblock { margin:1em; }
.videoblock .item { width:calc(50% - 1em); margin:.5em; }
.videoblock .item .img { height:24vw; }
.adblock,
.adblock .mask { height:160vw; padding:0; margin:0; }
.adblock .mask .item .linkrow { display:block; margin:1em 2em; }
.groupblock { display:block; margin:0; }
.groupblock .item { max-width:100%; width:100%; padding:2em; border-right:0; border-bottom:1px solid var(--border); grid-template-rows:4em; }
.groupblock .item .img { height:45vw; }
.groupblock .item .img img { margin-left:0; }
.blockset { gap:0; flex-wrap:wrap; }
.blockset .item { width:calc(50% - 1em); margin:.5em .5em; padding:1em 0; text-align:center; font-size:.9em; border-left-width:10px; border-left-width:0; border-top:10px solid var(--lightgray2); }
.blockset .item { border:1px solid var(--border);border:0; border-radius:.3em; box-shadow:0 1px 2px rgba(0,0,0,.2); background:var(--mbtnbackground); }
.blockset .item * { width:auto; text-align:center; }
.blockset .item p { margin:.5em 0; }
.blockset.contactperson .item { width:100%; }
.blockset.contactperson .item .col { text-align:left; padding:.5em 1em; }
.blockset.contactperson .item .col * { text-align:left; }
/*
.subbannerblock { width:60vw; height:20vw; }
.subbannerblock .mask .item { width:60vw; height:20vw; margin:0; }
*/
.noteblock { padding:1.5em 2em; }
.noteblock ol,.noteblock ul { padding-left:0; }
.noteblock li { padding:0; }
.graph-step { flex-direction:column; }
.graph-step:before { width:0; height:100%; border-top:0; border-right:1px solid var(--lightgray2); top:0; left:50%; transform:translateX(-50%); }
.graph-step .item { max-width:100%; margin:.5em 0; }
.graph-step .item:after { top:calc(100% + 2em); right:auto; left:50%; transform:translateX(-50%) rotate(90deg); }
.listblock .item { padding:0 1em; width:50%; }
.listblock .item img { height:20vw; }
.listblock .item img.book { height:13em; width:9.2em; }
.faqblock .item .con { padding:2em 2em 2em 3em; }
.faqblock .item .con:before { left:0; display:none; }
.pagenav { flex-wrap:wrap; margin-top:1em; }
.eventlist { margin:0!important; }
.eventlist .item { padding:1em; width:100%; }
.eventlist .item img { height:40vw; margin-bottom:1em; }
.eventlist.news .item { height:10vw; margin:1em; width:calc(100% - 2em); height:40vw; }
.pdfobj { height:130vw; }
.vimeoframe { height:60vw; }
.vimeothumb { width:3em; height:1.7em; border:1px solid var(--border); pointer-events:none; }
.maincon p { text-align:justify; letter-spacing:-.02em; }
.maincon .privacyblock { padding:.5em 1em; }
.maincon .privacyblock ol,
.maincon .privacyblock ul { padding:1em 0 1em .5em; }
.maincon .privacyblock h4 { font-size:1.2em; }
.maincon .graybox { padding:1em 2em; }
a.link-excel,
a.link-ods,
a.link-odt,
a.link-pdf,
a.link-doc,
a.link-ppt,
a.link-web { word-break:keep-all; width:6em; xxxdisplay:block; text-align:left; font-size:.9em; }
a.link-excel:before,
a.link-ods:before,
a.link-odt:before,
a.link-pdf:before,
a.link-doc:before,
a.link-ppt:before,
a.link-web:before { display:inline-block; xxwidth:1em; }
.btnsetblock .btn { width:100%; margin:.5em 0; }
.btn-search:before { width:1.5em; top:50%; transform:translate(-.3em,-50%); }
.simple-pagination ul { display:flex; flex-wrap:wrap; justify-content:center; margin:0; }
.nav.fullh .topright .nav { padding-top:5em; }
.nav.fullh .topright .nav a:after { display:none; }
.searchset { width:calc(100% - 4em); margin:1em 0 4em 0; gap:.5em; position:absolute; top:1em; left:2em; }
.searchset input { width:100%; margin:0; font-size:1.2em; }
.searchset .btn-search { padding:.5em 1em!important; background:var(--border); border-radius:.2em; word-break:keep-all; }
}
.searchblock { padding:3em 0; }
.searchblock .row { padding:0; display:flex; align-items:center; margin:1em!important; width:100%!important; justify-content:flex-start; border:0!important; }
.searchblock .row * { margin:0 .2em; word-break:keep-all; }
.searchblock .searchinput { display:flex; }
.searchblock .searchinput input { width:calc(100% - 6em); padding:1.5em!important; height:4em!important; }
.searchblock .searchinput .btn { word-break:keep-all; }
.searchresultblock { padding:1em 0; }
.searchresultblock .item { display:block; text-decoration:none!important; padding:1em 0; border-bottom:10px solid var(--lightgray); }
.searchresultblock .item:last-child { border-bottom:0; }
.searchresultblock .item * { margin:.1em 0; display:block; text-decoration:none!important; color:var(--black); }
.searchresultblock .item .title { color:var(--red); font-size:1.2em; }
.searchresultblock .item:hover .title { text-decoration:underline!important; }
/*
_ __ __ _ __ _ ___ __ ___ _ _
| '_ \/ _` / _` / -_) _/ _ \ ' \
| .__/\__,_\__, \___\__\___/_||_|
|_| |___/
*/
table {}
table a { xxxdisplay:inline-block; }
.globalbg { display:block; position:absolute; left:-20vw; margin-top:-4vw; mix-blend-mode:multiply; width:80vw; opacity:.4; }
.bottom-hints { font-size:.8em; xxxopacity:.5; }
.text-align-left { text-align:left; justify-content:left; }
.text-align-center { text-align:center; justify-content:center; }
.text-align-right { text-align:right; justify-content:right; }
.text-align-right .btn { margin-left:.3em; }
.float-right { float:right; }
.note { font-size:.9em; background:var(--lightgray); padding:.2em .4em; }
.largenote { font-size:1em; background:var(--red); color:white; margin:3em 0; padding:1em; text-align:center; }
.gold { color:var(--gold); }
.blue { color:var(--blue); }
.green { color:var(--green); }
.red { color:var(--red); }
.rise,
.drop { font-size:1.2em; font-weight:bold; }
.rise { color:var(--red); }
.rise:before { content:'▲'; display:inline-block; margin-right:.3em; }
.drop { color:var(--green); }
.drop:before { content:'▼'; display:inline-block; margin-right:.3em; }
.error404 { font-weight:900; font-size:4em; opacity:.2; margin-bottom:-.5em; }
.faqblock table,
.page-table { display:table; width:100%; margin:1em 0; border-collapse:collapse; border:1px solid var(--lightgray2); }
.faqblock table th,
.faqblock table td,
.page-table th,
.page-table td { border:1px solid var(--lightgray2); padding:.5em; }
.autocomplete-suggestions { xxxdisplay:block!important; width:300px!important; border:0; border-radius:.4em; box-shadow:0 1px 4px rgba(0,0,0,.3); }
.topright .autocomplete-suggestions { left:auto!important; right:-3em; }
.autocomplete-suggestions .autocomplete-suggestion { display:block; border-bottom:1px solid var(--border); padding:.6em 1em!important; }
.autocomplete-suggestions .autocomplete-suggestion strong { color:orange!important; }
.autocomplete-suggestions .autocomplete-group { text-align:left; padding:1em; margin:0!important; }
.daterangepicker { xxxdisplay:block!important; max-width:500px!important; padding:.8em 1em!important; width:auto!important; }
.daterangepicker .drp-calendar.left { float:none!important; max-width:500px!important; }
.daterangepicker .calendar-table table td { padding:.5em .8em; font-size:1em; }
.daterangepicker .table-condensed thead>tr:first-child { background:white!important; }
#pdf-container { max-width:100%; margin:0 auto; border:1px solid var(--border); min-height:40vw; }
#pdf-container .toolbar { background-color:#f0f0f0; padding:.5em 1em; margin:0; border-bottom:1px solid var(--border); text-align:center; }
#pdf-container .toolbar * { margin:0 .2em; display:inline-block; }
#pdf-container .toolbar button { padding:.2em .5em; }
#pdf-canvas,#pdf-page,#the-canvas { xxxborder:1px solid yellow; width:100%; display:block; margin:0 auto; }
@media -ms-viewport, screen and (max-device-width:640px) {
.globalbg { left:-30vw; transform:scale(1.5); margin-top:8em; }
.topright .autocomplete-suggestions { right:3em; }
}
/*for print*/
@page { size:A4 portrait; margin:1cm; orphans:4; widows:2; }
@media print {
body { margin:0!important; font-size:.65em; }
.container, section, header .logo { padding:0!important; border:0!important; }
.container h2:first-child { border-top:0!important; }
.sidemenu,
.accesskey,
.btn-next,
header .nav,
header .topright,
header .sticky-top,
.breadcrumb,
.tables-tools,
footer { display:none!important; }
header { position:relative!important; height:4em!important; }
header h1 { font-size:.5em!important; }
}
@media only screen and (max-device-width:1200px) and (min-device-width:769px) {
.collapse.shorten .contentarea .conheader.cloneobj.show, .collapse.shorten .sidemenu,
.collapse1.shorten .contentarea .conheader.cloneobj.show, .collapse1.shorten .sidemenu { top:110px; }
}
@media only screen and (max-device-width:768px) and (min-device-width:431px) {
.contentarea .conheader.cloneobj .mainblock .conbox { display:none; }
body.withsidemenu .contentarea .conheader.cloneobj.show { top:70px; }
.module { padding-top:45px; }
.breadcrumb { top:80px!important; }
.btn-sidemenu { font-size:.8em; padding-top:12px; }
}
/* tablet version */
.tablet { overflow-y:scroll; }
.tablet .barobj { position:absolute; }
.tablet .barobj:before { width:150vw; height:150vw; bottom:-60vw; left:-36vw; }
.tablet header .control-menu { zoom:.8; }
.tablet .bannerblock { height:130vh; }
.tablet .bannerblock .graph { top:65%; transform:translate(50%,-50%) scale(.95); }
.tablet .bannerblock .con.conleft { width:calc(100% - 15vw); left:50%; top:29%; }
.tablet .bannerblock .con.conright { left:50%; top:calc(50vh + 20em); display:none; }
.tablet .fixbanner { width:70vw; }
.tablet .row.rowabout { flex-direction:column; justify-content:center; padding:10em!important; }
.tablet .row.rowabout .con.conleft { width:100%!important; }
.tablet .row.rowabout .con.conright { width:100%!important; }
.tablet .rowend { height:auto; padding:30vw 0; }
.tablet .rowend .con h2 { font-size:2.5em; }
.tablet .rowend .con h3 { font-size:2.3em; }
.hugetable { overflow-x:auto; }
#tables-content table.infotable tr td, #tables-content table.infotable tr th { padding:.5em 1.5em!important; }
.rwd-table:has(tbody:empty):before { background:transparent!important; }
.rwd-table table td, .rwd-table table th { line-height:1.5; }
.rwd-table td.dn { color:#00a300!important; }
.rwd-table table td { padding:.5em!important; }
.rwd-table table th { font-size:.9em!important; padding:.2em!important; xxxbackground:linear-gradient(45deg, rgba(148,148,148,1) 0%, rgba(199,208,215,1) 100%)!important;xxxxxtext-shadow:-1px -1px 0 rgba(0,0,0,.4); }
.rwd-table.type-grid table tr { border-radius:.5em!important; overflow:hidden; }
.rwd-table.type-grid table tr th { align-self:center; padding-bottom:0!important; xxxxmargin-bottom:-3em!important; background:rgba(200,205,210,.1); }
.infotable th { width:auto; }
.infotable tr:first-child { border-top:1px solid var(--border); }
#table-content [data-name="information"] table { display:table; width:100%; overflow-x:auto; border-collapse:collapse; position:relative; margin-bottom:.5em; }
#table-content [data-name="information"] table tr td,
#table-content [data-name="information"] table tr th { border-bottom:1px solid var(--border); padding:.5em .5em; }
#table-content [data-name="information"] table tr .page-table-head-center { xxxxfont-size:.8em; xxxopacity:.5; padding:.4em .5em; border-right:1px solid var(--border); background:var(--darkgray);background:var(--thbg); color:white; }
#table-content [data-name="information"] table tr th:last-child { border-right:none; }
#table-content [data-name="information"] table tr th { padding:1em .5em; }
#table-content [data-name="information"] table tr th.sort { cursor:pointer; transition:all .2s; text-align:left; padding-right:2em!important; }
#table-content [data-name="information"] table tr th.sort:hover { background:var(--darkgray2); }
#table-content [data-name="information"] table tr th.sort.up:after,
#table-content [data-name="information"] table tr th.sort.down:after { display:block; position:absolute; width:1.5em; opacity:.5; top:50%; right:.5em; transform:translateY(-40%); }
#table-content [data-name="information"] table tr th.sort.up:after { content:url('../images/icon-sortup.svg'); }
#table-content [data-name="information"] table tr th.sort.down:after { content:url('../images/icon-sortdown.svg'); }
#table-content [data-name="information"] table tr:nth-child(even) { background:rgba(50,55,65,.03); }
#table-content [data-name="information"] table tr:hover { background:rgba(55,55,35,.1); }
.section1 .rwd-table.type-grid table tr th { color:var(--mega1); }
.section2 .rwd-table.type-grid table tr th { color:var(--mega2); }
.section3 .rwd-table.type-grid table tr th { color:var(--mega3); }
.section4 .rwd-table.type-grid table tr th { color:var(--mega4); }
.section5 .rwd-table.type-grid table tr th { color:var(--mega5); }
.section6 .rwd-table.type-grid table tr th { color:var(--mega6); }
.section7 .rwd-table.type-grid table tr th { color:var(--mega7); }
.section8 .rwd-table.type-grid table tr th { color:var(--mega8); }
.section9 .rwd-table.type-grid table tr th { color:var(--mega9); }
.section10 .rwd-table.type-grid table tr th { color:var(--mega10); }
.section11 .rwd-table.type-grid table tr th { color:var(--mega11); }
.section12 .rwd-table.type-grid table tr th { color:var(--mega12); }
.section13 .rwd-table.type-grid table tr th { color:var(--mega13); }
/* visible */
/* language */
* { xxxborder:2px solid blue; }
.mega1xxx { display:block!important; }
.tabset1xx { display:flex!important; }
.lang-en-us * { font-family:sans-serif,"Helvetica Neue","Lucida Grande",Arial; font-stretch:expanded; xxxletter-spacing:-0.05em; }
.lang-en-us header .fullmenu .btn-next { xxxtop:50%; }
.lang-en-us .nav>li { display:flex; justify-content:center; align-items:center; padding:0; }
.lang-en-us .nav>li a { word-break:break-word; white-space:nowrap; font-size:.9em; width:auto; margin:.1em 0; }
.lang-en-us .nav.fullh>li .level1 { padding:0 1.5em 20px 1.5em; }
.lang-en-us header .nav .topright>.nav a { padding:.8em .5em; }
.lang-en-us .container .breadcrumb { font-size:.9em; }
.lang-en-us #tables-form .btn,
.lang-en-us #tables-form button { font-size:.9em; xxxxbackground:white; }
.lang-en-us .liveblock a,
.lang-en-us .announceblock .item { font-weight:bold; margin:.5em 0!important; }
.lang-en-us .megamenu { /*margin-top:3.6em;*/ }
.lang-en-us .megamenu .btn-close { top:7.8em; }
.lang-en-us .megamenu .tabset .tab { padding:1.8em 2.5em 1em 2.5em; font-size:1.1em; }
.lang-en-us .megamenu .tabset .tab, .megatabset .tab { padding:1.5em 2em; }
.lang-en-us .megamenu .tabset .tab, .megatabset .tab:first-child { padding-left:3.5em; }
.lang-en-us .megamenu .con ul li a { font-size:.94em; word-break:break-word; white-space:normal; }
.lang-en-us .megatabset .btn-close { top:7.5em; }
.lang-en-us .windowblock.nomask .item { xxxdisplay:block; }
.lang-en-us .windowblock.nomask .item strong { font-size:.5em; line-height:1.1; word-break:break-all; transform:scale(.8); }
.lang-en-us .row.sidefix .group a { width:6.5em; text-align:center; font-size:.7em; }
.lang-en-us .sidemenu .nav .con .level3,
.lang-en-us .sidemenu .nav .con .level4,
.lang-en-us .sidemenu .nav .con .level5 { font-size:.9em; padding:.6em 0; }
.lang-en-us .sidemenu .nav .con a { line-height:1; }
.lang-en-us .sidemenu .nav .con .level3 { font-weight:normal!important; }
.lang-en-us .sidemenu .nav .con .group .level3 { margin-right:.7em; }
.lang-en-us .chartlistflex .subtitle { font-size:1em; }
.lang-en-us .container .tabset .tab,
section.title .tabset .tab { font-size:.9em; padding:1.8em 3.5em .8em 1.2em;padding:1em 1.5em!important; font-weight:normal; width:auto!important; }
.lang-en-us .container .tabset .tab:first-child,
section.title .tabset .tab:first-child { xxxpadding-left:1.8em!important; }
.lang-en-us .chartlistblock .item .tabset .tab { padding:.8em 1em; }
.lang-en-us section.title .sectitle-bg-gold { font-size:1.4em; padding:.9em 2.2em; line-height:1; }
.lang-en-us .sectitle-bg-gold:before { width:12em; }
.lang-en-us .blockset .item p { font-size:.9em; font-weight:bold; max-width:20vw; line-height:1.2; }
.lang-en-us .adblock .mask .item .linkrow a strong { word-break:keep-all; }
.lang-en-us .rwd-table table td,
.lang-en-us .rwd-table table th { line-height:1.05; }
.lang-en-us .bannerblock .mask .item .con h1 { letter-spacing:.25em; line-height:1.9; font-size:.8em; text-transform:uppercase; }
.lang-en-us .apexcharts-yaxis-title { transform:translateY(10%) scaleY(.7); }
.lang-en-us .apexcharts-yaxis-title text { font-size:10px; }
.lang-en-us .featurebannerblock .mask .item .title { font-size:1.05em; line-height:1.3; }
.lang-zh-tw .apexcharts-yaxis-title text { transform:none; writing-mode:vertical-rl; text-orientation:mixed; transform:translateY(15%); }
@supports (-webkit-touch-callout: none) {
.lang-zh-tw .apexcharts-yaxis-title text { transform:rotate(0deg); }
}
@media -ms-viewport, screen and (max-device-width:640px) {
.lang-en-us header>.megamenu.top .con { top:4em; padding-top:3em; }
.lang-en-us header>.megatabset.top .tab { line-height:1.1; }
.lang-en-us .bannerblock .mask .item .con { height:5em; }
.lang-en-us .bannerblock .mask .item .con h1 { letter-spacing:.15em; }
.lang-en-us .row.sidefix .group a { width:25%; }
.lang-en-us .nav>li a { word-break:break-word; font-weight:bold; }
.lang-en-us .nav.fullh>li .menu.level1 { padding-top:1.26em!important; }
.lang-en-us .megamenu .tabset { height:3.4em; }
.lang-en-us .megamenu .con ul li a { margin:.5em .5em!important; }
.lang-en-us .megamenu .tabset { font-size:.9em; overflow:hidden; transform:translateY(.7em); }
.lang-en-us .megamenu .tabset { top:3.6em!important; }
.lang-en-us .megamenu .tabset .tab { font-size:.85em; padding:.5em 0; line-height:1.1; }
.lang-en-us section.title .sectitle-bg-gold { padding:.6em .7em; }
.lang-en-us .blockset { width:calc(100% + .4em); margin-left:-.2em; }
.lang-en-us .blockset .item p { max-width:100%; padding:0 .8em; }
}
/*無障礙*/
/*
.header.home { background:white; color:var(--black); }
.header.home .nav a,
.header.home .searchset .btn-search,
.header.home .accesskey { color:var(--black); }
.header .logo { border-right: 1px solid var(--border-logo1)!important; }
.header .logo:after { content:url(../images/logo-tpex.svg)!important; }
*/
xxxxheader .topright .nav { padding:0 600px; }
xxxxheader { background:linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); }
xxxxheader.home { background:black; xxxmix-blend-mode:screen; }
xxxheader.home a { color:white; }
/*
header.home .nav a,
header.home .searchset .btn-search,
header.home .accesskey { xxcolor:white; }
header.home.shorten .nav a { color:black; }
header.home.shorten a { color:black; }
*/
.bannerblock:afterxxx { content:''; display:block; height:250px; width:101%; background:var(--gradbottom); transform:rotate(180deg); position:fixed; top:0; left:0; z-index:66; }
.adblock .mask .item .con>strong:before { content:''; }
.adblock .mask .item .con>strong>img { display:block; height:1.7em; margin:0 auto; }
.decoheader { background:#9c6808; }
.decoheader:before { opacity:.5; }
.listtableblock .item p { opacity:.7; }
.menulist .con .level5 { opacity:1; }
html.home header { background:#2d5394; }
html.home header a,
html.home header .searchset .btn-search
{ color:white; }
html.home header.hover { background:white; }
html.home header.hover a,
html.home header.hover .searchset .btn-search { color:var(--black); }
html.home header.shorten { background:white; }
html.home header.forcewhite { background:white; }
html.home header.forcewhite .searchset .btn-search,
html.home header.forcewhite a { color:black; }
html.home header.forcewhite .logo:before { display:block!important; }
html.home header.forcewhite .logo:after { display:none!important; }
html.home header.forcewhite .logo { border-color:var(--border); }
html.home header .nav.fullh { height:66px; }
html.home .bannerblock .mask .item,
html.home .bannerblock { background:#2d5394; color:white; }
@media -ms-viewport, screen and (max-device-width:640px) {
html.home header { background:white; }
html.home header .searchset .btn-search,
html.home header a { color:black; }
html.home header .logo:before { display:block!important; }
html.home header .logo:after { display:none!important; }
html.home header .logo { border-color:var(--border); }
html.home header .nav.fullh { height:100vh; }
}