@CHARSET "UTF-8";

.mainContentDiv {
	padding-top:100px;
	padding-bottom:200px;
	color:#fff;
	/* position: relative;
	width: 1180px;
	height:500px;
	top: 0px;

	margin: 0 auto;
	border-radius:25px;
	clear: both; */
}
/*new*/
.main-content{
    position: relative;
    width: 1180px;
    height: 357px;
    margin: 10px auto 10px auto;
    z-index: -1;
}
.main-top-left {
    position: absolute;
    left: 0;
    top: 0;
   
}
.main-top-right {
    position: absolute;
    right: 0;
    top: 0;
}
.banner_box {
    margin-bottom: 7px;
    width: 270px;
    padding: 11px 10px;
    border: solid 1px #000;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(14,30,49,0.89) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#e30e1e31',GradientType=0 );
}
.ban_top_text {
    text-align: center;
    padding: 5px 0;
    text-shadow: 0 1px 0 #000;
}
.jong_bg {
    border: solid 1px #000;
    text-align: center;
    background: #000 url(cssImg/banbg_03.jpg);
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.jong_bg .p1 {
    padding: 5px 0;
}
.jong_bg .sp-arr {
    background: rgba(0,0,0,0.5);
    padding: 8px 3px;
    display: block;
}
.jong_bg .sp-arr .sp1 {
    text-align: left;
    display: inline-block;
    color: #ff9d6d;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jong_bg .sp-arr .sp2 {
    text-align: center;
    display: inline-block;
    color: #DBF900;
}
.jong_bg .sp-arr .sp3 {
    text-align: right;
    display: inline-block;
    color: #6dcaff;
    width: 100px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}
.jong_bg .p2 {
    padding: 5px 0;
    /* background-color: rgba(255,229,0,1.00); */
}
.banner_box li:last-child {
    padding: 5px 0;
}
.banner_box .lsp1,.banner_box .lsp2,.banner_box .lsp3 {
    display: inline-block;
    text-align: center;
    width: 32%;
}
.video {
    position: absolute;
    top: 0;
    left: 275px;
    display: block;
    width: 630px;
    height: 361px;
    margin: 0 auto;
    border: solid 1px #000;
    overflow: hidden;
}
.video-arr-vv {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.video iframe {
        margin: 0px auto 0 auto;
    width: 680px;
    height: 534px;
    margin-top: -100px;
    margin-left: -20px;
    z-index: 0;
}
.main_bottom_arr {
    width: 1180px;
    margin: 0 auto;
    color:#fff;
}
.main_todaygame {
    float: left;
    overflow: hidden;
    width: 904px;
    height: 296px;
    padding: 10px;
    border: solid 1px #000;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(14,30,49,0.89) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#e30e1e31',GradientType=0 );
}
.main_todaygame	h3 {
    color: #DBF900;
    font-size: 17px;
    font-weight: 900;
    font-family: NotoSansKR !important;
}
.main_todaygame table {
    margin: 10px 0;
    font-weight: bold;
    border-bottom: solid 1px rgba(255,255,255,0.11);
    width: 100%;
}
.topth th {
    height: 35px;
    font-weight: 300px;
    font-family: dotum;
    text-shadow: 0 0 1px #000;
    color: #ccc;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    border-top: solid 1px #fdd040;
    border-right: solid 1px rgba(0,0,0,0.55);
    border-left: solid 1px rgba(255,255,255,0.16);
    border-bottom: solid 1px #000;
    background: #08121d;
    background: -moz-linear-gradient(top, #08121d 0%, #1c3856 100%);
    background: -webkit-linear-gradient(top, #08121d 0%, #1c3856 100%);
    background: linear-gradient(to bottom, #08121d 0%, #1c3856 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08121d', endColorstr='#1c3856', GradientType=0 );
}
.topth th:last-child,.topth th:first-child {
    border-right: solid 1px #333;
}
.main_todaygame td {
    font-family: dotum;
    text-overflow: clip;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    color: #fff;
    border-top: solid 1px rgba(255,255,255,0.11);
    vertical-align: top;
    height: 210px;
}
.main_todaygame ul {
    margin: 0;
    padding: 0;
}
.main_todaygame li {
    line-height: 33px;
    border-bottom: solid 1px #000;
    border-top: solid 1px rgba(255,255,255,0.11);
}
.game-result01 {
    height: 30px;
    line-height: 30px;
    background: #000;
    border: solid 1px #444;
    width: 30px;
    display: inline-block;
    margin: 0px 10px;
    border-radius: 3px;
}
.main_todaygame td span {
    display: inline-block;
}
.main_notice {
    width: 270px;
    height: 296px;
    padding: 10px;
    float: right;
    border: solid 1px #000;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(14,30,49,0.89) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(14,30,49,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#e30e1e31',GradientType=0 );
}
.main_notice h3 {
    padding: 0 0 0 15px;
    text-align: left;
    color: #FFD600;
    font-weight: 900;
    font-family: NotoSansKR !important;
}
.main_notice ul {
    margin: 10px 0;
    border-bottom: solid 1px rgba(255,255,255,0.11);
    border-top: solid 1px #000;
}
.main_notice li {
    padding: 9px 8px;
    text-align: left;
    color: #c1c3c2;
    font-family: dotum;
    border-bottom: solid 1px #000;
    border-top: solid 1px rgba(255,255,255,0.11);
}
.main_notice li a{
	display: inline-block;
    font-size:12px;
    width: 211px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}









/*new_end*/




.contentBox{
	position: relative;
	float: left;
	height:auto;
	width: 100%;

	
}
.main_tu{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	top: 200px;
	}
.sumGetMoneyBox{
	position: absolute;
	width: 450px;
	height: 250px;
	top: 25px;
	left:25px;
	margin: 0 auto;
	text-align: center;
	
}
.sumGetMoneyBox table{
	color: #51431c;
}

.perc{
	color: #51431c;
}


.gongGaoBox{
	position: absolute;
	width: 400px;
	height: 330px;
	top: 0px;
	left:25px;
	margin: 0 auto;
}

.getMoneyByDateBox{
	position: absolute;
	width: 675px;
	height: 270px;
	top: 10px;
	left:475px;
	margin: 0 auto;

	
}

.bbsBox{
	position: absolute;
	width: 400px;
	height: 330px;
	top: 300px;
	left:25px;
	margin: 0 auto;
}

.gameBox{
	position: absolute;
	width: 705px;
	height: 265px;
	top: 325px;
	left:162px;
	margin: 0 auto;

}


.mainBbs{
	color:#000;
	
	
}

.gameBox th{
	
	color: #fff;
	}
.banner_nav{
	width:100%; 
	height:520px;
	display:bolck;
	position: relative;
	margin: 0 auto;
	clear:both; 
	overflow:hidden;
}

.photo{
	width: 100%;
	
}


/*elvira*/
.main_cont{width:100%; margin:0 auto; position:relative; clear: both;  }
/*左边*/
.content_top_bull{
	width:1250px; 
	margin:0 auto;
}



.banner_game_list{
	width:990px;
	
}
.banner_game_list li{
	float:left;
	background:url(cssImg/main_banner.png);
	text-indent: -9999999px;
	cursor:pointer;
}

.banner_game_list .gl1{
	width:240px; 
	height:210px;
	
	margin: 0 10px 10px 0;
	}

.banner_game_list .gl11{
	width:240px; 
	height:210px;
	background-position-x: -250px;
	margin: 0 10px 10px 0;
	}
	
	
.banner_game_list .gl5{
	width:490px; 
	height:100px;
	background-position-x: -500px;
	margin: 0 0 10px 0;
	}	
.banner_game_list .gl6{
	width:490px; 
	height:100px;
	
	margin: 0 0 10px 0;
    background-position-x: -500px;
    background-position-y: -110px;
	}	
.banner_game_list .gl2{
	width:240px; 
	height:200px;
 	margin: 0 10px 0 0;
    background-position-x: 0px;
    background-position-y: -220px;
	}	
.banner_game_list .gl7{
	width:240px; 
	height:200px;
	margin: 0 10px 0 0;
    background-position-x: -250px;
    background-position-y: -220px;
	}	
.banner_game_list .gl12{
	width:240px; 
	height:200px;
	
	margin: 0 10px 0 0;
    background-position-x: -500px;
    background-position-y: -220px;
	}	
.banner_game_list .gl13{
	width:240px; 
	height:200px;
	
    background-position-x: -750px;
    background-position-y: -220px;
	}	
	
	
	
.banner_game_list li:hover{
	float:left;
	background:url(cssImg/main_banner_on.png)
}

.banner_game_list .gl1:hover{
	width:240px; 
	height:210px;
	
	margin: 0 10px 10px 0;
	}

.banner_game_list .gl11:hover{
	width:240px; 
	height:210px;
	background-position-x: -250px;
	margin: 0 10px 10px 0;
	}
	
	
.banner_game_list .gl5:hover{
	width:490px; 
	height:100px;
	background-position-x: -500px;
	margin: 0 0 10px 0;
	}	
.banner_game_list .gl6:hover{
	width:490px; 
	height:100px;
	
	margin: 0 0 10px 0;
    background-position-x: -500px;
    background-position-y: -110px;
	}	
.banner_game_list .gl2:hover{
	width:240px; 
	height:200px;
 	margin: 0 10px 0 0;
    background-position-x: 0px;
    background-position-y: -220px;
	}	
.banner_game_list .gl7:hover{
	width:240px; 
	height:200px;
	margin: 0 10px 0 0;
    background-position-x: -250px;
    background-position-y: -220px;
	}	
.banner_game_list .gl12:hover{
	width:240px; 
	height:200px;
	
	margin: 0 10px 0 0;
    background-position-x: -500px;
    background-position-y: -220px;
	}	
.banner_game_list .gl13:hover{
	width:240px; 
	height:200px;
	
    background-position-x: -750px;
    background-position-y: -220px;
	}		
	









.shop_area_bull{
	width:100%;
	
	padding-top:10px;
	padding-bottom:10px;
}
.shop_left_box{
	width:993px;
	float:left;
	
}



/*右边*/
	
.shop_right_box{
	width:247px !important;
	float:right;
	
}	
.chong_huan_box li{
	float:left;
}
.personal_indo{
	width:100%;
	background-color:#fff;
	height:210px;
	
}
	
.personal_name_level{
	width:100%;
	text-align:left;
	padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    color:#fff;
	
}	

.fleft{
	float:left;
	text-align:left;
	color: #c9c9c9;
	
}

.fright{
	float:right;
	text-align:right;
	color: #c9c9c9;
	
}

.out_icon_money,.out_icon_point{
	height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-weight: bold;
    font-size: 13px;
    border-bottom: solid 1px #434343;
	
}
.bet_ing_money_box{
	    padding: 0px 10px;
	
}	
	
.bet_ing_money{
	
    height: 36px;
    line-height: 36px;
    
    
    box-sizing: border-box;
    margin-top: 7px;
    overflow: hidden;
    font-size: 13px;
}	
	
.out_btn_area{
	padding: 10px;
    padding-bottom: 5px;
}
.out_btn_area a{
	
	float: left;
    margin-bottom: 5px;
    text-indent: -999999px;
    background-repeat:no-repeat;
}
.out_btn_area a:hover { background-position-y: -69px; }
.mypage{
	background: url('cssImg/out_login_btn1.png');
    display: block;
    width: 69px;
    height: 69px;
    line-height: 69px;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    margin-right: 10px;
}

.memo{
    background: url('cssImg/out_login_btn1.png') -79px 0;
    display: block;
    width: 69px;
    height: 69px;
    line-height: 69px;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    margin-right: 10px;	
}

.attend{
    background: url('cssImg/out_login_btn1.png') -158px 0;
    display: block;
    width: 69px;
    height: 69px;
    line-height: 69px;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
}

.out_btn2_area{
	overflow: hidden;
    padding: 10px 10px !important;
    padding-bottom: 5px;
}

.out_btn2_area a{
	float: left;
    margin-bottom: 5px;
    text-indent: -999999px;
}
.out_btn2_area a:hover { background-position-y: -30px; }
.income{
	background: url('cssImg/out_login_btn2.png');
    display: block;
    width: 76px;
    height: 30px;
    text-align: center;
}

.outcome{
	background: url('cssImg/out_login_btn2.png') -76px 0;
    display: block;
    width: 75px;
    height: 30px;
    text-align: center;	
	
}
.point_exchange{
	background: url('cssImg/out_login_btn2.png') -151px 0;
    display: block;
    width: 75px;
    height: 30px;
    text-align: center;
}

.clock_area{
	background: url('cssImg/clock_bg.png') !important;
    width: 100%;
    height: 85px;
    margin-bottom: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-top:10px;
}
.clock_date{
	font-weight: bold;
    text-align: right;
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
    margin-top: 10px;
}
.clock_timeline{
	font-size: 24px;
    font-weight: bold;
    margin: 0px;
    line-height: 32px;
    margin-top: 7px;
    text-align: right;
    color:#fff;
}
.clock_ampm{
	color:#23bec5;
}

.out_here{
	text-align:center;
	display:inline-block;
	width:20px;
	height:22px;
	float:right;
	margin-top:5px;
	cursor:pointer;
	background:url(cssImg/out_login_logout.png);
}

.out_here:hover{
	background:url(cssImg/out_login_logout02.png);
}



.m_pic{
	width: 1250px;
	position: relative;
	margin: 0 auto;
	padding-top: 40px;
	
}
.m_bottom{
	width: 1250px;
	margin:0 auto;
	z-index: 999;
	
	
}
.m_bottom_tab{
	width: 1250px;
	position: relative;
	margin: 0 auto;
	
	
}
.m_bottom_bg{
	width: 50%;
	
	height: 238px;
	color: #fff;
	vertical-align: top;
	clear: both;
	border-left:2px solid #fff;
	text-align: left;
	
}
.main_money_tab{
	width: 100%;
	position: relative;
	margin: 0 auto;
	}
.main_money_tab th{
	background: #fff;
	height: 30px;
	border-right: 1px solid #111;
	color: #333;
}
.main_money_tab td{
	line-height: 35px;
	color:#fff;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #737373;
}
.main_money_tab td h1{
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}
.main_tree_tab{
	width: 320px;
	position: relative;
	margin: 0 auto;
	margin-right:15px;
	}
.main_tree_tab td{
	border: 1px solid #333;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	
}


.main_tree_tab2{
	width: 320px;
	position: relative;
	margin: 0 auto;
	}
.main_tree_tab2 td{
	border: 1px solid #737373;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
}


.gonggao_d{
	width:100%;
	height:207px;
	background-color:#e0e0e0;
	margin-top:5px;
	
}

/*lunbo*/
.img_sports_bull{float:left;}
#carousel{width:726px;height:278px;}
#carousel a{border:1px solid #1cd5b5;display:block;padding:4px;float:left;}
#pager{margin-top:5px;width:740px;}
#pager a, #pager span{display:block;height:10px;}
#pager a{border:1px solid #1cd5b5;width:181.7px;margin-right:3px;float:left;}
#pager a:hover{border-color:#999;}
#pager span{background-color:#1cd5b5;width:0px;}

/**today_game*/
.today_game_list_box01{
	width:640px;
	height:339px;
	background: rgba(80, 80, 80, 0.3);
	overflow:hidden;
}

.today_box{
	width:640px;
	float:left;
}
.today_game{
	width:630px;
	margin:0 auto;
	margin-top:5px;
	color:#fff;
	
	
}


.today_tr_bg{
	
    color: #fff;
}
.today_tr_bg02{
	
    background-color: #ddd;
    color: #222;
}

.taday_td_bg{
	background: rgba(22, 13, 27,0.8);
}

.today_game td{
	font-size:12px;
	height:38px;
	font-family: 굴림, 돋음, Dotum, Arial;
	font-weight:500;
}
.game_icon_m{
	width:640px;
	margin-top:5px;
	text-align:left;
}
.game_icon_m .title_game_m{
	text-align:left;
	width:100%;
	color:#fff;
	font-size:24px;
	border-bottom: 2px solid #fff;
}
.game_icon_m .name_game_area{
	width:100%;
	text-align:left;
	padding-left:10px;
	box-sizing:border-box;
}
/*lunbo02*/

.img_box{
	width:1200px;
	height:346px;
	float:right;
	position:relative;
	
}

.img_small_bull{width:1200px; margin:0 auto; }
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 5px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:30px;
	height:50px;
	margin-top:-25px;
	border-radius:0 10px 10px 0;
	background:url(prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:30px;
	height:50px;
	margin-top:-25px;
	border-radius:10px 0 0 10px;
	background:url(next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}

/*content_shop*/
.content_shop_bull{
	width:1250px;
	margin:0 auto;
}
.content_shop_bull li{
	float:left;
	margin-right:10px;
}
.content_shop_bull .lastimg_talk{
	margin-right:0px;
}
/****/
.headline_bull{
	width:1250px;
	height:40px;
	background:url(cssImg/title_bg_bull.jpg) no-repeat top left;
}
.headline_left,.headline_right{
	
	width:625px;
	height:40px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	float:left;
	color:#fff;
	
}
.banner_box{
	position:relative;
}

.footer_banner{
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:1000;
}





.notice_area{
	
	
}
.notice_area .box4{
	margin-bottom:10px;
}
.game_area_show{
	width:100%;
}






#flash{
		width: 540px;
		height: 360px;
		float:right;
		
		position: relative;
		overflow:hidden;
	}
	#flash .pic_box{
		width: 3780px;
		height: 360px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	#flash .pic_box img{
		float: left;
	}
	#flash ul{
		width:520px;
		border-top:3px solid #f9cf6a;
		position: absolute;
		left:10px;
		bottom: 10px;
	}
	#flash ul li{
		float:left;
		width:130px;
		text-align:center;
		line-height:37px;
		height:37px;
		background-color:rgba(255,255,255,0.5);
		
		cursor:pointer;
		font-size: 17px;
	    font-family: Nanum Gothic,sans-serif;
	    color: #000000;
	    font-weight: 700;
	}
	#flash ul li.cur{
		background-color:rgba(0,0,0,0.8);
		color:#fff;
	}
	#flash .huakuai{
		width: 42px;
		height: 6px;
		font-size: 0px;/*ie6*/
		position: absolute;
		
		left: 0px;
		background: url(images/bg.png) no-repeat -57px -86px;
	}
	
.middle_game_show{
	width:100%;
	margin:15px auto;
}
.ul_game_box li{
	float: left;

    margin-right: 12px;
	
}
.ul_game_box li:hover{
	filter:alpha(opacity:60); 
	opacity:0.6;  
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
}
.ul_game_box li:nth-child(6){
	
	margin-right:0px;
	
}

.show_notice{
	float:left;
	width:49%;
}
.show_money{
	float:right;
	width:49%;
}
.name_notice{

	
	height:33px;
}	
.name_left{
	float: left;
    font-size: 20px;
    color: #ffb135;
    line-height: 20px;
    font-weight: 900;
}
.name_right{
	font-size: 12px;
    float: right;
    color: #ffb135;
    line-height: 20px;
    cursor: pointer;
    font-weight: 600;
}

.notice_main_show{
	width:100%;
}
.notice_main_show td{
	color:#fff;
	height:30px;
}
.notice_main_show td a{
	color:#fff;
}



.bg_main{
	width:100%;
	background:rgba(45, 45, 45, 0.4);
	padding: 20px 0;
}

.notice_list_bottom{
	position: relative;
    top: 30px;
    width: 100%;
    height: 4px;
    margin: 0 auto;
    background-image: 
    linear-gradient(to right,rgba(0, 0, 0, 0.2), 
    rgba(74, 74, 74, 0.5),
    #000000,rgba(111, 111, 111, 0.5),
    rgba(0, 0, 0, 0.2));
}