html, body {
padding:0;
margin:0;
}
body {
background:#e6e6e6;
}
a{
cursor:pointer;
text-decoration:none;
max-width:100%;
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
.logoimg, div.nam h3 {
cursor:pointer;
}
.outertable1 {
overflow:hidden;
max-width:100%;
}
.outertable2 {
overflow-x:scroll;
overflow-y:hidden;
text-align:left;
max-width:100%;
padding-bottom:15px;
margin-bottom:-15px;
}
/* --//TABLE--*/
td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #ef4f37;
color: white;
box-shadow: 0 1px 15px rgba(0,0,0,.50);
padding:8px;
}
/* --//TABLE--*/
.clearfix{
clear:both;
}
.nav1, .nav2, .footer{
width:100%;
position:relative;
min-height:30px;
}
.nav1 .logo, .nav2 .links, .nav3, .nav4, .nav5, .nav6{
margin:0 auto;
max-width:1250px;
font-weight:100 !important;
font-size:14px;
font-family: Arial, Helvetica, sans-serif !important;
outline:0;
}
.nav1 {
border-top:10px solid #06213d;
background:#e6e6e6;
}
.logo {
color:white;
}
.logo .logoimg {
float:left;
max-width:20%;
max-height:80px;
padding:10px 0;
}
.logo .nam {
float:left;
padding: 10px 2%;
}
.logo .nam h3 {
font-size :25px;
text-shadow:0 1px 15px rgba(0,0,0,.50);
margin:0;
padding:0;
color:#06213d;
}
.logo .nam p {
font-size :13px;
margin:2px 0;
padding:0;
color:#06213d;
}
.logo .address {
float:right;
width:30%;
color:#992f2f;
}
.nav2 .links a, .nav4 a {
border-right:1px solid;
min-width:60px;
padding:0 10px;
color:white;
}
/* dropdown */
font.dropdown {
display: inline-block;
}
.nav2 .links font.dropdown, .nav4 font.dropdown {
padding:10px 0;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 10101;
}
.nav2 .links .dropdown-content {
margin-top:10px;
}
.nav4 .dropdown-content {
margin-top:5px;
}
.dropdown-content a {
color:#3e4144 !important;
padding:10px !important;
display:block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
/* drop down */
.nav2 {
background:#06213d;
}
.body {
margin:8px 2% 0;
width:96%;
}
.nav4 {
background:#06213d;
border-radius:5px 5px 0 0;
}
h1, h3 {
margin:0;
font-variant:small-caps;
font-size:20px;
padding:20px 0 0;
}
.nav3 {
margin-bottom:10px;
}
.nav3 h3 {
padding:20px 20px 0;
color:white;
}
.nav3 .wtnew{
margin:0 20px 10px;
border:1px solid black;
background:white;
min-height:50px;
text-align:center;
}
.nav3 .wtnew a{
color:#075478;
font-variant:small-caps;
}
#changeText{
padding:15px 0;
}
.banner {
margin:10px 0 0;
min-height:300px;
border:1px solid gray;
background:white;
position:relative;
width:70%;
float:right;
box-shadow: 0px 0px 10px #000;
}
.banner img {
position:absolute;
top:0;
width:100%;
height:100%;
left:0;
}
.navigator2, .navigator1 {
position:absolute;
margin-top:120px;
padding:10px 7.5px;
background:#fff;
box-shadow: 0px 0px 10px #000;
cursor:pointer;
opacity:0;
visibility:hidden;
-webkit-transition: opacity 0.3s, visibility 0.3s; /* For Safari 3.1 to 6.0 */
transition: opacity 0.3s, visibility 0.3s;
z-index:0;
font-size:20px;
}
.importantlinks{
width:28%;
float:left;
}
.hideme {
display:none;
}
.importantlinks a {
display:block;
background:white;
box-shadow: 0px 0px 10px #000;
padding:5px 5px;
margin:10px 0;
border-radius:5px;
font-size:13px;
}
.banner:hover .navigator1, .banner:hover .navigator2 {
opacity:1;
visibility:visible;
z-index:+2;
}
.navigator2 {
right:0;
}
.navigator1{
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.nav5 {
background:white;
min-height:500px;
}
.nav5 h3, .header{
border-bottom:2px solid gray;
}
.header {
margin-bottom:20px;
}
.nav5 .links{
width:25%;
float:left;
padding:0 2% 2%;
position:relative;
}
.scroll {
margin:20px 0;
max-height:275px;
overflow-y:auto;
}
.scroll a {
color:#555;
}
.scroll::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar
{
width: 10px;
height:10px;
background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
.nav5 .links a, .nav6 .links a{
display:block;
padding:5px 5px;
}
.nav6 .links a{
padding:10px 5px;
}
.content{
width:65%;
float:right;
padding:0 2% 2%;
line-height:20px;
}
#final {
line-height:inherit;
font-family:inherit;
font-weight:initial;
font-size:inherit;
outline:inherit;
}
#final h1 {
font-size:30px;
border:0;
}
#final h2 {
font-size:28px;
border:0;
}
#final h3 {
font-size:24px;
border:0;
}
#final h4 {
font-size:20px;
border:0;
}
.nav5 a {
color:#2a5db0;
}
.righttoleft a, .downtotop a{
margin:0 20px;
color:#313131;
-webkit-animation:colorchange 10s infinite alternate;
}
.righttoleft span, .downtotop span{
font-size:30px;
vertical-align:middle;
}
@-webkit-keyframes colorchange {
0% {
color: green;
}
10% {
color: red;
}
20% {
color: blue;
}
30% {
color: green;
}
40% {
color: red;
}
50% {
color: blue;
}
60% {
color: green;
}
70% {
color: red;
}
80% {
color: blue;
}
90% {
color: green;
}
100% {
color: red;
}
}
.content1 {
min-height:200px;
max-height:250px;
margin:5px 0;
}
.content2 {
min-height:200px;
margin:10px 0;
}
.downtotop a, .nav5 .links a{
display:block;
padding:0 0 10px;
margin:5px 0;
white-space: normal;
overflow:auto;
}
.nav6 .links {
width:23%;
float:left;
padding:1%;
min-height:150px;
}
.nav6 .links a {
color:white;
}
.footer {
border-top:10px solid #06213d;
background:#616161;
}
.footer .nav6 #count a:first-child {
display:none;
}
.footer .nav6 #count {
text-align:center;
}
.footer .links p, .footer .links h3 {
font-weight:100;
text-align:justify;
color:white;
}
.footer .links h3{
font-weight:600;
color:#06213d !important;
}
.copyright {
text-align:center;
padding:10px;
background:#06213d;
color:white;
margin:0;
}
.copyright a {
color:dimgrey;
}
.specialp, .content2 {
text-align:justify;
overflow: hidden;
line-height: 24px; /* fallback */
}
.specialp {
max-height: 205px;
}
.a.b, .content2 .a {
color:orange;
float:right;
}
.p img {
width:100%;
max-height:200px;
max-width:150px;
float:left;
}
#fade, #dikchak{
display:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.5);
z-index:101010;
overflow-y:auto;
}
#fade img {
margin:1% auto 2%;
max-height:85vh;
max-width:97%;
min-width:200px;
min-height:200px;
}
#dikchak {
text-align:center;
}
#dikchak img {
margin-top:20%;
}
.zoom, .close {
padding:10px 20px;
margin:10px 20px 0 0;
background:white;
color:gray;
cursor:pointer;
float:right;
}
input[type=search]{
padding:10px 10px 5px;
border:0;
border-bottom:1px solid white;
color:white;
background:#06213d;
outline:none;
}
input[type=search]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1; /* Firefox */
}
input[type=search]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white;
}
input[type=search]::-ms-input-placeholder { /* Microsoft Edge */
color: white;
}
.right {
float:right;
border:0 !important;
}
.quirel {
margin:5px 0 0 0;
display:none;
}
.by {
font-weight:bolder;
font-variant:small-caps;
}
.container {
cursor: pointer;
margin:4px 4px 0;
display:none;
}
.outthirty {
text-align:center;
}
.thirty {
width:29%;
margin:0.5%;
padding:50px 0 0;
height:350px;
border:1px solid;
font-size:13px;
position:relative;
text-align:justify;
display:inline-block;
overflow:hidden;
}
.autoscroll1 {
overflow-y:scroll;
height:310px;
width:100%;
padding:0.5% 7.5px;
}
.thirty h3 {
text-align:center;
font-size:20px;
padding:10px 2%;
background:#e6e6e6;
width:96%;
position:absolute;
right:0;
left:0;
top:0;
white-space: nowrap;
overflow:hidden !important;
text-overflow: ellipsis;
}
.thirty .readmore {
position:absolute;
bottom :0;
right:0;
padding:10px;
background:white;
left:0;
text-align:right;
margin:0;
color:orange;
}
.bar1, .bar2, .bar3 {
width: 25px;
height: 3px;
background-color: #fff;
margin: 4px 0;
}
.popupbox {
position: fixed;
background: rgba(0,0,0,0.5);
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 30px;
z-index: 1010101010101;
}
.popupbox .containerpop {
top: 15vh;
height: 360px;
max-width: 600px;
margin: 0 auto;
background: #fff;
border-radius: 10px;
position: relative;
padding: 10px;
}
.closepop {
position: absolute;
right: -10px;
top: -10px;
width: 23px;
height: 23px;
background: white;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
}
.popupbox .containerpop h2 {
font-size: 18px;
margin-top: 20px !important;
text-align: center;
margin: 0;
padding: 0;
}
.contents {
padding: 0 20px;
overflow: auto;
position: absolute;
top: 100px;
bottom: 20px;
left: 0;
right: 0;
top: 50px;
}
.contents p {
font-size: 18px;
}
.closepop:before {
transform: rotate(45deg);
}
.closepop:after {
transform: rotate(-45deg);
}
.closepop:before, .closepop:after {
position: absolute;
left: 11px;
content: ' ';
height: 21px;
width: 2px;
background-color: #333;
}
@media screen and (max-width: 660px) {
.nav2 .links .dropdown-content, .nav4 .dropdown-content {
margin:0 0 0 50px;
}
.nav5 .links{
width:96%;
}
.hide {
display:none;
}
.quirel {
display:block;
}
.logo .logoimg {
max-width:90%;
}
.content{
width:96%;
}
.container {
display: block;
float:left;
padding:0 10px;
}
.nav2, .nav4 {
padding:5px 0;
}
#oneshow, #twoshow, #fourshow {
position:absolute;
background:white;
z-index:10101010101;
margin-top:35px;
}
#fourshow {
left:1%;
right:1%;
padding-right:2%;
padding-left:2%;
margin-top:0;
top:0;
width:auto;
min-height:250px;
box-shadow: 0 5px 9px -1px rgba(0,0,0,.50);
}
#oneshow a, #twoshow a, .dropdown{
color:white;
display:block !important;
float:inherit;
padding:10px;
border:0;
}
.dropdown{
padding:0 !important;
background:#06213d;
}
.logo .nam h3 {
font-size :15px;
}
.banner {
width:96%;
margin-left:2%;
margin-right:2%;
}
.importantlinks{
width:94%;
margin:2% 2% 0;
background:#06213d;
padding:1%;
border-radius:5px;
cursor:pointer;
}
.importantlinks > p {
display:block;
text-align:center;
padding:0;
margin:0;
color:white;
}
.importantlinks span{
font-size:20px;
margin:0 10px;
vertical-align:middle;
}
.thirty {
width:96%;
margin:1%;
padding:50px 1% 0;
height:300px;
border:1px solid;
font-size:13px;
position:relative;
text-align:left;
display:inline-block;
}
.footer .nav6 .links {
width:auto;
}
}