* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{color:#000;background:#fff;width:100%;overflow-x:hidden;word-break:break-word;margin:0 auto;padding:0}
body{font-family:'Prompt',Tahoma,Arial,sans-serif;font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:400}
a {text-decoration:none;color:#ddd}
a:hover,a:focus,a:active{text-decoration:none;color:#f2f4f8}
select,
option,
button,
textarea,
input[type]:not([type=search]):not([type=url]):not([type=hidden]) {font-family:'Prompt',Tahoma,Arial,sans-serif;font-size:14px;border-radius:6px;padding-left:8px;padding-right:8px;border:0px solid #8888}
select:focus,
option:focus,
button:focus,
textarea:focus,
input:focus,
select:focus-visible,
option:focus-visible,
button:focus-visible,
textarea:focus-visible,
input:focus-visible {outline:none};
.fc-bl{color:rgb(4,30,66);color:#041e41}
.fc-gd{color:rgb(132,117,78);color:#84754e}
.ar1-1{padding-top:100%}
.ar4-3{padding-top:75%}
.ar3-2{padding-top:66.65%}
.ar16-9{padding-top:56.25%}
.ar2-1{padding-top:50%}
.ar3-1{padding-top:33.33%}
.ar4-1{padding-top:25%}
.ar5-1{padding-top:20%}
.ar3-4{padding-top:133.33%}
.ar2-3{padding-top:150%}
.ar9-16{padding-top:177.76%}
.ar1-2{padding-top:200%}
.ar-calculate {padding-top: calc(768px / 1920px * 100%);}
.bold{font-weight:700}
.clear::after.clear {clear:both;position:relative}
.clear::after {display:block;content:'';margin:0 auto}

/* Mstyle Mod */
.scroller {
	scrollbar-color: #146d #0241;
	scrollbar-width: thin;
}
.scroller::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.scroller::-webkit-scrollbar-track-piece	{
	background-color: #0241;
}
.scroller::-webkit-scrollbar-thumb,
.scroller::-webkit-scrollbar-thumb:vertical,
.scroller::-webkit-scrollbar-thumb:horizontal {
	height: 8px;
	background-color: #146d;
}
.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;	
	overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1;}
.line-clamp-2 { -webkit-line-clamp: 2;}
.line-clamp-3 { -webkit-line-clamp: 3;}
.line-clamp-4 { -webkit-line-clamp: 4;}
.line-clamp-5 { -webkit-line-clamp: 5;}

.product-default-link {
	height: 80px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 20px;
}

.autoSize {
	overflow: auto !important;
	opacity: 0;
	transition: 1s opacity;
}

/* Theme Mod */
.datepicker {white-space:nowrap}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {border:none}

.text-center {text-align:center}
.text-right {text-align:right}
.text-left {text-align:left}

/* The container */
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #dfd;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #3d3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-gn {display:inline-block;height:48px;line-height:48px;text-align:center;color:#000;background:#b2db1f;border-radius:24px;font-size:20px;padding:0 16px;min-width:192px;box-shadow:2px 2px 4px #0008;transition:.5s all;white-space:nowrap}
.btn-df {display:inline-block;height:40px;line-height:40px;text-align:center;color:#000;background:#f5f5f5;border-radius:20px;font-size:20px;padding:0 12px;min-width:256px;box-shadow:2px 2px 4px #0008;transition:.5s all;white-space:nowrap}
.btn-am {display:inline-block;height:32px;line-height:32px;text-align:center;color:#000;background:#b2db1f;border-radius:24px;font-size:16px;padding:0 16px;min-width:192px;box-shadow:2px 2px 4px #0008;transition:.5s all;white-space:nowrap}

.btn-gn:hover,.btn-gn:active,.btn-gn:focus,.btn-gn.active {background:#f2f4f8;color:#081224;transform:translateX(-2px) translateY(-2px);box-shadow:4px 4px 8px #0008}
.btn-df:hover,.btn-df:active,.btn-df:focus,.btn-df.active {background:#081224;color:#b2db1f}
.btn-am:hover,.btn-am:active,.btn-am:focus,.btn-am.active {background:#081224;color:#b2db1f}

.ns-tab {display:none}
.ns-tab.active {display:block;width:100%;height:auto;margin:0 auto}

.preload-data {height:80px;margin:0 auto;white-space:nowrap;overflow:hidden}

.top-menu-conf {width:100%;margin:0 auto;background:#081224;color:#fff;white-space:nowrap;position:fixed;top:0;left:0;right:0;z-index:100}
.top-menu-row {width:calc(100% - 64px);margin:0 auto;color:#fff;white-space:nowrap;display:grid;grid-template-columns:auto auto;align-items:center}
.top-menu-gl {text-align:left}
.top-menu-gr {text-align:right}
.a-menu-left {vertical-align:middle;margin:0;color:#fff;padding:0 16px;transition:.5s all}
.a-menu-right {vertical-align:middle;margin:0 8px;color:#fff}
.a-menu-left:hover {color:#b2db1f;background:#8888}
.a-menu-right.btn-gn {color:#000;background:#b2db1f;display:inline-block;height:32px;line-height:32px;text-align:center;border-radius:16px;font-size:16px;padding:0 16px;min-width:160px}

.idx-banner {background:#888 url(../imgs/ceosl-cover.webp) center no-repeat;background-size:cover;padding:80px 16px}
.idx-banner h1 {padding:4px;color:#fff;font-size:80px;line-height:80px;font-weight:600}
.idx-banner h1,.idx-banner p {margin:0 auto;line-height:96px}

.idx-mid {background:#888 url(../imgs/idx-mid.webp) center no-repeat;background-size:cover;padding:128px 16px}
.idx-mid h2 {padding:4px;color:#fff;font-size:56px;line-height:64px;font-weight:600}
.idx-mid h2,.idx-mid p {margin:0 auto;line-height:80px}
.mid-b {padding:24px 32px}
.mid-b > div {margin:16px}

.idx-promote {padding:64px 16px;text-align:center}
.idx-promote h2 {padding:4px;color:#244882;font-size:96px;line-height:96px;font-weight:600;margin:0 auto}
.idx-promote h3 {padding:4px;color:#081224;font-size:64px;line-height:72px;font-weight:600;margin:0 auto}
.idx-promote p {padding:4px;color:#244882;font-size:24px;line-height:40px;font-weight:500}

.idx-player {text-align:center;padding:24px 24px 64px}
.idx-player h2 {color:#000;font-weight:600;font-size:40px}
.idx-player h2 span {color:#b2db1f}
.player-nav {text-align:center}
.player-nav a {margin:12px}
.player-list {text-align:center;padding:24px 64px;font-size:0}
.player-profile {padding:0;transition:.5s all;width:0px;overflow:hidden;opacity:0}
.player-profile.active {padding:0 12px 24px;width:20%;min-height:80px;overflow:inherit;opacity:1}
.player-profile {display:inline-block}
.player-profile img {width:100%;height:auto;border-radius:50%;box-shadow:2px 2px 8px #ddd;object-fit:cover;transition:.5s all}
.player-profile img:hover {transform:translateX(-2px) translateY(-2px);box-shadow:4px 4px 12px #ddd}
.player-profile.active img {border-radius:16px}

.new-player {padding:64px 16px;border-top:2px solid #f2f4f8;opacity:1;transition:.7s opacity,.5s height,.3s padding}
.new-player.inactive {height:0px;padding:0 16px;overflow:hidden;opacity:0;transition:.7s opacity,.5s height,.3s padding}
.regtitle {padding:4px;color:#b2db1f;font-size:48px;line-height:64px;font-weight:600;margin:0 auto}
.regreq {padding:4px;color:#081224;font-size:32px;line-height:48px;font-weight:600;margin:0 auto}

.simple-form {position:relative;margin:16px auto;background:#f5f5f5;padding:48px 24px 96px;border-radius:32px;max-width:1080px;text-align:center;font-size:0}
.simple-form > form input,
.simple-form > form select,
.simple-form > form label {display:inline-block;height:40px;line-height:40px;outline:1px solid #dddd;text-align:left;font-size:18px !important}
.simple-form .size2x {width:calc(50% - 24px);margin:12px}
.simple-form .size1x {width:calc(25% - 24px);margin:12px}
.simple-form .sizeS {width:calc(16.6665% - 24px);margin:12px}
.ss-position {text-align:left;padding:12px}
.ss-position label {font-size:18px;width:25%;display:inline-block}
.ss-pre-text {font-size:18px;margin:24px auto 16px;padding:12px}
.np-submit {position:absolute;bottom:24px;left:0;right:0;margin:0 auto;font-size:22px}

.grid-form {display:grid;grid-gap:16px;grid-template-columns:1fr 2fr 1fr 2fr;align-items:center;font-size:18px;text-align:left;padding:24px 16px}
.grid-form > form input,
.grid-form > form select,
.grid-form > form label {display:block;outline:1px solid #fffd}
.grid-form .size2x {display:block;width:100%;grid-column:span 3}
.grid-form .size1x {display:block;width:100%}
.grid-form .sizeS {display:block;width:100%}
.grid-form bs {text-align:right}

.footer-banner {background:#888 url(../imgs/ceosl-about.webp) center no-repeat;background-size:cover;padding:128px 16px}
.footer-banner h2 {padding:4px;color:#fff;font-size:64px;line-height:72px;font-weight:600}
.footer-banner h2,.footer-banner p {margin:0 auto}
.footer-banner p {font-size:28px;color:#fff;padding:24px 0}
.last-intro {width:50%;margin:24px 0 24px auto}

.footer-conf {width:100%;margin:0 auto;background:#081224;color:#fff;min-width:256px}
.footer-conf a {display:inline-block;white-space:nowrap}
.footer-row {width:calc(100% - 64px);margin:0 auto}
.footer-col {float:left;width:25%;overflow-x:hidden;padding:64px 32px}
.footer-sns a {display:inline-block;margin-right:8px;width:32px;height:32px;line-height:32px;text-align:center;border-radius:16px;border:2px solid #ddd;overflow:hidden}
.footer-copy {text-align:center;background:#212428;color:#fff;padding:24px 32px}

#player-dropzone {margin:32px auto;border:3px dashed #b2db1f}
.dz-button {font-size:22px !important;color:#b2db1f !important}