
		.mask .game-logo{
			position: relative;
			display:block;
			width:310px;
			height: 152px;
			text-align:center;
			margin: 0 auto;
			-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));
			animation: animatedBackground 5s linear infinite;
		}

		@keyframes animatedBackground {
			0% {
				background-position: -310px 0px; 
			}
			50% {
				background-position: 310px 0px; 
			}
			100% {
				background-position: 600px 0px;
			} 
		}

		.mask .game-logo{
			background-position: -310px 0;
			position: absolute;
			left: 0;
			right: 0;
			z-index: 3;
		}

		.mask .game-logo::after{
			content:'';
			position: absolute;
			pointer-events: none;
			top:0; left:0; right:0; bottom: 0;
			background: radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
			background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%) no-repeat;
			background-position: inherit; 
			-webkit-mask: url('/platform/v1/img/simulador/eo-logo-site.png') center;
		}

        /* CSS Reset */
body, div, span, applet, object, iframe, input, 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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { padding: 0; margin: 0; }
table { border-collapse:collapse; border-spacing:0; }
caption { text-align:left; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
input, select { vertical-align:middle; }
input, textarea, select { font:12px Tahoma, Geneva, Arial, Helvetica, sans-serif; }
fieldset, img { border: 0; }
address, code, caption, th, cite, dfn, em, var { font-style:normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content:""; }
legend { display:none; }
/* link css */
a {
  color: #d9ad44;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}

a:focus {
  outline: none;
}
/* bass css */
body { margin:0 auto; font:12px/1.8 Arial, Helvetica, sans-serif; color:#d9ad44; background:#240b0c; }
.wrapper { margin:0 auto; width:1002px; }
.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }
.txt_hide {font-size: 18px;padding-top: 18px;color: #333}
.left { float:left; }
.right { float:right; }
.clearfix:after { content:""; height:0; visibility:hidden; display:block; clear:both; }
.clearfix { zoom:1; }
.clear { clear:both }
/*main*/
.main { background:url(/platform/v1/img/simulador/main_middle.jpg) repeat-y; }
.main_btm {height:860px}
.fight_con { width:752px; height:772px; padding-bottom: 10px; margin:0 auto; background:url(/platform/v1/img/simulador/content.jpg) no-repeat; }
.fight_con h3 { padding:10px 0 0 5px; font-size:16px; font-weight:700; color:#ECB940 }
/*.base_01_1, .base_01_2, .base_02_1, .base_02_2 { margin:0 15px; }*/
.base_01_1 div, .base_01_2 div, .base_02_1 div, .base_02_2 div { padding:5px 0 10px; }
.text_right { float:right; padding:0 5px; }
.hr{ background:url(/platform/v1/img/simulador/hr.jpg) repeat-x left bottom; }
.base_01_1, .base_01_2, .base_02_1, .base_02_2{ padding:0 15px;}
.base_01_1 input{ width:90px; height:18px; padding:2px; background:#efd1b0; border:0; border-radius:3px;}
.base_01_2 input { width:110px; height:18px; padding:2px; background:#efd1b0; border:0; border-radius:3px;}
.base_01_2 select { width:80px; height:20px; padding:2px; background:#efd1b0; border:0; border-radius:3px;}
.base_02_1 select { width:80px; height:20px; padding:2px; background:#efd1b0; border:0; border-radius:3px;}
.base_02_1 input { width:60px;  height:18px; padding:2px; background:#efd1b0; border:0; border-radius:3px;}
.base_02_2 select { width:70px;  height:18px; padding:2px; background:#efd1b0; border:0; border-radius:3px;}
.base_02_2 input { width:60px; height:18px; padding:2px; background:#efd1b0; border:0; border-radius:3px;}
.base_01 { width:410px; height:770px; padding-right:8px; }
.base_02 { width:330px; height:650px; }
.fight_result { float:left; margin-top:15px;}
.fight_result p { width:330px; height:103px;  text-align:center; font-size:28px; line-height:103px; color:#f7bf39; }
.datatable { width:100%;}
.datatable td { padding:2px 0 7px 5px; }
/* footer */
.footer { height:85px; padding-top:30px; color:#4b2213; line-height:1.5em; }
.public_bm_table { text-align:center; float:none; margin:0 auto; }
.footer a { color:#4b2213; margin:0 5px; }
.footer a:hover { text-decoration:underline; }
/* body css */
.header { position:relative; }
.header_04 { height:68px;}
.header_05 { height:85px}
.main {background: url("/platform/v1/img/simulador/total_simulator.png") no-repeat scroll 0 0 transparent;}