@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskannada.css); 

*,html {margin:0px;padding:0px;}
/*html {overflow-y:auto;-webkit-touch-callout: none; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none;}*/
html {overflow-y:auto;}

html::-webkit-scrollbar {width:8px;}
html::-webkit-scrollbar-thumb {background-color:#666;}
html::-webkit-scrollbar-track {background-color:#000;}

body {background-color:#000;font-size:12px;font-family: 'Noto Sans KR', sans-serif;}
input,select,textarea {font-size:12px;font-family: 'Noto Sans KR', sans-serif;}
select {font-size:12px;font-family: 'Noto Sans KR', sans-serif;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
li {list-style:none;}

.clear {clear:both;}
.btn_bg {background-image:url('./image/menu_bg.png');background-repeat:repeat-x;background-size:auto 100%;}

span.text-ad {color:#ff9999;}
span.text-ap {color:#99ffcc;}
span.text-at {color:#ffff99;}
span.text-af {color:#fff;}

.mbr {display:none;}

#hotshot_DIV {position:relative;height:auto;z-index:2;}
#hotshot_DIV > .main {position:relative;display:flex;height:100vh;align-items:center;z-index:1;}
#hotshot_DIV > .main > div {position:relative;flex:1;}
#hotshot_DIV > .main > div > .main_logo {overflow:hidden;position:relative;margin-top:-200px;text-align:center;}
#hotshot_DIV > .main > div > .main_logo img {width:80%;max-width:585px;height:auto;cursor:pointer;transition:0.25s;}
#hotshot_DIV > .main > div > .left_menu {position:absolute;left:50%;top:12px;margin-left:-640px;}
#hotshot_DIV > .main > div > .left_menu > div {display:inline-block;margin-right:5px;padding:0px 10px;background-color:rgba(0,0,0,0.5);border:2px solid #ffae00;border-radius:4px;color:#ccc;font-size:13px;font-weight:600;text-align:center;
											   text-shadow:1px 1px 2px #000;line-height:30px;box-shadow:2px 2px 6px #000;cursor:pointer;transition:0.25s;}
#hotshot_DIV > .main > div > .left_menu > div:hover {border-color:#fff;box-shadow:0px 0px 20px 2px #ff8a00;color:#fff;}
#hotshot_DIV > .main > div > .left_menu > div > i {color:#ffae00;}
#hotshot_DIV > .main > div > .left_menu > div.gray {border-color:#999;}
#hotshot_DIV > .main > div > .left_menu > div.gray > i {color:#999;}
#hotshot_DIV > .main > div > .left_menu > div.gray:hover {border-color:#fff;box-shadow:0px 0px 20px 2px #fff;}
#hotshot_DIV > .main > div > .left_menu > div.blue {border-color:#00b4ff;}
#hotshot_DIV > .main > div > .left_menu > div.blue > i {color:#00b4ff;}
#hotshot_DIV > .main > div > .left_menu > div.blue:hover {border-color:#00b4ff;box-shadow:0px 0px 20px 2px #009cff;}
#hotshot_DIV > .main > div > .main_menu {position:relative;display:flex;max-width:800px;margin:0px auto;}
#hotshot_DIV > .main > div > .main_menu > .div {position:relative;flex:1;height:40px;margin-left:15px;background-color:#000;background-image:url('./image/menu_bg.png');background-repeat:repeat-x;
                                               background-size:auto 100%;border:2px solid #999;border-radius:4px;color:#fff;font-size:15px;font-weight:600;text-align:center;
											   text-shadow:1px 1px 2px #000;line-height:38px;box-shadow:2px 2px 6px #000;cursor:pointer;opacity:0.65;transition:0.25s;}
#hotshot_DIV > .main > div > .main_menu > .div:first-child {margin-left:0px;}
#hotshot_DIV > .main > div > .main_menu > .div:hover {margin-top:-1px;border-color:#fff;color:#fff;opacity:1;}
#hotshot_DIV > .main > div > .main_menu > .div:nth-child(-n+3):hover {box-shadow:0px 0px 20px 2px #ff8a00;}
#hotshot_DIV > .main > div > .main_menu > .div:nth-child(n+3):nth-child(-n+5):hover {box-shadow:0px 0px 20px 2px #009cff;}
#hotshot_DIV > .main > div > .main_menu > .div.on {margin-top:0px;color:yellow;box-shadow:0px 0px 15px yellow;opacity:1;}
#hotshot_DIV > .main > div > .main_menu > .div.on::before {position:absolute;width:2px;height:25px;left:50%;top:38px;margin-left:-1px;content:"";}
#hotshot_DIV > .main > div > .main_menu > .div:nth-child(-n+3).on {border-color:#ffae00;box-shadow:0px 0px 20px 2px #ff8a00;}
#hotshot_DIV > .main > div > .main_menu > .div:nth-child(-n+3).on::before {background-color:#ffae00;box-shadow:0px 0px 20px 2px #ff8a00;}
#hotshot_DIV > .main > div > .main_menu > .div:nth-child(n+3):nth-child(-n+5).on {border-color:#00b4ff;box-shadow:0px 0px 20px 2px #009cff;}
#hotshot_DIV > .main > div > .main_menu > .div:nth-child(n+3):nth-child(-n+5).on::before {background-color:#00b4ff;box-shadow:0px 0px 20px 2px #009cff;}
#hotshot_DIV > .main > div > .main_menu > a:hover {text-decoration:none;}
#hotshot_DIV > .main > div > .main_content {overflow:hidden;position:relative;max-width:1280px;height:auto;min-height:0px;margin:25px auto 0px auto;padding:0px 25px;background-color:rgba(0,0,0,0.7);
                                            border-left:1px solid #222;border-right:1px solid #222;color:#999;box-sizing:border-box;line-height:1.5;opacity:0;}
#hotshot_DIV > .main > div > .main_content > .b1 {position:absolute;width:100%;height:2px;left:0px;top:0px;background-color:#999;border-radius:2px;transition:0.25s;}
#hotshot_DIV > .main > div > .main_content > .b2 {position:absolute;width:100%;height:2px;left:0px;bottom:0px;background-color:#999;border-radius:2px;transition:0.25s;}
#hotshot_DIV > .main > div > .main_content > .b2 > .topbtn {display:block;position:absolute;width:80px;height:40px;left:50%;top:-18px;margin-left:-40px;background-color:#000;border:2px solid #999;border-radius:4px;color:#ccc;font-size:14px;text-align:center;line-height:34px;cursor:pointer;transition:0.25s;}
#hotshot_DIV > .main > div > .main_content > .b2 > .topbtn:hover {top:-20px;color:#fff;text-decoration:none;}
#hotshot_DIV > .main > div > .main_content.red > .b1 {background-color:#ffae00;box-shadow:0px 0px 12px 2px #ff8a00;}
#hotshot_DIV > .main > div > .main_content.red > .b2 {background-color:#ffae00;box-shadow:0px 0px 12px 2px #ff8a00;}
#hotshot_DIV > .main > div > .main_content.red > .b2 > .topbtn {border-color:#ffae00;}
#hotshot_DIV > .main > div > .main_content.red > .b2 > .topbtn:hover {box-shadow:0px 0px 12px 2px #ff8a00;}
#hotshot_DIV > .main > div > .main_content.blue > .b1 {background-color:#00b4ff;box-shadow:0px 0px 12px 2px #009cff;}
#hotshot_DIV > .main > div > .main_content.blue > .b2 {background-color:#00b4ff;box-shadow:0px 0px 12px 2px #009cff;}
#hotshot_DIV > .main > div > .main_content.blue > .b2 > .topbtn {border-color:#00b4ff;}
#hotshot_DIV > .main > div > .main_content.blue > .b2 > .topbtn:hover {box-shadow:0px 0px 12px 2px #009cff;}
#hotshot_DIV > .main > div > .main_content > .wrap {position:relative;padding:0px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .contentbox {position:relative;}
#hotshot_DIV > .main > div > .main_content > .wrap > .contentbox.close {display:none;}
#hotshot_DIV > .main > div > .main_content > .wrap > .coupang_ad {position:absolute;overflow:hidden;display:flex;width:100%;height:auto;left:0px;bottom:-200%;transition:0.2s;}
#hotshot_DIV > .main > div > .main_content > .wrap > .coupang_ad > div {flex:1;margin-left:20px;height:100px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .coupang_ad > div:first-child {margin-left:0px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .coupang_ad > div iframe {display:block;width:100%;height:100px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .daum_ad {position:absolute;overflow:hidden;display:flex;width:100%;height:auto;left:0px;bottom:-200%;transition:0.2s;}
#hotshot_DIV > .main > div > .main_content > .wrap > .daum_ad > div {flex:1;height:90px;background-color:transparent;border:0px;text-align:center;}
#hotshot_DIV > .main > div > .main_content > .wrap > .daum_ad > div:nth-child(1) > ins {display:inline-block;width:728px !important;}
#hotshot_DIV > .main > div > .main_content > .wrap > .daum_ad > div:nth-child(2) {display:none;height:50px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .google_ad {position:absolute;overflow:hidden;width:100%;height:auto;left:0px;bottom:-200%;border-top:1px solid rgba(150,150,150,0.25);transition:0.2s;}
#hotshot_DIV > .main > div > .main_content > .wrap > .google_ad > .backtxt {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#fff;}
#hotshot_DIV > .main > div > .main_content > .wrap > .google_ad > .backtxt > div {position:absolute;width:100%;height:20px;left:0px;top:50%;margin-top:-10px;color:#808080;font-size:16px;line-height:20px;text-align:center;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox {display:none;position:relative;overflow:hidden;margin-top:20px;padding:20px 20px;border:1px solid rgba(150,150,150,0.25);align-items:center;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .t1 {margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#ccc;font-size:18px;font-weight:600;text-shadow:2px 2px 8px #000;transition:0.2s;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox:hover > .t1 {color:#fff;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox {display:flex;padding:10px 10px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(1) {flex:1;color:#ccc;font-size:14px;transition:0.25s;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox:hover > .fbox > div:nth-child(1) {color:#fff;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div > span {color:#ff8a00;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(2) {width:310px;text-align:right;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(2) > a {display:inline-block;height:auto;padding:5px 15px;background-color:#111;border:1px solid #009cff;color:#ccc;font-size:14px;cursor:pointer;transition:0.25s;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(2) > a:hover {color:#fff;box-shadow:0px 0px 12px #00b4ff;text-decoration:none;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(2) > a > i {color:#009cff;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .donatelist {overflow:hidden;margin-top:15px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .donatelist > div:nth-child(1) {padding:10px;border:1px solid rgba(150,150,150,0.25);color:#ccc;font-size:14px;text-align:center;cursor:pointer;transition:0.25s;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .donatelist > div:nth-child(1):hover {background-color:#000;border-color:#666;}
#hotshot_DIV > .main > div > .main_content > .wrap > .invi_cont {overflow:hidden;height:1px;font-size:10px;line-height:0px;opacity:0;}
#hotshot_DIV > .main > div > .main_content > .wrap .title {position:relative;margin-bottom:30px;color:#fff;font-size:30px;font-weight:600;text-shadow:2px 2px 8px #000;text-align:center;}
#hotshot_DIV > .main > div > .main_content > .wrap .cont {position:relative;padding:50px 0px;border-top:1px solid rgba(150,150,150,0.25);}
#hotshot_DIV > .main > div > .main_content > .wrap .cont.nbt {border-top:0px;}

#hotshot_DIV > .main.open {position:relative;display:block;height:auto;}
#hotshot_DIV > .main.open > div {flex:none;padding-bottom:100px;}
#hotshot_DIV > .main.open > div > .main_logo {margin-top:0px;}
#hotshot_DIV > .main.open > div > .main_logo img {max-width:275px;}
#hotshot_DIV > .main.open > div > .main_content {overflow:visible;min-height:800px;opacity:1;}
#hotshot_DIV > .main.open > div > .main_content > .wrap {padding:40px 20px 70px 20px;}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .contentbox {min-height:500px;padding-bottom:40px;border-bottom:0px solid rgba(150,150,150,0.25);}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .coupang_ad {position:relative;left:auto;bottom:auto;margin-top:0px;}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .daum_ad {position:relative;max-width:728px;padding-top:20px;left:auto;bottom:auto;margin:0px auto;}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .daum_ad.open {padding-top:20px;border-top:0px solid rgba(150,150,150,0.25);}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .google_ad {position:relative;margin-top:20px;padding-top:20px;}

#contentbox2 {margin-top:0px;}
#contentbox3 {margin-top:20px;}

#hotshot_BG {position:fixed;width:100%;height:120%;left:0px;top:-10%;background:url('./image/back_bg.jpg') no-repeat;
             background-size:100% 150%;background-position:0px 0%;animation:bg_animation 20s 0s infinite linear alternate;z-index:1;}

#google_translate_element {position:absolute;width:250px;left:50%;top:10px;margin-left:390px;text-align:right;z-index:3;}

.loading {overflow:hidden;display:flex;height:300px;align-items:center;}
.loading > div {flex:1;color:rgba(255,255,255,0.3);font-size:50px;text-align:center;}
.loading > div > i {animation:rotate_loading 1s linear infinite;transform-origin: 50% 50%;}

.gameinfo1 {position:relative;}
.gameinfo1 > .d1 {overflow:hidden;color:#ccc;font-size:26px;font-weight:600;text-shadow:2px 2px 8px #000;text-align:center;transition:0.1s;}
.gameinfo1:hover > .d1 {color:#fff;}
.gameinfo1 > .d2 {overflow:hidden;margin-top:25px;font-size:14px;text-align:center;}
.gameinfo1 > .d2.nmt {margin-top:0px;}
.gameinfo1 > .d2.v2 {color:#ccc;}
.gameinfo1 > .d2.v2:hover {color:#fff;}
.gameinfo1 > .d2 strong {color:#ffae00;}
.gameinfo1 > .d2 > .add_info {max-width:900px;margin:20px auto 0px auto;padding:20px;border:1px solid #666;transition:0.25s;}
.gameinfo1:hover > .d2 > .add_info {background-color:#000;}
.gameinfo1 > .d2 > .add_info > .infocell {display:flex;margin-top:10px;}
.gameinfo1 > .d2 > .add_info > .infocell:first-child {margin-top:0px;}
.gameinfo1 > .d2 > .add_info > .infocell > div:nth-child(1) {color:#ffae00;}
.gameinfo1 > .d2 > .add_info > .infocell > div:nth-child(2) {flex:1;margin-left:10px;text-align:left;transition:0.25s;}
.gameinfo1:hover > .d2 > .add_info > .infocell > div:nth-child(2) {color:#fff;}
.gameinfo1 > .d3 {overflow:hidden;display:flex;max-width:800px;margin:40px auto 0px auto;}
.gameinfo1 > .d3 > div {overflow:hidden;flex:1;height:269px;margin-left:30px;border:1px solid #666;box-shadow:2px 2px 6px 2px #000;transition:0.25s;}
.gameinfo1 > .d3 > div:first-child {margin-left:0px;}
.gameinfo1 > .d3 > div > img {display:block;width:100%;height:auto;transition:1s;}
.gameinfo1 > .d3 > div:hover {border-color:#fff;}
.gameinfo1 > .d3 > div:hover > img {width:180%;margin:-40% 0px 0px -40%;}
.gameinfo1 > .d4 {position:relative;margin:40px auto 0px auto;}
.gameinfo1 > .d4 > div > img {display:block;width:100%;height:auto;}
.gameinfo1 > .d4 > div:nth-child(1) {position:relative;max-width:450px;height:auto;margin:0px auto;border:1px solid #666;box-shadow:2px 2px 6px 2px #000;transition:0.25s;z-index:1;}
.gameinfo1 > .d4 > div:nth-child(1) > .team1_shape {position:absolute;width:45%;height:2px;left:-127px;top:50%;margin-top:-1px;background-color:#96ff91;box-shadow:0px 0px 4px 1px #96ff91;}
.gameinfo1 > .d4 > div:nth-child(1) > .team1_circle {position:absolute;width:10%;height:15%;left:16%;top:42%;border:3px solid #96ff91;border-radius:50%;box-shadow:0px 0px 4px 1px #96ff91;cursor:pointer;}
.gameinfo1 > .d4 > div:nth-child(1) > .team2_shape {position:absolute;width:45%;height:2px;right:-127px;top:50%;margin-top:-1px;background-color:#cca6fc;box-shadow:0px 0px 4px 1px #cca6fc;}
.gameinfo1 > .d4 > div:nth-child(1) > .team2_circle {position:absolute;width:10%;height:15%;right:16%;top:42%;border:3px solid #cca6fc;border-radius:50%;box-shadow:0px 0px 4px 1px #cca6fc;cursor:pointer;}
.gameinfo1 > .d4 > div:nth-child(2) {overflow:hidden;position:absolute;width:250px;height:250px;left:50px;top:50%;margin-top:-125px;border:3px solid #96ff91;border-radius:50%;box-shadow:0px 0px 6px 2px #000;cursor:pointer;z-index:3;}
.gameinfo1 > .d4 > div:nth-child(2):hover {box-shadow:0px 0px 8px 1px #96ff91;}
.gameinfo1 > .d4 > div:nth-child(2) > img {width:auto;height:250px;}
.gameinfo1 > .d4 > div:nth-child(2) > div {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:rgba(0,0,0,0.7);color:#fff;font-size:18px;font-weight:600;line-height:250px;text-align:center;transition:0.25s;}
.gameinfo1 > .d4 > div:nth-child(2):hover > div {height:auto;top:auto;bottom:0px;padding:15px 0px 20px 0px;font-size:14px;font-weight:400;line-height:1;}
.gameinfo1 > .d4 > div:nth-child(2).on > div {opacity:0;}
.gameinfo1 > .d4 > div:nth-child(3) {overflow:hidden;position:absolute;width:250px;height:250px;right:50px;top:50%;margin-top:-125px;border:3px solid #cca6fc;border-radius:50%;box-shadow:0px 0px 6px 2px #000;cursor:pointer;z-index:3;}
.gameinfo1 > .d4 > div:nth-child(3):hover {box-shadow:0px 0px 8px 1px #cca6fc;}
.gameinfo1 > .d4 > div:nth-child(3) > img {width:auto;height:250px;}
.gameinfo1 > .d4 > div:nth-child(3) > div {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:rgba(0,0,0,0.7);color:#fff;font-size:18px;font-weight:600;line-height:250px;text-align:center;transition:0.25s;}
.gameinfo1 > .d4 > div:nth-child(3):hover > div {height:auto;top:auto;bottom:0px;padding:15px 0px 20px 0px;font-size:14px;font-weight:400;line-height:1;}
.gameinfo1 > .d4 > div:nth-child(3).on > div {opacity:0;}
.gameinfo1 > .d5 {overflow:hidden;position:relative;margin:40px auto 0px auto;border:1px solid #666;box-shadow:2px 2px 6px 2px #000;}
.gameinfo1 > .d5 > div:nth-child(1) {overflow:hidden;position:relative;z-index:1;}
.gameinfo1 > .d5 > div:nth-child(1) > img {display:block;width:100%;height:auto;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle {position:absolute;width:5%;height:8%;background-color:rgba(0,0,0,0.4);border:3px solid #fff;border-radius:50%;cursor:pointer;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle:hover {background-color:transparent;box-shadow:0px 0px 4px 1px #fff;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle.on {background-color:transparent;border-color:yellow;box-shadow:0px 0px 4px 1px yellow;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle.p1 {right:37%;top:20%;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle.p2 {right:29%;top:26%;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle.p3 {right:20%;top:33%;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle.p4 {right:36.5%;bottom:21%;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle.p5 {right:28.5%;bottom:27%;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle.p6 {right:19.5%;bottom:36%;}
.gameinfo1 > .d5 > div:nth-child(2) {overflow:hidden;position:absolute;display:flex;width:45%;height:100%;left:0px;top:0px;padding-bottom:60px;background-color:rgba(0,0,0,0.7);align-items:center;box-sizing:border-box;z-index:2;}
.gameinfo1 > .d5 > div:nth-child(2) > div {overflow:hidden;display:none;flex:1;padding:20px 30px;}
.gameinfo1 > .d5 > div:nth-child(2) > div:first-child {display:block;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t1 {overflow:hidden;max-width:250px;height:250px;margin:0px auto;border:3px solid yellow;border-radius:50%;box-shadow:0px 0px 6px 2px #000;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t1 > img {width:auto;height:250px;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t2 {overflow:hidden;margin-top:30px;color:#fff;font-size:18px;font-weight:600;text-align:center;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t3 {overflow:hidden;margin:20px auto 0px auto;font-size:14px;text-align:center;}
.gameinfo1 > .d5 > div:nth-child(2) > div.bottom {position:absolute;display:block;flex:none;width:100%;height:auto;left:0px;bottom:20px;text-align:center;}
.gameinfo1 > .d5 > div:nth-child(2) > div.bottom > div {display:inline-block;height:40px;margin-left:5px;padding:0px 20px;border:1px solid #ccc;color:#ccc;font-size:18px;cursor:pointer;line-height:38px;transition:0.25s;}
.gameinfo1 > .d5 > div:nth-child(2) > div.bottom > div:first-child {margin-left:0px;}
.gameinfo1 > .d5 > div:nth-child(2) > div.bottom > div:hover {border-color:#fff;color:#fff;box-shadow:0px 0px 6px #fff;}
.gameinfo1 > .d6 {overflow:hidden;position:relative;margin:40px auto 0px auto;border:1px solid #666;box-shadow:2px 2px 6px 2px #000;}
.gameinfo1 > .d6 > div:nth-child(1) {overflow:hidden;position:relative;z-index:1;}
.gameinfo1 > .d6 > div:nth-child(1) > img {display:block;width:100%;height:auto;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape {overflow:hidden;position:absolute;width:6%;height:9%;background-color:rgba(0,0,0,0.4);border:3px solid #fff;border-radius:50%;text-align:center;cursor:pointer;transition:0.1s;z-index:2;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape > span {position:absolute;display:block;width:100%;height:30px;top:50%;margin-top:-15px;color:#fff;font-size:26px;font-weight:600;line-height:27px;text-align:center;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape:hover {box-shadow:0px 0px 4px 1px #fff;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape.on {background-color:#000;border-color:yellow;box-shadow:0px 0px 4px 1px yellow;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape.line1 {left:45%;top:21.5%;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape.line2 {left:45%;top:45%;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape.line3 {left:45%;bottom:22%;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape.line4 {left:36%;bottom:22%;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_line {display:none;position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_line.on {display:block;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_line > img {display:block;width:100%;height:auto;}
.gameinfo1 > .d6 > div:nth-child(2) {overflow:hidden;position:absolute;display:flex;width:40%;height:100%;right:0px;top:0px;padding-bottom:60px;background-color:rgba(0,0,0,0.7);align-items:center;box-sizing:border-box;z-index:2;}
.gameinfo1 > .d6 > div:nth-child(2) > div {overflow:hidden;display:none;flex:1;padding:20px 30px;}
.gameinfo1 > .d6 > div:nth-child(2) > div:first-child {display:block;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t1 {overflow:hidden;margin-top:30px;color:#fff;font-size:18px;font-weight:600;text-align:center;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t1 > span {color:yellow;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t2 {overflow:hidden;margin:20px auto 0px auto;font-size:14px;text-align:center;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t3 {overflow:hidden;margin-top:30px;color:yellow;font-size:14px;font-weight:600;text-align:center;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t4 {display:flex;margin:10px auto 0px auto;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t4 > div {flex:1;height:auto;min-height:65px;margin-left:10px;padding:15px 10px;background-color:#111;border:1px solid #666;cursor:pointer;text-align:center;transition:0.25s;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t4 > div:first-child {margin-left:0px;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t4 > div:hover {border-color:#fff;box-shadow:0px 0px 6px #fff;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t4 > div > img {width:85%;height:auto;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t5 {overflow:hidden;margin:10px auto 0px auto;font-size:14px;text-decoration:underline;cursor:pointer;transition:0.25s;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t5:hover {color:#fff;}
.gameinfo1 > .d6 > div:nth-child(2) > div.bottom {position:absolute;display:block;flex:none;width:100%;height:auto;left:0px;bottom:20px;text-align:center;}
.gameinfo1 > .d6 > div:nth-child(2) > div.bottom > div {display:inline-block;height:40px;margin-left:5px;padding:0px 20px;border:1px solid #ccc;color:#ccc;font-size:18px;cursor:pointer;line-height:38px;transition:0.25s;}
.gameinfo1 > .d6 > div:nth-child(2) > div.bottom > div:first-child {margin-left:0px;}
.gameinfo1 > .d6 > div:nth-child(2) > div.bottom > div:hover {border-color:#fff;color:#fff;box-shadow:0px 0px 6px #fff;}
.gameinfo1 > .d7 {overflow:hidden;position:relative;margin:40px auto 0px auto;border:1px solid #666;box-shadow:2px 2px 6px 2px #000;}
.gameinfo1 > .d7 > .ibox {position:absolute;display:flex;width:40%;height:calc(100% - 40px);top:20px;left:20px;background-color:rgba(0,0,0,0.85);border:1px solid #666;align-items:center;box-sizing:border-box;z-index:2;}
.gameinfo1 > .d7 > .ibox > div {position:relative;flex:1;height:auto;padding:15px 15px;box-sizing:border-box;}
.gameinfo1 > .d7 > .ibox > div > div {padding:0px 10px;border-bottom:1px solid #666;}
.gameinfo1 > .d7 > .ibox > div > div:last-child {border-bottom:0px;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(1) {display:flex;padding:15px 0px;align-items:center;cursor:pointer;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(1) > div:nth-child(1) {flex:1;color:#fff;font-size:16px;font-weight:600;}
.gameinfo1 > .d7 > .ibox > div > div.on > div:nth-child(1) > div:nth-child(1) {color:yellow;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(1) > div:nth-child(2) {font-size:14px;text-align:right;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(1) > div:nth-child(2) > i {transition:0.25s;}
.gameinfo1 > .d7 > .ibox > div > div.on > div:nth-child(1) > div:nth-child(2) {color:yellow;font-size:16px;}
.gameinfo1 > .d7 > .ibox > div > div.on > div:nth-child(1) > div:nth-child(2) > i {transform:rotate(270deg);}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(2) {display:none;padding-bottom:15px;font-size:14px;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(2) > .more {display:inline-block;margin-top:15px;text-decoration:underline;cursor:pointer;transition:0.25s;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(2) > .more:hover {color:#fff;}
.gameinfo1 > .d7 > .ibox > div > div.on > div:nth-child(2) {display:block;}
.gameinfo1 > .d7 > .img_bg {overflow:hidden;position:relative;height:auto;z-index:1;}
.gameinfo1 > .d7 > .img_bg > img {position:absolute;width:100%;height:100%;left:0px;top:0px;opacity:0.5;transition:0.25s;z-index:1;}
.gameinfo1 > .d7 > .img_bg > img.on {position:relative;height:auto;opacity:1;z-index:2;}

.spell_box {overflow:hidden;position:relative;margin-top:40px;}
.spell_box > div {float:left;display:flex;width:calc(50% - 20px);height:auto;}
.spell_box > div:nth-child(odd) {clear:both;}
.spell_box > div:nth-child(even) {margin-left:40px;}
.spell_box > div:nth-of-type(n+3) {margin-top:50px;}
.spell_box > div > div:nth-child(1) {width:90px;height:auto;text-align:center;}
.spell_box.v2 > div > div:nth-child(1) {width:70px;}
.spell_box > div > div:nth-child(1) > div {overflow:hidden;padding:5px;background-color:#000;border:1px solid #666;}
.spell_box > div > div:nth-child(1) > div > img {width:100%;height:auto;}
.spell_box > div > div:nth-child(2) {flex:1;margin-left:20px;}
.spell_box > div > div:nth-child(2) > div:nth-child(1) {color:yellow;font-size:16px;font-weight:600;transition:0.1s;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) {margin-top:10px;font-size:14px;transition:0.1s;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .cooldown {padding-bottom:10px;color:#ff8a00;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price {display:flex;padding-bottom:10px;align-items:center;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div {padding:0px 20px 0px 10px;color:#fff;font-size:14px;font-weight:600;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div > span {font-weight:400;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div.icon {width:25px;padding:0px;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div.icon > div {width:25px;height:25px;background-color:#000;border:1px solid #666;text-align:center;line-height:23px;box-sizing:border-box;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div.icon > div > img {display:inline-block;width:20px;height:auto;}

.stat_box {position:relative;margin-top:40px;}
.stat_box > .t1 {position:relative;display:flex;max-width:400px;height:auto;margin:0px auto;align-items:center;}
.stat_box > .t1 > div:nth-child(odd) {width:40px;height:40px;border:1px solid #666;font-size:22px;font-weight:600;text-align:center;line-height:38px;cursor:pointer;transition:0.25s;}
.stat_box > .t1 > div:nth-child(odd):hover {border-color:#fff;color:yellow;}
.stat_box > .t1 > div:nth-child(odd) > span {transition:0.4s;}
.stat_box > .t1 > div:nth-child(odd).on {border-color:#fff;color:yellow;transform:rotate(45deg);}
.stat_box > .t1 > div:nth-child(odd).on > span {display:block;font-size:24px;transform:rotate(315deg);}
.stat_box > .t1 > div:nth-child(even) {flex:1;}
.stat_box > .t2 {overflow:hidden;position:relative;}

.hero_box {position:relative;}
.hero_box > .filter {position:relative;padding:5px 20px 5px 20px;background-color:rgba(0,0,0,0.5);border:1px solid rgba(150,150,150,0.25);opacity:1;}
.hero_box > .filter.v2 {border-top:0px;}
.hero_box > .filter > div:nth-child(1) {float:left;display:flex;align-items:center;}
.hero_box > .filter.v2 > div:nth-child(1) {float:none;}
.hero_box > .filter > div:nth-child(1) > div {overflow:hidden;height:30px;margin-left:10px;padding:0px 10px;border-bottom:2px solid transparent;font-size:14px;line-height:30px;cursor:pointer;transition:0.25s;}
.hero_box > .filter > div:nth-child(1) > div:first-child {margin-left:0px;}
.hero_box > .filter > div:nth-child(1) > div:hover {border-color:#fff;color:#fff;}
.hero_box > .filter > div:nth-child(1) > div.on {border-color:yellow;color:yellow;}
.hero_box > .filter > div:nth-child(1) > div.n {cursor:default;}
.hero_box > .filter > div:nth-child(1) > div.n:hover {color:#999;border-bottom:2px solid transparent;}
.hero_box > .filter > div:nth-child(2) {overflow:hidden;position:absolute;height:100%;right:0px;top:0px;padding:0px 20px;border-left:1px solid rgba(150,150,150,0.25);transition:0.25s;}
.hero_box > .filter > div:nth-child(2):hover {background-color:#000;}
.hero_box > .filter > div:nth-child(2) .search {position:relative;display:flex;width:150px;height:30px;margin-top:6px;align-items:center;}
.hero_box > .filter > div:nth-child(2) .search > div:nth-child(1) {width:30px;height:auto;font-size:16px;transition:0.25s;}
.hero_box > .filter > div:nth-child(2):hover .search > div:nth-child(1) {color:yellow;}
.hero_box > .filter > div:nth-child(2) .search > div:nth-child(2) {flex:1;}
.hero_box > .filter > div:nth-child(2) .search > div:nth-child(2) > input {display:block;width:100%;height:30px;background-color:transparent;border:0px;color:#fff;font-size:14px;outline:none;}
.hero_box > .filter > div:nth-child(2) .search > div:nth-child(3) {width:1px;}
.hero_box > .filter > div:nth-child(2) .search > div:nth-child(3) input {background:#000;border:0px;color:#000;opacity:0;}
.hero_box > .list {overflow:hidden;position:relative;margin-top:30px;}
.hero_box > .list > div {float:left;width:calc(14.285% - 20px);height:auto;margin:0px 10px 20px 10px;}
.hero_box > .list > div > .herobtn {height:auto;min-height:110px;padding:25px 0px;background-color:#111;border:1px solid #666;text-align:center;line-height:60px;cursor:pointer;transition:0.25s;}
.hero_box > .list > div:hover > .herobtn {background-color:#000;border-color:#fff;box-shadow:0px 0px 6px #fff;}
.hero_box > .list > div > .herobtn > img {display:inline-block;width:75%;max-width:90px;height:auto;vertical-align:middle;}
.hero_box > .list > div > .heroname {margin-top:5px;color:#fff;font-size:14px;text-align:center;}
.hero_box > .list > div:hover > .heroname {color:#ffff00;}
.hero_box > .list > div.empty {float:none;width:auto;padding:80px 20px;color:#fff;font-size:14px;text-align:center;}
.hero_box > .detail {position:relative;}
.hero_box > .detail > .d1 {position:relative;display:flex;background-color:rgba(0,0,0,0.5);border:1px solid rgba(150,150,150,0.25);}
.hero_box > .detail > .d1 > div:nth-child(1) {padding:20px;}
.hero_box > .detail > .d1 > div:nth-child(1) > .t1 {padding:10px;background-color:#111;border:1px solid #fff;box-shadow:0px 0px 10px #ccc;}
.hero_box > .detail > .d1 > div:nth-child(1) > .t1 > img {width:100px;height:auto;}
.hero_box > .detail > .d1 > div:nth-child(2) {position:relative;flex:1;padding:20px;border-left:1px dashed rgba(150,150,150,0.25);border-right:1px solid rgba(150,150,150,0.25);}
.hero_box > .detail > .d1 > div:nth-child(2) > .t1 {color:yellow;font-size:24px;font-weight:600;}
.hero_box > .detail > .d1 > div:nth-child(2) > .t2 {margin-top:25px;color:#fff;font-size:16px;line-height:1.8;} 
.hero_box > .detail > .d1 > div:nth-child(2) > .t2 > span {color:#999;}
.hero_box > .detail > .d1 > div:nth-child(2) > .t3 {position:absolute;height:auto;right:20px;bottom:20px;color:#999;font-size:14px;text-align:right;} 
.hero_box > .detail > .d1 > div:nth-child(2) > .t3 a {color:#999;}
.hero_box > .detail > .d1 > div:nth-child(2) > .t3 a:hover {color:#fff;text-decoration:underline;}
.hero_box > .detail > .d1 > div:nth-child(3) {width:40%;height:auto;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t1 {height:50px;padding:0px 20px;border-bottom:1px dashed rgba(150,150,150,0.25);color:#ccc;font-size:16px;font-weight:600;line-height:50px;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 {overflow-x:hidden;overflow-y:auto;height:200px;padding:20px;box-sizing:border-box;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2::-webkit-scrollbar {width:6px;height:6px;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2::-webkit-scrollbar-thumb {background-color:#666;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2::-webkit-scrollbar-track {background-color:#000;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div {float:left;width:calc(25% - 14px);height:auto;margin:0px 7px 14px 7px;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div > .herobtn {height:auto;min-height:68px;padding:18px 0px;background-color:#111;border:1px solid #666;text-align:center;cursor:pointer;transition:0.25s;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div:hover > .herobtn {background-color:#000;border-color:#fff;box-shadow:0px 0px 6px #fff;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div > .herobtn > img {display:inline-block;width:60%;height:auto;vertical-align:middle;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div > .heroname {overflow:hidden;height:18px;margin-top:5px;color:#fff;font-size:14px;text-align:center;line-height:18px;}
.hero_box > .detail > .d2 {position:relative;margin-top:20px;padding:20px;background-color:rgba(0,0,0,0.5);border:1px solid rgba(150,150,150,0.25);}
.hero_box > .detail > .d2 > .t1 {padding:0px 0px 10px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#ccc;font-size:18px;font-weight:600;text-shadow:2px 2px 8px #000;}
.hero_box > .detail > .d2 > .t2 {margin-top:10px;font-size:14px;}
.hero_box > .detail > .d2 > .t2 > .custom_txt {color:#ffae00;cursor:pointer;}
.hero_box > .detail > .d2 > .t2 > .cell {display:flex;padding:20px;border-bottom:1px dashed rgba(150,150,150,0.25);transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .cell.nb {border-bottom:0px;}
.hero_box > .detail > .d2 > .t2 > .cell:hover {background-color:#000;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) {padding:0px 20px 0px 0px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1).v2 {flex:1;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1).v3 {flex:1;display:flex;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1).v3 > div {flex:1;text-align:center;align-items:center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn {position:relative;width:80px;height:auto;background-color:#111;border:1px solid #999;border-radius:6px;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn.v2 {display:inline-block;}
.hero_box > .detail > .d2 > .t2 > .cell:hover > div:nth-child(1) .skillbtn {background-color:#000;}
.hero_box > .detail > .d2 > .t2 > .cell:hover > div:nth-child(1) .skillbtn.v2 {background-color:#111;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn > img {width:100%;height:auto;opacity:0.35;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn > .txt {position:absolute;width:100%;height:40px;left:0px;top:50%;margin-top:-20px;color:#808080;font-size:26px;font-size:500;text-align:center;text-shadow:0px 0px 5px #000;line-height:40px;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn.q > .txt {color:#00b4ff;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn.w > .txt {color:#ff8a00;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn.e > .txt {color:#3cff00;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn.r > .txt {color:#fff;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn > .txt.one {font-size:36px;font-weight:600;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .arrow {display:inline-block;padding:0px 10px;font-size:20px;vertical-align:middle;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn {display:inline-block;position:relative;width:100px;height:auto;margin-right:20px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn.v2 {flex:1;margin-right:0px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn > img {display:block;width:80%;height:auto;margin:0px auto;border:1px solid #999;box-sizing:border-box;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn > span {display:block;margin-top:5px;color:#fff;font-size:14px;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn.v2 > img {width:60px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn.v2 > span {font-size:11px;letter-spacing:-1px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree {display:flex;margin:0px auto;align-items:center;justify-content: center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill {overflow:hidden;border:1px solid #999;border-radius:4px;box-sizing:border-box;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(1) {padding:3px 0px;background-color:#222;color:#fff;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(2) {width:45px;height:45px;border-top:1px solid #999;color:#ccc;font-size:20px;font-weight:600;line-height:44px;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(2).q {color:#00b4ff;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(2).w {color:#ff8a00;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(2).e {color:#3cff00;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(2).r {color:#fff;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .arrow {padding:0px 8px;font-size:14px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo {display:flex;height:100%;align-items:center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo > div {flex:1;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo > div > .i1 {color:#fff;font-size:18px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo > div > .i2 {margin-top:5px;color:#ccc;font-size:14px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo > div > .i3 {color:yellow;font-size:18px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) {flex:1;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t1 {color:#fff;font-size:16px;font-weight:600;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t1 > span {color:#ccc;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t2 {margin-top:15px;color:#999;font-size:14px;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .cell:hover > div:nth-child(2) > .t2 {color:#ccc;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t2 > .stxt {display:flex;margin-top:5px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t2 > .stxt:first-child {margin-top:0px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t2 > .stxt > div:nth-child(1) {margin-right:10px;color:#ccffff;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t2 > .stxt > div:nth-child(2) {flex:1;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(1) {margin-top:10px;text-align:right;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(1) > span {color:#ccc;font-size:14px;cursor:pointer;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(1) > span:hover {color:#fff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) {display:none;margin-top:10px;border:1px solid rgba(150,150,150,0.25);}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data {display:flex;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div {flex:1;padding:15px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i1 {position:relative;padding:0px 0px 10px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#fff;font-size:16px;font-weight:600;text-shadow:2px 2px 8px #000;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i1 > .btn_mo {position:absolute;right:0px;bottom:5px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i1 > .btn_mo > .save {display:inline-block;padding:5px 10px;background-color:#111;border:1px solid #ffae00;color:#fff;font-size:12px;cursor:pointer;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i1 > .btn_mo > .cancel {display:inline-block;padding:5px 10px;background-color:#111;border:1px solid #666;color:#fff;font-size:12px;cursor:pointer;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 {padding:20px;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .memo {margin-top:20px;color:yellow;font-size:14px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell {position:relative;display:inline-block;width:80px;height:80px;margin-right:20px;border:1px solid #666;box-sizing:border-box;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats {margin-right:15px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell:last-child {margin-right:0px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell:hover {border-color:#fff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.on {border-color:#fff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .cur {overflow:hidden;position:absolute;width:100%;height:100%;left:0px;top:0px;cursor:pointer;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .cur > div:nth-child(1) {position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .cur > div:nth-child(1) > span {position:absolute;width:100%;height:30px;left:0px;top:50%;margin-top:-15px;color:#ccc;font-size:16px;text-align:center;line-height:30px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats > .cur > div:nth-child(1) > span {font-size:14px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats > .cur > div:nth-child(1) > span:last-child {display:none;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats.on > .cur > div:nth-child(1) > span:first-child {display:none;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats.on > .cur > div:nth-child(1) > span:last-child {display:inline;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .cur > div:nth-child(2) {position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:2;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .cur > div:nth-child(2) > img {display:block;position:absolute;width:100%;height:100%;left:0px;top:0px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.on > .cur > div:nth-child(1) > span {color:#fff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.on > .cur > div:nth-child(2) {display:none;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel {overflow-x:hidden;overflow-y:auto;display:none;position:absolute;width:300px;height:200px;left:-1px;top:calc(100% - 5px);padding:25px 10px 10px 10px;background-color:#000;border:1px solid #fff;box-sizing:border-box;box-shadow:2px 2px 6px #000;z-index:3;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats > .sel {width:400px;height:250px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.on > .sel {display:block;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel > div {float:left;width:33.3%;height:auto;margin:0px auto 15px auto;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel > div > img {display:block;width:60%;height:auto;margin:0px auto;border:1px solid #999;box-sizing:border-box;cursor:pointer;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats > .sel > div > img {width:50%;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel > div:hover > img {border-color:#fff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel > div > span {display:block;margin-top:3px;color:#fff;font-size:12px;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill {position:relative;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div {overflow:hidden;display:inline-block;margin-right:10px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .level {padding:0px 0px 5px 0px;color:#fff;font-size:14px;text-align:center;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur {overflow:hidden;position:relative;width:45px;height:45px;border:1px solid #666;box-sizing:border-box;cursor:pointer;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur:hover {border-color:#fff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(1) {position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(1) > span {position:absolute;width:100%;height:20px;left:0px;top:50%;margin-top:-10px;color:#ccc;font-size:14px;text-align:center;line-height:20px;transition:0.25s;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur:hover > div:nth-child(1) > span {color:#fff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(2) {position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:2;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(2) > span {position:absolute;width:100%;height:40px;left:0px;top:50%;margin-top:-20px;color:#fff;font-size:28px;font-weight:600;text-align:center;line-height:40px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(2) > span.q {background-color:#000;color:#00b4ff;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(2) > span.w {background-color:#000;color:#ff8a00;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(2) > span.e {background-color:#000;color:#3cff00;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(2) > span.r {background-color:#000;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(3) {position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:3;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(3) > select {position:absolute;width:100%;height:100%;left:0px;top:0px;outline:none;opacity:0;cursor:pointer;}

.data_menu {position:relative;display:flex;margin-bottom:30px;}
.data_menu > div {overflow:hidden;flex:1;height:50px;padding:0px 20px;margin-left:10px;background-color:#111;border:1px solid #666;color:#ccc;font-size:15px;font-weight:600;line-height:50px;text-align:center;cursor:pointer;transition:0.25s;}
.data_menu > div:first-child {margin-left:0px;}
.data_menu > div:hover {background-color:#000;border-color:#fff;box-shadow:0px 0px 6px #fff;color:#fff;}
.data_menu > div.on {background-color:rgba(0,0,0,0.5);border-color:yellow;box-shadow:0px 0px 6px yellow;color:yellow}
.data_box {overflow:hidden;position:relative;display:flex;background-color:rgba(0,0,0,0.5);}
.data_box.mt {margin-top:20px;}
.data_box > div {overflow:hidden;flex:1;height:390px;padding:0px 20px;margin:0px 0px 20px 20px;border:1px solid rgba(150,150,150,0.25);cursor:pointer;}
.data_box > div:first-child {margin-left:0px;}
.data_box > div.nmb {margin-bottom:0px;}
.data_box > div.v2 {height:350px;}
.data_box > div > .t1 {margin:20px 0px 10px 0px;padding:0px 0px 10px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#ccc;font-size:18px;font-weight:600;text-shadow:2px 2px 8px #000;transition:0.2s;}
.data_box > div:hover > .t1 {color:#fff;}
.data_box > div > .t2 {margin:0px 0px 0px 0px;}
.data_box > div > .t2 > .cell {overflow:hidden;display:flex;height:42px;padding:0px 10px;border-bottom:1px dashed rgba(150,150,150,0.25);color:#fff;font-size:14px;cursor:pointer;line-height:40px;transition:0.25s;}
.data_box > div > .t2 > .cell:hover {background-color:rgba(0,0,0,0.8);}
.data_box > div > .t2 > .cell > div:nth-child(1) {margin-right:10px;color:#999;font-size:10px;font-weight:300;}
.data_box > div > .t2 > .cell:hover > div:nth-child(1) {color:#fff;}
.data_box > div > .t2 > .empty {padding:0px 20px;color:#fff;font-size:14px;text-align:center;line-height:300px;}
.data_box > div > .t2 > .cell > div:nth-child(1).txt {font-size:12px;}
.data_box > div > .t2 > .cell > div:nth-child(1).txt > strong {color:yellow;}
.data_box > div > .t2 > .cell > div:nth-child(2) {flex:1;}
.data_box > div > .t2 > .cell.red > div:nth-child(2) span {color:#ff8a00;}
.data_box > div > .t2 > .cell.blue > div:nth-child(2) span {color:#00b4ff;}
.data_box > div > .t2 > .cell > div:nth-child(2) span.num {color:yellow;}
.data_box > div > .t2 > .cell > div:nth-child(2) span.new {color:yellow;font-size:12px;animation:new_post 0.5s 0s infinite linear alternate;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle {overflow: hidden;display:inline-block;width:150px;height:auto;white-space:nowrap;text-overflow: ellipsis;vertical-align:top;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle.v2 {width:300px;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle.v3 {width:330px;}
.data_box > div > .t2 > .cell > div:nth-child(2) .profile_img {overflow:hidden;display:inline-block;height:22px;margin-right:2px;background-color:#000;border:1px solid #666;vertical-align:middle;box-sizing:border-box;line-height:1;}
.data_box > div > .t2 > .cell > div:nth-child(2) .profile_img > img {width:auto;height:22px;}
.data_box > div > .t2 > .cell > div:nth-child(3) {margin-left:10px;color:#999;text-align:right;}
.data_box > div > .t2 > .cell > div:nth-child(3) span {color:yellow;}
.data_box > div > .t2 > .cell > div:nth-child(3) .rank_img {display:inline-block;height:auto;margin-left:2px;line-height:1;}
.data_box > div > .t2 > .cell > div:nth-child(3) .rank_img > img {width:auto;height:32px;}
.data_box > div > .t2 > .menu1 {position:relative;height:auto;background:url('./image/gameinfo_img1.jpg') no-repeat;background-position:center center;background-size:cover;}
.data_box > div > .t2 > .menu1 > .m1 {display:flex;height:260px;background:linear-gradient(to right, #000 0%, #000 40%, rgba(0,0,0,0) 90%);align-items:center;}
.data_box > div > .t2 > .menu1 > .m1 > div {flex:1;color:#ccc;font-size:14px;text-shadow:2px 2px 6px #000;line-height:1.8;}
.data_box > div > .t2 > .menu1 > .m1 > div > strong {color:#ffae00;}
.data_box > div > .t2 > .menu1 > .m1 > div > .morebtn {display:inline-block;height:auto;margin-top:25px;padding:5px 15px;background-color:#111;border:1px solid #ffae00;color:#ccc;font-size:14px;cursor:pointer;transition:0.25s;}
.data_box > div > .t2 > .menu1 > .m1 > div > .morebtn:hover {color:#fff;box-shadow:0px 0px 12px #ff8a00;}
.data_box > div > .t2 > .menu1 > .m1 > div > .morebtn > i {color:#ffae00;}
.data_box > div > .t2 > .menu2 {position:relative;height:auto;}
.data_box > div > .t2 > .menu2 > .m1 {position:relative;display:flex;height:260px;background:linear-gradient(to right, #000 0%, #000 40%, rgba(0,0,0,0) 90%);align-items:center;z-index:2;}
.data_box > div > .t2 > .menu2 > .m1 > div {flex:1;color:#ccc;font-size:14px;text-shadow:2px 2px 6px #000;line-height:1.8;}
.data_box > div > .t2 > .menu2 > .m1 > div > strong {color:#009cff;}
.data_box > div > .t2 > .menu2 > .m1 > div > .morebtn {display:inline-block;height:auto;margin-top:25px;padding:5px 15px;background-color:#111;border:1px solid #009cff;color:#ccc;font-size:14px;cursor:pointer;transition:0.25s;}
.data_box > div > .t2 > .menu2 > .m1 > div > .morebtn:hover {color:#fff;box-shadow:0px 0px 12px #00b4ff;}
.data_box > div > .t2 > .menu2 > .m1 > div > .morebtn > i {color:#009cff;}
.data_box > div > .t2 > .menu2 > .m2 {overflow:hidden;position:absolute;width:100%;height:100%;left:0px;top:0px;}
.data_box > div > .t2 > .menu2 > .m2 > div:nth-child(1) {position:absolute;width:16%;height:auto;right:24%;top:10px;animation:data_box_menu2_spell 30s 0s infinite linear alternate;}
.data_box > div > .t2 > .menu2 > .m2 > div:nth-child(2) {position:absolute;width:14%;height:auto;right:5%;bottom:10px;animation:data_box_menu2_stat 30s 0s infinite linear alternate;}
.data_box > div > .t2 > .menu2 > .m2 > div > div {overflow:hidden;margin-top:10px;padding:10% 0px;border:1px solid rgba(255,255,255,0.3);text-align:center;line-height:1;}
.data_box > div > .t2 > .menu2 > .m2 > div > div:first-child {margin-top:0px;}
.data_box > div > .t2 > .menu2 > .m2 > div > div > img {width:80%;height:auto;}
.data_box > div > .t2 > .menu3 {position:relative;height:auto;background:url('./image/gameinfo_img2.jpg') no-repeat;background-position:center center;background-size:cover;}
.data_box > div > .t2 > .menu3 > .m1 {position:relative;display:flex;height:260px;background:linear-gradient(to right, #000 0%, #000 40%, rgba(0,0,0,0) 90%);align-items:center;z-index:2;}
.data_box > div > .t2 > .menu3 > .m1 > div {flex:1;color:#ccc;font-size:14px;text-shadow:2px 2px 6px #000;line-height:1.8;}
.data_box > div > .t2 > .menu3 > .m1 > div > strong {color:#ffae00;}
.data_box > div > .t2 > .menu3 > .m1 > div > .morebtn {display:inline-block;height:auto;margin-top:25px;padding:5px 15px;background-color:#111;border:1px solid #ffae00;color:#ccc;font-size:14px;cursor:pointer;transition:0.25s;}
.data_box > div > .t2 > .menu3 > .m1 > div > .morebtn:hover {color:#fff;box-shadow:0px 0px 12px #ff8a00;}
.data_box > div > .t2 > .menu3 > .m1 > div > .morebtn > i {color:#ffae00;}
.data_box > div > .t2 > .menu3 > .m2 {overflow:hidden;position:absolute;width:100%;height:100%;left:0px;top:0px;}
.data_box > div > .t2 > .menu3 > .m2 > div:nth-child(1) {position:absolute;width:80%;height:auto;left:-200%;top:50%;margin-top:-50px;animation:data_box_menu3_hero 60s 0s infinite linear alternate;white-space:nowrap;}
.data_box > div > .t2 > .menu3 > .m2 > div > div {overflow:hidden;display:inline-block;margin-left:10px;padding:10px;background-color:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.3);text-align:center;line-height:1;}
.data_box > div > .t2 > .menu3 > .m2 > div > div:first-child {margin-left:0px;}
.data_box > div > .t2 > .menu3 > .m2 > div > div > img {width:80px;height:auto;}

.page_box {position:relative;margin-top:30px;text-align:center;line-height:1;}
.page_box .btn {overflow:hidden;display:inline-block;padding:7px 10px;background-color:transparent;border-radius:4px;border:1px solid rgba(150,150,150,0.25);color:#666;font-size:14px;font-weight:400;line-height:1;transition:0.2s;}
.page_box .btn.arr {border:0px;font-size:15px;font-weight:400;cursor:default;}
.page_box .btn.selected {background-color:#000;border-color:#fff;color:yellow;}
.page_box > a > .btn {color:#ccc;}
.page_box > a > .btn.arr {cursor:pointer;}
.page_box > a:hover > .btn {border:1px solid rgba(150,150,150,0.5);color:#fff;}
.page_box > a:hover > .btn.arr {border:0px;}
.page_box > .line {display:inline-block;width:10px;height:10px;}

.patch_box {overflow:hidden;position:relative;}
.patch_box > div {overflow:hidden;position:relative;margin-top:15px;padding:20px 20px 25px 20px;background-color:rgba(0,0,0,0.5);border:1px solid rgba(150,150,150,0.25);transition:0.25s;}
.patch_box > div:hover {background-color:#111;border-color:rgba(150,150,150,0.5);}
.patch_box > div:first-child {margin-top:0px;}
.patch_box > div > .t1 {position:relative;margin:0px 0px 15px 0px;padding:0px 0px 10px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#fff;font-size:16px;font-weight:600;text-shadow:2px 2px 8px #000;transition:0.1s;}
.patch_box > div > .t1.v2 {font-size:20px;}
.patch_box > div > .t1 > span {color:yellow;}
.patch_box > div > .t1 > span.red {color:#ff8a00;}
.patch_box > div > .t1 > span.blue {color:#00b4ff;}
.patch_box > div > .t1 > .profile_img {overflow:hidden;display:inline-block;height:22px;margin-right:2px;background-color:#000;border:1px solid #666;vertical-align:middle;box-sizing:border-box;line-height:1;}
.patch_box > div > .t1 > .profile_img > img {width:auto;height:22px;}
.patch_box > div > .t1 .mt {margin-top:10px;}
.patch_box > div > .t1 .writer {color:#ccc;font-size:14px;}
.patch_box > div > .t1 .date {position:absolute;right:0px;bottom:10px;color:#999;font-size:14px;}
.patch_box > div > .t2 {min-height:150px;margin:0px 0px 0px 0px;padding:0px 10px;color:#ccc;font-size:14px;transition:0.25s;}
.patch_box > div > .t2 a {color:yellow;}
.patch_box > div:hover > .t2 {color:#fff;}
.patch_box > div > .t3 {margin-top:15px;padding:15px 10px 0px 10px;border-top:1px solid rgba(150,150,150,0.25);text-align:center;}
.patch_box > div > .t3 .vote {display:inline-block;margin:0px 10px;padding:15px 25px 10px 25px;background-color:#111;border:1px solid #ccc;color:#fff;font-size:16px;line-height:1.6;cursor:pointer;transition:0.2s;}
.patch_box > div > .t3 .vote:hover {border-color:#fff;box-shadow:0px 0px 12px #ccc;}
.patch_box > div > .t3 .vote > i {color:#00b4ff;font-size:28px;}
.patch_box > div > .t3 .vote.v2 > i {color:#ff8a00;}
.patch_box > div > .t3 .vote > span {color:yellow;font-size:14px;}
.patch_box > div > .t4 {display:flex;margin-top:15px;padding:15px 0px 0px 0px;border-top:1px solid rgba(150,150,150,0.25);}
.patch_box > div > .t4 > div {flex:1;}
.patch_box > div > .t4 > div:nth-child(2) {text-align:right;}
.patch_box > div > .t4 .btn {display:inline-block;height:auto;padding:5px 15px;background-color:#111;border:1px solid #ccc;border-radius:0px;color:#ccc;font-size:14px;cursor:pointer;transition:0.25s;}
.patch_box > div > .t4 .btn:hover {color:#fff;box-shadow:0px 0px 12px #ccc;text-decoration:none;}
.patch_box > div > .t4 .btn.v2 {border-color:#009cff;}
.patch_box > div > .t4 .btn.v2:hover {box-shadow:0px 0px 12px #00b4ff;}
.patch_box > div.empty {float:none;width:auto;padding:80px 20px;color:#fff;font-size:14px;text-align:center;}

.lobby_box {overflow:hidden;position:relative;padding:20px;border:1px solid rgba(150,150,150,0.25);}
.lobby_box.mt {margin-top:30px;}
.lobby_box > .headtxt {padding:0px 0px 15px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#999;font-size:14px;}
.lobby_box > .noti {margin-bottom:15px;padding:15px 0px 15px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#ff8a00;font-size:14px;}
.lobby_box > table {width:100%;border:0px;border-spacing:0px;}
.lobby_box > table > tbody > tr.lobby.v2 {cursor:pointer;}
.lobby_box > table > thead > tr > th {padding:0px 0px 15px 0px;border-bottom:1px solid rgba(150,150,150,0.25);color:#999;font-size:14px;text-align:center;}
.lobby_box > table > tbody > tr > td {padding:10px 8px;background-color:rgba(0,0,0,0.5);border-bottom:1px dashed rgba(150,150,150,0.25);color:#ccc;font-size:14px;transition:0.25s;}
.lobby_box > table > tbody > tr:hover > td {background-color:#111;color:#fff;}
.lobby_box > table > tbody > tr.rank1 > td {background:linear-gradient(to top, rgba(255,220,115,0.3) 0%, rgba(255,220,115,0.3) 5%, rgba(0,0,0,0) 50%);border-bottom:1px dashed rgba(255,220,115,0.6);}
.lobby_box > table > tbody > tr.rank2 > td {background:linear-gradient(to top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.25) 5%, rgba(0,0,0,0) 50%);border-bottom:1px dashed rgba(255,255,255,0.5);}
.lobby_box > table > tbody > tr.rank3 > td {background:linear-gradient(to top, rgba(166,124,0,0.25) 0%, rgba(166,124,0,0.25) 5%, rgba(0,0,0,0) 50%);border-bottom:1px dashed rgba(166,124,0,0.5);}
.lobby_box > table > tbody > tr > td > span {color:yellow;}
.lobby_box > table > tbody > tr > td.center {text-align:center;}
.lobby_box > table > tbody > tr > td.td1 {width:80px;}
.lobby_box > table > tbody > tr > td.td2 {width:65px;}
.lobby_box > table > tbody > tr > td.td3 {width:120px;}
.lobby_box > table > tbody > tr > td.td4 {width:150px;}
.lobby_box > table > tbody > tr > td.red {color:#ff8a00}
.lobby_box > table > tbody > tr > td.host {color:#00b4ff}
.lobby_box > table > tbody > tr > td.date {color:#999}
.lobby_box > table > tbody > tr > td.empty {padding:80px 20px;color:#fff;font-size:14px;text-align:center;}
.lobby_box > table > tbody > tr > td > .rank {color:yellow;}
.lobby_box .lobby_img {overflow:hidden;display:inline-block;width:80px;height:auto;background-color:#000;border:1px solid #666;vertical-align:middle;box-sizing:border-box;line-height:1;}
.lobby_box .lobby_img > img {width:100%;height:auto;}
.lobby_box .player_img {overflow:hidden;display:inline-block;width:50px;height:auto;background-color:#000;border:1px solid #666;vertical-align:middle;box-sizing:border-box;line-height:1;}
.lobby_box .player_img > img {width:100%;height:auto;}
.lobby_box .rank_img {overflow:hidden;display:inline-block;width:60px;height:auto;vertical-align:middle;line-height:1;}
.lobby_box .rank_img > img {width:100%;height:auto;}
.lobby_box .writebox {padding:15px 0px 0px 0px;text-align:right;}
.lobby_box .writebox > .btn {display:inline-block;height:auto;padding:5px 15px;background-color:#111;border:1px solid #ccc;border-radius:0px;color:#ccc;font-size:14px;cursor:pointer;transition:0.25s;}
.lobby_box .writebox > .btn:hover {color:#fff;box-shadow:0px 0px 12px #ccc;text-decoration:none;}
.lobby_box .writebox > .btn.v2 {border-color:#009cff;}
.lobby_box .writebox > .btn.v2:hover {box-shadow:0px 0px 12px #00b4ff;}

.write_input {position:relative;margin-top:20px;font-size:14px;}
.write_input > form .cell {display:flex;margin-top:10px;align-items:center;}
.write_input > form .cell:first-child {margin-top:0px;}
.write_input > form .cell > div:nth-child(1) {width:80px;margin-right:15px;text-align:right;}
.write_input > form .cell > div:nth-child(2) {flex:1;}
.write_input > form .cell > div:nth-child(2) > input {display:block;width:100%;height:40px;background-color:#000;border:1px solid #666;outline:none;color:#fff;text-indent:10px;}
.write_input > form .cell > div:nth-child(2) > input:focus {background-color:#222;border-color:#999;}
.write_input > form .cell > div:nth-child(2) > textarea {display:block;width:100%;height:150px;padding:10px;background-color:#000;border:1px solid #666;outline:none;color:#fff;box-sizing:border-box;}
.write_input > form .cell > div:nth-child(2) > textarea:focus {background-color:#222;border-color:#999;}
.write_input > form .submit {margin-top:20px;text-align:center;}
.write_input > form .submit > .btn {display:inline-block;height:auto;padding:5px 15px;background-color:#111;border:1px solid #ccc;border-radius:0px;color:#ccc;font-size:14px;cursor:pointer;transition:0.25s;}
.write_input > form .submit > .btn:hover {color:#fff;box-shadow:0px 0px 12px #ccc;text-decoration:none;}
.write_input > form .submit > .btn.v2 {border-color:#009cff;}
.write_input > form .submit > .btn.v2:hover {box-shadow:0px 0px 12px #00b4ff;}

#hotshot_DIV > .popwindow {display:none;position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:rgba(0,0,0,0.75);z-index:2;}
#hotshot_DIV > .popwindow > .popbox {position:absolute;width:500px;height:400px;left:50%;top:50%;margin:-200px 0px 0px -250px;background-color:#000;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;}
#hotshot_DIV > .popwindow > .popbox.login {box-shadow:0px 0px 40px 3px #ff8a00;}
#hotshot_DIV > .popwindow > .popbox.join {height:490px;margin-top:-245px;box-shadow:0px 0px 40px 3px #00b4ff;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) {position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont {position:relative;padding:30px;text-align:center;z-index:2;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t1 {color:#fff;font-size:24px;font-weight:600;text-shadow:2px 2px 8px #000;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 {width:60%;height:auto;margin:40px auto 0px auto;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .input {display:block;width:100%;height:50px;margin-top:15px;padding:0px;background-color:rgba(0,0,0,0.8);border:1px solid #ccc;border-radius:6px;outline:none;color:yellow;font-size:16px;text-indent:10px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .input:first-child {margin-top:0px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .input:focus {background-color:#111;border-color:#ffff00 !important;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .input::placeholder {color:#ccc;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .secret {display:flex;height:50px;margin-top:15px;align-items:center;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .secret > div:nth-child(1) {overflow:hidden;height:50px;padding:0px 10px;background-color:#000;border:1px solid #ccc;border-radius:6px;line-height:0px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .secret > div:nth-child(1) > iframe {overflow:hidden;display:block;width:60px;height:20px;margin-top:12px;border:0px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .secret > div:nth-child(2) {overflow:hidden;height:50px;margin-left:5px;padding:0px 8px;background-color:#000;border:1px solid #ccc;border-radius:6px;line-height:0px;color:#fff;font-size:13px;line-height:48px;cursor:pointer;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .secret > div:nth-child(3) {flex:1;margin-left:5px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .secret > div:nth-child(3) > input {width:100%;height:50px;background-color:rgba(0,0,0,0.8);border:1px solid #ccc;border-radius:6px;color:yellow;font-size:14px;text-align:center;outline:none;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .secret > div:nth-child(3) > input::placeholder {color:#ccc;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .submit {display:block;width:100%;height:50px;margin-top:15px;padding:0px;background-color:#111;border:1px solid #ffae00;border-radius:6px;outline:none;color:#fff;font-size:16px;cursor:pointer;transition:0.25s;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .submit:hover {box-shadow:0px 0px 12px #ff8a00;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .submit > i {color:#ffae00;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .submit.v2 {border-color:#009cff;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .submit.v2:hover {box-shadow:0px 0px 12px #009cff;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t2 > .submit.v2 > i {color:#009cff;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t3 {height:auto;margin:30px auto 0px auto;color:#ccc;font-size:14px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .cont > .t3 > strong {color:#00b4ff;font-size:16px;cursor:pointer;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) .bg {position:absolute;width:100%;height:100%;left:0px;top:0px;background:url('./image/logo.png') no-repeat;background-size:100% auto;background-position:center center;opacity:0.2;z-index:1;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(2) {position:absolute;height:auto;right:20px;top:15px;color:#ccc;text-shadow:2px 2px 8px #000;font-size:32px;line-height:0px;cursor:pointer;transition:0.1s;z-index:2;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(2):hover {color:#fff;}

@keyframes bg_animation {
  0% {
    background-position:0px 0%;
  }
  100% {
    background-position:0px 50%;
  }
}

@keyframes rotate_loading{ 
	100% { 
		transform: rotate(360deg); 
	} 
}

@keyframes data_box_menu2_spell {
	100% { 
		top:-200%;
	} 
}

@keyframes data_box_menu2_stat {
	100% { 
		bottom:-200%;
	} 
}

@keyframes data_box_menu3_hero {
	100% { 
		left:0px;
	} 
}

@keyframes new_post {
  0% {
    color:yellow
  }
  100% {
    color:red
  }
}


@media screen and (max-width: 1600px) {

#hotshot_DIV > .main > div > .left_menu {margin-left:-512px;}
#hotshot_DIV > .main > div > .main_content {max-width:1024px;}
#google_translate_element {margin-left:261px;}

.hero_box > .list > div > .herobtn {padding:15px 0px;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div {width:calc(33.3% - 14px);}

.data_box > div > .t2 > .cell {font-size:13px;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle {width:80px;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle.v2 {width:250px;}

.lobby_box > table > thead > tr > th {font-size:13px;}
.lobby_box > table > tbody > tr > td {padding:10px 6px;font-size:13px;}

}

@media screen and (max-width: 1030px) {

#google_translate_element {position:fixed;left:auto;margin-left:0px;right:10px;}

}

@media screen and (max-width: 950px) {

html {overflow-y:hidden;}

.pbr {display:none;}
.mbr {display:inline;}

#hotshot_DIV > .main > div > .main_logo img {max-width:225px;}
#hotshot_DIV > .main > div > .left_menu {margin-left:0px;top:18px;left:110px;}
#hotshot_DIV > .main > div > .left_menu > div {padding:5px 8px;font-size:10px;line-height:1;}
#hotshot_DIV > .main > div > .main_menu {display:block;max-width:200px;margin:0px auto;}
#hotshot_DIV > .main > div > .main_menu > .div {flex:none;margin-left:0px;margin-top:15px;opacity:1;}
#hotshot_DIV > .main > div > .main_menu > .div:hover {margin-top:15px;}
#hotshot_DIV > .main > div > .main_menu > .div:first-child {margin-top:15px;}
#hotshot_DIV > .main > div > .main_menu > .div.on::before {height:15px;top:28px;}
#hotshot_DIV > .main > div > .main_content > .wrap .title {margin-bottom:15px;font-size:18px;}
#hotshot_DIV > .main > div > .main_content > .wrap .cont {padding:20px 0px;}
#hotshot_DIV > .main > div > .main_content > .b2 > .topbtn {display:none;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .t1 {font-size:14px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox {display:block;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(1) {flex:none;font-size:11px;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(2) {width:auto;margin-top:15px;text-align:center;}
#hotshot_DIV > .main > div > .main_content > .wrap > .donatebox > .fbox > div:nth-child(2) > a {padding:4px 10px;font-size:12px;}

#hotshot_DIV > .main.open > div > .main_menu {display:flex;max-width:none;padding:0px 10px;}
#hotshot_DIV > .main.open > div > .main_menu > .div {flex:1;height:30px;margin-top:0px;margin-left:5px;font-size:11px;font-weight:400;line-height:28px;letter-spacing:-0.5px;}
#hotshot_DIV > .main.open > div > .main_menu > .div:first-child {margin-left:0px;}

#hotshot_DIV > .main.open {position:relative;display:block;height:100vh;}
#hotshot_DIV > .main.open > div {flex:none;position:absolute;width:100%;height:100%;left:0px;top:0px;padding-bottom:0px;}
#hotshot_DIV > .main.open > div > .main_logo {margin-top:0px;padding:0px 10px;text-align:left;}
#hotshot_DIV > .main.open > div > .main_logo img {max-width:80px;}
#hotshot_DIV > .main.open > div > .main_content {overflow-x:hidden;overflow-y:auto;position:fixed;width:calc(100% - 20px);height:calc(100% - 120px);min-height:0px;left:10px;top:80px;margin-right:10px;padding-left:10px;padding-right:10px;}
#hotshot_DIV > .main.open > div > .main_content::-webkit-scrollbar {width:0px;}
#hotshot_DIV > .main.open > div > .main_content::-webkit-scrollbar-thumb {background-color:#666;}
#hotshot_DIV > .main.open > div > .main_content::-webkit-scrollbar-track {background-color:#000;}
#hotshot_DIV > .main.open > div > .main_content > .b1 {position:fixed;width:calc(100% - 20px);left:10px;top:105px;z-index:2;}
#hotshot_DIV > .main.open > div > .main_content > .b2 {position:fixed;width:calc(100% - 20px);left:10px;bottom:15px;z-index:2;}
#hotshot_DIV > .main.open > div > .main_content > .wrap {padding-top:20px;padding-left:0px;padding-right:0px;padding-bottom:50px;z-index:1;}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .coupang_ad > div {height:auto;margin-left:10px}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .coupang_ad > div:first-child {margin-left:0px;}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .coupang_ad > div iframe {height:50px;}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .daum_ad > div:nth-child(1) {display:none;}
#hotshot_DIV > .main.open > div > .main_content > .wrap > .daum_ad > div:nth-child(2) {display:flex;}

#hotshot_BG {background-image:url('./image/back_bg2.jpg');}

.gameinfo1 > .d1 {font-size:15px;}
.gameinfo1 > .d2 {padding-left:30px;padding-right:30px;font-size:11px;}
.gameinfo1 > .d3 {margin:20px 10px 0px 10px;}
.gameinfo1 > .d3 > div {height:auto;margin-left:10px;}
.gameinfo1 > .d3 > div:hover > img {width:100%;margin:0px;}
.gameinfo1 > .d4 {overflow:hidden;margin:20px 10px 0px 10px;}
.gameinfo1 > .d4 > div:nth-child(1) {overflow:visible;max-width:100%;}
.gameinfo1 > .d4 > div:nth-child(1) > .team1_shape {width:16%;height:2px;left:0px;}
.gameinfo1 > .d4 > div:nth-child(1) > .team1_circle {border:2px solid #96ff91;}
.gameinfo1 > .d4 > div:nth-child(1) > .team2_shape {width:16%;height:2px;right:0px;}
.gameinfo1 > .d4 > div:nth-child(1) > .team2_circle {border:2px solid #cca6fc;}
.gameinfo1 > .d4 > div:nth-child(2) {width:60px;height:60px;margin-top:-30px;border:2px solid #96ff91;}
.gameinfo1 > .d4 > div:nth-child(2) > img {height:60px;}
.gameinfo1 > .d4 > div:nth-child(2) > div {font-size:10px;line-height:60px;}
.gameinfo1 > .d4 > div:nth-child(2):hover > div {font-size:10px;}
.gameinfo1 > .d4 > div:nth-child(3) {width:60px;height:60px;margin-top:-30px;border:2px solid #cca6fc;}
.gameinfo1 > .d4 > div:nth-child(3) > img {height:60px;}
.gameinfo1 > .d4 > div:nth-child(3) > div {font-size:10px;line-height:60px;}
.gameinfo1 > .d4 > div:nth-child(3):hover > div {font-size:10px;}

.gameinfo1 > .d5 {margin:20px auto 0px auto;}
.gameinfo1 > .d5 > div:nth-child(1) > .circle {border-width:2px;}
.gameinfo1 > .d5 > div:nth-child(2) {display:block;position:relative;width:auto;height:auto;padding-bottom:0px;background-color:#111;border-top:1px solid #666;}
.gameinfo1 > .d5 > div:nth-child(2) > div {flex:none;padding:20px 30px;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t1 {width:150px;max-width:150px;height:150px;border:2px solid yellow;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t1 > img {width:100%;height:auto;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t2 {margin-top:20px;font-size:15px;}
.gameinfo1 > .d5 > div:nth-child(2) > div > .t3 {margin:10px auto 0px auto;font-size:11px;}
.gameinfo1 > .d5 > div:nth-child(2) > div.bottom {position:relative;margin-top:0px;padding-top:0px;left:auto;bottom:auto;}
.gameinfo1 > .d5 > div:nth-child(2) > div.bottom > div {height:30px;padding:0px 15px;font-size:14px;line-height:28px;}

.gameinfo1 > .d6 {margin:20px auto 0px auto;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape {border:2px solid #fff;}
.gameinfo1 > .d6 > div:nth-child(1) > .position_shape > span {font-size:12px;line-height:30px;}
.gameinfo1 > .d6 > div:nth-child(2) {position:relative;display:block;width:auto;height:auto;right:auto;top:auto;padding-bottom:0px;background-color:#111;border-top:1px solid #666;}
.gameinfo1 > .d6 > div:nth-child(2) > div {flex:none;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t1 {margin-top:0px;font-size:15px;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t2 {margin:10px auto 0px auto;font-size:11px;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t3 {margin-top:20px;font-size:13px;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t4 > div {min-height:0px;margin-left:8px;padding:10px 10px;}
.gameinfo1 > .d6 > div:nth-child(2) > div > .t5 {font-size:11px;}
.gameinfo1 > .d6 > div:nth-child(2) > div.bottom {position:relative;margin-top:0px;padding-top:0px;left:auto;bottom:auto;}
.gameinfo1 > .d6 > div:nth-child(2) > div.bottom > div {height:30px;padding:0px 15px;font-size:14px;line-height:28px;}

.gameinfo1 > .d7 {margin:20px auto 0px auto;}
.gameinfo1 > .d7 > .ibox {position:relative;display:block;width:auto;height:auto;top:auto;left:auto;background-color:#111;border:0px;border-bottom:1px solid #666;}
.gameinfo1 > .d7 > .ibox > div {padding:10px 10px;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(1) {padding:10px 0px;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(1) > div:nth-child(1) {font-size:13px;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(1) > div:nth-child(2) {font-size:12px;}
.gameinfo1 > .d7 > .ibox > div > div.on > div:nth-child(1) > div:nth-child(2) {font-size:12px;}
.gameinfo1 > .d7 > .ibox > div > div.on > div:nth-child(1) > div:nth-child(2) > i {transform:rotate(180deg);}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(2) {padding-bottom:10px;font-size:11px;}
.gameinfo1 > .d7 > .ibox > div > div > div:nth-child(2) > .more {margin-top:10px;}

.spell_box {margin-top:5px;}
.spell_box > div {float:left;width:calc(100% - 20px);height:auto;margin-top:15px;}
.spell_box > div:nth-child(even) {margin-left:0px;}
.spell_box > div:nth-of-type(n+3) {margin-top:15px;}
.spell_box > div > div:nth-child(1) {width:60px;}
.spell_box.v2 > div > div:nth-child(1) {width:40px;}
.spell_box > div > div:nth-child(2) {flex:1;margin-left:15px;}
.spell_box > div > div:nth-child(2) > div:nth-child(1) {font-size:13px;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) {font-size:11px;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div {padding-left:5px;font-size:11px;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div.icon {width:15px;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div.icon > div {width:15px;height:15px;line-height:13px;}
.spell_box > div > div:nth-child(2) > div:nth-child(2) > .price > div.icon > div > img {width:10px;}

.stat_box {margin-top:20px;}
.stat_box > .t1 {display:block;max-width:100%;text-align:center;}
.stat_box > .t1 > div:nth-child(odd) {display:inline-block;width:25px;height:25px;font-size:14px;line-height:23px;}
.stat_box > .t1 > div:nth-child(odd).on > span {font-size:14px;}
.stat_box > .t1 > div:nth-child(even) {display:inline-block;flex:none;width:10px;}
.stat_box > .t2 {overflow:hidden;position:relative;}

.hero_box > .filter {padding:5px 0px 0px 0px;}
.hero_box > .filter > div:nth-child(1) {position:relative;float:none;padding:0px 10px 5px 10px;border-bottom:1px solid rgba(150,150,150,0.25);}
.hero_box > .filter.v2 > div:nth-child(1) {display:block;}
.hero_box > .filter > div:nth-child(1) > div {height:25px;margin-left:5px;padding:0px 5px;font-size:10px;line-height:25px;}
.hero_box > .filter.v2 > div:nth-child(1) > div {display:inline-block;}
.hero_box > .filter > div:nth-child(2) {position:relative;padding:0px 10px;border-left:0px;}
.hero_box > .filter > div:nth-child(2) .search {width:100%;height:25px;margin-top:5px;margin-bottom:5px;}
.hero_box > .filter > div:nth-child(2) .search > div:nth-child(1) {font-size:14px;}
.hero_box > .filter > div:nth-child(2) .search > div:nth-child(2) > input {height:25px;font-size:12px;}
.hero_box > .list {margin-top:20px;}
.hero_box > .list > div {width:calc(33.3% - 10px);margin:0px 5px 15px 5px;}
.hero_box > .list > div > .herobtn {min-height:0px;padding:15px 0px;line-height:1px;}
.hero_box > .list > div > .herobtn > img {width:70%;max-width:70%;}
.hero_box > .list > div > .heroname {font-size:11px;}
.hero_box > .list > div.empty {padding:60px 20px;font-size:11px;}
.hero_box > .detail > .d1 {overflow:hidden;display:block;}
.hero_box > .detail > .d1 > div:nth-child(1) {float:left;padding:15px;}
.hero_box > .detail > .d1 > div:nth-child(1) > .t1 > img {width:80px;}
.hero_box > .detail > .d1 > div:nth-child(2) {float:left;flex:none;width:calc(100% - 132px);padding:15px 15px 15px 0px;border:0px;}
.hero_box > .detail > .d1 > div:nth-child(2) > .t1 {font-size:16px;}
.hero_box > .detail > .d1 > div:nth-child(2) > .t2 {margin-top:20px;font-size:11px;line-height:1.7;} 
.hero_box > .detail > .d1 > div:nth-child(2) > .t3 {position:relative;right:auto;bottom:auto;margin-top:15px;font-size:11px;} 
.hero_box > .detail > .d1 > div:nth-child(3) {width:auto;clear:both;border-top:1px solid rgba(150,150,150,0.25);}
.hero_box > .detail > .d1 > div:nth-child(3) > .t1 {height:40px;padding:0px 15px;font-size:12px;line-height:40px;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 {overflow-x:auto;overflow-y:hidden;height:135px;padding:15px 15px 0px 15px;white-space:nowrap;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div {float:none;display:inline-block;width:65px;margin:0px 5px 0px 5px;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div > .herobtn {min-height:0px;padding:12px 0px;line-height:1;}
.hero_box > .detail > .d1 > div:nth-child(3) > .t2 > div > .heroname {height:15px;font-size:10px;line-height:15px;line-height:-1px;}
.hero_box > .detail > .d2 {margin-top:15px;padding:15px;}
.hero_box > .detail > .d2 > .t1 {padding:0px 0px 10px 0px;font-size:14px;}
.hero_box > .detail > .d2 > .t2 {margin-top:5px;font-size:11px;}
.hero_box > .detail > .d2 > .t2 > .cell {overflow:hidden;padding:10px 0px;}
.hero_box > .detail > .d2 > .t2 > .cell.v2 {display:block;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) {padding:0px 10px 0px 0px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1).v2 {flex:none;text-align:left;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1).v3 {flex:none;display:block;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn {width:40px;border-radius:4px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn.v2 {width:26px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn > .txt {height:30px;margin-top:-15px;font-size:16px;line-height:30px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn > .txt.one {font-size:20px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .skillbtn.v2 > .txt.one {font-size:14px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) .arrow {padding:0px 3px;font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn {width:50px;margin-right:0px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn.v2 {flex:none;display:block;float:left;margin-right:5px;margin-bottom:10px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn.v2:nth-child(4) {clear:both;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn > span {font-size:10px;letter-spacing:-1px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn.v2 > span {line-height:1.3;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .spellbtn.v2 > img {width:30px;} 
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree {display:block;width:100%;height:auto;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill {display:inline-block;margin-bottom:15px;vertical-align:middle;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(1) {padding:1px 0px;font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .skill > div:nth-child(2) {width:16px;height:16px;font-size:10px;line-height:16px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(1) > .skilltree > .arrow {display:inline-block;margin-bottom:15px;padding:0px 2px;font-size:10px;vertical-align:middle;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo > div > .i1 {color:#fff;font-size:12px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo > div > .i2 {font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .spellinfo > div > .i3 {font-size:12px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t1 {font-size:12px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t2 {margin-top:10px;font-size:11px;}
.hero_box > .detail > .d2 > .t2 > .cell > div:nth-child(2) > .t2 > .stxt > div:nth-child(1) {margin-right:5px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(1) > span {font-size:11px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i1 {font-size:11px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i1 > .btn_mo > .save {padding:3px 6px;font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i1 > .btn_mo > .cancel {padding:3px 6px;font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .memo {margin-top:15px;font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell {width:60px;height:60px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats {width:50px;height:50px;margin-right:15px;margin-bottom:10px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats:last-child {margin-right:0px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .cur > div:nth-child(1) > span {font-size:12px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel {width:120px;height:180px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats > .sel {width:150px;height:200px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel > div {width:100%;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel > div > img {width:50%;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell > .sel > div > span {font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div {margin:0px 4px 0px 4px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .level {font-size:10px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur {width:31px;height:31px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(1) > span {font-size:11px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .spell.stats > .cur > div:nth-child(1) > span {font-size:10px;letter-spacing:-1px;}
.hero_box > .detail > .d2 > .t2 > .custom > div:nth-child(2) .input_data > div > .i2 > .skill > div > .cur > div:nth-child(2) > span {height:30px;margin-top:-15px;font-size:16px;line-height:30px;}

.data_menu {margin-bottom:20px;}
.data_menu > div {height:25px;padding:0px;margin-left:5px;font-size:10px;line-height:25px;letter-spacing:-1px;}
.data_menu > div > i {display:none;}
.data_box {display:block;}
.data_box > div {flex:none;height:auto;padding:0px 10px 10px 10px;margin:0px 0px 10px 0px;}
.data_box > div.nmb {margin-bottom:10px;}
.data_box > div.nmb:last-child {margin-bottom:0px;}
.data_box > div.v2 {height:auto;}
.data_box > div > .t1 {margin:15px 0px 5px 0px;font-size:14px;}
.data_box > div > .t2 > .empty {padding:60px 20px;font-size:11px;line-height:1.5;}
.data_box > div > .t2 > .cell {height:30px;padding:0px 5px;font-size:11px;line-height:28px;}
.data_box > div > .t2 > .cell > div:nth-child(1) {margin-right:8px;font-size:9px;}
.data_box > div > .t2 > .cell > div:nth-child(1).txt {font-size:10px;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle {display:none;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle.v2 {display:inline-block;width:150px;}
.data_box > div > .t2 > .cell > div:nth-child(2) > .stitle.v3 {display:inline-block;width:150px;}
.data_box > div > .t2 > .cell > div:nth-child(2) .profile_img {height:18px;}
.data_box > div > .t2 > .cell > div:nth-child(2) .profile_img > img {height:18px;}
.data_box > div > .t2 > .cell > div:nth-child(3) {margin-left:5px;}
.data_box > div > .t2 > .cell > div:nth-child(3) .rank_img > img {height:20px;}
.data_box > div > .t2 > .menu1 > .m1 {height:auto;padding:15px 0px;}
.data_box > div > .t2 > .menu1 > .m1 > div {font-size:11px;}
.data_box > div > .t2 > .menu1 > .m1 > div > .morebtn {margin-top:15px;padding:4px 10px;font-size:12px;}
.data_box > div > .t2 > .menu2 > .m1 {height:auto;padding:15px 0px;}
.data_box > div > .t2 > .menu2 > .m1 > div {font-size:11px;}
.data_box > div > .t2 > .menu2 > .m1 > div > .morebtn {margin-top:15px;padding:4px 10px;font-size:12px;}
.data_box > div > .t2 > .menu3 > .m1 {height:auto;padding:15px 0px;}
.data_box > div > .t2 > .menu3 > .m1 > div {font-size:11px;}
.data_box > div > .t2 > .menu3 > .m1 > div > .morebtn {margin-top:15px;padding:4px 10px;font-size:12px;}
.data_box > div > .t2 > .menu3 > .m2 > div:nth-child(1) {margin-top:-30px;}
.data_box > div > .t2 > .menu3 > .m2 > div > div > img {width:50px;height:auto;}

.page_box {margin-top:20px;}
.page_box .btn {padding:5px 8px;font-size:12px;}
.page_box .btn.arr {font-size:12px;}
.page_box > .line {width:5px;}

.patch_box > div {margin-top:10px;padding:10px 10px 15px 10px;}
.patch_box > div > .t1 {margin:0px 0px 10px 0px;padding:0px 0px 5px 0px;font-size:12px;}
.patch_box > div > .t1 > .profile_img {height:18px;}
.patch_box > div > .t1 > .profile_img > img {height:18px;}
.patch_box > div > .t1 > .date {position:relative;right:auto;bottom:auto;margin-top:5px;font-size:11px;}
.patch_box > div > .t2 {padding:0px 5px;color:#fff;font-size:11px;}
.patch_box > div.empty {padding:60px 20px;font-size:11px;}

.lobby_box {padding:0px 10px 10px 10px;background-color:rgba(0,0,0,0.5);}
.lobby_box.mt {margin-top:20px;}
.lobby_box > .noti {margin-bottom:0px;padding:12px 0px 12px 0px;font-size:11px;}
.lobby_box > table {display:block;width:auto;}
.lobby_box > table > thead {display:none;}
.lobby_box > table > tbody, .lobby_box > table > tbody > tr {position:relative;display:block;}
.lobby_box > table > tbody > tr > td {background-color:transparent;}
.lobby_box > table > tbody > tr:hover > td {background-color:transparent;}
.lobby_box > table > tbody > tr > td.td1 {width:auto;}
.lobby_box > table > tbody > tr > td.td2 {width:auto;}
.lobby_box > table > tbody > tr > td.empty {display:block;width:100%;padding:60px 20px;font-size:11px;}
.lobby_box > table > tbody > tr.lobby {min-height:80px;padding:10px 0px 10px 90px;border-bottom:1px dashed rgba(150,150,150,0.25);}
.lobby_box > table > tbody > tr.lobby.v2 {padding-left:30px;}
.lobby_box > table > tbody > tr.lobby > td {display:block;padding:0px 0px 0px 0px;border:0px;font-size:11px;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(1) {position:absolute;left:0px;top:10px;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(2) {width:auto;color:#fff;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(2)::before {color:#ccc;content:"모드: "}
.lobby_box > table > tbody > tr.lobby > td:nth-child(3) {width:auto;color:#fff;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(3)::before {color:#ccc;content:"서버: "}
.lobby_box > table > tbody > tr.lobby > td:nth-child(4) {width:auto;color:#fff;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(4)::before {color:#ccc;content:"제목: "}
.lobby_box > table > tbody > tr.lobby > td:nth-child(5) {width:auto;color:#fff;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(5)::before {color:#ccc;content:"인원: "}
.lobby_box > table > tbody > tr.lobby > td:nth-child(6) {width:auto;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(6)::before {color:#ccc;content:"호스트: "}
.lobby_box > table > tbody > tr.lobby > td:nth-child(7) {width:auto;}
.lobby_box > table > tbody > tr.lobby > td:nth-child(7)::before {color:#ccc;content:"상태/시작시간: "}
.lobby_box > table > tbody > tr.rank1 {background:linear-gradient(to top, rgba(255,220,115,0.3) 0%, rgba(255,220,115,0.3) 5%, rgba(0,0,0,0) 50%);border-bottom:1px dashed rgba(255,220,115,0.6);}
.lobby_box > table > tbody > tr.rank2 {background:linear-gradient(to top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.25) 5%, rgba(0,0,0,0) 50%);border-bottom:1px dashed rgba(255,255,255,0.5);}
.lobby_box > table > tbody > tr.rank3 {background:linear-gradient(to top, rgba(166,124,0,0.25) 0%, rgba(166,124,0,0.25) 5%, rgba(0,0,0,0) 50%);border-bottom:1px dashed rgba(166,124,0,0.5);}
.lobby_box > table > tbody > tr.rank1 > td {background:transparent;}
.lobby_box > table > tbody > tr.rank2 > td {background:transparent;}
.lobby_box > table > tbody > tr.rank3 > td {background:transparent;}
.lobby_box > table > tbody > tr.lobby > td.text-center {text-align:left !important;}
.lobby_box > table > tbody > tr.player {min-height:100px;padding:10px 0px 10px 60px;border-bottom:1px dashed rgba(150,150,150,0.25);}
.lobby_box > table > tbody > tr.player > td {display:block;padding:0px 0px 0px 0px;border:0px;font-size:11px;}
.lobby_box > table > tbody > tr.player > td:nth-child(1) {position:absolute;left:0px;top:10px;}
.lobby_box > table > tbody > tr.player > td:nth-child(2) {display:inline-block;width:auto;}
.lobby_box > table > tbody > tr.player > td:nth-child(2)::before {color:#ccc;content:""}
.lobby_box > table > tbody > tr.player > td:nth-child(3) {display:inline-block;width:100%;}
.lobby_box > table > tbody > tr.player > td:nth-child(4) {display:inline-block;width:auto;color:#fff;}
.lobby_box > table > tbody > tr.player > td:nth-child(4)::before {color:#ccc;content:"전적: "}
.lobby_box > table > tbody > tr.player > td:nth-child(4)::after {color:#fff;content:"승 / "}
.lobby_box > table > tbody > tr.player > td:nth-child(5) {display:inline-block;width:auto;color:#fff;}
.lobby_box > table > tbody > tr.player > td:nth-child(5)::after {color:#fff;content:"패"}
/*
.lobby_box > table > tbody > tr.player > td:nth-child(6) {display:inline-block;width:auto;color:#fff;}
.lobby_box > table > tbody > tr.player > td:nth-child(6)::after {color:#fff;content:"탈주 "}
*/
.lobby_box > table > tbody > tr.player > td:nth-child(6) {width:auto;color:#fff;}
.lobby_box > table > tbody > tr.player > td:nth-child(6)::before {color:#ccc;content:"승률: "}
.lobby_box > table > tbody > tr.player > td:nth-child(7) {width:auto;color:#fff;}
.lobby_box > table > tbody > tr.player > td:nth-child(7)::before {color:#ccc;content:"누적 게임 수: "}
.lobby_box > table > tbody > tr.player > td:nth-child(8) {width:auto;color:#fff;}
.lobby_box > table > tbody > tr.player > td:nth-child(8)::before {color:#ccc;content:"종합 점수: "}
.lobby_box > table > tbody > tr.player > td.text-center {text-align:left !important;}
.lobby_box > table > tbody > tr.class {min-height:100px;padding:10px 0px 10px 60px;border-bottom:1px dashed rgba(150,150,150,0.25);}
.lobby_box > table > tbody > tr.class > td {display:block;padding:0px 0px 0px 0px;border:0px;font-size:11px;}
.lobby_box > table > tbody > tr.class > td:nth-child(1) {position:absolute;left:0px;top:10px;}
.lobby_box > table > tbody > tr.class > td:nth-child(2) {display:inline-block;width:auto;}
.lobby_box > table > tbody > tr.class > td:nth-child(2)::before {color:#ccc;content:""}
.lobby_box > table > tbody > tr.class > td:nth-child(3) {display:inline-block;width:100%;padding-bottom:10px;}
.lobby_box > table > tbody > tr.class > td:nth-child(4) {display:inline-block;width:auto;color:#fff;}
.lobby_box > table > tbody > tr.class > td:nth-child(4)::before {color:#ccc;content:"칭호: "}
.lobby_box > table > tbody > tr.class > td:nth-child(5) {display:inline-block;width:auto;color:#fff;}
.lobby_box .lobby_img {width:80px;}
.lobby_box .player_img {width:35px;}
.lobby_box .rank_img {width:30px;}

#hotshot_DIV > .popwindow > .popbox {position:absolute;width:90%;height:auto;left:5%;top:65px;margin:0px 0px 0px 0px;}
#hotshot_DIV > .popwindow > .popbox.login {box-shadow:0px 0px 40px 3px #ff8a00;}
#hotshot_DIV > .popwindow > .popbox.join {height:auto;margin-top:0px;padding-bottom:20px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) {position:relative;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t1 {font-size:16px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 {margin:30px auto 0px auto;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 > .input {height:35px;margin-top:12px;font-size:12px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 > .secret {height:35px;margin-top:12px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 > .secret > div:nth-child(1) {height:35px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 > .secret > div:nth-child(1) > iframe {margin-top:5px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 > .secret > div:nth-child(2) {height:35px;font-size:12px;line-height:33px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 > .secret > div:nth-child(3) > input {height:35px;font-size:12px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t2 > .submit {height:35px;margin-top:12px;font-size:13px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t3 {margin:25px auto 0px auto;font-size:11px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(1) > .cont > .t3 > strong {font-size:12px;}
#hotshot_DIV > .popwindow > .popbox > div:nth-child(2) {font-size:20px;}

}