@charset "utf-8";
/* Default CSS */
*{ margin:0; padding:0;}
body{ font-size:13px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:#fbfbfb;}
ul{margin:0; padding:0;}
ul li{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none;}
.left{ float:left;}
.right{ float:right;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin:0; padding:0;}
.header{ height:80px; position:relative; background:#fff; clear:both;}
.wrapper1{ width:1100px; margin:0 auto;}
.wrapper{ width:100%; margin:0 auto;}
.pageheading{ position:absolute; margin:0 auto; left:0; right:0; }
.pageheading h1{ text-align:center; font-size:25px; color:#000; text-shadow:0px 2px 0px #fdd898; font-weight: 700; padding: 24px 0;}
.logo{ margin-top: 10px; float:left;}

.radio_logo{margin:0 auto; width:190px; padding:25px 0px;}
.loginBox{width:380px; height:300px; margin:0 auto; margin-bottom:30px; padding:20px 30px; background:#fff; border:1px solid #ebebeb; border-radius:6px; box-shadow: 3px 3px 2px 0px #efefef;}
.loginBox h2{text-align:center; font-size:28px; font-weight:500; color:#017fe4; margin-bottom:20px;}
.loginBox h2 span{color:#4e4d4d;}
.loginBox input[type=text], input[type=password] {height: 38px; font-size: 13px; width: 95%; color:#303030;  margin-bottom: 15px;  -webkit-appearance: none;  background:#fff;  border: 1px solid #ebebeb;   padding: 0 8px;  box-sizing: border-box;  -moz-box-sizing: border-box; border-radius:3px;}
.login { text-align: center; font-size: 16px; font-weight: 500; height: 36px;}
.login-submit { border: 1px solid #006dc4; border-radius:3px; color: #fff; background-color: #017fe4; width:110px;}
.login-submit:hover { border: 1px solid #006dc4; background-color: #008bfa;}
.login-cancel { border: 1px solid #bcbcbc; border-radius:3px; color: #717171; background-color: #fff; width:110px;}
.login-cancel:hover { border: 1px solid #bcbcbc; background-color: #f3f3f3;}
.txt{font-size:12px; padding-bottom:20px;}

.content{margin:0 auto; width:100%;}
.Categories1{height:52px; width:206px; position:absolute; top:345px; left:18%;}
.Categories1:hover{ border-bottom:1px solid #0d3968;}
.Categories2{height:52px; width:170px; position:absolute; top:455px; left:20%;}
.Categories2:hover{ border-bottom:1px solid #e40e16;}
.Categories3{height:52px; width:205px; position:absolute; top:500px; left:42%;}
.Categories3:hover{ border-bottom:1px solid #007ed3;}
.Categories4{height:52px; width:248px; position:absolute; top:345px; right:14.5%;}
.Categories4:hover{ border-bottom:1px solid #1ba419;}
.Categories5{height:52px; width:225px; position:absolute; top:455px; right:16%; margin-bottom:40px}
.Categories5:hover{ border-bottom:1px solid #2e2f31;}

/*================== Media quires =======================*/
@media (max-width: 1200px){

.Categories1{height:52px; width:206px; position:absolute; top:345px; left:15%;}
.Categories2{height:52px; width:170px; position:absolute; top:455px; left:17%;}
.Categories3{height:52px; width:205px; position:absolute; top:500px; left:41%;}
.Categories4{height:52px; width:248px; position:absolute; top:345px; right:11%;}
.Categories5{height:52px; width:225px; position:absolute; top:455px; right:13%; margin-bottom:40px}

}

@media (max-width: 1024px){

.Categories1{height:52px; width:206px; position:absolute; top:345px; left:9%;}
.Categories2{height:52px; width:170px; position:absolute; top:455px; left:12%;}
.Categories3{height:52px; width:205px; position:absolute; top:500px; left:41%;}
.Categories4{height:52px; width:248px; position:absolute; top:345px; right:4%;}
.Categories5{height:52px; width:225px; position:absolute; top:455px; right:6%; margin-bottom:40px}

}

@media (max-width: 991px){
.container{width:100%;}
.Categories1{height:52px; width:206px; position:absolute; top:325px; left:7%;}
.Categories2{height:52px; width:170px; position:absolute; top:435px; left:10%;}
.Categories3{height:52px; width:205px; position:absolute; top:500px; left:40%;}
.Categories4{height:52px; width:248px; position:absolute; top:325px; right:2%;}
.Categories5{height:52px; width:225px; position:absolute; top:435px; right:4%; margin-bottom:40px}

}

@media (max-width: 768px){
		
.content{margin:0 auto; width:380px;}
.Categories1{position:relative; top:0px; left:0; margin:0 auto;}
.Categories2{position:relative; top:7px; left:0; margin:0 auto;}
.Categories3{position:relative; top:14px; left:0; margin:0 auto;}
.Categories4{position:relative; top:21px; left:0; margin:0 auto;}
.Categories5{position:relative; top:28px; left:0; margin:0 auto; margin-bottom:80px;}

}

@media (max-width: 360px){
		
.content{margin:0 auto; width:320px;}
.Categories1{position:relative; top:0px; left:0; margin:0 auto;}
.Categories2{position:relative; top:10px; left:0; margin:0 auto;}
.Categories3{position:relative; top:20px; left:0; margin:0 auto;}
.Categories4{position:relative; top:30px; left:0; margin:0 auto;}
.Categories5{position:relative; top:40px; left:0; margin:0 auto; margin-bottom:80px;}

.loginBox{width:320px;}

}

@media (max-width: 320px){
		
.content{margin:0 auto; width:286px;}
.Categories1{position:relative; top:0px; left:0; margin:0 auto;}
.Categories2{position:relative; top:10px; left:0; margin:0 auto;}
.Categories3{position:relative; top:20px; left:0; margin:0 auto;}
.Categories4{position:relative; top:30px; left:0; margin:0 auto;}
.Categories5{position:relative; top:40px; left:0; margin:0 auto; margin-bottom:80px;}

.loginBox{width:300px;}

}