@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: Ash;
    src: url('../fonts/Ash.eot');
    src: url('../fonts/Ash.eot') format('embedded-opentype'),
         url('../fonts/Ash.woff2') format('woff2'),
         url('../fonts/Ash.woff') format('woff'),
         url('../fonts/Ash.ttf') format('truetype'),
         url('../fonts/Ash.svg#Ash') format('svg');
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,  tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body {position:relative;width:1024px;margin:0 auto;text-align:center;background-color:#998f89;font:14px Arial, Helvetica, sans-serif;}

#video_bg {width:1024px;height:768px;position:absolute;}

#content {position:relative;width:1024px;height:768px;text-align:left;margin:0 auto;background:url(../img/lobby/cover_lobby.png) no-repeat}
#content-acct {position:relative;width:1024px;height:78px;text-align:left;margin:0 auto;background:url(../img/lobby/lobby_bg.png) no-repeat}
#content-bonus {position:relative;width:1024px;height:78px;text-align:left;margin:0 auto;background:url(../img/lobby/lobby_bg.png) no-repeat}


.cn {position:absolute;background-image:url(../img/lobby/text_zh-cn.png);background-repeat:no-repeat;text-indent:-9999px}
.tw {position:absolute;background-image:url(../img/lobby/text_zh-tw.png);background-repeat:no-repeat;text-indent:-9999px}
.en {position:absolute;background-image:url(../img/lobby/text_en.png);background-repeat:no-repeat;text-indent:-9999px}
.in {position:absolute;background-image:url(../img/lobby/text_in.png);background-repeat:no-repeat;text-indent:-9999px}


#logo {position:absolute; margin-left:20px;width:280px;height:52px;}

#btn_help a {position:absolute;right:10px;top:434px;z-index:100;width:177px;height:49px;display:block;}
#btn_help a.whatluzi {width:200px; height:40px; background-position:-16px -220px;left:30px;margin-top:255px; }


#lang {position:absolute;width:150px;height:20px;margin-left:350px;margin-top:25px}
#lang a {display:block;width:43px;height:20px;float:left;text-indent:-9999px;background-image:url(../img/lobby/language.png)}
#lang .on a {filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}
#lang-cn a {background-position:0 0;margin-right:0}
#lang-cn.on a {background-position:0 -18px}
#lang-en a {background-position:-98px 0}
#lang-en.on a {background-position:-98px -18px}
#lang-in.on a {background-position:-49px -18px}
#lang-in a {background-position:-49px 0;margin-right:0}

#nav {position:relative;width:485px;height:20px;left:530px;top:23px;}
#nav a {position:absolute;z-index:100;width:45px;height:20px;display:block;}

		.nav_06 a#nav-login {left:0;width:64px;background-position:-438px -281px;}
			.nav_06 a:hover#nav-login {background-position:-438px -311px;}
		.nav_06 a#nav-home {left:60px;width:65px;background-position:-14px -281px;}
			.nav_06 a:hover#nav-home {background-position:-14px -311px;}
		.nav_06 a#nav-cashier {left:125px;width:80px;background-position:-81px -281px;}
			.nav_06 a:hover#nav-cashier {background-position:-81px -311px;}
		.nav_06 a#nav-account {left:205px;width:100px;background-position:-162px -281px;}
			.nav_06 a:hover#nav-account {background-position:-162px -311px;}
		.nav_06 a#nav-bonus {left:310px;width:100px;background-position:-268px -281px;}
			.nav_06 a:hover#nav-bonus {background-position:-268px -311px;}
		.nav_06 a#nav-help {left:410px;width:65px;background-position:-370px -281px;}
			.nav_06 a:hover#nav-help {background-position:-370px -311px;}
		.nav_06 a#nav-logout {left:0;width:64px;background-position:-502px -281px;}
            .nav_06 a:hover#nav-logout {background-position:-502px -311px;}


		.nav_05 a#nav-login {left:30px;width:64px;background-position:-438px -281px;}
			.nav_05 a:hover#nav-login {background-position:-438px -311px;}
		.nav_05 a#nav-home {left:100px;width:65px;background-position:-14px -281px;}
			.nav_05 a:hover#nav-home {background-position:-14px -311px;}
		.nav_05 a#nav-cashier {left:175px;width:80px;background-position:-81px -281px;}
			.nav_05 a:hover#nav-cashier {background-position:-81px -311px;}
		.nav_05 a#nav-account {left:265px;width:100px;background-position:-162px -281px;}
			.nav_05 a:hover#nav-account {background-position:-162px -311px;}
		.nav_05 a#nav-help {left:380px;width:65px;background-position:-370px -281px;}
			.nav_05 a:hover#nav-help {background-position:-370px -311px;}
		.nav_05 a#nav-logout {left:30px;width:64px;background-position:-502px -281px;}
			.nav_05 a:hover#nav-logout {background-position:-502px -311px;}

#info-text {position:absolute;width:920px; height:20px; margin-left:55px; margin-top:5px; color:#c0a962}
#info-text	span{margin-left:80px;margin-bottom:0px;font-size:14px; }
#info-user_blank {float:left; display:block; width:1024px; height:19px; margin-top:40px; font-size:14px; color:#c0a962;}
#info-user {float:left; display:block; width:1024px; height:19px; margin-top:40px; font-size:14px; color:#c0a962;background-image:url(../img/lobby/id_bg.jpg)}
#name {float:left; display:block;width:260px; text-align:center; font-weight:bold; margin-left:140px; color:#fef2bb;}
#balance {float:left; display:block;width:260px; text-align:center;margin-left:15px; color:#fff;}
#bonusbalance {position:relative;float:left; display:block;width:260px; text-align:center;margin-left:5px; color:#fff;}

.games-wrap {
	position:relative;
	width:1024px;
	height:265px;
	margin:35px 0 0 0;
	}
	.games-wrap a {
		position:absolute;
		z-index:100;
		width:170px;
		height:69px;
		display:block;
		}
		.layout_11 a#treedbaccarat {left: 225px;top: 30px;width:175px;height:84px;background-position: -954px -371px;}
			.layout_11 a:hover#treedbaccarat {background-position:-954px -460px;}
		.layout_11 a#baccarat {left:430px;top: 30px;background-position:-604px -16px;}
			.layout_11 a:hover#baccarat {background-position:-604px -294px;}
		.layout_11 a#upbaccarat {left:130px;top: 190px;background-position:-777px -155px;}
			.layout_11 a:hover#upbaccarat {background-position:-777px -433px;}
		.layout_11 a#dragontiger {left: 337px;top:190px;background-position:-604px -86px;}
			.layout_11 a:hover#dragontiger {background-position:-604px -364px;}

		.layout_11 a#hybrid {left: 130px;top: 115px;width:175px;height:84px;background-position:-954px -18px;}
			.layout_11 a:hover#hybrid {background-position:-954px -107px;}
		.layout_11 a#threepictures {left:337px;top: 115px;background-position:-777px -16px;}
			.layout_11 a:hover#threepictures {background-position:-777px -294px;}

		.layout_11 a#keno {left: 537px;top: 190px;width:175px;height:84px;background-position:-408px -18px;}
			.layout_11 a:hover#keno {background-position:-408px -107px;}
		.layout_11 a#casinowar {left:537px;top: 115px;background-position:-604px -225px;}
			.layout_11 a:hover#casinowar {background-position:-604px -503px;}

		.layout_11 a#roulette {left: 630px;top: 30px;background-position:-604px -156px;}
			.layout_11 a:hover#roulette {background-position:-604px -434px;}
		.layout_11 a#sicbo {left:730px;top: 115px;background-position:-777px -86px;}
			.layout_11 a:hover#sicbo {background-position:-777px -364px;}
		.layout_11 a#easyball {left:730px;top:190px;background-position:-777px -225px;}
			.layout_11 a:hover#easyball {background-position:-777px -503px;}



		.layout_10 a#baccarat {left:130px;top:30px;background-position:-604px -16px;}
			.layout_10 a:hover#baccarat {background-position:-604px -294px;}
		.layout_10 a#upbaccarat {left:130px;top:110px;background-position:-777px -155px;}
			.layout_10 a:hover#upbaccarat {background-position:-777px -433px;}
		.layout_10 a#dragontiger {left:130px;top:190px;background-position:-604px -86px;}
			.layout_10 a:hover#dragontiger {background-position:-604px -364px;}

		.layout_10 a#hybrid {left:330px;top:60px;width:175px; height:84px;background-position:-954px -18px;}
			.layout_10 a:hover#hybrid {background-position:-954px -107px;}
		.layout_10 a#threepictures {left:337px;top:150px;background-position:-777px -16px;}
			.layout_10 a:hover#threepictures {background-position:-777px -294px;}

		.layout_10 a#keno {left:530px;top:60px;width:175px; height:84px;background-position:-408px -18px;}
			.layout_10 a:hover#keno {background-position:-408px -107px;}
		.layout_10 a#casinowar {left:537px;top:150px;background-position:-604px -225px;}
			.layout_10 a:hover#casinowar {background-position:-604px -503px;}

		.layout_10 a#roulette {left:730px;top:30px;background-position:-604px -156px;}
			.layout_10 a:hover#roulette {background-position:-604px -434px;}
		.layout_10 a#sicbo {left:730px;top:110px;background-position:-777px -86px;}
			.layout_10 a:hover#sicbo {background-position:-777px -364px;}
		.layout_10 a#easyball {left:730px;top:190px;background-position:-777px -225px;}
			.layout_10 a:hover#easyball {background-position:-777px -503px;}



		.layout_09 a#keno {left:180px;top:10px;width:175px; height:84px;background-position:-408px -18px;}
			.layout_09 a:hover#keno {background-position:-408px -107px;}
		.layout_09 a#dragontiger {left:180px;top:100px;background-position:-604px -86px;}
			.layout_09 a:hover#dragontiger {background-position:-604px -364px;}
		.layout_09 a#casinowar {left:180px;top:190px;background-position:-604px -226px;}
			.layout_09 a:hover#casinowar {background-position:-604px -504px;}

		.layout_09 a#hybrid {left:430px;top:10px;width:175px; height:84px;background-position:-954px -18px;}
			.layout_09 a:hover#hybrid {background-position:-954px -107px;}
		.layout_09 a#baccarat {left:430px;top:100px;background-position:-604px -16px;}
			.layout_09 a:hover#baccarat {background-position:-604px -294px;}
		.layout_09 a#roulette {left:430px;top:190px;background-position:-604px -156px;}
			.layout_09 a:hover#roulette {background-position:-604px -434px;}

		.layout_09 a#threepictures {left:680px;top:10px;background-position:-777px -16px;}
			.layout_09 a:hover#threepictures {background-position:-777px -294px;}
		.layout_09 a#upbaccarat {left:680px;top:100px;background-position:-777px -155px;}
			.layout_09 a:hover#upbaccarat {background-position:-777px -433px;}
		.layout_09 a#sicbo {left:680px;top:190px;background-position:-777px -86px;}
			.layout_09 a:hover#sicbo {background-position:-777px -364px;}



		.layout_08 a#baccarat {left:110px;top:50px;background-position:-604px -16px;}
			.layout_08 a:hover#baccarat {background-position:-604px -294px;}
		.layout_08 a#threepictures {left:110px;top:150px;background-position:-777px -16px;}
			.layout_08 a:hover#threepictures {background-position:-777px -294px;}

		.layout_08 a#upbaccarat {left:320px;top:50px;background-position:-777px -155px;}
			.layout_08 a:hover#upbaccarat {background-position:-777px -433px;}
		.layout_08 a#roulette {left:320px;top:150px;background-position:-604px -156px;}
			.layout_08 a:hover#roulette {background-position:-604px -434px;}

		.layout_08 a#dragontiger {left:530px;top:50px;background-position:-604px -86px;}
			.layout_08 a:hover#dragontiger {background-position:-604px -364px;}
		.layout_08 a#sicbo {left:530px;top:150px;background-position:-777px -86px;}
			.layout_08 a:hover#sicbo {background-position:-777px -364px;}

		.layout_08 a#casinowar {left:740px;top:50px;background-position:-604px -226px;}
			.layout_08 a:hover#casinowar {background-position:-604px -504px;}
		.layout_08 a#easyball {left:740px;top:150px;background-position:-777px -225px;}
			.layout_08 a:hover#easyball {background-position:-777px -503px;}

        .layout_07 a#baccarat {left:110px;top:50px;background-position:-604px -16px;}
			.layout_07 a:hover#baccarat {background-position:-604px -294px;}
		.layout_07 a#threepictures {left:220px;top:150px;background-position:-777px -16px;}
			.layout_07 a:hover#threepictures {background-position:-777px -294px;}

		.layout_07 a#upbaccarat {left:320px;top:50px;background-position:-777px -155px;}
			.layout_07 a:hover#upbaccarat {background-position:-777px -433px;}
		.layout_07 a#roulette {left:430px;top:150px;background-position:-604px -156px;}
			.layout_07 a:hover#roulette {background-position:-604px -434px;}

		.layout_07 a#dragontiger {left:530px;top:50px;background-position:-604px -86px;}
			.layout_07 a:hover#dragontiger {background-position:-604px -364px;}
		.layout_07 a#sicbo {left:640px;top:150px;background-position:-777px -86px;}
			.layout_07 a:hover#sicbo {background-position:-777px -364px;}

		.layout_07 a#casinowar {left:740px;top:50px;background-position:-604px -226px;}
			.layout_07 a:hover#casinowar {background-position:-604px -504px;}

.popular_bac { position:absolute; left:424px; top:160px; z-index:100;}
.popular_rou {position:absolute;left:624px;top:160px;z-index:100;}

#intro {width:550px;height:172px;background-position:-12px -363px;margin-left:248px;margin-top:320px}
#download {width:85px;height:38px;background-position:-28px -167px;margin-left:433px;margin-top:288px}
#mobile {width:85px;height:38px;background-position:-170px -167px;margin-left:480px;margin-top:288px}
#real {width:120px;height:47px;background-position:-42px -119px;margin-left:237px;margin-top:220px}
#fun {width:120px;height:47px;background-position:-42px -73px;margin-left:686px;margin-top:220px}
#join {width:200px;height:40px;background-position:-219px -220px;left:60px;margin-top:270px}

.mobile_qr_bg {
    position:absolute;
    display:block;
    width: 290px;
    height: 130px;
    left: 725px;
    top: 600px;
    background:#666;
    background: -webkit-linear-gradient(left, #bcbcbc, #757575);   /*For Safari 5.1 to 6.0*/
    background: -o-linear-gradient(bottom, #bcbcbc, #757575); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #bcbcbc, #757575); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #bcbcbc, #757575);   /*Standard syntax */
    border-radius:8px;
}

.mobile_qr_bg_header {
    background:#000;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.mobile_qr_bg p{
    color:#FFF;
    padding:8px;
    font-family:"黑体", "汉仪中圆简";
    font-weight:bold;
}
.mobile_qr_bg img{
    margin:8px;
    padding:5px;     
    width:74px;
    height:74px;
    background:#FFF;
}
.mobile_qr_title {
    position:absolute;
    top:45px;
    color:#FFF;
}
.mobile_qr_ios {
    background:url(../img/lobby/logo_iosand.png);
    background-position:-10px -9px;
    display:block;
    width:40px;
    height:40px;
    text-indent:-9999px;
}
.mobile_qr_android {
    background:url(../img/lobby/logo_iosand.png);
    background-position:-56px -9px;
    display:block;
    width:50px;
    height:40px;
    text-indent:-9999px;
}
	

#gametip {width:335px;height:85px;position:absolute;margin-top:194px;margin-left:350px;text-align:center;font:32px SimHei; letter-spacing:-1mm; color:#fae554;line-height:80px;}
.gametip {font-family:Impact}

#login {position:absolute;width:205px;height:170px;background:url(../img/lobby/bg-login.jpg) no-repeat;margin-left:600px;margin-top:40px;color:#232323;text-align:center;display:none;z-index:200}
#login input {font-size:14px}
#login_info {padding:10px 30px;text-align:left}
#login_info label {display:block;padding-top:10px}
#login_info input {padding:3px;width:135px}
#login .btn {background:url(../img/lobby/btn.gif) repeat-x; color:#fff;padding:5px 10px;cursor:pointer; text-align:center;}

#forgot {margin-top: 8px; text-align: right; margin-right: 10px;}
#forgot a {color:#111;font-size:14px;text-decoration:none;}
#forgot a:hover {text-decoration:underline}


#bonus {position:absolute;width:800px;height:500px;margin-left:112px;margin-top:100px;background-color:#FFFFFF;text-align:center;display:none;z-index:200}

 
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#fff;
    text-decoration:none}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:12em;
    border:1px solid #000;
    background-color:#fff; color:#000;
    text-align: center}

#navpop {position:absolute;width:50px;margin-left:590px;margin-top:20px}
#navpop li {color:#999;float:left;height:24px;line-height:24px;width:100px;text-align:center;background:url() right top repeat-y}
#navpop a {color:#000;font-size:14px;text-decoration:none}
#navpop a:hover {text-decoration:underline}

#navpopsb {position:absolute;width:50px;margin-left:335px;margin-top:20px}
#navpopsb li {float:left;height:24px;line-height:24px;width:100px;background:url() right top repeat-y}
#navpopsb a {color:#222;font-size:16px;text-decoration:none}
#navpopsb a:hover {background-position:-762px -220px;}


/*------------------------------  new bg & slogan   -----------------------------*/

#cover {
	position:relative;
	width:1024px;
	height:768px;
	text-align:left;
	margin:0 auto;
	background:url(../img/lobby/cover.png) no-repeat;}

.jackpot_personal { 
	position:absolute;
	top:460px;
	left:0;
	width:295px;
	height:201px;
	font-size:18px;
	background:url(../img/lobby/jackpot_personal.png) no-repeat;}
.jackpot_mega { 
	position:absolute;
	top:460px;
	right:0;
	width:295px;
	height:201px;
	font-size:18px;
	background:url(../img/lobby/jackpot_group.png) no-repeat;}
	.jackpot_title {
		position:relative;
		margin:auto;
		padding-top:35px;
		text-align:center;
		font-size:24px;
		color:#FFF;
	}
	.jackpot_amount {
		position:relative;
		margin:auto;
		padding-top:10px;
		text-align:center;
		font-family: Ash, "Cooper Black", Impact;
		color:#FFF; 
	}
.jackpot_mega { 
	position:absolute;
	top:460px;
	right:0;
	width:295px;
	height:201px;
	font-size:18px;
	background:url(../img/lobby/jackpot_group.png) no-repeat;}
	.jackpot_title {
		position:relative;
		margin:auto;
		padding-top:35px;
		text-align:center;
		font-size:24px;
		color:#FFF;
	}
	.jackpot_amount {
		position:relative;
		margin:auto;
		padding-top:10px;
		text-align:center;
		font-family: Ash, "Cooper Black", Impact;
		color:#FFF; 
	}
.jackpot_winner { 
	position:absolute;
	top:460px;
	right:0;
	width:295px;
	height:201px;
	color:#ffe9cd;
	text-shadow:2px 2px 4px #000000;
	font-size:16px;
	background:url(../img/lobby/jackpot_msg.png) no-repeat;}
	.winner_name {
		position:relative;
		margin:auto;
		padding-top:40px;
		text-align:center;
		font-size:16px;
		font-family: Ash, "Cooper Black", Impact;
		color:#FFF;
	}
	.winner_date {
		position:relative;
		margin:auto;
		padding-top:2px;
		text-align:center;
		font-size:18px;
		color:#FFF; 
	}
	.winner_amount {
		position:relative;
		margin:auto;
		padding-top:2px;
		text-align:center;
		font-size:13px;
		font-family: Ash, "Cooper Black", Impact;
		color:#FFF; 
	}
	.winner_games {
		position:relative;
		margin:auto;
		padding-top:2px;
		text-align:center;
		color:#FFF; 
	}
.jackpot_megawinner a{
	position:absolute;
	top:410px;
	right:15px;
	width:260px;
	height:40px;
	padding:5px 0;
	color:#fff;
	text-shadow:1px 1px 2px #000000;
	font-size:16px;	
	text-decoration:none;
	background:#FFBE24;
	display:block;
	text-align:center;
	line-height:20px;
	border-radius:5px;
}


#slogan { 
	position:absolute;
	top:340px;
	width:1024px;
	height:336px;}

/*----------- open modal ------------*/

.modalDialog {
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 0;
	left: 60px;
	/*background: rgba(0,0,0,0.8);*/
	z-index: 99999;
	/*opacity:0;*/
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	/*pointer-events: none;*/
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 500px;
	position: relative;
	margin: 10% auto;
	background: #fcfcfc;
	border:5px solid #666;
}


.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #505050; }

.modal-title {
	background:#e0e0e0;
	padding:15px 20px 5px 20px;;
	box-sizing:border-box;
	font-weight:bold;
	font-size:16px;
}
.modal-content {
}
	ul.modal-content {
		list-style-type:disc;
		padding:10px 20px 10px 50px;
		line-height:20px;
	}
	.red-new {
		color:#F00;
		font-weight:bold;
		font-size:15px;
	}
	
.modal-footer {
	background:#e0e0e0;
	padding:15px 20px 15px 20px;;
	box-sizing:border-box;
	font-weight:bold;
	text-align:center;
}
	.modal-footer a{
		color:#333;
	}
		.modal-footer a:hover {
			color:#999;
		}

@keyframes fortune-blink { 0%   { opacity:0; } 25%  { opacity:1; } 50% { opacity:1; } 75% { opacity:1; } 100% { opacity:.5; }}
@-o-keyframes fortune-blink{ 0%   { opacity:0; } 25%  { opacity:1; } 50% { opacity:1; } 75% { opacity:1; } 100% { opacity:.5; }}
@-moz-keyframes fortune-blink{ 0%   { opacity:0; } 25%  { opacity:1; } 50% { opacity:1; } 75% { opacity:1; } 100% { opacity:.5; }}
@-webkit-keyframes fortune-blink{ 0%   { opacity:0; } 25%  { opacity:1; } 50% { opacity:1; } 75% { opacity:1; } 100% { opacity:.5; }}

.fortune {
    position: absolute;
	top:-6px;
	right:40px;
    color: #A2FF00;
	}
.fortune-blink {
    -webkit-animation: fortune-blink .5s infinite;
    -moz-animation: fortune-blin .5s infinite;
    -o-animation: fortune-blink .5s infinite;
    animation: fortune-blink .5s infinite;
}
.fortune span.icon {
    width: 31px;
    height: 31px;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../img/lobby/nav_wheel.svg);
    background-position: center center;
}
.fortune span {
    position: absolute;
    left: 0;
    top: 0;
}
.fortune-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	}
.fortune .point {
    position: absolute;
    top: 3px;
    left: 19px;
    text-align: center;
    line-height: 12px;
    background-color: #dc0000;
    color: white;
    font-size: 10px;
    font-weight: bold;
    width: 12px;
    height: 12px;
    text-indent: 0;
    border-radius: 50%;
}