/* Mypage CSS*/
.new-mypage-skin .user-top {position:relative; margin-bottom:10px; text-align: center !important; padding:20px 14px; border-radius:5px; border:1px solid #ddd; background:#fff;}
.new-mypage-skin .user-top .user-img{/* position:absolute; top:0px; float:left; */width:100%;background-color: #fff;}
.new-mypage-skin .user-top .user-img .user-main-img{position: relative;/* width: 253px; */ /* top: 100px; */left: 0;}
.new-mypage-skin .user-top .user-img .user-main-img .upper-img-box { display:block; margin:0 auto; width:128px; height:128px; border-radius:50%; border:1px solid #eae9ee; overflow:hidden; }
.new-mypage-skin .user-top .user-infos{width: 100% !important; margin-top:10px; /* position:absolute; top: 300px;float:left; */ font-size:25px; position:relative; z-index:10; }
.new-mypage-skin .user-top .user-infos .user-title{/* height:100px; */ padding: 0 40px 20px;border-bottom: 0 !important;/* line-height:100px; */}
.new-mypage-skin .user-top .user-infos .user-title b {font-size:25px;text-align: center;display: block;text-align: center; font-weight:normal; }
.new-mypage-skin .user-top .user-infos .user-title .user-opt {width:140px;padding-top:-28px;display: block;text-align: center;margin:0 auto;}
.new-mypage-skin .user-top .user-infos .user-title .user-opt ul{ list-style:none; padding:0; margin:0; border:1px solid #434343;}
.new-mypage-skin .user-top .user-infos .user-title .user-opt ul li {display:block; width:50%; float:left; }
.new-mypage-skin .user-top .user-infos .user-title .user-opt ul li:first-child{border-right:1px solid #434343;}
.new-mypage-skin .user-top .user-infos .user-title .user-opt ul li .boi-btn{display:block; background:#2c2c2c; color:#fff; text-align:center; height:37px; line-height:37px;}
.new-mypage-skin .user-top .user-infos .user-title .user-opt ul li .block-btn{display:block; background:#a71818; color:#fff; text-align:center; height:37px; line-height:37px;}
.new-mypage-skin .user-body {padding:14px; background:#fff; width:100%; border-radius:5px; border:1px solid #ddd; box-shadow:0 8px 24px rgb(112 144 176 / 20%); }

@media(max-width:991px) {
.new-mypage-skin .user-top .user-img .user-main-img {width:100%;}
}
.user-infos-detali ul{list-style:none; padding:0; margin:0; }
.user-infos-detali ul li {width:calc((100% - 20px)/ 3);float:left; background:#fff; height:80px; border-radius:16px; border:1px solid #ddd; }
.user-infos-detali ul li+li {margin-left:10px; }
.user-infos-detali ul li .dt-title{text-align:center; font-size:15px; padding:13px 0 0;}
.user-infos-detali ul li .dt-info {text-align:center; font-weight: bold !important; color:#1e1e1e !important; font-size:23px; line-height:40px; font-weight:700;}



.user-setiing {list-style:none;padding:0;margin:0; font-size:0; border-radius:5px; border:1px solid #ddd; }
.user-setiing li {
    width:25%; display:inline-block; text-align:center; height:44px; line-height:44px; border-right:1px solid #ddd; 
}
.user-setiing li:last-child { border-right:none;}
.user-setiing li a {display:block; font-size:17px; color:#686868; }

.user-setiing li a:hover, 
.user-setiing li a:focus,
.user-setiing li.active a,
.user-setiing li.active a:hover,
.user-setiing li.active a:focus{ background:#3498db; color:#fff; }

.user-setiing li:last-child a:hover, 
.user-setiing li:last-child a:focus,
.user-setiing li:last-child.active a,
.user-setiing li:last-child.active a:hover,
.user-setiing li:last-child.active a:focus {border-right:0;}
@media(max-width:1175px) {
.new-mypage-skin .user-top .user-infos .user-title{padding:0 10px;}
}

@media(max-width:1090px) {
.new-mypage-skin .user-top .user-infos .user-title{ line-height:20px;}
.new-mypage-skin .user-top .user-infos .user-title b {display:block; padding-top:15px;}
.new-mypage-skin .user-top .user-infos .user-title .user-opt {padding-top:10px !important;}
}

@media (max-width:991px) {
	.new-mypage-skin .user-top .user-img {max-width:unset;}
	.new-mypage-skin .user-top .user-infos {width:100%; border:0;}
	.new-mypage-skin .user-top .user-infos .user-title b {text-align:center;}
	.new-mypage-skin .user-top .user-infos .user-title .user-opt {width:100% !important; max-width:unset !important;}
	.new-mypage-skin .user-top .user-infos .user-title .user-opt ul{ width:140px; margin:0 auto !important;}
	.user-infos-detali ul li .dt-title {line-height:30px;}
	.user-infos-detali ul li {height:105px; padding-top: 16px;}
}

@media (max-width:364px) {
.new-mypage-skin .user-top .user-infos .user-title{height:120px;}
}

.int-banner{position:absolute; background:#fff !important;  width:100%; top:0; left:0; height:100%; overflow:hidden; border-radius:5px; z-index:0; /* border:1px solid #434343; *//* margin:10px 0; */}
/*  .int-banner .up-banner {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-algin:center;}
 .int-banner .up-banner a {margin:30px 0; display:block;} */

.alter-banner {color:#000; line-height:63px; height:63px; padding:0 35px;}
.alter-banner .img-alert {width: 21px; margin-right: 10px; display: inline-block; }


@media (max-width:620px) {
 .alter-banner{height:unset; line-height:unset; padding:25px 15px;}
 .alter-banner .alert-ment {display:block; float:left; width:calc(100% - 31px);}
}

.game-time-star {margin-bottom:10px;}
.game-time-star ul{list-style:none; padding:0; margin:0;}
@media (min-width:992px) {
.game-time-star ul li.col-md-4 {padding:0 2.5px;}
.game-time-star ul li.col-md-4:first-child {padding-left:15px;}
.game-time-star ul li.col-md-4:last-child {padding-right:15px;}
}

@media (max-width:991px) {
.game-time-star ul li.col-md-4 {margin-bottom:10px;}
.game-time-star ul li.col-md-4:last-child {margin-bottom:0;}
}
.game-time-star ul li .game-title {background:#eae9ee !important; text-align:center; font-weight:500; font-size:16px; color:#3498db !important; border-radius:12px; line-height:29px; height:29px; border:1px solid #c7c6cb !important;}

.game-time-star ul li .game-infos .game-view {background:#fff !important; border-bottom:1px solid #c7c6cb !important; border-top:0; color:#666 !important; text-align:center; padding:15px 0;}
.game-time-star ul li .game-infos .game-view b {font-size:22px; color:#000 !important; display:block; padding:5px 0;}

.game-time-star ul li .game-infos .game-result {}
.game-time-star ul li .game-infos .game-result .star-main,
.game-time-star ul li .game-infos .game-result .star-sub {width:50%; float:left; background:#fff !important; color:#666 !important; text-align:center; padding:15px 0;}
.game-time-star ul li .game-infos .game-result .star-main {border-right:1px solid #c7c6cb !important;}

.game-time-star ul li .game-infos .game-result .star-main b,
.game-time-star ul li .game-infos .game-result .star-sub b {font-size:22px; color:#000 !important; display:block; padding:5px 0;}


.star-kinds { font-size:0; margin:23px 0 10px; padding:0; }
.star-kinds li{ display:inline-block; text-align:center; }
.star-kinds li+li{margin-left:10px;}
.star-kinds li a {display:block; padding:7px 25px; color:#323a56; font-size:16px; border:1px solid #c7c6cb; border-radius:5px;  }
/**.star-kinds li a:after{content:'|'; float:right;margin-right:-17px; color:#b7b7b7;}**/
/***
.star-kinds li a:hover, 
.star-kinds li a:focus,
.star-kinds li.active a,
.star-kinds li.active a:hover,
.star-kinds li.active a:focus{background:transparent; border:0; color:#1e1e1e; font-weight:700;}
***/
.star-kinds li.active a { background:#74798c; color:#fff; }
.star-kinds li:hover a { background:#74798c; color:#fff; }

@media(max-width:991px) {
.star-kinds li{display:block; margin-top: 10px; width:24.625%; padding:0; background-color: #fff; }
.star-kinds li a:after{content:'';}
}

.lately-info {margin-bottom:10px;}
.lately-info .lately-head{background:#eae9ee; color:#3498db; font-size:16px; height:29px; line-height:29px; text-align:center; font-weight:500; border-radius:10px; border:1px solid #c7c6cb; }
.lately-info .lately-info-details .lately-main,
.lately-info .lately-info-details .lately-sub {width: 100%;float:left;background:#fff;color:#1e1e1e;text-align:center;padding:15px;}

.lately-info .lately-info-details .lately-main b,
.lately-info .lately-info-details .lately-sub b{font-size:22px; color:#1e1e1e; display:block; padding:10px 0;}


.lately-info .lately-info-details .lately-main{}

.lately-table .ltable-head{width:100%; border-top:1px solid #c7c6cb; border-bottom:1px solid #c7c6cb; padding:29px 40px;}

.lately-table .ltable-head ul{list-style:none; padding:0; margin:0; border:1px solid #999dad; border-radius:5px;}
.lately-table .ltable-head ul li {display:inline-block; border-right:1px solid #999dad; margin:0;}
.lately-table .ltable-head ul li:last-child {border-right:0;}
.lately-table .ltable-head ul li a {font-size:14px; color:#666; display:block; padding:3px 19px; border:0; margin:0 !important; border-radius:0;}
.lately-table .ltable-head ul li.active a{background:#6f7aa3; color:#fff; border:0;}

@media (max-width:991px) {
.lately-table .ltable-head{padding:29px 15px;}
.lately-table .ltable-head .pull-left{width:100%; margin-bottom:20px;}
.lately-table .ltable-head .pull-left ul{width:129px;}

.lately-table .ltable-head .pull-right{width:100%; float:left !important;}
.lately-table .ltable-head .pull-right ul{width:193px;}
}


.lately-table .ltable-body{margin-bottom:10px;}
.lately-table .ltable-body .int-table {overflow-x:scroll; border:1px solid #434343; border-top:0; background:#2c2c2c;}
.lately-table .ltable-body .int-table .table { margin-bottom:0; border:0;}
.lately-table .ltable-body .int-table .table .result-head th{border:0; text-align:center; border-right:1px solid #434343; padding:7px;}
.lately-table .ltable-body .int-table .table .result-head th:last-child{border-right:0;}

.lately-table .ltable-body .win-head{color:#2d4fc7;}
.lately-table .ltable-body .lose-head{color:#74798c;}

.int-table::-webkit-scrollbar-button:start:decrement {display: block; height: 15px; background: url('/img/left.jpg') no-repeat #191919; background-position:center;}
.int-table::-webkit-scrollbar-button:end:increment {display: block; height: 15px; background: url('/img/right.jpg') no-repeat #191919; background-position:center;}
.lately-table .ltable-body .box_area {
	position: relative;
	margin-left: 1px;
	overflow-x:  auto;
}
.lately-table .ltable-body .inner {
    padding-bottom: 34px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    background: url(/img/bg_cell.png) repeat;
    background-color: #fff;
}
.lately-table .ltable-body dl {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
}


.lately-table .ltable-body dt, .lately-table .ltable-body dd {
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0 1px 1px 0;
    text-align: center;
	font-size: 12px;
}
.lately-table .ltable-body dd .Y {
	background: #ff1517;
	color:#fff;
}
.lately-table .ltable-body dd .N {
    background: #dedede;
    color: #1e1e1e
}
.lately-table .ltable-body dd span {
    position: relative;
    display: inline-block;
    margin-top: 3px;
    width: 27px;
    height: 27px;
    line-height: 27px;
	border-radius: 16px;
	
    font-size: 9px;
    color: #fff;
    font-family: tahoma, arial, helvetica;
}
.lately-table .ltable-body .length {
	position: absolute;
	color: #74798c;
	border-top: 1px #c7c6cb solid;
	font-weight:bold;
    bottom: 0;
}

.star-select .ladder_table *{
    box-sizing: border-box;
}

.star-select .ladder_table {
    width: 100%;
    table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
}
.star-select .ladder_table thead {
	
}
.star-select .ladder_table thead tr{
	background: #a9aebe;
}
.star-select .ladder_table tr{
	background: #fff;
}

.star-select .ladder_table th:first-child {
	border-radius:5px 0 0 5px;
}
.star-select .ladder_table th:last-child {
	border-radius:0 5px 5px 0;
}

.star-select .ladder_table th {
    color: #fff;
    height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 0;
}
.star-select .ladder_table td {
	color:#9e9e9e;
    height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    border-bottom:1px solid #eae9ee;
}

.game-time-star ul li .game-infos .game-view b.even_text { color:#3498db !important; }
.game-time-star ul li .game-infos .game-view b.odd_text { color:#cf4436 !important; }
.even_text {
    color: #ff1517 !important;
}
.odd_text {
    color: #416aec !important;
}
.star-select .ld_pg_wrap *{
    box-sizing: border-box;
}

.star-select .ld_pg_wrap .ld_pg {
    font-size: 0;
}
.star-select .ld_pg_wrap {
    clear: both;
    padding: 20px 0;
    text-align: center;
}
.star-select .ld_pg_current {
    display: inline-block;
    margin: 0 0 0 0;
    background: #323a56 !important;
    font-size: 12px;
    color: #fff !important;
    font-weight: normal;
    border: 1px solid #888;
}
.star-select .ld_pg_page+.ld_pg_page {
    margin-left: 2px;
}
.star-select .ld_pg_page,
.star-select .ld_pg_current {
    display: inline-block;
    width: 34px;
    height: 34px;
    font-size: 12px;
    color: #1e1e1e;
    background-color: #fff;
    letter-spacing: 0;
    line-height: 34px;
    vertical-align: middle;
    border: 1px solid #d3dce2;
}
/* Blacklist */

.title-blacklist {border-top:0; margin-bottom:10px;}
.title-blacklist span {display:block; color:#000; font-size: 16px; line-height:65px; height:65px; padding:0 15px; font-weight:700;}

.list-wrap-head {background:#fff; color: #1e1e1e; padding:20px 15px;}
.infos-uesr-set {color:#a1a1a1; font-size:16px; line-height:29px; font-weight:500; }
.list-wrap-head .user-main-img {display:inline-block;padding-right:10px;}
.btn-blacklist { display:inline-block; background:#ff1517; text-align:center; font-size:13px; color:#fff; line-height:29px; padding:0 10px; height:29px; border-radius:5px; }
.btn-blacklist:hover,
.btn-blacklist:focus{color:#000;}

.blacklist-down {float:left;}
.blacklist-down ul {list-style:none; padding:0; margin:0;}
.blacklist-down ul li{display:inline-block;}
.list-talbe-select { display:inline-block; height:29px; line-height:29px; color:#33498f; background:#eae9ee; text-align:center; border:1px solid #c7c6cb; padding:0 10px; border-radius:5px; }
.list-wrap-body .table {border:0;}
.list-wrap-body .table th { font-weight:500; }
@media(max-width:991px) {
.list-wrap-head {padding:30px 15px;}
.btn-blacklist {margin:0; height:35px; line-height:35px;}
.title-blacklist span{text-align:center;}
}


.blacklist-head {background:#a9aebe; color:#fff;}
.blacklist-head .all-select {width:60px; text-align:center;}
.blacklist-head .all-select input{margin:0;}

.blacklist-body {background:#fff; color:#000;}
.blacklist-body td:first-child{text-align:center;}
.blacklist-body td input {margin:15px 0 0;}


.blacklist-body td {border-bottom:1px solid #eae9ee !important; border-top:none !important; height:50px !important; padding:0 !important;}

.blacklist-head th{line-height:46px; padding:0; border-bottom:none !important;}
.blacklist-head th:first-child { border-radius:5px 0 0 5px; }
.blacklist-head th:last-child { border-radius:0 5px 5px 0; }

table .user-names{padding-left:10px !important;}
.user-list-img {padding-right:15px;}
.user-lank-img {padding-right:4px;}

@media (max-width:480px) {
table .user-names{padding-left:20px !important;}
}


#black-int .modal-content{border-radius:0;}

@media (min-width: 768px) {
#black-int .modal-dialog {
    width: 420px;
	}
}
/* #black-int .modal-header {padding:36px 15px 15px;} */
#black-int .modal-header{border:0; padding:36px 33px 15px;}
#black-int .modal-title {font-size:20px; color:#333; font-weight:700;}
#black-int .modal-body {padding: 0; border:0;}

#black-int .modal-body .int-user {margin-bottom:6px; padding:0 33px;}
#black-int .modal-body .int-user input[type="text"] {border:1px solid #dcdcdc; height:45px; width:calc(100% - 144px); padding:15px; margin-right:10px;}
#black-int .modal-body .int-user .int-btn {background:#333; color:#fff; font-weight:700; display:inline-block; width:130px; height:45px; line-height:45px; text-align:center; vertical-align:bottom;}
#black-int .int-user-list-wrap {width:calc(100% - 66px); height:300px; overflow:auto; border:1px solid #dcdcdc; padding:12px 20px;  margin:0 33px;}
#black-int .int-user-list-wrap ul {list-style:none; padding:0; margin:0;}
#black-int .int-user-list-wrap ul li {padding:8px 0 ;}
#black-int .int-user-alert {margin:28px 0;}
#black-int .int-user-alert p{text-align:center; font-size:14px; color:#333; margin:0;}
#black-int .int-user-alert p b {color:#fb5e69;}
#black-int .int-user-last {background:#e5e5e5; padding:35px 33px;}
#black-int .int-user-last p {margin-bottom:16px; text-align:center; color:#333;}
#black-int .int-user-last input {width:100%; background:#f2cc61; border:0; color:#fff; font-weight:700; font-size:14px; height:44px; line-height:44px;}
.modal-del {color:#d0d0d0 !important; font-size:20px; font-weight:700; line-height:39px;}



.user-info-tabs {border-top:0; width:100%; padding:0; list-style:none;margin-bottom: 0; font-size: 0;}
.user-info-tabs li{display:inline-block;padding:0 15px; font-size: 13px;}


.user-info-tabs li a {margin:0; border:0; border-radius:0; color:#86858a; font-size:16px; font-weight:400; text-align:center; padding:0; line-height:65px;}
.user-info-tabs li a:after{content:'|'; float:right;margin-right:-17px; color:#ddd; font-weight: normal !important;}
.user-info-tabs li:last-child a {border-right:0;}
.user-info-tabs li:last-child a:after{content:''}

.user-info-tabs li a:hover, 
.user-info-tabs li a:focus,
.user-info-tabs li.active a,
.user-info-tabs li.active a:hover,
.user-info-tabs li.active a:focus{background:transparent; border:0; color:#cf4436; font-family:'a3';}

.user-info-tabs li:last-child a:hover, 
.user-info-tabs li:last-child a:focus,
.user-info-tabs li:last-child.active a,
.user-info-tabs li:last-child.active a:hover,
.user-info-tabs li:last-child.active a:focus {border-right:0;}

.basic-info-alert{background:#eae9ee; text-align:center; color:#3498db; height:46px; line-height:46px; border:1px solid #c7c6cb; border-radius:5px; margin:0 0 10px 0; }
.basic-info-alert p {margin-bottom:0;}
.opt-line-use {display: none;}
.user-basic .user-table-list {width:100%; border-top:2px solid #c7c6cb; }
.user-basic .user-table-list .user-table-th {width:162px; background:#eae9ee; color:#4c4c4c; font-size:16px; font-family:'a3'; padding-left:25px; line-height:50px; border-bottom:1px solid #c7c6cb; float:left;}
.user-basic .user-table-list .user-table-td {width:calc(100% - 162px); background:#fff; color:#1e1e1e; font-size:15px; padding:0 10px 0 20px;  border-bottom:1px solid #c7c6cb; line-height:50px; float:left;}
.user-basic .user-table-list .user-table-td .pull-right{padding-top:15px;}
.user-basic ul.even-li {list-style:none; padding:0; margin:0;}
.user-basic ul.single-li {list-style:none; padding:0; margin:0; }
.user-basic ul li{float:left;}
.user-basic ul li a{color:#3498db; border:1px solid #c7c6cb; border-radius:5px; font-size:13px; background-color:#eae9ee; padding:5px 8px; display:block; line-height:13px !important; }

.user-basic ul.even-li li:last-child a {background-color: #eae9ee; color: #ff1517; margin-left:5px; }

.opt-line-use {width:100%; height:10px;}


@media (max-width:767px) {
	.user-basic .user-table-list .user-table-th,
	.user-basic .user-table-list .user-table-td{width:100%;}
	.user-basic .user-table-list .user-table-th {padding-left:15px;}
	.user-basic .user-table-list .user-table-td {border-left:1px solid #434343; line-height:unset; padding:15px;}
	.user-basic .user-table-list .user-table-td .pull-right{width:100%;}
	.user-basic .user-table-list .user-table-td .pull-right ul {width:100%; max-width:179px;}
}

.exit-user{background:#a3a6a8; color: #1e1e1e; text-align:center;}
.exit-user a{display:block; color:#fff; height:63px; line-height:63px;}


.leave-wrap .leave-alert {background:#e0e5e8;}
.leave-wrap .leave-alert p {color:#ed3737; text-align:center; padding:30px 0; font-weight:700; margin-bottom: 0;}

.leave-wrap .leave-disclai {background:#fff; padding:40px; padding-left:0;}
.leave-wrap .leave-disclai ol { margin:0;}
.leave-wrap .leave-disclai ol li{color:#1e1e1e; line-height:28px;}
.leave-wrap .leave-agree {background:#fff; color:#000; padding:14px;}

.leave-wrap .leave-agree .pull-left {line-height:50px;}
.leave-wrap .leave-agree .pull-left input[type="checkbox"] {margin:0; margin-right:5px;}
.leave-wrap .leave-agree .pull-left label{margin:0;}
.leave-wrap .leave-agree .pull-right .leave-active-btn{font-weight:700; color:#000; background:#f2cc61; padding:14px 25px; display:block; text-align:center;}

@media(max-width:767px) {
.leave-wrap .leave-agree .pull-left,
.leave-wrap .leave-agree .pull-right{width:100%;}

.leave-wrap .leave-agree .pull-left {line-height:unset; padding-bottom:15px;}
}

.login-check-head {background:#eae9ee; padding:12px; border:1px solid #c8c7cc; border-radius:5px; margin-bottom:10px; }
.login-check .login-month {margin-bottom:10px;}
.login-check .login-month ul{padding:0; margin:0; list-style:none; width:100%; text-align:left;}
.login-check .login-month ul li{display:inline-block; color: #1e1e1e; border: solid 1px #999dad; background: #fff;}
.login-check .login-month ul li a {display:block; height:35px; line-height:35px; text-align:center; padding:0 21px; color:#1e1e1e; }

.login-year-select div{display:inline-block;}
.login-year-select span {color:#1e1e1e; line-height:37px;}
.login-year-select div input[type="text"]{height:37px; border: solid 1px #999dad; background:#fff; padding:0 15px; color:#1e1e1e;}
.login-year-select div input[type="submit"] {height:37px; background:#6f7aa3; color:#fff; padding:0 15px; border:0; font-weight:700;}
.login-year-select div input::placeholder {color: #1e1e1e !important;}
.login-year-select div select {height:37px; background:fff; border: solid 1px #999dad; padding:0 10px; color:#1e1e1e; margin:0 5px;}


.login-check-body .login-table table{width:100%;}
.login-check-body .login-table table thead {background:#a9aebe;}
.login-check-body .login-table table thead th{width:25%; text-align:center; color:#fff; line-height:46px; height:46px; }
.login-check-body .login-table table thead th:last-child{ border-radius:0 5px 5px 0; }
.login-check-body .login-table table thead th:first-child{ border-radius:5px 0 0 5px; }

.login-check-body .login-table table tbody{background:#fff;}
.login-check-body .login-table table tbody td{text-align:center; color:#1e1e1e; line-height:50px; height:50px; border-bottom:1px solid #eae9ee; }



.user-items-tabs { list-style:none; padding:0; margin:0 0 10px; }
.user-items-tabs li{float:left; margin-bottom:0 !important; }


.user-items-tabs li a {display:inline-block; line-height:35px; padding:0 27px; border-radius:5px; border:1px solid #e1e0e3; }
.user-items-tabs li+li { margin-left:10px; }

.user-items-tabs li a:hover, 
.user-items-tabs li a:focus,
.user-items-tabs li.active a,
.user-items-tabs li.active a:hover,
.user-items-tabs li.active a:focus{ background:#8b8b8b; color:#fff; font-weight:bold; border:1px solid #ddd; }
 
.item-more-opt {background:#eae9ee; padding:10px; border-radius:5px; border:1px solid #c7c6cb; }
.item-more-opt ul{list-style:none; padding:0; margin:0; width:100%; /* border:1px solid #434343; */}
.item-more-opt ul li {display:inline-block;}
.item-more-opt ul li a{color:#333; background:#fff; display:block; padding:0 22px; line-height:35px; height:35px; border:1px solid #c7c6cb;}
.item-more-opt .go-market {background:#ff1517; display:inline-block; height:35px; line-height:35px; color:#fff; padding:0 15px; font-weight:700;}

.item-more-list {background:#fff; margin:10px 0 0; }
.item-more-list table {width:100%;}
.item-more-list table thead th{background:#a9aebe; text-align:center; color:#fff; height:46px; line-height:46px;}
.item-more-list table thead th:last-child { border-radius:0 5px 5px 0; }
.item-more-list table thead th:first-child { border-radius:5px 0 0 5px; }

.item-more-list table tbody td { border-bottom:1px solid #f1f3f4; text-align:center; color:#fff; line-height:50px; padding:0 25px;}

.item-more-list table tbody td.itme-thumb {text-align:left;}
.item-more-list table tbody td .thumb-img{display:inline-block; width:80px; height:80px; margin:15px; margin-left:0; border:1px solid #f1f3f4;}
.item-more-list table tbody td .thumb-img img{width:100%;}

.cash-more-opt {background:#eae9ee; border:1px solid #c7c6cb; margin-bottom:10px; padding:8px 12px; border-radius:5px; }
.cash-more-opt ul{list-style:none; padding:0; margin:0; width:100%;}
.cash-more-opt ul li {display:inline-block; border-right:1px solid #f1f3f4; color:#1e1e1e;}
.cash-more-opt ul li b {padding:0 10px;}
.cash-more-opt ul li img {margin-right:5px; }
.cash-more-opt ul li:last-child{border-right:0;}
.cash-more-opt ul li a{color:#fff; background:#2c2c2c; display:block; padding:0 22px; line-height:35px; height:35px;}
.cash-more-opt .go-market {background:#ff1517; display:inline-block; height:35px; line-height:35px; color:#fff; padding:0 25px; font-weight:700;}
.cash-more-opt .go-cash{background:#3498db; display:inline-block; height:35px; line-height:35px; color:#fff; padding:0 25px; font-weight:700;}


.cash-check {background:#eae9ee; padding:14px; border:1px solid #c7c6cb; border-radius:5px; margin:0 0 10px; }
.cash-check .cash-month {margin-bottom:10px;}
.cash-check .cash-month ul{padding:0; margin:0; list-style:none; width:100%; text-align:left;}
.cash-check .cash-month ul li{display:inline-block; border: solid 1px #999dad; background-color: #fff;}

.cash-check .cash-month ul li a {display:block; height:35px; line-height:35px; text-align:center; padding:0 21px; color:#1e1e1e;}
.cash-year-select div{display:inline-block;}
.cash-year-select span {color:#1e1e1e; line-height:37px; font-weight: bold;}
.cash-year-select div input[type="text"]{height:37px; border: solid 1px #999dad; background:#fff;  padding:0 15px; color:#1e1e1e;}
.cash-year-select div input[type="submit"] {height:37px; background:#6f7aa3; color:#fff; padding:0 15px; border:0; font-weight:700;}
.cash-year-select div input::placeholder {color: #1e1e1e !important;}
.cash-year-select div select {height:37px;  background:#a3a6a8; padding:0 10px; color:#fff; margin:0 5px;}



.cash-table table{width:100%;}
.cash-table table thead {background:#a9aebe; }
.cash-table table thead th{text-align:center; color:#fff; line-height:46px; height:46px; }
.cash-table table thead th:nth-child(1) {width: 10%;}
.cash-table table thead th:nth-child(2) {width: 25%;}
.cash-table table thead th:nth-child(3) {width: 10%;}
.cash-table table thead th:last-child{ border-radius:0 5px 5px 0; }
.cash-table table thead th:first-child{ border-radius:5px 0 0 5px; }

.cash-table.type2 table thead th{width:20%;}
.cash-table tbody{background:#fff;}
.cash-table tbody td{text-align:center; color:#1e1e1e; height:63px; border-bottom:1px solid #f1f3f4;}

.point-table table{width:100%;}
.point-table table thead {background:#a9aebe;}
.point-table table thead th{width:25%; text-align:center; color:#fff; line-height:46px; height:46px;}
.point-table2 table thead th:nth-child(1){width: 10%;}
.point-table2 table thead th:nth-child(3){width: 10%;}
.point-table table thead th:last-child{ border-radius:0 5px 5px 0; }
.point-table table thead th:first-child{ border-radius:5px 0 0 5px; }

.point-table tbody{background:#fff;}
.point-table tbody td{text-align:center; color:#1e1e1e; line-height:63px; height:63px; border-bottom:1px solid #f1f3f4;}


.exp-icon{display: inline-block; width: 34px; height: 34px; border-radius: 25px; line-height: 34px; margin-right: 10px;}

.exp-icon.del-exp{border:1px solid #cdcdcd; color:#cdcdcd;}
.exp-icon.up-exp {border:1px solid #f2cc61; color:#f2cc61;}



.user-modal .modal-content{border-radius:0;}

@media (min-width: 768px) {
.user-modal .modal-dialog {
    width: 420px;
	}
}
.user-modal .modal-header{border:0; padding:36px 33px 15px;}
.user-modal .modal-title {font-size:20px; color:#333; font-weight:700;}
.user-modal .modal-body {padding: 0; border:0;}

.user-modal .modal-body .int-user {margin-bottom:6px;padding: 0 30px 15px;}
.user-modal .modal-body .int-user input[type="text"] {border:1px solid #dcdcdc;height:45px;width: calc(100% - 128px);padding:15px;margin-right:10px;}
.user-modal .modal-body .int-user input[type="file"] {  width:calc(100% - 144px);  margin-right:10px; float:left;}
.user-modal .modal-body .int-user input[type="password"] {width:100%; margin-bottom:10px;}
.user-modal .modal-body .int-user .int-btn {background:#333;color:#fff;font-weight:700;display:inline-block;width: 100px;height:45px;line-height:45px;text-align:center;vertical-align:bottom;border:0;}
.user-modal .int-user-list-wrap {width:calc(100% - 66px); height:300px; overflow:auto; border:1px solid #dcdcdc; padding:12px 20px;  margin:0 33px;}
.user-modal .int-user-list-wrap ul {list-style:none; padding:0; margin:0;}
.user-modal .int-user-list-wrap ul li {padding:8px 0 ;}
.user-modal .int-user-alert {margin:28px 0;}
.user-modal .int-user-alert p{text-align:center; font-size:14px; color:#333; margin:0;}
.user-modal .int-user-alert p b {color:#fb5e69;}
.user-modal .int-user-last {background:#e5e5e5; padding:35px 33px;}
.user-modal .int-user-last p {margin-bottom:16px; text-align:center; color:#333;}
.user-modal .int-user-last input {width:100%; background:#fb5e69; border:0; color:#fff; font-weight:700; font-size:14px; height:44px; line-height:44px;}

.items-modal .modal-content{border-radius:0;}

@media (min-width: 768px) {
.items-modal .modal-dialog {
    width: 420px;
	}
}

.items-modal .modal-header{border:0; padding:36px 33px 15px;}
.items-modal .modal-title {font-size:20px; color:#333; font-weight:700;}
.items-modal .modal-body {padding: 0; border:0;}

.items-modal .modal-body .int-user {margin-bottom:6px; padding:0 33px;}
.items-modal .modal-body .int-user > input[type="text"] {border:1px solid #dcdcdc; height:45px; width:208px; padding:15px; margin-right:10px;}
.items-modal .modal-body .int-user input {width: calc(100% - 144px);margin-right: 10px;float: left;}
.items-modal .modal-body .int-user .int-btn {background:#333; color:#fff; font-weight:700; display:inline-block; width:130px; height:45px; line-height:45px; text-align:center; vertical-align:bottom;}
.items-modal .modal-body .int-user label{font-size:14px; font-weight:700;}
.items-modal .int-user-list-wrap {width:calc(100% - 66px); height:300px; overflow:auto; border:1px solid #dcdcdc; padding:12px 20px;  margin:0 33px;}
.items-modal .int-user-list-wrap ul {list-style:none; padding:0; margin:0;}
.items-modal .int-user-list-wrap ul li {padding:8px 0 ;}
.items-modal .int-user-alert {margin:28px 0;}
.items-modal .int-user-alert p{text-align:center; font-size:14px; color:#333; margin:0;}
.items-modal .int-user-alert p b {color:#fb5e69;}
.items-modal .int-user-last {background:#e5e5e5; padding:35px 33px;}
.items-modal .int-user-last p {margin-bottom:16px; text-align:center; color:#333;}
.items-modal .int-user-last input {width:100%; background:#fb5e69; border:0; color:#fff; font-weight:700; font-size:14px; height:44px; line-height:44px;}

.level-table .step-lavel{padding:20px 0;background:#fff;border-bottom:1px solid #f1f3f4;}
.level-table .step-lavel ul{list-style:none; padding:0; margin:0; width:100%; text-align:center}
.level-table .step-lavel ul li {display:inline-block; padding:25px 5px; position:relative;}
.level-table .step-lavel ul li .level-info {display:none; border:1px solid #434343; position:absolute; z-index:15; top:-50px; left:0; background:#fff; color:#000; width:200px; font-size:11px; text-align:left; padding:8px;}
.level-table .step-lavel ul li:nth-child(11) .level-info{width:220px;}
.level-table .step-lavel ul li:nth-child(n + 12) .level-info{right:0; top:-70px; left:unset;}

.level-table .step-lavel ul li.active-level {border-bottom:2px solid #f2cc61;}

.level-table .exp-gauge{background:#fff;padding:50px 0;}
.level-table .exp-gauge ul{list-style:none; padding:0; margin:0 auto; width:100%; max-width:610px; }
.level-table .exp-gauge ul li{float:left; text-align:center;}
.level-table .exp-gauge ul li.now-level,
.level-table .exp-gauge ul li.next-level {width:20%;}

.level-table .exp-gauge ul li.now-gauge  { width:60%; top:25px; position:relative;}
.level-table .exp-gauge ul li.now-gauge .div-progress.progress {border-radius:25px; height:13px; background-color: #e0e5e8;}
.level-table .exp-gauge ul li.now-gauge .div-progress.progress .progress-bar {background-color:#f2cc61; }
.level-table .exp-gauge ul li.now-gauge p {color:#1e1e1e; font-weight:700; margin-top:8px; margin-bottom:0;}

.exp-opt{margin-bottom:0;}


.item-more-wrap {padding:20px 8px;}
.item-more-wrap ul {list-style:none; padding:0; margin:0; font-size: 0; margin-bottom:-30px;}
.item-more-wrap ul .item-li {width:25%; display: inline-block; vertical-align: top; padding:0 8px; margin-bottom:30px;}
.item-more-wrap ul .item-li img {width:100%;}
.item-more-wrap ul .form-group { font-size:13px; }
.item-more-wrap ul .modal-body { font-size:13px; }

.items-content{color:#323a56; font-size:16px; padding-top:20px;}
.items-content .items-counted{color:#323a56; font-weight: bold;}
.items-content .set-btn {padding-top:20px; width:100%;}
.items-content .set-btn button {width:100%; background:#f4f4f4; color:#3498db; font-size:14px; font-weight:700; border:1px solid #c7c6cb; border-radius:5px; line-height:32px;}
.items-desc{color:#9a9a9a; font-size:12px; margin-top:4px; line-height:15px;}


.user-level-icon.profile-level img{width:47px; height:46px;}
.user-level-icon.small-level img{width:33px; height:33px;}
.user-level-icon.normal-level img{width:38px; height:38px;}
.user-level-icon.xs-level img{width:25px; height:25px;}


/** mypage **/
.bos-member-page { width:890px;}
.bos-c-black { color:#202020 !important; }
.user-body { min-height:700px; }
.bos-c-blue { color:#3498db !important; }
.tab-item-pay .item-more-opt ul li.active a { color:#3498db; }