@charset "utf-8";


@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

body {
    position: relative;
    height: 100%;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16rem;
    color: #000;
    letter-spacing: -0.02rem;
    word-break: keep-all;
    line-height: 24rem;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}




.color { color:f6ff00}/* Point Color */

* {	margin:0;	padding:0;	box-sizing:border-box; 	-webkit-text-size-adjust:none;}
body {	line-height:1.6em;	font-size:1em;	background-color:#fff;	color:#000;	letter-spacing:0;  min-width:1024px}
body,button,table {	vertical-align:middle}
textarea,input,select {	vertical-align:middle}
img,video {	max-width:100%;	border:0; vertical-align:middle; height: auto;}
i,em,address {	font-style:normal;	font-weight:normal}
ul,ol,li {	list-style:none;}
table {	border-collapse:collapse;	border-spacing:0;}
label {	cursor:pointer;}
.blind,legend,hr,caption {	display:block;	overflow:hidden;	position:absolute;	top:0; left:-1000em;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {	display:block;}
audio,canvas,progress,video {	display:inline-block;	vertical-align:baseline;}
html {	font-size:100%;	-webkit-text-size-adjust:100%;	-ms-text-size-adjust:100%}
select {	border:1px solid #CCC;	vertical-align:middle;}
input {	height:24px;	padding-left:3px;	vertical-align:middle;	line-height:20px}
input[type="text"] {	border:1px solid #CCC;}
input[type="password"] {	border:1px solid #CCC;}
input[type="radio"] {	padding-right:2px}

a {	color:#333; text-decoration:none}

/* Button*/
.btn_more a{ display:inline-block; width:auto; border-radius:30px; background-color:#545a64; color:#FFFFFF; font-family:'OpenSans_i'; font-size:12px; padding:4px 8px; line-height:1; height:22px}
.btn_more a:hover {background-color:#f6ff00; color:#1a2029; }
.file_down a { display:inline-block; border:solid 1px #686e78; font-size:12px; font-family:'OpenSans_i'; color:#f5f5f5; width:204px; padding:0 9px 0 20px; border-radius:4px; background:url(../img/icon_down.png) no-repeat 92% center; margin-bottom:4px; height:28px; line-height:2.2; text-align:left}
.file_down a:hover {border:solid 1px #ffffff; }

#style_wrap { width: 85%; margin: 0 auto; }
#style_wrap .css_tit{ float: left; width: 100%;font-size: 1em; line-height: 1.6em; padding: 10px 0 10px 10px; background-color:rgba(255, 255, 255, 0.4); color: #000000; margin-bottom: 20px; margin-top: 70px; font-weight: 600; }
#style_wrap .code {  float: left; width: 100%;font-size: 0.9em; margin-top: 2em; border: 1px solid #c4c4c4; padding: 10px;}
.space { float: left; width: 100%; height: 30px;}


.game_title p { color:#ffffff; font-family:'OpenSans_i'; font-size:1.4em; position:relative}
.game_title p .more { position:absolute; top:-4px; right:0; }
.game_title .t_line{ height:10px; border-bottom:solid 4px #ffffff; display:inline-block; width:60px; margin-bottom:5px}

.title_style {float:left; width:100%; position:relative; color:#ffffff; font-family:'OpenSans_i'; font-size:1.85em;}

.rank_title a { float:left; width:100%; color:#1a2029; font-size:0.95em; background-color:#f6ff00; background-image:url(../img/ico_arrow.png); background-repeat:no-repeat; background-position:96% center; padding:12px 14px; text-transform:uppercase;font-family:'OpenSans600'; }
.guide_bx p { float:left; width:100%; background-color:#212834; color:#f6ff00;font-family:'OpenSans600i'; padding:2px 0 2px 20px; border-left:solid 3px #f6ff00; line-height:2.4; font-size:1.125em;}

table.ranklist {float:left; width:100%;}
table.ranklist th { background-color:#dbdfff; text-align:center; font-size:12px; color:#050f54; padding:10px 0; line-height:1.2}
table.ranklist td { padding-top:5px; padding-bottom:5px}
table.ranklist tr { background-color:#fff; border-bottom:solid 1px #dbdfff}
table.ranklist tr:nth-child(2n+2) { background-color:#f8f9fc}
table.ranklist .country dl {float:left; width:100%;}
table.ranklist .country dt{ float:left; min-width: 37px; width:30%; height:30px;}
table.ranklist .country dd{ float:left; font-size:11px; color:#62676e; width:70%;  height:30px; word-break:keep-all; }
table.ranklist .country dd .usa_long { line-height: 1.4em !important; display:inline-block}
table.ranklist .weight { font-family:'OpenSans600i'; font-size:0.95em; color:#d4d4d4; border-right:solid 1px #3a414c; text-align:center }
table.ranklist .country { padding-left:2%; }
table.ranklist .name { padding:10px 20px}
table.ranklist .name dl { float:left; width:100%}
table.ranklist .name dl dt { float:left; width:18%;}
table.ranklist .name dl dt span{ width:44px; height:44px; display:block; border-radius:44px; }
table.ranklist .name dl dd { float:left; width:82%; padding:5px 0 0 20px;}
table.ranklist .name dl dd .name_t{width:100%; font-size:0.8em; color:#b7b9bc; font-family:OpenSans600; display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height:1.1em}
table.ranklist .name dl dd .point { font-size:11px; color:#7d8082}
table.ranklist .points { text-align:center; font-size:0.8em; color:#7d8082}
table.ranklist .wd_sort { background-color:#232a36; vertical-align:middle; text-align:center; color:#f6ff00; font-size:0.8em; font-family:'OpenSans600i';}

/*FLAG*/
.flag_28 { width:28px; height:18px; display:inline-block; line-height:1px;}
.flag_30 { width:30px; height:20px; display:inline-block;}
.flag_30_2 img { width:30px; height:20px;display: inline; margin-right: 2px;}

ul.tab_col { float:left; width:100%; border-bottom:solid 1px #f6ff00}
ul.tab_col li a{ float:left; height:63px; background-color:#232a36; line-height:4em; text-align:center; color:#9d9fa1; font-family:OpenSans_i; border-right:solid 1px #353b46}
ul.tab_col li:last-child a{border-right:none}
ul.tab_col li a.select, ul.tab_col li a:hover{ background-color:#f6ff00; color:#1a2029; font-family:OpenSansBoldi}
ul.tab_col.tab3 li a{ width:33.3%}
ul.tab_col.tab5 li a{ width:20%}
ul.tab_col.tab8 li a{ width:12.5%}
.council { float:left; width:100%; margin-bottom:40px}
.council p { border-bottom:solid 1px #565d69}
.council p span { display:inline-block; width:312px; height:45px; line-height:3; background-color:#f6ff00; color:#1a2029; text-align:center; font-family:'OpenSans600';}

.about_txt {color:#acaeb2; font-size:0.875em;line-height:2 }
.about_txt p { margin-bottom:40px}
.about_txt span { display:block; text-decoration:underline}

.training_bx h5 { font-family:'OpenSans600'; font-size: 1.65em; text-transform: uppercase; border-bottom: 1px solid #565d69; padding-bottom: 21px; margin-bottom: 55px;}
.training_bx h5 span { width: auto; border-bottom: 3px solid #f6ff00;padding-bottom: 14px; color: #ffffff;}

table.chair { width:100%; height:auto; font-size:0.9em}
table.chair tr { border-bottom:solid 1px #565d69;text-align:left}
table.chair th { padding:12px 8px 12px 3%; font-family:OpenSansBoldi; color:#667ea1; display:block; text-align:center}
table.chair td { padding:12px 8px 12px 3%; border-left:solid 1px #3b4351; }

.move_tbx p { border-bottom:solid 1px #565d69; text-transform:uppercase}
.move_tbx p span { display:inline-block; width:auto; height:45px; line-height:3; background-color:#f6ff00; color:#1a2029; text-align:left; padding:0 24px 0 20px; font-family:'OpenSans600';}

.cate {
		font-family: OpenSansBoldi;
		font-size: 0.875em;
		color: #667ea1;
		display: block;}