@charset "utf-8";

header, footer, nav, section, article, aside {display:block;}
* {padding:0; margin:0;}

h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;}
li {list-style:none;}
img,fieldset {border:0;vertical-align:top;}
em {font-style:normal;}
input.radio {width:13px; height:13px; vertical-align:middle;}
address,em,i {font-style:normal;}
.hdn, legend,table caption{font-size:0; height:0; overflow:hidden; position:absolute;visibility:hidden; width:0; line-height:0;}
table caption{font-size:0; height:0; overflow:hidden; position:static;visibility:hidden; width:0; line-height:0;}
a {text-decoration:none; color:inherit;}

html { height:100%; }

body {
	font-family: "Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
	font-size: 12px;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background: url("../images/mainbg.png") top center no-repeat;
	background-color:#151515;
	line-height:1.2;
}

input:focus { outline: none; }

.body_bg video { position : fixed; top : 0; left : 0; min-width : 100%; min-height : 100%; width : auto; height : auto; z-index : -1; opacity: 0.3; }

.wrap { position:relative; width:100%; height:100%; margin:0; padding:0; font-family: "맑은 고딕"; }

header { height: 270px; }

.hdr-top { position: relative; display: block; width: 1600px; height: 200px; margin: 0 auto; }
.hdr-top .superman { position: absolute; top: 30px; left: 50%; margin-left: -150px; cursor: pointer; }

.hdr-top .sns-div { position: absolute; top: 25px; right: -130px; background: #039be5; border-radius: 20px; }
.hdr-top .sns-div .sns-cont { position: relative; padding: 10px 15px 10px 55px; color: #fff; text-align: left; background: url("../images/telegramicon.png") top 15px left 10px no-repeat; }
.hdr-top .sns-div .sns-cont h5 { display: block; font-size: 12px; font-weight: normal; }
.hdr-top .sns-div .sns-cont h4 { display: block; font-size: 24px; font-weight: bold; }

.ht-loginwrap { position: absolute; top: 20px; right: 90px; height: 80px; clear: both; text-align: right; }
.ht-loginwrap .button-login { display: inline-block; width: 78px; height: 38px; border-radius: 8px; cursor: pointer; text-align: center; line-height: 38px; border: 1px #f9b208 solid; color: #f9b208; font-size: 14px; margin: 20px 5px 0; font-weight: bold; }
.ht-loginwrap .button-register { display: inline-block; width: 80px; height: 40px; border-radius: 8px; cursor: pointer; text-align: center; line-height: 38px; background: #f9b208; color: #222; font-size: 14px; margin: 20px 0 0; font-weight: bold; }

.ht-loginwrap-login { position: absolute; top: 20px; right: 80px; height: 80px; clear: both; text-align: right; }
.ht-loginwrap-login .userinfo-dd { display: inline-block; color: #eee; font-weight: bold; margin: 17px 20px 0 0; vertical-align: top; }
.ht-loginwrap-login .userinfo-dd .username { display: block; font-size: 11px; }
.ht-loginwrap-login .userinfo-dd .dd-cash { display: block; font-size: 16px; color: #30a3de; letter-spacing: 0;  }
.ht-loginwrap-login .userinfo-dd .dd-cash span { font-size: 11px; }
.ht-loginwrap-login .userinfo-dd .dd-point { display: block; font-size: 12px; color: #30de65; letter-spacing: 0; }
.ht-loginwrap-login .userinfo-dd .dd-point span { font-size: 11px; }
.ht-loginwrap-login .button-cgr { display: inline-block; width: 80px; height: 40px; border-radius: 8px; cursor: pointer; text-align: center; line-height: 38px; background: #f9b208; color: #222; font-size: 14px; font-weight: bold; vertical-align: top; margin: 20px 5px 0; }
.ht-loginwrap-login .button-wtr { display: inline-block; width: 78px; height: 38px; border-radius: 8px; cursor: pointer; text-align: center; line-height: 38px; border: 1px #f9b208 solid; color: #f9b208; font-size: 14px; font-weight: bold; vertical-align: top; margin: 20px 0 0; }
.ht-loginwrap-login .ui-wrap { display: inline-block; margin: 26px 0 0 15px; vertical-align: top; }
.ht-loginwrap-login .ui-wrap .ui-button1 { display: inline-block; width: 26px; height: 26px; background: url("../images/ui1.png") center center no-repeat; position: relative; cursor: pointer; margin: 0 8px 0; }
.ht-loginwrap-login .ui-wrap .ui-button2 { display: inline-block; width: 26px; height: 26px; background: url("../images/ui2.png") center center no-repeat; position: relative; cursor: pointer; margin: 0 8px 0; }
.ht-loginwrap-login .ui-wrap .newico { position: absolute; top: -2px; right: -10px; }
.ht-loginwrap-login .ui-wrap .ui-button3 { display: inline-block; width: 26px; height: 26px; background: url("../images/ui3.png") center center no-repeat; position: relative; cursor: pointer; margin: 0 8px 0; }
.ht-loginwrap-login .ui-wrap .ui-button4 { display: inline-block; width: 26px; height: 26px; background: url("../images/ui4.png") center center no-repeat; position: relative; cursor: pointer; margin: 0 8px 0; }

.news-wrap { display: block; position: relative; top: 140px; margin: 0 auto; width: 1600px; }

.news-cont { display: block; margin: 0 80px 0; background: url("../images/newsico.png") top left no-repeat; background-color: #000; border-radius: 15px; height: 40px; box-shadow: rgba(0, 0, 0, 0.5) 0 2px 10px; text-align: left; padding: 0 0 0 50px; line-height: 40px; }
.news-cont p { color: #fff; font-size: 16px; font-weight: bold; }

.menu-wrap { display: block; background: #000; position: relative; height: 70px; min-width: 1600px; }
nav { position:relative; z-index: 1; }

#menutype { position: relative; text-align:center; margin:0 auto; padding:0 10px 0; font-weight: bold; }
#menutype ul { list-style: none; padding: 0; margin: 0; line-height: 1; }
#menutype > ul { position: relative; display: block; width: 100%; z-index: 500; }
#menutype:after,
#menutype > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#menutype.align-right > ul > li { float: center; }
#menutype.align-center ul { text-align: center; }
#menutype.align-center ul ul { text-align: left; }
#menutype > ul > li { display: inline-block; position: relative; margin: 0; padding: 0; }
#menutype > ul > #menu-button { display: none; }
#menutype ul li a { display: block; text-decoration: none; }
#menutype > ul > li > a {
	padding:20px 20px;
	font-size:16px;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
	line-height: 30px;
	color: #aaa;
}
#menutype > ul > li > a:hover { color: #fff; }

#menutype li.has-sub::after { display: block; content: ""; position: absolute; width: 0; height: 0; }
#menutype ul ul {
	position: absolute;
	left: -9999px;
	top: 30px;
	opacity: 0;
	z-index: 1000;
	background-color:#181818;
	box-shadow:rgba(0, 0, 0, 0.5) 0 2px 10px;
}
#menutype ul ul li { position: relative; }
#menutype > ul > li:hover > ul { left: 10px ; top: 70px; opacity: 1; }
#menutype.align-right > ul > li:hover > ul { left: auto; right: 0; opacity: 1; }
#menutype ul ul li:hover > ul { left: 170px; top: 0; opacity: 1; }
#menutype.align-right ul ul li:hover > ul { left: auto; right: 170px; top: 0; opacity: 1; padding-right: 5px; }
#menutype ul ul li a {
	text-align:left;
	width: 200px;
	padding: 20px;
	font-size: 14px;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
	color: #999;
}
#menutype ul ul li:hover > a { color: #fff; background:#222; }



.popup { padding:0; z-index:9999; background:linear-gradient(#222 0%, #111 100%); color:#eee; box-shadow:rgba(0, 0, 0, 0.8) 0 10px 20px; border:1px #222 solid; width:400px; position:absolute; top:10%; right:20%; }
.popup h1 { position:relative; padding:10px; font-size:12px; font-weight:400; line-height:20px; background:#111; color:#eee; }
.popup .topline { position:relative; bottom:0; margin:0 10px 0; height:50px; }
.popup .topline h2 { position:relative; float:right; line-height:50px; color:#eee; font-size:12px; font-weight:400; }
.popup .topline .closebox { position:relative; float:right; margin:18px 10px; }
.popup .topline .check { position:relative; float:right; margin:18px 5px 0 0; }


section { display: block; margin: 0; padding: 0; }


.container { display: block; min-height: 600px; margin: 0 auto; padding: 20px 0 0; position: relative; }
.container:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }

.main-bnr { display: block; height: 280px; background: url("../images/mainbnrbg.png") top center no-repeat; text-align: center; color: #fff; }
.main-bnr h1 { font-size: 50px; padding: 35px 0 0; }
.main-bnr h2 { font-size: 25px; margin: 0; font-weight: normal; }
.main-bnr h3 { font-size: 60px; margin: 5px 0 0; font-weight: bold; }
.main-bnr h4 { font-size: 25px; margin: 0; font-weight: normal; }

.menu-bnr { display: flex; margin: 20px 0 0; flex-wrap: wrap; width: 1460px; margin: 0 auto; }
.menu-bnr .bnrbutton { margin: 1px; width: 240px; height: 240px; background: #222; border-radius: 10px; box-shadow:rgba(0, 0, 0, 0.5) 0 2px 20px; position: relative; color: #fff; object-fit: cover; }
.menu-bnr .bnrbutton .buttonnametxt { position: absolute; font-size: 22px; font-weight: bold; left: 10px; bottom: 70px; }
.menu-bnr .bnrbutton .subnametxt { position: absolute; font-size: 12px; left: 10px; bottom: 55px; color: #999; }

.menu-bnr .bnrbutton .playbutton { display: inline-block; padding: 10px 16px 12px; border-radius: 10px; background: #db3a3a; cursor: pointer; color: #fff; font-weight: bold; font-size: 14px; transition: all 300ms ease-in-out; position: absolute; right: 10px; bottom: 10px; }
.menu-bnr .bnrbutton .playbutton:hover { background: #ff5252; }

.menu-bnr .bnr1 { background: url("../images/bnrbg1.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; box-shadow: inset rgba(255, 69, 76, 0.7) 0 0 20px; }
.menu-bnr .bnr1:hover { background-size: 105% 105%; }
.menu-bnr .bnr2 { background: url("../images/bnrbg2.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; box-shadow: inset rgba(255, 69, 76, 0.7) 0 0 20px; }
.menu-bnr .bnr2:hover { background-size: 105% 105%; }
.menu-bnr .bnr3 { background: url("../images/bnrbg3.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; box-shadow: inset rgba(255, 69, 76, 0.7) 0 0 20px; }
.menu-bnr .bnr3:hover { background-size: 105% 105%; }
.menu-bnr .bnr4 { background: url("../images/bnrbg4.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr4:hover { background-size: 105% 105%; }
.menu-bnr .bnr5 { background: url("../images/bnrbg5.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr5:hover { background-size: 105% 105%; }
.menu-bnr .bnr6 { background: url("../images/bnrbg6.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr6:hover { background-size: 105% 105%; }
.menu-bnr .bnr7 { background: url("../images/bnrbg7.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr7:hover { background-size: 105% 105%; }
.menu-bnr .bnr8 { background: url("../images/bnrbg8.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr8:hover { background-size: 105% 105%; }
.menu-bnr .bnr9 { background: url("../images/bnrbg9.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr9:hover { background-size: 105% 105%; }
.menu-bnr .bnr10 { background: url("../images/bnrbg10.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr10:hover { background-size: 105% 105%; }
.menu-bnr .bnr11 { background: url("../images/bnrbg11.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr11:hover { background-size: 105% 105%; }
.menu-bnr .bnr12 { background: url("../images/bnrbg12.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr12:hover { background-size: 105% 105%; }
.menu-bnr .bnr13 { background: url("../images/bnrbg13.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr13:hover { background-size: 105% 105%; }
.menu-bnr .bnr14 { background: url("../images/bnrbg14.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr14:hover { background-size: 105% 105%; }
.menu-bnr .bnr15 { background: url("../images/bnrbg15.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr15:hover { background-size: 105% 105%; }
.menu-bnr .bnr16 { background: url("../images/bnrbg16.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr16:hover { background-size: 105% 105%; }
.menu-bnr .bnr17 { background: url("../images/bnrbg17.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr17:hover { background-size: 105% 105%; }
.menu-bnr .bnr18 { background: url("../images/bnrbg18.png") center center no-repeat; transition: all 300ms ease-in-out; background-size: 100% 100%; }
.menu-bnr .bnr18:hover { background-size: 105% 105%; }

.menu-bnr .bnrbutton .imgtxt { position: absolute; right: 15px; bottom: 55px; }
.menu-bnr .bnrbutton .imgtxt img { height: 50px; }
.menu-bnr .bnrbutton .hotlabel { position: absolute; left: 0; top: 0; width: 80px; height: 80px; background: url("../images/hotlabel.png") top left no-repeat; }

.menu-bnr .bnrbutton .linart { position: absolute; width: 100%; height: 100%; border-radius: 10px; box-shadow:rgba(255, 69, 76, 1) 0 0 10px; transition: all 300ms ease-in-out; }
.menu-bnr .bnrbutton:hover .linart { box-shadow:rgba(255, 69, 76, 1) 0 0 30px; }

.mainbbs-wrap { display: block; clear: both; text-align: center; margin: 0 auto; width: 1600px; padding-top: 50px;}
.mainbbs-wrap .bbs-div { display: inline-block; width: 48.222%; vertical-align: top; margin: 0 10px 0; }
.mainbbs-wrap .bbs-div .divtitle { display: block; color: #fff; font-size: 20px; font-weight: bold; padding: 10px 5px; text-align: left; }
.mainbbs-wrap .bbs-div ul li { display: block; position: relative; border-radius: 5px; background: #111; border: 1px #181818 solid; margin: 0 0 8px; height: 55px; transition: all 150ms ease-in-out; cursor: pointer; padding: 0 20px 0 30px; text-align: left; overflow: hidden; text-overflow: ellipsis; line-height: 54px;}
.mainbbs-wrap .bbs-div ul li:hover { background: #222; }
.mainbbs-wrap .bbs-div ul li a { color: #fff; font-size: 15px; }
.mainbbs-wrap .bbs-div ul li label { width: 3px; height: 3px; border-radius: 3px; background: #ff004e; position: absolute; top: 27px; left: 15px; }

.wrapper { display: none; }

footer { display: block; }
.ftr-wrap { display: block; margin: 100px 0 0; text-align: center; padding: 0 10px 40px; }
.ftr-wrap .btm-img { display: block; opacity: 0.2; margin: 20px 0 0; }
.ftr-wrap .copyright { color: #888; font-size: 12px; margin: 50px 0 0; display: block; letter-spacing: 0; }

.pppwdw { position: absolute; width: 600px; top: 120px; left: 50%; margin-left: -300px; background: #111; border-radius: 25px; box-shadow: 0 19px 38px rgba(0,0,0, 1), 0 15px 12px rgba(0,0,0,0.22); z-index: 100; }
.ppw { width: 800px; margin-left: -400px; }
.pppwdw	@keyframes toRight { to { opacity: 0; transform: translateX(30px); } }
.pppwdw::view-transition-new(root) { animation: 0.5s toRight linear; }

.pp-wrapper { position: relative; padding: 30px 40px 50px; display: block; letter-spacing: 0; }
.pp-wrapper .pp-close { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.pp-wrapper .pp-titlename { display: block; text-align: left; font-size: 12px; color: #fff; }
.pp-wrapper h5 { display: block; text-align: center; color: #fff; font-size: 18px; font-weight: normal; margin: 40px 0 0; }
.pp-wrapper h4 { display: block; text-align: center; color: #aaa; font-size: 12px; font-weight: normal; }

.login-input-wrap { display: block; margin: 30px 100px 0; }

.inputstyle { display: block; background: #111; height: 50px; padding: 0 15px; position: relative; border-bottom: 1px #333 solid; transition: all 150ms ease-in-out; padding-top: 10px; }
.inputstyle label { position: absolute; top: 8px; left: 15px; color: #f9b208; font-size: 11px; }
.inputstyle .rst { color: #fc0; }
.inputstyle .dup-button { position: absolute; top: 13px; right: 10px; font-size: 11px; display: inline-block; background: #333; color: #aaa; border-radius: 6px; text-align: center; width: 68px; height: 34px; line-height: 34px; letter-spacing: -0.07em; cursor: pointer; }
.inputstyle:hover { border-bottom: 1px #f9b208 solid; }
.inputstyle input { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 14px; }
.inputstyle select { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 14px; }
input:focus { outline: none; }
select:focus { outline: none; }
.inputstyle select option { background-color: #090909; color: #fff; }

.button-position { display: block; margin: 10px 100px 0; text-align: center; }
.button-position .agr-button { display: block; padding: 14px 0 16px; border-radius: 10px; cursor: pointer; text-align: center; background: #f9b208; color: #111; font-size: 14px; font-weight: bold; transition: all 150ms ease-in-out; }
.button-position .agr-button:hover { background: #ffcf5c; }
.button-position .register-button { display: block; padding: 14px 0 16px; border-radius: 10px; cursor: pointer; text-align: center; color: #f9b208; font-size: 14px; font-weight: bold; transition: all 150ms ease-in-out; margin: 10px 0 0; }
.button-position .register-button:hover { background: #282828; }

.main-content { padding: 0; background: #111; }

.content-wrap { display: block; width: 1600px; min-height: 600px; margin: 0 auto; padding: 0; position: relative; }
.content-wrap:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }

.cont-side { width: 199px; float: left; padding: 0 10px 50px; }
.cont-side .scw-name { display: block; margin: 20px 0 0; text-align: left; font-weight: bold; font-size: 12px; color: #aaa; cursor: pointer; position: relative; transition: all 150ms ease-in-out; }
.cont-side .scw-name:hover { color: #fff; }
.cont-side .scw-name span { margin: 0 0 0 20px; }
.cont-side .scw-name .countpp { display: inline-block; padding: 1px 7px 2px; background: #ff004e; font-size: 12px; color: #fff; border-radius: 10px; top: -3px; right: 10px; position: absolute; letter-spacing: 0; }
.cont-side .subname { display: block; margin: 30px 0 20px; text-align: left; font-weight: bold; font-size: 11px; color: #666; }

.cont-content { display: block; float: left; padding: 0 320px 0 20px; width: 1035px; }
.fscrn { padding: 0 20px 0 20px; width: 1240px; }

.pagename { display: block; text-align: left; color: #47433d; font-weight: bold; font-size: 12px; padding: 20px 0 10px; border-bottom: 1px #222 solid; margin: 0 0 20px; }
.pagename span { font-weight: normal; }
.pagename .nametxt { font-weight: bold; font-size: 20px; color: #aaa; }

.tab-outer { }
.tab-wrapper { }

.tab-area { display:block; clear:both; text-align:left; margin: 10px 0 0; }
.tab-area .tab-button { height:38px; width:130px; line-height:37px; color:#666; font-size:14px; text-align:center; cursor:pointer; position:relative; top:1px; display:inline-block; border-radius: 8px; background: #151515; transition: all 150ms ease-in-out; }
.tab-area .tab-button:hover { background: #333; color: #fff; }
.tab-area .on { background: #333; color: #fff; }

.tab-area2 { display:block; clear:both; text-align:left; margin: 10px 0 0; padding: 0; }
.tab-area2 .tab-button { height:36px; padding: 0 10px 0 40px; line-height:35px; color:#666; font-size:12px; font-weight: bold; text-align:left; cursor:pointer; position:relative; top:1px; display:inline-block; border-radius: 10px; border: 1px #232323 solid; transition: all 150ms ease-in-out; }
.tab-area2 .tab-button img { position: absolute; top: 9px; left: 8px; opacity: 0.3; }
.tab-area2 .tab-button .counting { position: absolute; top: -7px; right: -5px; display: inline-block; padding: 1px 5px 3px; background: #ff004e; font-size: 11px; color: #fff; border-radius: 20px; line-height: 1; }
.tab-area2 .tab-button:hover { background: #111; color: #fff; }
.tab-area2 .tab-button:hover img { opacity: 1; }
.tab-area2 .tab-button-on { height:36px; padding: 0 10px 0 40px; line-height:35px; color:#fff; font-size:12px; font-weight: bold; text-align:left; cursor:pointer; position:relative; top:1px; display:inline-block; border-radius: 10px; background: #2c294f; border: 1px #3a3663 solid; }
.tab-area2 .tab-button-on img { position: absolute; top: 9px; left: 8px; opacity: 1; }
.tab-area2 .tab-button-on .counting { position: absolute; top: -7px; right: -5px; display: inline-block; padding: 1px 5px 3px; background: #ff004e; font-size: 11px; color: #fff; border-radius: 20px; line-height: 1; }

.select-search-div { display:block; padding: 15px 10px; clear: both; text-align: left; }
.select-search-div .ssd-box { display: inline-block; width: 140px; height: 40px; margin: 0 15px 0 0; }
.select-search-div .ssd-box select { color: #faa432; font-display: 16px; font-weight: bold; width: 100%; height: 40px; background: transparent; border: 0; }

.gl-box-wrap { display: block; margin: 0 0 20px; letter-spacing: 0; position: relative; }
.gl-titlename { border-top-left-radius: 10px; border-top-right-radius: 10px; background: #16142b; height: 50px; position: relative; }
.gl-titlename .dvs-flag { position: absolute; top: 15px; left: 15px; }
.gl-titlename .dvs-name { padding: 15px 15px 0 45px; color: #7e7b9d; font-display: 14px; font-weight: bold; }
.gl-titlename .dvs-name cc { color: #fff; }
.gl-titlename .namepd { padding: 15px; }
.gl-titlename .dvs-name .dvs-type { display: inline-block; border: 1px #faa432 solid; border-radius: 10px; padding: 1px 5px 2px; color: #faa432; font-size: 12px; }

.gl-box-wrap .gl-end-cover { width: 100%; height: 100%; background: #000; opacity: 0.5; cursor: default; top: 0; left: 0; position: absolute; border-radius: 10px; }

.gl-bb-wrap { display: block; background: #181818; border: 1px #252525 solid; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px; }

.gg-figure { display: block; padding: 0 0 10px; border-bottom: 1px #252525 solid; }

.glg-item { display: block; padding: 10px; border-radius: 8px; }
.glg-on { background: #28221a; border: 1px #352b1f solid; }
/*.glg-item:hover { background: #252525; }*/

.glg-wrap { display: block; padding: 0 0 0 480px; min-height: 40px; letter-spacing: 0; position: relative; }

.glg-wrap .glg-data { width: 480px; position: absolute; top: 0; left: 0; }
.glg-wrap .glg-data .fav-off { display: inline-block; width: 30px; height: 30px; background: url("../images/fav.png") center center no-repeat; cursor: pointer; position: relative; top: 2px; }
.glg-wrap .glg-data .fav-on { display: inline-block; width: 30px; height: 30px; background: url("../images/favon.png") center center no-repeat; cursor: pointer; position: relative; top: 2px; }
.glg-wrap .glg-data .date-info { display: inline-block; text-align: left; color: #30a3de; font-size: 12px; width: 65px; line-height: 1.2; position: relative; top: 1px; }
.glg-wrap .glg-data .date-info span { color: #aaa; }

.glg-wrap .glg-data .teamname { display: inline-block; text-align: left; color: #fff; font-size: 14px; line-height: 1.2; position: relative; top: 2px; font-weight: bold; }
.glg-wrap .glg-data .teamname .name-wrap { display: block; }

.glg-wrap .odds-list { display: block; min-height: 40px; letter-spacing: 0; position: relative; }
.glg-wrap .odds-list .ol-wrap { display: block; clear: both; text-align: left; height: 40px; margin: 0 0 6px; position: relative; }
.glg-wrap .odds-list .ol-wrap:last-child { margin: 0 0 0; }
.glg-wrap .odds-list .ol-wrap .oi-wrap { display: inline-block; width: 28.777%; height: 38px; background: #262626; color: #faa432; border: 1px #333 solid; border-radius: 4px; cursor: pointer; transition: all 150ms ease-in-out; position: relative; margin: 0 1px 0; }
.glg-wrap .odds-list .ol-wrap .oi-wrap:hover { background: #333; border: 1px #faa432 solid; }

.glg-wrap .odds-list .ol-wrap .oi-wrap .odd-item { width: 100%; height: 38px; position: absolute; top: 0; left: 0; display:table; }
.glg-wrap .odds-list .ol-wrap .oi-wrap .odd-item .gg-odds { height:40px; position:relative; padding: 0 5px; display:table-cell; vertical-align:middle; line-height:1; text-align:center; font-weight: bold; }
.glg-wrap .odds-list .ol-wrap .up-button { display: inline-block; width: 30px; height: 30px; background: url("../images/glup.png") center center no-repeat; cursor: pointer; position: relative; top: -3px; }
.glg-wrap .odds-list .ol-wrap .down-button { display: inline-block; width: 30px; height: 30px; background: url("../images/gldown.png") center center no-repeat; cursor: pointer; position: relative; top: -3px; }
.glg-wrap .odds-list .ol-wrap label { position: absolute; top: 13px; right: 100%; margin-right: 8px; color: #777; font-size: 11px; text-align: right; }

.glg-wrap .odds-list .ol-wrap .oi-on { background: #faa432; color: #111; border: 1px #faa432 solid; }
.glg-wrap .odds-list .ol-wrap .oi-on:hover { background: #faa432; color: #111; border: 1px #faa432 solid; }

.clr-under { color: #0084d8; }
.clr-over { color: #ff4242; }
.clr-hdp { color: #ff4fa6; }

.glg-wrap-rst { display: block; padding: 0 0 0 480px; min-height: 40px; letter-spacing: 0; position: relative; }

.glg-wrap-rst .glg-data { width: 480px; position: absolute; top: 0; left: 0; }
.glg-wrap-rst .glg-data .fav-off { display: inline-block; width: 30px; height: 30px; background: url("../images/fav.png") center center no-repeat; cursor: pointer; position: relative; top: 2px; }
.glg-wrap-rst .glg-data .fav-on { display: inline-block; width: 30px; height: 30px; background: url("../images/favon.png") center center no-repeat; cursor: pointer; position: relative; top: 2px; }
.glg-wrap-rst .glg-data .date-info { display: inline-block; text-align: left; color: #30a3de; font-size: 12px; width: 65px; line-height: 1.2; position: relative; top: 1px; }
.glg-wrap-rst .glg-data .date-info span { color: #aaa; }
.glg-wrap-rst .glg-data .teamname { display: inline-block; text-align: left; color: #fff; font-size: 14px; line-height: 1.2; position: relative; top: 2px; font-weight: bold; }
.glg-wrap-rst .glg-data .teamname .name-wrap { display: block; }

.glg-wrap-rst .odds-list { display: block; min-height: 40px; letter-spacing: 0; position: relative; }
.glg-wrap-rst .odds-list .ol-wrap { display: block; clear: both; text-align: left; height: 40px; margin: 0 0 6px; position: relative; }
.glg-wrap-rst .odds-list .ol-wrap:last-child { margin: 0 0 0; }
.glg-wrap-rst .odds-list .ol-wrap .oi-wrap { display: inline-block; width: 28.777%; height: 38px; background: #262626; color: #faa432; border: 1px #333 solid; border-radius: 4px; transition: all 150ms ease-in-out; position: relative; margin: 0 1px 0; }

.glg-wrap-rst .odds-list .ol-wrap .oi-wrap .odd-item { width: 100%; height: 38px; position: absolute; top: 0; left: 0; display:table; }
.glg-wrap-rst .odds-list .ol-wrap .oi-wrap .odd-item .gg-odds { height:40px; position:relative; padding: 0 5px; display:table-cell; vertical-align:middle; line-height:1; text-align:center; font-weight: bold; }
.glg-wrap-rst .odds-list .ol-wrap .up-button { display: inline-block; width: 30px; height: 30px; background: url("../images/glup.png") center center no-repeat; position: relative; top: -3px; }
.glg-wrap-rst .odds-list .ol-wrap .down-button { display: inline-block; width: 30px; height: 30px; background: url("../images/gldown.png") center center no-repeat; position: relative; top: -3px; }
.glg-wrap-rst .odds-list .ol-wrap label { position: absolute; top: 13px; right: 100%; margin-right: 8px; color: #777; font-size: 11px; text-align: right; }
.glg-wrap-rst .odds-list .ol-wrap .score-label { position: absolute; top: 8px; right: 100%; margin-right: 8px; color: #faa432; font-size: 12px; text-align: right; line-height: 1; font-weight: bold; }
.glg-wrap-rst .odds-list .ol-wrap .score-label span { color: #777; font-size: 11px; }
.glg-wrap-rst .odds-list .ol-wrap .oi-on { background: #faa432; color: #111; border: 1px #faa432 solid; }

.glg-wrap-rst .odds-list .ol-wrap .my-oi-on { background: #28221a; color: #faa432; border: 1px #8f5e1e solid; }

.rst-1 { display: inline-block; width: 30px; height: 38px; background: #111; color: #3bf45e; border: 1px #34c750 solid; font-size: 12px; font-weight: bold; border-radius: 10px; transition: all 150ms ease-in-out; position: relative; margin: 0 1px 0; line-height: 37px; text-align: center; vertical-align: top; }
.rst-2 { display: inline-block; width: 30px; height: 38px; background: #111; color: #ff4c4c; border: 1px #ff4c4c solid; font-size: 12px; font-weight: bold; border-radius: 10px; transition: all 150ms ease-in-out; position: relative; margin: 0 1px 0; line-height: 37px; text-align: center; vertical-align: top; }
.rst-3 { display: inline-block; width: 30px; height: 38px; background: #111; color: #aaa; border: 1px #777 solid; font-size: 12px; font-weight: bold; border-radius: 10px; transition: all 150ms ease-in-out; position: relative; margin: 0 1px 0; line-height: 37px; text-align: center; vertical-align: top; }
.rst-4 { display: inline-block; width: 30px; height: 38px; background: #111; color: #5f4dbb; border: 1px #36287a solid; font-size: 12px; font-weight: bold; border-radius: 10px; transition: all 150ms ease-in-out; position: relative; margin: 0 1px 0; line-height: 37px; text-align: center; vertical-align: top;  }
.rst-ww { display: inline-block; width: 30px; height: 38px; border: 1px #3bf45e solid; border-radius: 10px; transition: all 150ms ease-in-out; text-align: center; vertical-align: top; background: url("../images/wwo.png") center center no-repeat; }
.rst-mm { display: inline-block; width: 30px; height: 38px; border: 1px #c00000 solid; border-radius: 10px; transition: all 150ms ease-in-out; text-align: center; vertical-align: top; background: url("../images/mmo.png") center center no-repeat; }

.rst-div { display: block; background: #090909; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
.rst-div table { table-layout:fixed; width:100%; border:0; border-collapse:collapse; border-spacing:0; border:0; display:table; }
.rst-div td { padding:10px 0; color:#eee; font-size:14px; text-align: left; line-height: 1; }
.rst-div td span { color: #a8a493; font-size: 11px; }
.rst-div td:first-child { text-align: center; }
.rst-div td:last-child { text-align: right; padding-right: 17px; }
.rst-div input { position: relative; top: 2px; }


.ttable { display: block; padding: 0 0 0 480px; clear: both; text-align: left; }
.ttable .tt-txt { display: inline-block; width: 28.777%; margin: 0 1px 0; color: #777; text-align: center; font-size: 11px; }

.betslip { width: 320px; position: absolute; top: 180px; right: 0; }
.betslip-ms { display: none; }
.betcart-name { display: none; }
.bs-wrap { position: relative; display: block; padding: 0; margin: 0; }
.bs-wrap .bs-top { background: #050505; position: relative; padding: 15px 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: left; display: block; color: #30a3de; font-size: 20px; }
.bs-wrap .bs-top .fixed-pp { position: absolute; top: 22px; right: 15px; color: #aaa; font-size: 12px; }
.bs-wrap .bs-top .fixed-pp input { position: relative; top: 1px; }
.bs-cont-wrap { background: #181818; border: 1px #252525 solid; display: block; padding: 6px; }
.bs-cont-wrap .bs-txt { display: block; text-align: left; color: #6b695f; font-size: 11px; font-weight: normal; }
.bs-cont-wrap .my-cartin { margin: 5px 0 0; }

.mybet-view { display: block; background: #222; border: 1px #282828 solid; border-radius: 3px; box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px; margin: 0 0 7px; }
.mybet-view .mbv-wrap { display: block; padding: 7px 10px; position: relative; text-align: left; color: #fff; }
.mybet-view .mbv-wrap .mbv-name { display: block; font-size: 12px; line-height: 1; }
.mybet-view .mbv-wrap .mbv-del { position: absolute; top: 8px; right: 8px; cursor: pointer; }

.mbv-odds-wrap { border-top: 1px #282828 solid; display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; letter-spacing: 0; }
.mbv-odds-wrap .odds-box { height: 30px; color: #777; font-size: 12px; text-align: center; position: relative; cursor: pointer; font-weight: bold; }
.mbv-odds-wrap .odds-box .odd-item { width: 100%; height: 30px; position: absolute; top: 0; left: 0; display:table; }
.mbv-odds-wrap .odds-box .odd-item .gg-odds { height:30px; position:relative; padding: 0 5px; display:table-cell; vertical-align:middle; line-height:1; text-align:center; }
.mbv-odds-wrap .odds-box:nth-child(1) { flex-grow: 1; }
.mbv-odds-wrap .odds-box:nth-child(2) { flex-grow: 1; border-left: 1px #282828 solid; border-right: 1px #282828 solid; }
.mbv-odds-wrap .odds-box:nth-child(3) { flex-grow: 1; }
.mbv-odds-wrap .od-on { color: #222; background: #faa432; }

.bs-infodata { background: #070707; border: 1px #232323 solid; border-radius: 5px; padding: 10px; height: 40px; display: block; position: relative; margin: 10px 0 0; }
.bs-infodata .odds-x { position: absolute; top: 8px; left: 8px; }
.bs-infodata .odds-x .x-txt { display: inline-block; padding: 1px 8px 1px; background: #ff004e; color: #fff; font-size: 11px; border-radius: 10px; }
.bs-infodata .odds-numb { position: absolute; top: 27px; left: 8px; font-size: 22px; font-weight: bold; color: #ff004e; }
.bs-infodata .odds-numb span { font-size: 12px; }
.bs-infodata .betcol-kr { position: absolute; top: 8px; right: 8px; }
.bs-infodata .betcol-kr .x-txt { display: inline-block; padding: 1px 8px 1px; background: #faa432; color: #111; font-size: 11px; border-radius: 10px; font-weight: bold; }
.bs-infodata .krw-t { position: absolute; bottom: 7px; right: 8px; font-size: 12px; font-weight: bold; color: #999; }

.bs-infodata .col-input { position: absolute; bottom: 2px; right: 0; padding: 0 35px 0 0; width: 180px; height: 26px; letter-spacing: 0; }
.bs-infodata .col-input input { width: 100%; height: 26px; font-size: 18px; color: #faa432; text-align: right; background: transparent; border: 0; }
.bs-infodata .col-input input::placeholder { font-size: 12px; }

.slt-mini-wrap { display: block; clear: both; text-align: center; margin: 4px 0 0; letter-spacing: 0; }
.slt-mini-wrap .min-button { display: inline-block; width: 23.111%; padding: 7px 0; text-align: center; color: #bbb; background: #222; border: 1px #262626 solid; border-radius: 4px; box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px; font-size: 12px; font-weight: bold; cursor: pointer; transition: all 150ms ease-in-out; margin: 0 0 4px; }
.slt-mini-wrap .min-button:hover { background: #444; }

.oddsxkrw { display: block; padding: 5px 5px; position: relative; letter-spacing: 0; color: #999; font-size: 12px; font-weight: bold; text-align: right; }
.oddsxkrw span { color: #faa432; font-size: 20px; }
.oddsxkrw .labelname { position: absolute; top: 13px; left: 8px; color: #999; font-size: 11px; }

.betnow-wrap { display: block; margin: 6px 0 0; }
.betnow-wrap .betnow-button { display: block; background: #30a3de; border: 1px #42bfff solid; padding: 10px 0; text-align: center; color: #000; font-weight: bold; font-size: 20px; cursor: pointer; box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px; transition: all 150ms ease-in-out; border-radius: 5px; }
.betnow-wrap .betnow-button:hover { background: #a7dfff; }
.betnow-wrap .betnow-txt { display: block; color: #30a3de; font-size: 11px; text-align: left; padding: 5px 3px 10px; }

.betinfo-wrap { display: block; border-top: 1px #262626 solid; padding: 3px 5px 0; clear: both; text-align: left; }
.betinfo-wrap .bi-txt { display: inline-block; width: 48.777%; color: #6b695f; font-size: 11px; }
.betinfo-wrap .bi-txt span { color: #a8a493; font-size: 12px; font-weight: bold; }

.time-reaming { display: block; position: relative; text-align: right; padding: 0 10px 10px; font-size: 44px; color: #30a3de; font-weight: bold; }
.time-reaming .labelname { position: absolute; top: 16px; right: 130px; color: #30a3de; font-size: 20px; line-height: 1; }
.time-reaming .labelname span { color: #777; font-size: 12px; position: relative; top: -5px; }
.time-reaming .labeldata { position: absolute; top: 16px; left: 10px; color: #30a3de; font-size: 12px; line-height: 1; }
.time-reaming .labeldata span { color: #fff; }

.game-button-liner { margin: 12px 0 0; display: block; clear: both; text-align: center; position:relative; padding-bottom: 10px; border-bottom: 1px #262626 solid; }

.game-button-style { display: inline-block; height: 55px; border-radius:5px; background: #222; cursor: pointer; border: 1px #282828 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 2px 2px; position: relative; margin: 0 2px 0; vertical-align: top; line-height: 1;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.game-button-style:hover { background: #333; }
.game-button-style .gbs-name { display: block; padding-top: 16px; display: block; text-align: center; color: #999; font-size: 16px; line-height: 1; }
.game-button-style .gbs-name .wfont { color: #fff; }
.game-button-style .gbs-name .gfont { color: #fff; }
.game-button-style .gbs-name .odds { font-size: 12px; color: #ffad42; }
.game-button-style .pwbname { color: #8b887c; }

.game-select { background: #333; }

.gbs-wn2 { width:48%; }
.gbs-wn4 { width:23%; }
.gbs-wn3 { width:31%; }
.gbs-wn6 { width:14.888%; }
.gbs-wn10 { width:8.444%; }

.gbs-top-info { position: absolute; width: 100%; top: -8px; left: 0; text-align: center; clear: both; }

.gbs-info-hol { display: inline-block; border-radius:12px; background-color: #111; border: 1px #60a3ff solid; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px; text-align: center; color: #60a3ff; font-size: 12px; padding: 1px 10px; margin: 0 1px 0; }
.gbs-info-jak { display: inline-block; border-radius:12px; background-color: #111; border: 1px #ff6060 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px; text-align: center; color: #ff6060; font-size: 12px; padding: 1px 10px; margin: 0 1px 0; }
.gbs-info-normal { display: inline-block; border-radius:12px; background-color: #111; border: 1px #ddd solid; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px; text-align: center; color: #fff; font-size: 12px; padding: 1px 10px; margin: 0 1px 0; }
.gbs-info-gold { display: inline-block; border-radius:12px; background-color: #111; border: 1px #ffad42 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px; text-align: center; color: #ffad42; font-size: 12px; padding: 1px 10px; margin: 0 1px 0; }


.button-position-layout { display: inline-block; width: 45%; vertical-align: top; margin: 0 10px 0; position: relative; }
.button-position-layout .layoutname { display: block; text-align: center; color: #555; font-size: 12px; padding: 10px 0; border-bottom: 1px #333 solid; }

.button-position-layout2 { display: inline-block; width: 92%; vertical-align: top; margin: 0 10px 0; position: relative; }
.button-position-layout2 .layoutname { display: block; text-align: center; color: #555; font-size: 12px; padding: 10px 0; border-bottom: 1px #333 solid; }


.game-button-style2 { display: inline-block; height: 55px; border-radius:5px; background: #222; cursor: pointer; border: 1px #282828 solid; border: 1px #333 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 2px 2px; position: relative; margin: 0 2px 0; vertical-align: top;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.game-button-style2:hover { background: #333; }
.game-button-style2 .gbs-name { display: block; padding-top: 10px; display: block; text-align: center; color: #999; font-size: 16px; line-height: 1; }
.game-button-style2 .gbs-name .wfont { color: #fff; }
.game-button-style2 .gbs-name .gfont { color: #ff9000; }
.game-button-style2 .gbs-name .hfont { color: #559dff; }
.game-button-style2 .gbs-name .jfont { color: #f24f4f; }
.game-button-style2 .gbs-name .odds { font-size: 12px; color: #fc0; }
.gbs2-wn2 { width:43%; }
.gbs2-wn4 { width:23%; }
.gbs2-wn3 { width:29%; }

.open_card_bg { position:absolute; width:50px; height:76px; left:50%; margin-left:-25px; top:-50px; background:url(../images/card-bg.png); z-index: 402; }
.open_card { position:relative; width:42px; height:59px; left:50%; margin-left:-21px; top:4px; }
.open_card .d-1 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -0px -0px; }
.open_card .d-2 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -42px -0px; }
.open_card .d-3 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -84px -0px; }
.open_card .d-4 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -126px -0px; }
.open_card .d-5 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -168px -0px; }
.open_card .d-6 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -210px -0px; }
.open_card .d-7 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -252px -0px; }
.open_card .d-8 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -294px -0px; }
.open_card .d-9 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -336px -0px; }
.open_card .d-10 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -378px -0px; }
.open_card .d-11 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -420px -0px; }
.open_card .d-12 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -462px -0px; }
.open_card .d-13 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -504px -0px; }

.open_card .c-1 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -0px -59px; }
.open_card .c-2 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -42px -59px; }
.open_card .c-3 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -84px -59px; }
.open_card .c-4 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -126px -59px; }
.open_card .c-5 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -168px -59px; }
.open_card .c-6 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -210px -59px; }
.open_card .c-7 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -252px -59px; }
.open_card .c-8 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -294px -59px; }
.open_card .c-9 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -336px -59px; }
.open_card .c-10 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -378px -59px; }
.open_card .c-11 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -420px -59px; }
.open_card .c-12 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -462px -59px; }
.open_card .c-13 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -504px -59px; }

.open_card .h-1 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -0px -118px; }
.open_card .h-2 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -42px -118px; }
.open_card .h-3 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -84px -118px; }
.open_card .h-4 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -126px -118px; }
.open_card .h-5 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -168px -118px; }
.open_card .h-6 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -210px -118px; }
.open_card .h-7 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -252px -118px; }
.open_card .h-8 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -294px -118px; }
.open_card .h-9 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -336px -118px; }
.open_card .h-10 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -378px -118px; }
.open_card .h-11 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -420px -118px; }
.open_card .h-12 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -462px -118px; }
.open_card .h-13 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -504px -118px; }

.open_card .s-1 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -0px -177px; }
.open_card .s-2 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -42px -177px; }
.open_card .s-3 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -84px -177px; }
.open_card .s-4 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -126px -177px; }
.open_card .s-5 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -168px -177px; }
.open_card .s-6 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -210px -177px; }
.open_card .s-7 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -252px -177px; }
.open_card .s-8 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -294px -177px; }


.open_card .s-9 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -336px -177px; }
.open_card .s-10 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -378px -177px; }
.open_card .s-11 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -420px -177px; }
.open_card .s-12 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -462px -177px; }
.open_card .s-13 { background-image:url(../images/playing_cards.png); width:42px; height:59px; display:inline-block; background-position: -504px -177px; }

.over_cover { position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0; left:0; z-index:400; border-radius: 5px; }
.over_cover h1 { text-align:center; margin: 0; }
.over_cover h3 { text-align:center; font-size:12px; color:#FFF; margin-top:-30px; }


.pagenav { text-align:center; margin:20px 0 0; padding:10px 0; clear:both; }
.pagenav .paging { display:inline-block; margin:0; padding:0; font-size:12px; }
.pagenav .paging .prev { display:inline-block; margin:0 1px; color:#666; padding:10px 15px; cursor:pointer; background-color:#222; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px;
	-webkit-transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	transition: background-color 0.10s linear;
}
.pagenav .paging .prev:hover { background-color:#333; color:#fff; }
.pagenav .paging .next { display:inline-block; margin:0 1px; color:#666; padding:10px 15px; cursor:pointer; background-color:#222; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px;
	-webkit-transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	transition: background-color 0.10s linear;
}
.pagenav .paging .next:hover { background-color:#333; color:#fff; }
.pagenav .paging .pagelist { display:inline-block; margin:0 1px; color:#666; padding:10px 15px; cursor:pointer; background-color:#222; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px;
	-webkit-transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	transition: background-color 0.10s linear;
}
.pagenav .paging .pagelist:hover { background-color:#333; color:#fff; }
.pagenav .paging .pagelist_on { display:inline-block; margin:0 1px; background-color:#333; color:#fff; padding:10px 15px; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 5px; }

.cont-button-position { display: block; margin: 20px 0; text-align: right; }
.cont-button { display: inline-block; padding: 12px 0; width: 120px; border-radius: 10px; text-align: center; cursor: pointer; background: #222; border: 1px #333 solid; box-shadow:rgba(0, 0, 0, 0.5) 1px 1px 1px; transition: all 150ms ease-in-out; color: #a8a493; font-size: 14px; font-weight: bold; margin: 0 2px 0; }
.cont-button:hover { background: #333; }


.table-div { display: block; padding: 0; margin: 0; line-height: 1; }
.table-div table { table-layout:fixed; width:100%; border:0; border-collapse:collapse; border-spacing:0; border:0; display:table; }
.table-div thead { background: #222; border-bottom: 1px #333 solid; }
.table-div thead th { padding: 15px 10px; color: #555; font-size: 14px; }
.table-div tbody { padding: 0; margin: 0; }
.table-div tbody tr { background: transparent; transition: all 150ms ease-in-out; border-bottom: 1px #151515 solid; color:#eee; font-size:14px; }
.table-div tbody tr:hover { background: #222; }
.table-div td { padding: 20px 5px; text-align: center; }
.table-div td a { }
.table-div td a:hover { text-decoration: underline; cursor: pointer; }
.table-div .divdate { color: #888; font-size:14px; }
.table-div .divwriter { color: #999; font-size:14px; }
.table-div .divtitle { text-align: left; }
.table-div .admin-div { background: #251d17; color: #faa432; font-size: 16px; border-bottom: 1px #2f251e solid; }
.table-div .admin-div:hover { background: #2f251e; }
.table-div .event-div { background: #251d17; color: #30a3de; font-size: 16px; border-bottom: 1px #2f251e solid; }
.table-div .event-div:hover { background: #2f251e; }
.table-div .notice { color: #faa432; padding: 4px 12px 5px; border-radius: 15px; border: 1px #faa432 solid; display: inline-block; }
.table-div .event { color: #30a3de; padding: 4px 12px 5px; border-radius: 15px; border: 1px #30a3de solid; display: inline-block; }

.board-view { display: block; border: 1px #222 solid; padding: 30px 0 0; }
.board-view .view-title { display: block; border-bottom: 1px #222 solid; padding: 0 20px 10px; text-align: left; font-size: 20px; color: #fff; }
.board-view .view-title cc { display: block; }
.board-view .view-title .title-date { display: block; font-size: 12px; color: #999; }
.board-view .view-cont { display: block; border-bottom: 1px #222 solid; padding: 30px 20px; text-align: left; font-size: 14px; color: #fff; }

.reply-wrap { display: block; background: #111111; }
.reply-wrap .reply-box { display: block; padding: 20px; text-align: left; font-size: 14px; color: #fff; border-bottom: 1px #222 solid; }
.reply-wrap .reply-box:last-child { border-bottom: 0; }
.reply-wrap .reply-box .reply-data { display: block; color: #ddd; font-size: 12px; text-align: left; }
.reply-wrap .reply-box .reply-data span { color: #777; font-size: 11px; }
.reply-wrap .reply-box .reply-cont { display: block; color: #ddd; font-size: 12px; text-align: left; padding: 10px 10px 0; }

.reply-writer { display: block; padding: 0 15px 15px; }
.writing-box { border:1px #ddd solid; display:block; margin:15px 0 0; background:#181818; border-radius: 4px; border:1px #242424 solid; }
.writing-box .writer-name { display:block; color:#111; font-size:12px; text-align:left; padding:10px; }
.writing-box .cont-write { display:block; margin:10px; }
.writing-box .cont-write .writing-textarea-type { background-color:#181818; width:100%; border:0; height:100px; font-size:12px; outline:none; font-family:inherit; resize:none; color: #fff; }
.writing-box .bottom-cont { display:block; margin:10px 0 0; padding:15px 10px; border-top:1px #242424 solid; color:#a8a493; text-align:left; }
.writing-box .bottom-cont .bbs-button { display:inline-block; cursor:pointer; border-radius:3px; color:#a8a493; width:80px; height:30px; line-height: 29px; float:right; text-align:center; background: #252525; border: 1px #333 solid; font-size:12px; letter-spacing:-0.07em; position:relative; top:-7px; margin: 0 2px 0; transition: all 150ms ease-in-out; }
.writing-box .bottom-cont .bbs-button:hover { background: #444; }

.bbs-button { display:inline-block; cursor:pointer; border-radius:3px; color:#a8a493; width:80px; height:30px; line-height: 29px; text-align:center; background: #222; border: 1px #333 solid; font-size:12px; margin: 0 2px 0; transition: all 150ms ease-in-out; }
.bbs-button:hover { background: #444; }


.board-write-area { display:block; margin:20px 0 0; }
.board-write-area .view-title { font-size:20px; color:#ddd; text-align:left; padding:20px; }
.bwa-liner { display:block; height:40px; margin:10px 0 0; }
.bwa-liner .input-box-position { display:block; margin:0 0 0 100px; position:relative; }
.bwa-liner .input-box-position label { display:inline-block; color:#a8a493; font-size:14px; position:absolute; top:12px; left:-80px; text-align:left; }
.bwa-liner .input-box-position .event-category { display:block; color:#111; clear:both; padding-top:14px; }
.bwa-liner .input-box-position .event-category span { display:inline-block; margin:0 20px 0 0; }
.bwa-liner .input-box-position .event-category span span { position:relative; margin:0 5px 0 0; top:2px; }

.bwa-input-type-cont { height:40px; border:0; border-bottom:1px #333 solid; width:100%; font-size:14px; outline:none; background:#111; color: #fff; }
.bwa-input-type-cont:focus { border-bottom:1px #fff solid; }

.board-table-type { display:block; margin:20px 0 0; font-family:inherit; }
.board-table-type table { width:100%; border-collapse:0; border-spacing:0; border:0; }
.board-table-type table th { padding:20px 0; text-align:center; font-size:14px; color:#555; border-bottom:1px #222 solid; background: #121212; }
.board-table-type table td { padding:15px 0; text-align:center; font-size:12px; color:#ddd; border-bottom:1px #222 solid; }
.board-table-type table td a { cursor: pointer; }
.board-table-type table td a:hover { text-decoration: underline; }
.board-table-type table tbody tr { background: transparent;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.board-table-type table tbody tr:hover { background:#181818; }

.notice-w { padding: 0 10px; height: 26px; border-radius: 10px; border: 1px #2b71d9 solid; color: #4eb6ff; display: inline-block; text-align: center; line-height: 26px; }
.evt-w { padding: 0 10px; height: 26px; border-radius: 10px; border: 1px #E44283 solid; color: #E44283; display: inline-block; text-align: center; line-height: 26px; }


.answer-y { padding: 0 10px; height: 26px; border-radius: 10px; border: 1px #fa8418 solid; color: #fa8418; display: inline-block; text-align: center; line-height: 26px; }
.answer-n { padding: 0 10px; height: 26px; border-radius: 10px; border: 1px #444 solid; color: #777; display: inline-block; text-align: center; line-height: 26px; cursor: pointer; }


.board-table-type .wnw { color: #4eb6ff; }
.board-table-type .enw { color: #E44283; }

.board-table-type .dt-date { width:10%; color:#555; }
.board-table-type .dt-title { text-align:left; padding-left:10px; white-space:pre-line; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
.board-table-type .read-only { color: #666; }
.board-table-type .dt-writer { width:15%; text-align: left; }
.board-table-type .dt-other { width:15%; text-align: center; }

.userinfo-setting { position: relative; padding: 30px 0 0; display: block; letter-spacing: 0; }

.userinfo-setting h5 { display: block; text-align: left; color: #fff; font-size: 18px; font-weight: normal; margin: 0; padding: 0 10px; }
.userinfo-setting h4 { display: block; text-align: left; color: #aaa; font-size: 12px; font-weight: normal; padding: 0 10px; }
.userinfo-setting .login-input-wrap { display: block; margin: 30px 0 0; }

.userinfo-setting .inputstyle { display: block; background: #111; height: 50px; padding: 0 15px; position: relative; border-bottom: 1px #222 solid; padding-top: 10px; border-radius: 0; }
.userinfo-setting .inputstyle label { position: absolute; top: 8px; left: 15px; color: #2e586d; font-size: 11px; }
.userinfo-setting .inputstyle .rst { color: #fc0; }
.userinfo-setting .inputstyle:last-child { border-bottom: 0; }
.userinfo-setting .inputstyle .read-only-input { display: block; margin: 15px 0 0; background: transparent; border: 0; color: #777; font-size: 16px; }
.userinfo-setting .input-txt { background: #050505; transition: all 150ms ease-in-out; }
.userinfo-setting .input-txt:hover { background: #000; }
.userinfo-setting .inputstyle input { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 12px; }
.userinfo-setting .inputstyle select { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 12px; }

.other-tt-div { display:block; margin:20px 0 0; }
.other-tt-div h4 { display:block; padding:20px 20px 0; color:#eee; font-size:20px; font-weight: normal; text-align:left; line-height:1; margin:0 0 20px; }
.other-tt-div h4 span { fon7t-size:12px; color:#888; position:relative; top:0; }
.other-tt-div table { table-layout:fixed; width:100%; border:0; border-collapse:collapse; border-spacing:0; border:0; display:table; }
.other-tt-div th { border-bottom:1px #222 solid; background:#111; padding:20px 0; color:#555; font-size:14px; text-align:center; }
.other-tt-div td { border-bottom:1px #222 solid; padding:15px 0; color:#ddd; font-size:14px; text-align:center; }

.trnas-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 200; }
.mgr-pp-wrap { position: relative; top: 100px; margin: 0 auto; background: #111; border: 1px #222 solid; border-radius: 10px; width: 1200px; padding: 20px; box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }
.mgr-pp-wrap .pp-close { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.mgr-pp-wrap .pp-titlename { display: block; text-align: left; font-size: 12px; color: #a8a493; padding: 10px 10px 0; }
.mgr-pp-wrap .mgr-content { display: block; padding: 30px; }
.mgr-pp-wrap .mgr-content h3 { display: block; text-align: left; font-size: 20px; color: #ffa031; padding: 0 0 15px; border-bottom: 1px #333 solid; letter-spacing: 0; }
.mgr-pp-wrap .mgr-content .caution-wrap { display: block; font-weight: bold; padding: 15px 0; }
.mgr-pp-wrap .mgr-content .caution-wrap span { font-size:14px; color:#E55A5D; }
.mgr-pp-wrap .mgr-content .caution-wrap p { color:#fff; font-size: 14px; margin:15px 0 0; line-height: 1.5; font-weight: 100; }
.mgr-pp-wrap .mgr-content .caution-wrap p span { color:#fc0; padding-left: 10px; }

.mgr-input-wrap { display: block; margin: 10px 0 0; }
.mgr-input-wrap .inputstyle { display: block; background: #111; height: 70px; padding: 0 15px; position: relative; padding-top: 10px; border-radius: 0; }
.mgr-input-wrap .inputstyle label { position: absolute; top: 14px; left: 15px; color: #a8a493; font-size: 14px; }
.mgr-input-wrap .inputstyle .rst { color: #ffa031; }
.mgr-input-wrap .inputstyle:last-child { border-bottom: 0; }
.mgr-input-wrap .inputstyle .read-only-input { display: block; margin: 18px 0 0; background: transparent; border: 0; color: #fff; font-size: 25px; }
.mgr-input-wrap .inputstyle .read-only-input span { color: #777; font-size: 12px; }
.mgr-input-wrap .input-txt { background: #080808; transition: all 150ms ease-in-out; }
.mgr-input-wrap .input-txt:hover { background: #050505; }
.mgr-input-wrap .inputstyle input { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 25px; margin: 15px 0 0; }
.mgr-input-wrap .inputstyle input::placeholder { font-size: 15px; }
.mgr-input-wrap .inputstyle select { width: 100%; height: 50px; background: transparent; border: 0; color: #fff; font-size: 12px; }
.mgr-input-wrap .min-slt-wrap { display: block; clear: both; text-align: center; margin: 10px 0 30px; letter-spacing: 0; }
.mgr-input-wrap .min-slt-wrap .ms-button { display:inline-block; cursor:pointer; border-radius:6px; color:#a8a493; width:15.666%; height:50px; line-height: 49px; text-align:center; background: #222; border: 1px #333 solid; font-size:16px; margin: 0 1px 0; transition: all 150ms ease-in-out; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; }
.mgr-input-wrap .min-slt-wrap .ms-button:hover { background: #333; }
.mgr-input-wrap .warningtxt { color: #a8a493; font-size: 12px; text-align: left; padding: 8px 5px; }

.pymt-request-wrap { display: block; position: relative; padding: 20px 10px 10px; text-align: left; font-size: 14px; color: #a8a493; }
.pymt-request-wrap .rqst-button { display:inline-block; cursor:pointer; border-radius:6px; color:#faa432; width:140px; height:40px; line-height: 39px; text-align:center; background: #111; border: 1px #faa432 solid; font-size:16px; margin: 0 1px 0; transition: all 150ms ease-in-out; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; font-weight: bold; margin: 0 10px 0 0; }
.pymt-request-wrap .rqst-button:hover { background: #faa432; color: #111; }

.button-wrap { display: block; margin: 15px 0 0; padding: 0; }
.button-wrap .confirm-button { display: block; font-weight: bold; border-radius: 10px; color:#faa432; height:50px; line-height: 49px; text-align:center; background: #111; border: 1px #faa432 solid; font-size:16px; margin: 0 1px 0; transition: all 150ms ease-in-out; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; cursor: pointer; }
.button-wrap .confirm-button:hover { background: #faa432; color: #111; }

.gl-search-wrap { display: block; margin: 10px 0 0; text-align: left; clear: both; }
.gl-search-wrap .glsw-name { padding: 5px; color: #777; font-size: 12px; }

.cc-list-box { display: block; margin: 5px 0 0; clear: both; text-align: left; }
.cc-list-box .cc-button { display: inline-block; padding: 10px 10px 10px 29px; width: 6.111%; cursor: pointer; transition: all 150ms ease-in-out; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; border-radius: 5px; background: #333; border: 1px #444 solid; position: relative; color: #fff; vertical-align: top; margin: 0 1px 6px; }
.cc-list-box .cc-button:hover { border: 1px #ffad42 solid; }
.cc-list-box .cc-button input { position: absolute; left: 10px; top: 50%; margin-top: -7px; cursor: pointer; }
.cc-list-box .cc-button .ccb-name { font-size: 12px; line-height: 2.4; width: 70px; margin: 0 0 0 5px; display: block; }

.cc-list-box .cc-button .buttonimg { width: 70px; height: 30px; margin: 0 0 0 5px; display: block; }
.cc-list-box .cc-button .buttonimg img { width: 100%; vertical-align: middle; }
.cc-list-box .cc-button .buttontxt { position: absolute; right: -5px; bottom: -5px; padding: 1px 8px 2px; background: #777; font-size: 11px; font-weight: bold; border-radius: 10px; color: #111; transition: all 150ms ease-in-out; }

.cc-list-box .ccon { border: 1px #ffad42 solid; color: #ffad42; }
.cc-list-box .ccon:hover { border: 1px #ffad42 solid; color: #ffad42; }
.cc-list-box .cc-button:hover .buttontxt { background: #ffad42; }
.cc-list-box .ccon .buttontxt { background: #ffad42; }

.cc-item-list { display: block; margin: 20px 0 0; padding-top: 16px; border-top: 1px #252525 solid; clear: both; text-align: left; }

.item-button { display: inline-block; width: 11.188%; padding: 4px; border-radius: 5px; transition: all 150ms ease-in-out; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; background: #333; border: 1px #444 solid; line-height: 1; margin: 0 1px 6px; }
.item-button .item-img { display: block; position: relative; height: 148px; }
.item-button .item-img img { width: 100%; height: 148px; border-radius: 4px; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 1px; }
.item-button .item-cpy { display: block; padding: 10px 5px 0; color: #a8a493; font-size: 11px; text-align: left; }
.item-button .item-title { display: block; padding: 5px; color: #fff; font-size: 14px; font-weight: bold; text-align: left; }
.item-button .item-b-position { display: block; padding: 5px; }
.item-button .item-b-position .play-button { display: block; border-radius: 8px; margin: 5px 0 0; padding: 8px 0 12px; text-align: center; cursor: pointer; background: #cc4242; color: #fff; font-size: 14px; font-weight: bold; transition: all 150ms ease-in-out; }
.item-button .item-b-position .play-button:hover { background: #e35e5e; }

.tab-position { display: block; border-bottom: 2px #c23232 solid; padding: 0 0 15px; clear: both; text-align: center; margin: 20px 0 0; }
.tab-position .per20 { width: 23%; }
.tab-position .evt-button { display: inline-block; padding: 10px 0; text-align: center; font-size: 16px; color: #777; cursor: pointer; transition: all 150ms ease-in-out; border-radius: 20px; border: 1px #292929 solid; margin: 0 5px 0; background: #222; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; }
.tab-position .evt-button:hover { background: #333; color: #fff; }
.tab-position .on { background: #291819; border: 1px #c23232 solid; color: #fff; cursor: inherit; }
.tab-position .on:hover { background: #291819; }

.gc-position { display: block; margin: 10px 0 0; }
.gc-position:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }

.gc-cont { margin: 0 0 0 200px; min-height: 300px; max-height: 300px; color: #fff; position: relative; }
.category-area { position: absolute; width: 200px; height: 300px; left: -200px; top: 0; }
.category-area .ctgy-txt { display: block; padding: 14px; text-align: left; color: #555; font-size: 11px; }
.category-area .ctgy-wrap { display: block; margin: 0 10px 0; }
.category-area .ctgy-wrap .ctgy-button { display: block; padding: 7px; text-align: center; color: #999; font-size: 14px; cursor: pointer; transition: all 150ms ease-in-out; border-radius: 15px; border: 1px #292929 solid; background: #222; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; margin: 0 0 8px; }
.category-area .ctgy-wrap .ctgy-button:hover { background: #333; color: #fff; }
.category-area .ctgy-wrap .on { background: #16142b; border: 1px #554e9b solid; color: #fff; cursor: inherit; }
.category-area .ctgy-wrap .on:hover { background: #16142b; }

.vod-area { display: block; text-align: center; background: #111; border-radius: 10px; padding: 10px; color: #fff; }

.gcp-container { display: block; margin: 10px 0 0; }
.gcp-container:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
.gcp-content { display: block; float: left; width: 50%; position: relative; }


.gcp-wrap { display: block; margin: 0 10px 50px; background: #222; border: 1px #292929 solid; border-radius: 3px; }
.gcp-wrap .gcp-tabarea { display: block; background: #111; height: 50px; }
.gcp-wrap .gcp-tabarea:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
.gcp-wrap .gcp-tabarea .gcptab-button { float: left; width: 16.4777%; text-align: center; font-size: 14px; border-right: 1px #191919 solid; color: #999; cursor: pointer; height: 50px; line-height: 49px; transition: all 100ms ease-in-out; }
.gcp-wrap .gcp-tabarea .gcptab-button:last-child { border-right: 0; }
.gcp-wrap .gcp-tabarea .gcptab-button:hover { color: #fff; background: #222; }
.gcp-wrap .gcp-tabarea .on { border-top: 2px #c23232 solid; color: #c23232; background: #222; position: relative; top: -2px; cursor: inherit; }
.gcp-wrap .gcp-tabarea .on:hover { border-top: 2px #c23232 solid; color: #c23232; background: #222; }
.gcp-wrap .gcp-tabarea .per50 { width: 49.8777%; }
.gcp-wrap .gcp-tabarea .per30 { width: 33.1777%; }

.wrap-content { display: block; padding: 0 0 30px; margin: 0; position: relative; }
.wrap-content .inply-tt { display: block; text-align: left; padding: 10px 15px; color: #ffa200; font-size: 14px; }
.wrap-content .inply-tt img { margin: 0 6px 0 0; }
.wrap-content .plyname { display: block; text-align: left; padding: 10px 15px; color: #fff; font-size: 14px; background: #2a2a2a; border-radius: 10px; border: 1px #323232 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; margin: 6px 5px 0; }
.wrap-content .plyname img { margin: 0 6px 0 0; }

.button-layout { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; padding: 5px 5px 0; }
.button-layout .sg-button { height: 40px; text-align: center; color: #eee; font-size: 12px; cursor: pointer; transition: all 70ms ease-in-out; border-radius: 10px; border: 1px #090909 solid; background: #111; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; }
.button-layout .sg-button:nth-child(1) { flex-grow: 1; }
.button-layout .sg-button:nth-child(2) { flex-grow: 1; margin: 0 3px 0; }
.button-layout .sg-button:nth-child(3) { flex-grow: 1; }
.button-layout .sg-button:hover { background: #281f0e; border: 1px #ffa200 solid; }
.button-layout .on { background: #ffa200; border: 1px #ffa200 solid; color: #111; font-weight: bold; cursor: inherit; }
.button-layout .on:hover { background: #ffa200; border: 1px #ffa200 solid; color: #111; }

.button-layout .sg-button .sg-item { width: 100%; height: 38px; position: absolute; top: 0; left: 0; display: table; }
.button-layout .sg-button .sg-item .sg-txt { height: 40px; position: relative; padding: 0 5px; display: table-cell; vertical-align: middle; line-height: 1; text-align: center; }

.live-rst-div { display:block; margin:20px 0 0; }
.live-rst-div h4 { display:block; padding:20px 20px 0; color:#eee; font-size:20px; font-weight: normal; text-align:left; line-height:1; margin:0 0 20px; }
.live-rst-div h4 span { font-size:12px; color:#888; position:relative; top:0; }
.live-rst-div table { table-layout:fixed; width:100%; border:0; border-collapse:collapse; border-spacing:0; border:0; display:table; }
.live-rst-div th { border-bottom:1px #292929 solid; background:#111; padding:15px 0; color:#555; font-size:12px; text-align:center; }
.live-rst-div td { border-bottom:1px #333 solid; padding:10px 0; color:#ddd; font-size:12px; text-align:center; }


.lsbt-wrap { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; }
.lsbt-wrap .position-wrap { border-radius: 3px; border:1px #222 solid; padding: 2px; margin: 0 1px 0; }
.lsbt-wrap .position-wrap:nth-child(1) { flex-grow: 1; flex-basis: 50%; }
.lsbt-wrap .position-wrap:nth-child(2) { flex-grow: 1; flex-basis: 50%; }

.lsbt-content .plyname { display: block; text-align: left; padding: 10px 10px; color: #fff; font-size: 14px; background: #000; border-radius: 4px; border: 1px #111 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; margin: 12px 0 0; }
.lsbt-content .plyname img { margin: 0 6px 0 0; }

.lsbt-content .namecolor { background: #171d23; border: 1px #1f272e solid; color: #ffae00; }

.lsbt-game-cont { display: block; margin: 10px 0 0; padding: 0; border: 1px #090909 solid; padding: 5px; border-radius: 4px; background: linear-gradient(125deg, rgba(39,4,4,1) 0%, rgba(4,19,39,1) 100%); box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; min-height: 100px; }
.lsbt-game-cont .gm-state { position: absolute; top: -6px; left: 5px; border-radius: 8px; background: #191828; border: 1px #2b2940 solid; padding: 2px 10px 3px; color: #ffae00; text-align: left; font-size: 12px; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 10px; }
.lsbt-game-cont .option-button { position: absolute; top: -6px; right: 5px; border-radius: 8px; background: #111; border: 1px #00a8ff solid; padding: 4px 10px 5px; color: #00a8ff; text-align: right; font-size: 12px; box-shadow:rgba(0, 0, 0, 0.5) 0 3px 10px; transition: all 100ms ease-in-out; cursor: pointer; }
.lsbt-game-cont .option-button:hover { background: #00a8ff; color: #111; }
.lsbt-game-cont .on { background: #00a8ff; color: #111; }

.match-state { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; margin: 20px 0 0; height: 50px; }
.match-state .match-wrap { text-align: center; vertical-align: top; height: 50px; }
.match-state .match-wrap:nth-child(1) { flex-grow: 1; flex-basis: 42%; }
.match-state .match-wrap:nth-child(2) { flex-grow: 1; flex-basis: 16%; }
.match-state .match-wrap:nth-child(3) { flex-grow: 1; flex-basis: 42%; }
.match-state .match-wrap .versus { text-align: center; font-size: 24px; font-weight: bold; color: #fff; line-height: 49px; }

.home-team { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 50px; }
.home-team .team-wrap { height: 50px; }
.home-team .team-wrap img { height: 50px; }
.home-team .team-wrap:nth-child(1) { flex-grow: 1; flex-basis: 70%; }
.home-team .team-wrap:nth-child(2) { flex-grow: 1; flex-basis: 30%; }
.home-team .team-wrap .score-state { width: 40px; height: 40px; border-radius: 5px; border: 2px #ffae00 solid; text-align: center; color: #fff; font-size: 24px; font-weight: bold; display: inline-block; line-height: 39px; margin: 3px 0 0; }

.away-team { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 50px; }
.away-team .team-wrap { height: 50px; }
.away-team .team-wrap img { height: 50px; }
.away-team .team-wrap:nth-child(1) { flex-grow: 1; flex-basis: 30%; }
.away-team .team-wrap:nth-child(2) { flex-grow: 1; flex-basis: 70%; }
.away-team .team-wrap .score-state { width: 40px; height: 40px; border-radius: 5px; border: 2px #ffae00 solid; text-align: center; color: #fff; font-size: 24px; font-weight: bold; display: inline-block; line-height: 39px; margin: 3px 0 0; }

.bbt-layout { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; padding: 0; margin: 5px 0 0; }
.bbt-layout .sg-button { height: 40px; text-align: center; color: #eee; font-size: 12px; transition: all 70ms ease-in-out; border-radius: 10px; border: 1px #252525 solid; background: linear-gradient( rgba(51,51,51,1) 0%, rgba(34,34,34,1) 100%); box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; }
.bbt-layout .sg-button:nth-child(1) { flex-grow: 1; flex-basis: 42%; }
.bbt-layout .sg-button:nth-child(2) { flex-grow: 1; flex-basis: 16%; margin: 0 3px 0; }
.bbt-layout .sg-button:nth-child(3) { flex-grow: 1; flex-basis: 42%; }
/* .bbt-layout .sg-button:hover { background: #ffa200; border: 1px #ffa200 solid; color: #111; } */
.bbt-layout .on { background: #ffa200; border: 1px #ffa200 solid; color: #111; font-weight: bold; cursor: inherit; }
/* .bbt-layout .on:hover { background: #ffa200; border: 1px #ffa200 solid; color: #111; } */

.odd-button { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 40px; }
.odd-button .odd-wrap { position: relative; }
.odd-button .odd-wrap:nth-child(1) { flex-grow: 1; flex-basis: 80%; }
.odd-button .odd-wrap:nth-child(2) { flex-grow: 1; flex-basis: 20%; }

.odd-button2 { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 40px; }
.odd-button2 .odd-wrap { position: relative; }
.odd-button2 .odd-wrap:nth-child(1) { flex-grow: 1; flex-basis: 20%; }
.odd-button2 .odd-wrap:nth-child(2) { flex-grow: 1; flex-basis: 80%; }

.sg-item { width: 100%; height: 38px; position: absolute; top: 0; left: 0; display: table; }
.sg-item .sg-txt { height: 40px; position: relative; padding: 0 7px; display: table-cell; vertical-align: middle; line-height: 1; text-align: center; }
.sg-item .rgt { text-align: right; }
.sg-item .lft { text-align: left; }
.sg-item .clr-blu { color: #00A3FF; font-weight: bold; }
.sg-item .clr-red { color: #C8585A; font-weight: bold; }

.col-data-wrap { display: block; min-height: 200px; }

.position-wrap .gcp-tabarea { display: block; background: #111; height: 50px; }
.position-wrap .gcp-tabarea:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
.position-wrap .gcp-tabarea .gcptab-button { float: left; width: 16.4777%; text-align: center; font-size: 14px; color: #999; cursor: pointer; height: 50px; line-height: 49px; transition: all 100ms ease-in-out; border-bottom: 2px #222 solid; }
.position-wrap .gcp-tabarea .gcptab-button:hover { color: #ffa200; border-bottom: 2px #ffa200 solid; }
.position-wrap .gcp-tabarea .on { border-bottom: 2px #ffa200 solid; color: #ffa200; position: relative; cursor: inherit; }
.position-wrap .gcp-tabarea .on:hover { border-bottom: 2px #ffa200 solid; color: #ffa200; }
.position-wrap .gcp-tabarea .per30 { width: 33.333%; }


.bbtt-layout { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; padding: 2px 0 0; }
.bbtt-layout .sg-button { height: 30px; text-align: center; color: #eee; font-size: 12px; cursor: pointer; transition: all 70ms ease-in-out; border-radius: 3px; border: 1px #333 solid; background: #222; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; margin: 0 1px 0; }
.bbtt-layout .sg-button:nth-child(1) { flex-grow: 1; }
.bbtt-layout .sg-button:nth-child(2) { flex-grow: 1; }
.bbtt-layout .sg-button:nth-child(3) { flex-grow: 1; }
.bbtt-layout .sg-button:hover { background: #281f0e; border: 1px #ffa200 solid; }
.bbtt-layout .on { background: #ffa200; border: 1px #ffa200 solid; color: #111; font-weight: bold; cursor: inherit; }
.bbtt-layout .on:hover { background: #ffa200; border: 1px #ffa200 solid; color: #111; }

.bbtt-button { display: flex; flex-direction: row; align-items: stretch; flex-basis: auto; height: 30px; }
.bbtt-button .odd-wrap { position: relative; }
.bbtt-button .odd-wrap:nth-child(1) { flex-basis: 55%; }
.bbtt-button .odd-wrap:nth-child(2) { flex-basis: 45%; }

.bbtt-layout .sg-button .sg-item { width: 100%; height: 30px; position: absolute; top: 0; left: 0; display: table; }
.bbtt-layout .sg-button .sg-item .sg-txt { height: 30px; position: relative; padding: 0 5px; display: table-cell; vertical-align: middle; line-height: 1; text-align: center; }
.bbtt-layout .sg-button .sg-item .lft { text-align: left; }
.bbtt-layout .sg-button .sg-item .rgt { text-align: right; }
.bbtt-layout .sg-button .sg-item .clr-odd { color: #41c7ff; font-weight: bold; margin: 0 15px 0 3px; }

.mvw { display: none; }
.lds-wrap { display: none; }

.button-section { display: block; margin: 50px 400px 0; position: relative; }
.more-button { display: block; padding: 14px 0; text-align: center; border-radius: 4px; background: #ffa200; color: #111; font-size: 15px; font-weight: bold; transition: all 300ms ease-in-out; cursor: pointer; }
.more-button:hover { background: #ffb93e; }


.glg-wrap .glg-data .date-type { display: inline-block; text-align: left; color: #2dd689; font-size: 12px; padding-right: 15px; line-height: 1.2; position: relative; top: 6px; vertical-align: top; letter-spacing: -0.07em; text-decoration: underline; }
.glg-wrap-rst .glg-data .date-type { display: inline-block; text-align: left; color: #2dd689; font-size: 12px; padding-right: 15px; line-height: 1.2; position: relative; top: 6px; vertical-align: top; letter-spacing: -0.07em; text-decoration: underline; }


.black-cover { position: absolute; width: 100%; height: 108%; background: #000; opacity: 0.7; top: -10px; left: 0; z-index: 1; border-radius: 5px; }
.black-cover .lgm { position: absolute; width: 80px; height: 80px; background: url("../images/lgm.gif") center center no-repeat; background-size: 100%; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; opacity: 0.3; }

.rst-div td .td-button  { color: #fc0; font-size: 12px; padding: 5px 10px 6px; border-radius: 8px; border: 1px #fc0 solid; cursor: pointer; float: right; }
.rst-div td .td-button:hover  { background: #312700; }

/* 1023 */
.bc-list-wrap { display: block; margin: 10px 0 0; border: 1px #333 solid; border-radius: 10px; }
.bc-list-wrap .wrapname { display: block; padding: 12px; color: #aaa; font-size: 14px; text-align: center; border-bottom: 1px #333 solid; }
.bc-list-wrap .btm-button { display: block; padding: 12px; color: #aaa; font-size: 14px; text-align: center; cursor: pointer; background: #222; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; }
.bc-list-wrap .btm-button span { font-weight: bold; }

.mylist-wrap { display: block; }
.mylist-wrap .gl-box-wrap { margin: 0; }
.mylist-wrap .gl-titlename { border-radius: 0; height: 40px; }
.mylist-wrap .gl-titlename .dvs-flag { position: absolute; top: 10px; left: 15px; }
.mylist-wrap .gl-bb-wrap { padding: 10px 0 0; border-radius: 0; }
.mylist-wrap .glg-wrap { padding: 50px 0 0 40px; }
.mylist-wrap .glg-wrap .glg-data { width: inherit; }
.mylist-wrap .glg-wrap-rst { padding: 50px 0 0 40px; }
.mylist-wrap .ttable { padding: 0 0 0 40px; }
.mylist-wrap .odds-list .ol-wrap .oi-wrap { width: 26.999%; margin: 0 0.01em 0; }
.mylist-wrap .glg-item { border-radius: 0; padding: 5px; }
.mylist-wrap .glg-on { border: 0; }
.mylist-wrap .glg-wrap .odds-list .ol-wrap label { margin-right: 4px; }
.mylist-wrap .glg-wrap-rst .odds-list .ol-wrap label { margin-right: 4px; }
.mylist-wrap .glg-wrap-rst .odds-list .ol-wrap .score-label { margin-right: 4px; }
.mylist-wrap .glg-wrap-rst .glg-data { width: inherit; }
.mylist-wrap .glg-wrap-rst .odds-list .ol-wrap .oi-wrap { width: 23.777%; }

.mylist-wrap .rst-1 { width: 18px; border-radius: 4px; margin: 0 0.01em 0; }
.mylist-wrap .rst-2 { width: 18px; border-radius: 4px; margin: 0 0.01em 0; }
.mylist-wrap .rst-3 { width: 18px; border-radius: 4px; margin: 0 0.01em 0; }
.mylist-wrap .rst-4 { width: 18px; border-radius: 4px; margin: 0 0.01em 0; }
.mylist-wrap .rst-ww { width: 18px; border-radius: 4px; margin: 0 0.01em 0; }
.mylist-wrap .rst-mm { width: 18px; border-radius: 4px; margin: 0 0.01em 0; }

.mylist-wrap .rst-div td { font-size:11px; }
.mylist-wrap .rst-div td:last-child { padding-right: 0; }
.mylist-wrap .rst-div td .td-button  { color: #fc0; font-size: 11px; padding: 8px 1px 0; border-radius: 4px; border: 1px #fc0 solid; cursor: pointer; float: right; text-align: center; height: 30px; }
.mylist-wrap .rst-div td .td-button:hover  { background: #312700; }

.mylist-wrap .cont-button-position { margin: 10px 0 0; text-align: center; font-size: 12px; }

.mylist-wrap .pagenav { margin: 0; }
.mylist-wrap .pagenav .paging { font-size:11px; }
.mylist-wrap .pagenav .paging .prev { padding:7px 10px; }
.mylist-wrap .pagenav .paging .next { padding:7px 10px; }
.mylist-wrap .pagenav .paging .pagelist { padding:7px 10px; }
.mylist-wrap .pagenav .paging .pagelist_on { padding:7px 10px; }

.mylist-wrap .cont-button { padding: 10px 0; border-radius: 6px; font-size: 12px; width: 100px; }

.bc-button-wrap { display: none; }

.gg-div { padding: 0 0 10px 10px; }
.gg-div table { table-layout:fixed; width:100%; border:0; border-collapse:collapse; border-spacing:0; border:0; display:table; }
.gg-div td { padding: 0; color: #eee; font-size:12px; text-align: left; line-height: 1; }
.gg-div td span { color: #fc0; font-weight: bold; }

.bc-list-wrap-m { display: none;}

/* 1102 */
.ht-login-fx { display: block; width: 480px; position: absolute; top: 10px; right: 80px; letter-spacing: 0; }

.ui-data { display: block; padding: 0 10px 0; height: 30px; }
.ui-data .dt-name { text-align: left; vertical-align: top; font-size: 14px; color: #fff; line-height: 1; width: 23%; float: left; }
.ui-data .dt-name span { color: #999; font-size: 10px; }
.ui-data .dt-btn { width: 40%; float: left; }
.ui-data .dt-btn .btn11 { display: inline-block; width: 54px; height: 30px; line-height: 30px;border: 1px #30a3de solid; background: #30a3de; color: #000; text-align: center; cursor: pointer; border-radius: 10px; font-size: 14px; float: left; }
.ui-data .dt-btn .btn22 { display: inline-block; width: 54px; height: 30px; line-height: 30px; border: 1px #ffae00 solid; color: #ffae00; text-align: center; cursor: pointer; border-radius: 10px; font-size: 14px; margin: 0 5px 0; float: left; }
.ui-data .dt-btn .btn33 { display: inline-block; width: 54px; height: 30px; line-height: 30px; border: 1px #00ff5a solid; color: #00ff5a; text-align: center; cursor: pointer; border-radius: 10px; font-size: 14px; float: left; }
.ui-data .dt-btn22 { width: 37%; float: left; }
.ui-data .dt-btn22 .ggui11 { width: 30px; height: 30px; background: url("../images/ui1.png") center center no-repeat; cursor: pointer; float: left; position: relative; margin: 0 0 0 10px; }
.ui-data .dt-btn22 .ggui22 { width: 30px; height: 30px; background: url("../images/ui2.png") center center no-repeat; cursor: pointer; float: left; position: relative; margin: 0 0 0 13px; }
.ui-data .dt-btn22 .ggui33 { width: 30px; height: 30px; background: url("../images/ui3.png") center center no-repeat; cursor: pointer; float: left; position: relative; margin: 0 0 0 13px; }
.ui-data .dt-btn22 .ggui44 { width: 30px; height: 30px; background: url("../images/ui4.png") center center no-repeat; cursor: pointer; float: left; position: relative; margin: 0 0 0 13px; }
.ui-data .dt-btn22 .ggui22 .newico { position: absolute; bottom: -7px; left: -7px; }

.ui-stats { display: block; margin: 10px 0 0; background: #090909; border-radius: 10px; box-shadow:rgba(0, 0, 0, 0.8) 0 10px 20px; padding: 5px 20px; }
.ui-stats .sts-line { display: block; height: 30px; margin: 2px 0 0; }
.ui-stats .sts-line .main-currency { width: 50%; float: left; color: #fff; text-align: left; }
.ui-stats .sts-line .main-currency .crrcy-label { font-size: 18px; display: block; position: relative; text-align: right; padding: 0 20px 0 0; }
.ui-stats .sts-line .main-currency .crrcy-label span { font-size: 10px; color: #aaa; position: absolute; top: 3px; left: 5px; padding: 2px 5px; border-radius: 10px; border: 1px #999 solid; }
.ui-stats .sts-line .sub-currency { width: 25%; float: left; line-height: 1; }
.ui-stats .sts-line .sub-currency .scrrcy-name { font-size: 10px; display: block; color: #aaa; text-decoration: underline; }
.ui-stats .sts-line .sub-currency .clr-g { color: #31ff7f; font-size: 14px; display: block; }
.ui-stats .sts-line .sub-currency .clr-y { color: #ffc000; font-size: 14px; display: block; }
.ui-stats .sts-line .sub-currency .clr-r { color: #e36767; font-size: 14px; display: block; }
.ui-stats .sts-line .sub-currency .clr-p { color: #78ff00; font-size: 14px; display: block; }
.ui-stats .sts-line .sub-currency .clr-o { color: #ff7200; font-size: 14px; display: block; }
.ui-stats .sts-line .sub-currency .clr-b { color: #00d2ff; font-size: 14px; display: block; }


.slt-div { display: block; padding: 20px 0; clear: both; }
.slt-div .slt-style { display: inline-block; width: 20%; }
.slt-div .slt-style select { border: 1px #ff9c00 solid; border-radius: 10px; height: 40px; padding: 0 5px 0; }
.slt-div .slttxt { display: inline-block; position: relative; padding: 0 10px 0; text-align: center; color: #fff; font-size: 14px; }

.mgr-input-wrap .hgt { height: auto; }
.mgr-input-wrap .hgt:hover { border-bottom: 1px #333 solid; }

select option { background: #111; color: #aaa; font-size: 14px; }

#menutype ul li { position: relative; }
#menutype ul li .alrt { position: absolute; display: inline-block; border-radius: 15px; background-color: #EF4649; padding: 2px 8px 3px; color: #fff; top: 10px; right: 15px; font-size: 12px; }

/* 0125 */

.responsive-formdiv { display: block; margin: 50px 10px 0; }

.formdivname { display: block; padding: 15px; color: #ffa200; font-size: 18px; text-align: left; }

.responsive-formdiv input { border: 1px #333 solid; width: 100%; height: 34px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #151515; }
.responsive-formdiv input:focus { outline: none; }
.responsive-formdiv select { border: 1px #333 solid; width: 100%; height: 36px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #151515; }
.responsive-formdiv select:focus { outline: none; }


.formdiv-wrap { display: inline-flex; flex-wrap: wrap; margin: 5px 0 0; font-size: 12px; color: #fff; }
.formdiv-wrap .input-box { flex: auto; flex-basis: auto; align-items: center; display: flex; word-break: break-all; margin: 0 2px 0; min-width: 105px; position: relative; }
.formdiv-wrap .input-box input[type=checkbox] { width: inherit; height: inherit; margin: 0 5px 0 0; }

.formdiv-wrap .input-box .namelabel { position: absolute; top: -10px; left: 10px; background: #151515; padding: 2px; color: #fff; font-size: 12px; }

.basic-btn1 { width: 100%; min-width: 60px; padding: 10px 0; border-radius: 5px; background: #1bb394; text-align: center; color: #fff; font-size: 12px; cursor: pointer; }
.basic-btn2 { width: 100%; min-width: 60px; padding: 10px 0; border-radius: 5px; background: #444; text-align: center; color: #999; font-size: 12px; cursor: pointer; }

.ptrcont-wrap { display: block; margin: 5px 0 0; }

.prtcont-thead { display: flex; flex-wrap: wrap; border-bottom: 1px #333 solid; border-left: 1px #333 solid; border-top: 1px #333 solid; }
.prtcont-thead .thead-div { flex: 5%; align-items: center; justify-content: center; text-align: center; display: flex; word-break: break-all; background: #222; color: #999; height: 30px; border-bottom: 1px #333 solid; border-right: 1px #333 solid; }

.prtcont-tbody { display: flex; flex-wrap: wrap; border-bottom: 1px #222 solid; border-left: 1px #222 solid; }
.prtcont-tbody .tbody-div { flex: 5%; align-items: center; justify-content: center; display: flex; word-break: break-all; background: #151515; color: #fff; height: 30px; border-bottom: 1px #222 solid; border-right: 1px #222 solid; }
.prtcont-tbody .tbody-div a { color: #2DA7FF; }
.prtcont-tbody .down-arrow { width: 10px; height: 10px; background: url("../images/down.jpg") center center no-repeat; background-size: 100%; display: inline-block; margin: 0 0 0 5px; }
.prtcont-tbody .up-arrow { width: 10px; height: 10px; background: url("../images/up.jpg") center center no-repeat; background-size: 100%; display: inline-block; margin: 0 0 0 5px; }

.tdy-clr-bl { color: #2DA7FF; }
.tdy-clr-rd { color: #ff0000; }


.sub-userinfo { border-radius: 10px; margin: 10px; background: #222; border: 1px #252525 solid; padding: 15px; }
.sub-userinfo .subuiname { font-size: 20px; font-weight: bold; color: #ffa200; text-align: left; display: block; padding-left: 10px; }
.sub-userinfo .tabarea { display: block; margin: 20px 0 0; height: 50px; }
.sub-userinfo .tabarea .tabareabutton { width: 120px; text-align: center; line-height: 50px; height: 50px; color: #999; font-size: 14px; cursor: pointer; float: left; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.sub-userinfo .tabarea .tabareabutton:hover { color: #fff; }
.sub-userinfo .tabarea .on { background: #292929; color: #fff; }

.sub-userinfo .cont-contents { position: relative; padding: 10px 10px 20px; background: #292929; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }

.ccui-cont { display: block; margin: 10px 0 0; border: 1px #444 solid; border-radius: 4px; background: #333; }
.ccui-cont .ccuicontname { display: block; padding: 10px; font-size: 14px; color: #ffa200; text-align: left; border-bottom: 1px #444 solid; }

.ccui-cont .ccui-tbody { display: flex; flex-wrap: wrap; border-bottom: 1px #333 solid; border-left: 1px #333 solid; border-top: 1px #444 solid; }
.ccui-cont .ccui-tbody .ccui-div { flex: auto; align-items: center; display: flex; word-break: break-all; height: 50px; border-right: 1px #444 solid; color: #fff; padding-left: 100px; position: relative; }
.ccui-cont .ccui-tbody .ccui-div cc { position: absolute; color: #999; left: 5px; top: 0; width: 90px; height: 50px; text-align: left; align-items: center; display: flex; word-break: break-all; }

.ccui-cont .ccui-tbody .ccui-div input { border: 1px #444 solid; width: auto; height: 34px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #252525; }
.ccui-cont .ccui-tbody .ccui-div input:focus { outline: none; }
.ccui-cont .ccui-tbody .ccui-div select { border: 1px #444 solid; width: auto; height: 36px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #252525; }
.ccui-cont .ccui-tbody .ccui-div select:focus { outline: none; }

.cc-buttonarea { display: block; margin: 6px 0 0; }
.cc-buttonarea .agrbutton { display: block; padding: 15px 0; text-align: center; background: #444; border-radius: 5px; cursor: pointer; color: #fff; font-size: 15px; }
.cc-buttonarea .agrbutton:hover { background: #666; }

.subsubtabarea { display: block; margin: 20px 0 5px; height: 50px; border-bottom: 1px #333 solid; }
.subsubtabarea .tabareabutton { width: 120px; text-align: center; line-height: 50px; height: 50px; color: #999; font-size: 14px; cursor: pointer; float: left; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: 0; margin: 0 2px 0 0; }
.subsubtabarea .tabareabutton:hover { color: #fff; border: 1px #333 solid; border-bottom: 1px #151515 solid; background: #151515; }
.subsubtabarea .on { color: #fff; border: 1px #333 solid; border-bottom: 1px #151515 solid; background: #151515; }

.menu-bnr .cmm { background-image: url("../images/cmmbg.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.menu-bnr .cmm .cmm-img { text-align: center; padding: 35px 30px 0; display: block; }
.menu-bnr .cmm .cmm-img img { width: 100%; transition: all 300ms ease-in-out; }
.menu-bnr .cmm:hover .cmm-img img { width: 102%; }