body {font-family:Arial, Helvetica, sans-serif}
.ek > div { background:#333; font-size:16px}
.ek > div b {color:orange}
.ek hr {border:none; border-bottom:solid 1px #999}
.st-1 {background-color:#333; color:#FFF; padding:10px;}
.st-2 {background-color:#444}
canvas {margin-top:0 !important}
.ek a {color:red; text-decoration:none}

.clear {clear:both}
.uyelik .frame {background-color:rgba(255,255,255,0.5); padding:20px; width:250px; margin-top:20px}
.uyelik .form-group {margin-bottom:10px}
.uyelik .form-group input { width:96%; padding:2%;}

.oynama {background-color:#F00; color:#FFF; font-size:24px; display:inline-block; padding:10px 0; width:100%; max-width:1460px}

/* MODAL BOX */
.shim {position: fixed;bottom: 0; left: 0; top: 0; right: 0;overflow: auto;-webkit-overflow-scrolling: touch;z-index: 301; color:#FFF}
.shim > * { -webkit-transform: translateZ(0px);}
.shim {background: rgba(0,148,94,0.9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6â€"IE8 */zoom: 1;}
.modal {width:1280px; margin: 100px auto; padding: 20px; background-color:#FFF }
.modal .close {float: right; padding:5px 10px; background-color:#cb0000; color:#FFF; font-weight:bold; text-decoration:none;position: relative;}
.modal-content {background-color:#333; padding:10px}
.modal-content ul {margin:0; padding:0}
.modal-content ul li {list-style:none; border-bottom:solid 1px #555 !important; padding:5px 0; font-size:18px}
@media only screen and (max-width: 1280px) {
	.modal {width: 780px; padding: 20px 40px;}
}
@media only screen and (max-width: 768px) {
	.modal {width: 440px; padding: 20px 40px; }
}
@media only screen and (max-width: 600px) {
	.modal {width: 400px; padding: 20px 40px}
}
@media only screen and (max-width: 480px) {
	.modal {width: 280px; padding: 10px 10px}
}