body {color:#000; font-family:verdana, "Comic Sans MS",Helvetica,sans-serif; margin: 0; padding: 0; font-size:small; line-height:20px; }
body *{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a	{ text-decoration:none; color:#F33; padding:5px; }
b{ font-weight:bold; }
textarea{ font-size:small; }

.btn {
	background-color: #15A1BD;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 8px;
	border: none;
	padding: 11px 9px;
	margin-right: 5px;
	border-radius: 2px;
	-moz-transition: background-color 0.2s ease 0s;
	text-decoration: none;
}
a.btn {
	background-color: #15A1BD;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 8px;
	border: none;
	padding: 6px;
	margin: 5px;
	border-radius: 2px;
	-moz-transition: background-color 0.2s ease 0s;
	text-decoration: none;
}





img{ vertical-align:middle; }
p{ padding:2px 0; }

.tCenter	{ text-align:center; }
.logo	{ background:url(https://frashmusic.club/image/bg4.png) repeat-x orange; height:100px; }
.logo	a { color:#fff; font-weight:bold; }
.search	{     text-align: center;
    color: rgb(34, 33, 35);
    background: rgb(110, 207, 13);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(187, 187, 255);
    border-image: initial;
    padding: 5px 2px;
}

hr{ background-color:#ccc; border:medium none; height:1px; margin:2px 0; padding:0;}
h1,h2,h3{ padding: 5px 5px 5px 8px; background-color: #0682c7; font-weight: bold; color: #fff; margin-top: 0px; 
text-align:center; color:#fff; font-size:100%;}
h1 { text-align:center; }
h2 a{ color:#ffffff; }

.top21 {background:#000000; font-weight:bold; padding:8px; text-align:center; color:white;}

.updates div	{ border-bottom:1px solid #ddd; padding:5px; }
.updates div a:hover { text-decoration: underline; }
.showimage	{ padding:5px; text-align:center; }
.showimage	img { border-radius:5px; margin-right:3px; }

catRow	a,.catRowHome a{ display:block;  padding:8px; padding-left:23px;}

.catRow,.catRowHome { background-color: #fff; border-top: 1px solid #eeeeee; padding: 1px; font-weight: bold; }
.catRow	a,.catRowHome a { display:block; font-weight:bold; background:url( ) right center no-repeat; padding:9px; }
.catRow:hover, .catRowHome:hover{ background-color:#f5f5f5; }
.catRow img { border-radius:5px; margin-right:3px; }
.catRow a div{ vertical-align:middle; display:table-cell; }
.catRow a div span,
.catRowHome a div span,{ font-size:x-small; color:#5a5; font-weight:normal; }

.fl a{ display:block;  padding:8px; padding-left:23px;}
.fl { border-bottom:1px solid #ddd; }
.fl a{  display:block; font-weight:bold; padding:9px; }
.fl a img{ border:1px solid #bbb; padding:1px; margin-right:5px; box-shadow:0 0 1px #999;}
.fl a div div{ vertical-align:middle; display:table-cell; }
.fl a div{ }
.fl:hover{ background:#f5f5f5; }
.fl span{ color:#000; font-weight:normal;}

.fileName	{ font-weight:bold;  display:inline-block; }
.fileName	span{ color:#555; text-decoration:none;}
.fileName	img{ padding-right:3px;}
.tblimg	{ width:5px; text-align:left; }

.fileName:hover {  }

.randomFile h3{ text-align:left; }
.clr { clear:both; }
.absmiddle	{ vertical-align:middle; border:none; border-radius:10px; }
.odd, .even, .sl{ vertical-align:middle; }
.odd { }
.even { background:#f4f0e9; }
.description { background:#f5f5f5; color:#222; padding:5px; text-align:center; }
.description a { text-decoration:underline; }
.filedescription { background:#f5f5f5; padding: 5px 0; text-align:center; }

.dtype{ border-bottom:1px solid #ccc; font-size:x-small; padding:5px; text-align:center; }

.red { color:red;}
.info{ color:red; background:#fff; text-align:center; padding:2px; }
.devider{ height:5px;}
.fileName{ font-weight:bold; }
.downLink{ margin:5px 0; }

.dwnLink	{ font-weight:bold; } 
.downLink a { margin:5px; background:#E81E75; border-radius: 5px; color:#fff; padding:7px 10px; text-shadow: 1px 1px 1px #333; font-size:120%; display:inline-block; } .downLink a:hover { background:#47b5e4; }
.showimage	{ padding:5px; text-align:center; }
.showimage	img { border-radius:5px; margin-right:3px; }
a.top {color:#FF7F00; text-decoration:none; }
.fshow{ position:relative; padding:3px; background:#f4f0e9; border:2px solid #eee; text-align:center;}
.fInfo { font-weight:bold;}
.thumbimg{ vertical-align:middle; border:none; border-radius:10px; }
.db{ font-size:small; text-align:center; padding:5px;}

.pgn { background:#f4f0e9; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:0px 0; }
.pgn form { padding-top:5px; }
.pgn a, .pgn span { padding:5px 5px; margin:0 5px; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; }
.pgn a { border:1px solid #ccc; background:#f5f5f5; }
.pgn div { padding-top:5px; }
.pgn span,.pgn a:hover { border:1px solid #ccc; background:#fbe86e; color:#777;}
.path{ padding:2px; margin:1px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f0e9;font-weight:bold;}

.f1{ background:#000; padding:3px; font-weight:bold; text-align:center;}
.f1 a { color:#fff; } 

.catRowpc a{ display:block; background:url(../assets/images/special.png) no-repeat left center; padding:8px; padding-left:23px;}
.catRowpc { border-bottom:1px solid #ddd; background:#FDFDFD;}

a.fb{
float:left;
background-color:#3b5998;
color:#fff;
padding:6px 9px;
font-weight:bold;
border-radius:3px;
margin: 10px 10px;
text-decoration:none;
border-bottom:1px solid #F2F2F2;
}
a.fb:hover{background-color:#262627;}

 a.whatsapp{
	float:left;
background-color:#16b508;
color:#fff;
padding:6px 9px;
font-weight:bold;
border-radius:3px;
margin:10px;
text-decoration:none;
border-bottom:1px solid #F2F2F2;
}
a.whatsapp:hover{background-color:#262627;}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}