.InfoBoxWrap {
/*	background: #07080d;*/
    display: flex;
    justify-content: space-between;
}
.InfoBox {
	display: flex;
    height: 125px;
    width: 1446px;
    margin: 0 auto;
    align-items: flex-end;
    justify-content: space-between;
/*    justify-content: end;*/
    color: #dbdfe7;
    font-size: 14px;
}

.InfoBox .call_center{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    cursor: pointer;
}

.InfoBox .call_center img{
    width: 70px;
}

.InfoBox a, .InfoBox a:visited {
	color:#dbdfe7;
}
.InfoBox .right {
	margin: 0 0 15px 0;
}

.InfoBox .right .row{
    margin: 0 0 5px 0;
    justify-content: end;
}

.InfoBox .right .row ul{
    display: flex;
    justify-content: space-between;
}

.InfoBox .right .row ul li{
    list-style: none;
    display:flex;
    justify-content: start;
    align-items: center;
}


.InfoBox .right.loggedIn .row ul li:first-child{
    width: 100px;
}

.InfoBox .right.loggedIn .row ul li:nth-child(2){
    padding-right: 10px;
    width: 160px;
    display: flex;
    justify-content: space-between;
}

.InfoBox .right .row ul li:last-child{
    justify-content: end;
}




.InfoBox .right.loggedOut .row ul li{
    margin-left:5px;
}

.InfoBox .right span {
	position:relative;
/*	margin: 0 20px;*/
	cursor:pointer;
}
/*.InfoBox .right span:last-child {
	margin: 0 0 0 20px;
}*/

.InfoBox .right span.money-box {
    border: 1px solid #26674e;
    border-radius: 6px;
    background-color: #073825;
    display: flex;
    width: 100%;
    text-align: center;
    height: 35px;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}

.InfoBox .right span.lk-btn {
    border: 1px solid #26674e;
    border-radius: 6px;
    background-color: #073825;
    display: flex;
    width: 120px;
    text-align: center;
    height: 35px;
    align-items: center;
    justify-content: center;
}

.InfoBox .right.loggedOut .row ul li span.logInBtn{
    border: 1px solid yellow;
    color: yellow;
}

.InfoBox .right.loggedOut .row ul li span.regBtn{
    background-color: yellow;
    border: 1px solid #000;
    color: #000;
}


.InfoBox .right span:not(:last-child):after {
	position: absolute;
	display: block;
	width:1px;
	height: 62%;
	background: #af8453;
	content: "";
	top:19%;
	right: -22px;
}

/*.InfoBox .right span:before {
    position: absolute;
    display: block;
    height: 2px;
    background: #af8453;
    content: "";
    bottom: -5px;
    transition: all 0.06s ease-out;
    -webkit-transition: all 0.06s ease-out;
    left: 50%;
    right: 50%;
}*/
.InfoBox .right span:hover:before {
    left: 0;
    right: 0;
}
.ico {
    background: url(/static/images/web/res.png);
    height: 19px;
    display: inline-block;
    vertical-align: bottom;
}
.ico.user {
    background-position: -106px -405px;
    width: 23px;
}
.ico.user.lv1 {
	background-position: -106px -405px;
    width: 23px;
}
.ico.user.lv2 {
	background-position: -129px -405px;
    width: 23px;
}.ico.user.lv3 {
	background-position: -152px -405px;
    width: 23px;
}.ico.user.lv4 {
	background-position: -175px -405px;
    width: 23px;
}.ico.user.lv5 {
	background-position: -198px -405px;
    width: 23px;
}.ico.user.lv6 {
	background-position: -221px -405px;
    width: 23px;
}.ico.user.lv7 {
	background-position: -244px -405px;
    width: 23px;
}.ico.user.lv8 {
	background-position: -267px -405px;
    width: 23px;
}.ico.user.lv9 {
	background-position: -290px -405px;
    width: 23px;
}.ico.user.lv10 {
	background-position: -313px -405px;
    width: 23px;
}
.ico.roulette {
    background-position: -393px -405px;
    width: 17px;
}
.ico.memo {
    background-position: -340px -405px;
    width: 17px;
}

.ico.btn-point {
    background-position: -375px -405px;
    width: 16px;
}

.ico.money {
    background-position: -359px -405px;
    width: 16px;
}

.userInfo-wrap {
	padding: 7px;
	text-align: right;
	color: #fff;
	border-top: solid 1px #af8453;
	}
.userInfo-box {
	margin:0 auto; 
	width:1446px;
	}

.userInfo-wrap .userInfo {
	margin-right: 20px;
}

.userInfo-wrap #messageCount, .userInfo-wrap #money, .userInfo-wrap #pointMoney, .userInfo-wrap #winPoint {
	font-size: 16px;
    color: #f2d977;
}
.userInfo-wrap #message, .userInfo-wrap #btnPoint, .userInfo-wrap #roulette {
    cursor: pointer;
    position: relative;
    margin-right: 5pxs;
}
.userInfo-wrap #message > abbr:after,
.userInfo-wrap #btnPoint > abbr:after,
.userInfo-wrap #roulette > abbr:after
{
    position: absolute;
    display: block;
    height: 2px;
    background: #af8453;
    content: "";
    bottom: -5px;
    transition: all 0.06s ease-out;
    -webkit-transition: all 0.06s ease-out;
    left: 50%;
    right: 50%;
}
.userInfo-wrap #message:hover > abbr:after,
.userInfo-wrap #btnPoint:hover > abbr:after,
.userInfo-wrap #roulette:hover > abbr:after
{
    left: 0;
    right: 0;
}
.scrollNotice-wrap {
	background: #fab017;
	/* border-top: solid 1px #dbdbdb; */
}
.scrollNotice-cont {
	margin:10px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	color: #fff;
	font-size:12px;
	padding:4px 6px 4px 6px;
	font-family: Gulim, san-serif;
	/* text-shadow: 0 0 2px rgb(0, 0, 0); */
}
.decoText1 {
	background: url(/static/images/web/res.png) 0 -462px;
	width:92px;
	height:25px;
	display:inline-block;
	margin-right:10px;		
}

#quickAnnounce {
    width: 340px;
    overflow: hidden;
    position: relative;
}

#quickAnnounce p:after {
    content: "";
    white-space: nowrap;
    padding-right: 50px;
}

#quickAnnounce p {
    margin: 0;
    padding-left: 100%;
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-name: marquee;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marquee;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes marquee {
    from {
        -webkit-transform: translate(0%);
    }
    99%, to {
        -webkit-transform: translate(-100%);
    }
}

@-moz-keyframes marquee {
    from {
        -moz-transform: translate(0%);
    }
    99%, to {
        -moz-transform: translate(-100%);
    }
}

@-ms-keyframes marquee {
    from {
        -ms-transform: translate(0%);
    }
    99%, to {
        -ms-transform: translate(-100%);
    }
}

@-o-keyframes marquee {
    from {
        -o-transform: translate(0%);
    }
    99%, to {
        -o-transform: translate(-100%);
    }
}

@keyframes marquee {
    from {
        transform: translate(0%);
    }
    99%, to {
        transform: translate(-100%);
    }
}





.InfoBox .call_center img {
    width: 50px;
}