


@media screen and (min-width: 769px) {
    #navbar-main{margin-left:10%}
    #con{background:rgb(30,30,30);padding:30px ;text-align:center}
    .lf{margin-left:0%}
     .video-cont{width: 100%;overflow: hidden;z-index: -100;}
    .my{margin-left:23%}
	.rg .btn{min-width: 150px;text-align: center;
		margin-left:10px;
	    font-size: 15px;
	    font-family: AvenirLTStd-Medium, Helvetica, Arial, sans-serif;
	    letter-spacing: 0.65px;
	    text-transform: uppercase;
	    padding: 1px;
	    border: 2px solid white;
	    position: relative;
	    display: inline-block;
	    -moz-border-radius: 30px;
	    -webkit-border-radius: 30px;
	    -o-border-radius: 30px;
	    border-radius: 30px;
		top:-5px;
	}
.ad-item .card{width:100%;height:35%}
.slidesjs-pagination{position:absolute;top:66%;left:50%;z-index:2000;margin-right:1%;}
	.desc-item{width:23.8%;margin-left:1.2%;float:left;margin-top:20px}
	.desc-item img{width:100%;height:30%}
	.desc-item img:hover{opacity: 0.8;cursor:pointer}
	.rg .btn a{border:3px solid rgb(30,30,30);border-radius: 30px;}
	.navbar-default .navbar-nav>.tcm-nav a{color:#fff}
	.navbar-default .navbar-nav>.tcm-nav a:hover{color:#2aa8ea;}
	.navbar-default .navbar-nav>.tcm-nav a:active{color:#2aa8ea;}
	
	.navbar-default .navbar-nav > li > a:focus {
 	 	color: #2aa8ea;
 	 	background-color: transparent;
	}
	
	.rg .btn a:hover{ -moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;border: 3px solid rgb(30,30,30);}
	.rg .btn:hover{background:#fff;border:2px solid #fff;color:black}
 	.navbar-default .navbar-nav>li>a{padding: 8px 18px;color:#fff}
    .njx{margin-left:1.2%;text-align:left;float:left;}
	.jx{margin-left:12.5%;text-align:left;float:left;}

	#wn{width:100%;background:rgb(199,201,203);}
	#wn .cont{padding:30px 1.2%;font-size:14px}
	#wn p{margin:0px}
	#login{width:40%;margin:0 auto;margin-bottom:10%;background:#fff}
       #login-title{width:35%;margin:0 auto;margin-top:20%;text-align:center;margin-bottom:1%;
       font-size:25px;font-weight:bold
       }
       .my-inp{background-color: #e2e3d8;
           background-image: none;
           color: rgb(0, 0, 0);}
    #login form{margin-left:15px;}
	#tips{width:35%;margin:0 auto;text-align:center;color:red;font-weight:bold	}
   	    .main{margin-top:20px}
       #left{float:left;}
		#left ul{list-style:none;padding:0px;margin:0px}
       #left ul li{background:#fff;margin-top:1px;}
       .left-img{width:100%;height:103.5px;cursor:pointer}
		.left-img-a{width:100%;height:93.5px;cursor:pointer}
       .s-right{cursor:pointer}
       .s-right li:hover{opacity: 0.9}
       .s-bottom img:hover {cursor:pointer;opacity: 0.9}
       .s-left img:hover {cursor:pointer;opacity: 0.9}
       .gg img:hover {cursor:pointer;opacity: 0.9}
       #right{float:right;width:69%}
       
       #right ul{list-style:none;margin:0px;padding:0px;color:#fff}
 	  #right ul li{border-bottom:1px solid gray;background:rgb(30,30,30);height:25%;padding:6% 10%}
        #right ul li p{margin:0px;padding:0px}
	.s-left{width:50%;float:left;height:70%;}
    .s-right{width:49%;float:right;height:70%}
      .s-bottom{width:100%;height:47.5%;float:left;margin-top:1%}
.card{border-radius:3px;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);}
       #right{height:623px}
.ad-item{width:24.6%;float:left;margin-right:0.52%;cursor:pointer;margin-top:0.6%}
#navbar-main ul li{font-size:15px;font-weight:300;font-family: Helvetica, Arial, sans-serif;}
}
a:focus{outline:none}
@media screen and (max-width: 769px) {
    .col-xs-6{border-bottom:3px solid #fff}
    #con{background:rgb(30,30,30);padding:30px 0 0 0 ;text-align:center}
    .f-lo{text-align:center}
 	#login{width:100%;margin:0 auto;margin-top:40%;margin-bottom:40.1%;background:#fff}
    .my-inp{background-color: rgb(250, 255, 189);
        background-image: none;
        color: rgb(0, 0, 0);}
	
	.desc-item{width:48%;margin-left:1.2%;float:left;margin-top:20px}
	.desc-item img{width:100%;height:30%}
	.desc-item img:hover{opacity: 0.9;cursor:pointer}
	.con .container{text-align:center}
    .njx{text-align:center;float:left;margin-left:10%;border-bottom:1px solid #ececec}
	.jx{text-align:center;float:left;margin-left:6%;border-bottom:1px solid #ececec}
	#footer{text-align:center}
	.policy{display:inline-block}
	
 .main{margin-top:20px}
       #left{float:left;}
		#left ul{list-style:none;padding:0px}
       #left ul li{background:#fff;margin-top:1px;}
       .left-img{width:100%;height:9%;cursor:pointer}
		.left-img-a{width:100%;height:43.5px;cursor:pointer}
       .s-right{cursor:pointer}
       .s-right li:hover{opacity: 0.8}
       .s-bottom img:hover {cursor:pointer;opacity: 0.9}
       .s-left img:hover {cursor:pointer;opacity: 0.9}
       .gg img:hover {cursor:pointer;opacity: 0.9}
       #right{float:right;width:69%}
.s-left{width:50%;float:left;height:70%;}
.s-right{width:49%;float:right;height:70%}
       #right ul{list-style:none;margin:0px;padding:0px;color:#fff}
 	  #right ul li{overflow:hidden;border-bottom:1px solid gray;background:#000;height:25%;padding-left:5%;padding-top:4%;padding-bottom:2px}
        #right ul li p{margin:0px;padding:0px}
.slidesjs-pagination{display:none}
.s-bottom{width:100%;height:58%;float:left;margin-top:1%}
.card{border-radius:3px;box-shadow: 0 0 0px 0 rgba(0,0,0,.1);}
 #right{height:51%}
	.ad-item .card{height:22%;width:100%}
   .tcm-nav,.login-h {border-bottom:1px solid #fff;text-align:center}
.ad-item{width:24.6%;float:left;margin-right:0.52%;cursor:pointer;margin-top:0.6%}
 }
 

 
 @media screen and (min-width: 1919px) {
	#login {
	    width: 30%;
	    margin: 0 auto;
	    margin-bottom: 30%;
	    background: #fff;
	}
	
	#login-title
	{
		    margin-top: 20%;
	}
.slidesjs-pagination{position:absolute;top:56%;left:50%;z-index:2000;margin-right:1%;}
.ad-item .card{width:100%;height:30%}
}

@media screen and (max-width: 1919px)  {
	.container{width:950px}
slidesjs-pagination{position:absolute;top:48%;left:50%;z-index:2000;margin-right:1%;}
}

@media screen and (max-width: 769px)  {
.container {
   margin-right: auto;
    margin-left: auto;
	width:auto;
}
	
}
 
 #com-left{float:left;width:70%;padding-right:30px;border-right:1px solid #eaeaea}
 #com-left img{width:100%;max-width:100%}
#com-right{float:right;width:30%;padding-left:40px}
  
 #com-right li{margin-top:5px}
 #com-right li a{color:gray;font-size:13px;}
 #right .title{font-weight:bold;text-align:center}
 #right{}

.card:hover{box-shadow:0 0px 15px 0 rgba(0,0,0,.2);}
.s-left img{border-radius:3px;}

.ad-item img:hover{opacity: 0.9}
.ad-items{margin:0.5% 0}
.container{padding:0}
.notify{color:red;padding-top:10px}
#navbar-main ul{margin-top:8px}


body{font-size:12px;margin:0px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
#main{background:#f7f7f7}
.navbar-default{background:rgb(30,30,30);color:#fff;border:none}
.navbar-collapse{background:rgb(30,30,30);color:#fff;}
.img-responsive{width:100%;max-width:100%;height:auto}
.img-ad{margin-left:20px;width:48%;height:60%;cursor:pointer}
.img-ad:hover{opacity: 0.8}
.slidesjs-navigation,.lidesjs-stop{display:none;width:0px;height:0px}



#desc{padding-top:0%;background:#f7f7f7;padding-bottom:20px;}
#art-main{padding:20px 0}
#display{background:rgb(199,201,203);margin-top:0px;text-align:center;padding-bottom:20px;}
.display img{width:100%;max-width:100%;}
#con {margin-top:0px}
#con a{color:gray}
#con a:hover{color:#2aa8ea;text-decoration:none;cursor:pointer}
#footer{background:rgb(30,30,30);color:#fff;width:100%;padding:5px 0}

#footer-desc{background:rgb(30,30,30);color:#fff;width:100%;padding:5px 0}
#footer-desc .container{margin-top:18px;text-align:center}
#footer-desc ul{list-style:none;padding:0px;;    }
#footer-desc ul li{display:inline-block;}
#footer-desc ul li a{color:#fff;font-size:18px;font-weight:none;font-family: Helvetica, Arial, sans-serif;}
