@charset "utf-8";
/* CSS Document */


@media only screen and (min-width:1570px) and (max-width:1920px)
{

.head1
{
	width: 58%;
}	
	
}

@media only screen and (min-width:1000px) and (max-width:1570px)
{

.head1
{
	width:70%;
}	

.clri-logo-elear {
    font-weight: 900;
    font-size: 31px;
    font-family: Arimo;
    color: #3399ff;
}
	
}
@media (max-width:667px) and (min-width: 470px) 

{

.text-center {
    
    margin-top: -36px;
}


}




@media (max-width:540px) and (min-width: 320px) {

    .logo {
        margin-top: -6px;
        margin-bottom: -12px;
    }

    .clri-logo-elear {
        margin-left: -77px;
        position: relative;
    }



    .clri-logo-goods {
        position: relative;
        margin-right: 57px;
        font-size: small;
    }

    .bannar-caption {
        display: none;
    }

    .bannar-caption-sub {
        display: none;
    }

    .down {
        padding: 59px;
    }


    #imgs {
        margin-top: -50px;
        margin-left: 64px;
    }


    #logo-text {
        font-weight: 900;
        font-size: 10px;
        font-family: Arimo;
        color: #ffffff;
        padding-left: 1%;
        font: bold;
    }

    #logo-elear {
        font-weight: 900;
        font-size: 32px;
        font-family: Arimo;
        color: #3399ff;
        margin-top: -30px;
    }

    #logo-goods {
        font-weight: 900;
        font-size: 12px;
        font-family: Arimo;
        color: #ffffff;
        margin-top: -2px;
    }

    #download {
        font-weight: 700;
        font-size: 16px;
        color: #ffffff;
    }

    #user-head {
        font-weight: 900;
        font-size: 25px;
        font-family: Arimo;
        color: #003366;
        margin-top: -68px;
        padding-left: 39px;
    }
}


/*end midea */

.logo
{
	    padding: 10px;
		    margin-top:14px;
			margin-bottom: 19px;
}

.clri-logo-text1
{
    color: #ffffff;
    padding-left: 1%;
        font-family: initial;
}


.clri-logo-text 
{
    font-weight: 900;
    font-size: 18px;
    font-family: Arimo;
    color: #ffffff;
    padding-left: 1%;
}

.clri_elear
  
{
	padding-left:60px;	
  }
.clri-logo-elear
   {
	 font-weight: 900;
    font-size: 40px;
    font-family: Arimo;
    color: #3399ff;
	}

.clri-logo-goods {
    font-weight: 900;
    font-size: 22px;
    font-family: Arimo;
    color: #ffffff;
    margin-bottom: 7px;
}
@media (max-width:420px) and (min-width: 320px) {
    .clri-logo-goods {
        font-weight: 900;
        font-size: 12px;
        font-family: Arimo;
        color: #ffffff;
        margin-bottom: 7px;
    }
}

.clri-download {
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
}
	 
	 .eln_border1
	 {
		background-color:#3399ff;
		height: 75px;
		border-top: 43px solid transparent;
       border-bottom: 30px solid transparent;
        border-right: 16px solid #003366;
		
		 
	 }
	
	.eln_border 
	{
		background-color:#003366; 
		height: 75px;
		padding:22px; 
	}
	
	.down
	{
		    margin-left: 21px;
	}
	
	.clri-cours
	{
    font-weight: 900;
    font-size:22px;
    font-family: Arimo;
    color:#000000;
	}
	.about
	{
		    margin-top: 45px;
	}
	.about-1
	{
		  margin-top:40px;
	}
	
	.clri-para 
	{
	 font-size:16px;
    font-family: Arimo;
    color:#000000; 	
	}
	
	
	.login_head
	
	{
		background-color:#333333;
		    padding: 11px;
	}
	
	.login_head3
	
	{
		background-color:#003366;
		    padding: 11px;
	}
	
	.login-user
	{
	font-size:16px;
    font-family: Arimo;
    color:#ffffff;
	padding-left: 22px;
    text-decoration:none;
	}
	.login-user:hover
	{
	font-size:16px;
    font-family: Arimo;
    color:#ffffff;
	padding-left: 22px;
    text-decoration:none;
	}
	
	.para-head1
	{
		font-size:18px;
    font-family: Arimo;
    color:#3399cc;
	padding-left: 22px;
		
	}
	
	.para-head3
	{
		font-size:18px;
    font-family: Arimo;
    color:#3399cc;
	
		
	}
	
	
	.para-head2
	{
    font-size:14px;
    font-family: Arimo;
    color:#3399cc;
	padding-left: 22px;
	float: right;
		
	}
	
	.clri-image
	{
		border:#000000 1px solid;
		    margin: 12px 0px -81px -69px;
                border-radius: 11px;
	}
	
	
	.login-form
	{
		background-color:rgba(219, 219, 219, 0.31);
		padding:30px;
		
	}
	
	
	.form-signin{
	    margin-top: 15px;
	
	}
	
	h2 {
    position: absolute;
    top: 255px;
    left: 0;
    width: 50%;
}

h2 span {
    color: white;
    font: bold 24px/45px ;
    letter-spacing: -1px;
    font-family: Arimo;
    padding: 10px;
}

.bannar-caption
{
	color: #003366;
    font: bold;
	font-size:25px;
    letter-spacing: -1px;
    padding: 3px;
    font-family:Merriweather;
    background:#C6C6C6;
     opacity: 0.6;
    filter: alpha(opacity=40);
}
@media (max-width:1024px){
    h2 {
        position: absolute;
        top: 250px;
        left: 0;
        width: 50%;
    }
}
@media (min-width:750px){
    h2 {
        position: absolute;
        top: 220px;
        left: 0;
        width: 50%;
    }
}
@media only screen and (max-width:420px) and (min-width: 320px) {
    .bannar-caption {
        color: white;
        font: bold;
        font-size: 18px;
        letter-spacing: -1px;
        padding: 10px;
        font-family:Merriweather;
    }
    h2 {
        position: absolute;
        top: 155px;
        left: 0;
        width: 50%;
    }
}

.bannar-caption-sub
{
	 color: white;
   
	font-size:18px;
    letter-spacing: -1px;
    font-family: Arimo;
    padding: 40px;
}

	.form-control
	 {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  margin-bottom:20px;
	 }
	 
	 .clri-footer
	 {
		 margin:15px;
	 }

	.btn-block 
	
	{
    display: block;
    width: 50%;
   }
   
   .btn-group-lg>.btn, .btn-lg
   
    {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  
    }
	
	.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	font: -webkit-control;
}
	.form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    margin-bottom: 20px;
}



.para-border
{
	border: 1px solid #F2F0F0;
    padding: 20px;
	-moz-box-shadow: -3px 4px 0px 0px #F2F0F0;
    -webkit-box-shadow: -3px 4px 0px 0px #F2F0F0;
    /*box-shadow: -3px 4px 0px 0px #F2F0F0;*/
    box-shadow: -0px 1px 0px 0px #F2F0F0;
      margin: 10px;
	
}

.intro
{
	 font-size:18px;
    font-family: Arimo;
    color:#000000;
	
	
	
}

#user-form
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #6B6B6B;
	
}

.user-head
{
	font-weight: 900;
    font-size: 22px;
    font-family: Arimo;
    color:#003366;
	    margin-top: -44px;
		    padding-left: 92px;
}

	
}
	input[type="text"] 
	{
	  margin-bottom: -1px;
	 
	}

	input[type="password"] {
	  margin-bottom: 45px;
	 
	}


}

    
.ajax__calendar_container { z-index:1000; }
.ajax__validatorcallout  { left:200px; z-index:100; margin-top:100px; }