body {margin: 0px auto; padding:0px;color:#333; font-family:"Trebuchet MS",Arial, Helvetica,sans-serif}
body { margin : 0; padding : 1; background-color : #fff; min-width:100%; border-width: 0px; border-color: #000000; padding: 0px; border-style: solid; margin-left: auto; margin-right: auto; padding: 0px; border-style: solid;}
a:color {text-decoration:none; color:#333;}
a:visited {text-decoration:dashed; color: #6960ec; font-weight: bold;}
a {text-decoration:none; color:#333;}
a:hover, a:focus {text-decoration: none; color: #e41b17;}
a:hover{font-weight:bold}
#mobinone{display:none}
#pcnone{display:none}
.avatar      {  }}
.avatar img {
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 5s;
-webkit-transition-delay: 5s;
-moz-transition-delay: 5s;
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(-20deg);
-moz-transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);}
.avatar img:hover {
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
position:relative;}
textarea{ color: #444; background:url(http://bdmaruf.mobie.in/Image/area_image/carbon2.png) white; width: 30% ; height: 50px; margin: 2px; padding: 4px; font-family: Arial; font-size: 13px; font-weight: bold; border: 1px solid lightsteelblue; }
input,select {border:1px #333 solid; color: #333; max-width:80%; bold; background-color: #ffffff; padding: 4px; margin:1px;}
input[type=button],
input[type=submit] {
    padding: 4px 10px;
    background-color: #333;
    color: #fff;
    border: 1px solid #333;
    font-weight: normal;}

input:hover[type=button],
input:hover[type=submit] {
    border: 1px solid #333;
    background-color: #333;
    color: white;}
.header_page{}
.header_top{}
.header_top{background: #000; border-bottom: 1px solid #CA3535}

.head_table{padding: 5px}
table.head_table{width: 100%}

border-right: 1px solid #fff}
.menu_home img{ width: 18px; height: 18px;}
td.menu_home{ padding-left: 10px; text-align: left}

.table_logo, .table_logo a:hover, .table_logo a{color: #ffffff; font-size: 30px;text-decoration: none; font-weight: bold;}
.logo img{height: 45px; width: 100px; padding: 5px}
.main_menu a, .main_menu a:hover{color: #ffffff; font-size: 17px;text-decoration: none; }

.search_icon{}
.main_menu{}
.header_menu{}
table.header_menu{width: 100%;background-color: #333; border-bottom: 0px solid #5C5C5C;}
table.header_menu td {width: 33%;text-align: center; padding: 4px;}
.main_menu img {height: 17px; width:17px;margin: 3px;}
.header_menu_td_active {background-color: #CA3535; }
.page, .paging {margin: 0px;
font-size: 0px; text-align:center;}
.page a, .paging a {font-weight:normal; color: black; display: inline-block;
background: #fff; border: 1px solid #abc; margin: 2px; padding: 3px 5px; font-size: 15px; text-decoration: none; }
.page b, .page a:hover {color: white; display: inline-block; background: #333; margin: 2px;
padding: 3px 5px; font-size: 15px;font-weight:normal}
.header {background-color: #444; padding: 5px; color: #ffffff; font weight: bold; margin: 0px 0px 0px 0px; background-position: top left; background-repeat: repeat; border-bottom-width: 2px; border-bottom-color: #333; border-bottom-style: solid; }
.tab {background:#DFF0D8; color: #1589FF; padding: 5px; border-top: 1px solid #DFF0D8; border-bottom: 1px solid #DFF0D8;}
.footer { border-top: 2px solid #E41B17; padding:5px;text-align:center;background:#444;font-family:Oswald; color: #ffffff;}
.adnan_menu { background-color: #444; color: #fff; padding: 7px; font-weight: bold; text-shadow: 0 1px 0 #000; background-repeat: repeat-x; background-position: middle;border-bottom:1px solid #E41B17}
.my_menu{background:#ffefd5; padding: 4px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 4px;}
.category {font-weight: normal; border-top: 5px solid #fff; border-bottom: 1px solid #ccc; padding: 2px 0 5px 5pt;}
.adv {background:#f5f5dc; padding: 4px; border-top: 1px solid #f5f5dc; border-bottom: 1px solid #eee; border-radius: 4px;}
.recent {background-color:#5E7D7E; color: yellow;padding:4px;margin-bottom:1px;border-bottom:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;} 
.warning {border:1px solid #ececec;padding:3px;background:#FFccff;margin:1px;
color:red;text-align:center;} 
.pk{moz-border-radius: 5px; border: 1px solid #dcdcdc; padding: 8px; margin: 1px; text-
wrap: none;} 
.download {background: #333;padding: 4px 10px;font-size: 11px;font-weight: bold;color: #ffffff;margin: 3px 5px;border-radius: 50px;} 
.download2 {background: #1569C7;padding: 4px 10px;font-size: 11px;font-weight: bold;color: #ffffff;margin: 5px 3px;border-radius: 50px;} 
.download3 {background: #6960EC;padding: 4px 10px;font-size: 11px;font-weight: bold;color: #ffffff;margin: 5px 3px;border-radius: 50px;} 
.download4 {background: #3090C7;padding: 4px 10px;font-size: 11px;font-weight: bold;color: #ffffff;margin: 5px 3px;border-radius: 50px;} 
.download5 {background: #E238EC;padding: 4px 10px;font-size: 11px;font-weight: bold;color: #ffffff;margin: 5px 3px;border-radius: 50px;} 

@media only screen and (max-width: 500px) 
{
.mobile_content{display: block;  overflow: hidden; }
.pc_content{display: none;}
}

/* For PC */
@media only screen and (min-width:500px) 
{
.mobile_content{display: none;}
.pc_content{display: block; }
}