*{margin:0;padding:0;border:0;outline:0}   
body,html{width:100%;height:100%;font-family: Arial,Helvetica Neue,Helvetica,sans-serif}
a {text-decoration:none}
html, body {height:100vh;}
body,html{background-color:#1b1b1b;} 

#ad {position: fixed;z-index:9999999999999;top:0;bottom:0;left:0;right:0;background-image: url('https://1.bp.blogspot.com/-UN6PD6XHnWc/W1dcowhE02I/AAAAAAAAAWk/CdrmxAxWpTUKZfyPl9ZfFBsKs1DUcEncwCLcBGAs/s1600/ad.png');background-repeat:repeat;background-size:100%;height:100%;width:100%;}

.nav-bar {margin-right:auto;margin-left:auto;width:100%;top:0;position:fixed;z-index:8;background:#1d1d1d;overflow:hidden;color:#919191;border-bottom:1px solid #2f2f2f;backface-visibility:hidden;height:60px;}
 
.nav-logo{margin-left:6%;top:10px;position:relative;float:left;}
.pull-left {top:20px;margin-left:10%;font-size: 1.2em;margin-left: 2%;margin-top: 7px;position:relative;}
.main-nav-links{position:relative;float:right;overflow:hidden;display:inline;margin-right:6%;top:20px;color:#999;}
.main-nav-links a {font-size:18px;font-weight:bold;color:#ccc;margin-right:30px;}
.main-nav-links a:hover{color:#29B0FB}
ul.nav-links li {display:inline;}
 
.totv-title{top:100px;position:relative;margin:0 auto;width:90%;overflow:hidden;}
.totv-title h1 {text-align:center;width:100%;overflow:hidden;color:#ddd;font-size:30px;font-weight:700;height:68px;line-height:36px;padding:0px; }
.totv-title h2 {text-align:center;position:relative;width:100%;overflow:hidden;color:#ccc;font-size:16px;font-weight:300;height:68px;line-height:36px; padding:0px; }


.msg{top:80px;position:relative;margin:0 auto;width:100%;overflow:hidden;color:#6ac045;text-align:center}  
.ink{top:120px;position:relative;width:90%;margin:0 auto;margin-bottom:40px;text-align:center;word-break: inherit;}


@media only screen and (max-width: 450px){
.nav-logo,.pull-left {display:none}
.ink {width:90%;height:150px;overflow:hidden}
.input-group{position:relative;top:50px}
.msg{position:relative;margin-top:70px}
}

@media only screen and (max-width: 703px) and (min-width: 450px)  {
.nav-logo,.pull-left {display:none}
.ink {width:90%;height:150px;overflow:hidden}
.input-group{position:relative;top:50px}
.msg{position:relative;margin-top:70px}
}
 
   
form {text-align:center;margin-bottom:80px;margin-top:40px}

.form-control { 
box-sizing: border-box;
border: 1px solid #666;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius: 3px;
font-size: 16px;
margin-top:3px;
background-color: #2B2B2B;color:#fff; 
background-position: 5px 4px; 
background-repeat: no-repeat;
padding: 8px 20px 8px 10px; 
}

.form-control {width:58%} 

.input-group input:focus {border: 1px solid #eee; 
-webkit-transition: all .2s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out}
 

 
.btn-success {background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);background-color:#0688fa;
	border-radius:3px;
	border:1px solid #111;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;}

.btn-success:hover {box-shadow:inset 0px -3px 7px 0px #29bbff;background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);background-color:#2dabf9;}
.btn-success:active {position:relative;top:1px;}


.dj:hover{color:#eee;} 
.dj{font-size:12px;text-shadow: 1px 1px 1px #000;color:#aaa;}


.footer {font-size:12px;position:fixed;width:100%;color:#888;height:24px;background-color:#222;bottom:-2px;overflow:hidden;
border-top: 1px solid #424242;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.6);}
.fleft {position:relative;float:left;margin:4px 0px 0px 10px;}
.fleft a {color:#aaa;display:inline-block}
.fleft a:hover {color:#f9b8b4}
.fright {position:relative;float:right;margin:4px 20px 0px 0px;}