@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield');
@font-face {
    font-family: Helvetica;
    src: url('../font/Helvetica.ttf');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: HelveticaNeue;
    src: url('../font/HelveticaNeue.ttf');
	font-weight: normal;
    font-style: normal;
}
@font-face {
      font-family: 'fontello';
      src: url('./fontello-867b03c6/font/fontello.eot?54586253');
      src: url('./fontello-867b03c6/font/fontello.eot?54586253#iefix') format('embedded-opentype'),
           url('./fontello-867b03c6/font/fontello.woff?54586253') format('woff'),
           url('./fontello-867b03c6/font/fontello.ttf?54586253') format('truetype'),
           url('./fontello-867b03c6/font/fontello.svg?54586253#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
.fr{float:right}
.hidden  {display: none}
.mb10{margin-bottom: 10px}
.mb0{margin-bottom: 0}
    .icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

*{list-style: none; font-family: 'Montserrat';font-size: 14px}

a:hover{text-decoration: none}
ul,li{list-style: none;margin: 0;padding: 0}
html, body { height: 100%; }
body {background: #f2f2f2}
.br1{}
.mtx {margin-top:42px!important}
/*login page*/
.login {background: #f2f2f2;min-height: 100%}
.login .container {
	max-width:800px;;margin-top:0px
}
.login .logo {
	display:block;
	max-width:100%;height:106px;
	text-align: center;
	margin:0 auto;
	margin-top: 40px;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.login .logo img {
	vertical-align: middle;
	max-width: 170px;
	max-height: 106px;
}
.login .login_content {
	background: #fff;
	padding:30px 0;
	margin-top: 40px;
	border-radius: 4px;
}
.login  .login_content .language  {
	text-align: right;
}
.login  .login_content .language a {
	margin-right: 25px;
}

.login  .login_content .login_title  {
	text-align: center;
	margin-bottom: 20px
}
.login  .btn  {
	width:100%;
	margin-top: 20px
}
.login .col-left{
	border-right: 1px solid #ccc;
}
.login .col-left ,.login .col-right {padding:0 40px;
}
.login .col-right .btn{
	margin-top: 0px;
	margin-bottom: 15px
}
.col-right i{
	margin-right: 5px
}
.login .login_base .new_row {
	padding-left: 1.25em
}
.login .form-forgot{
	text-align: right
}
.login .signup{
	margin-top: 20px;
	text-align: center
}
.login .footer{
	text-align: center;margin: 30px 0
}

.login .footer a{
	margin: 0px 15px;
	color:#000
}

.btn_round i{
	width:30px;
	height: 30px;
	line-height: 30px;
	background: #eee;
	border-radius: 50%;
	display:inline-block;
	text-align: center;
	color: #666 !important;
	margin-left: 0;
}
.btn_round{
	cursor: pointer
}
.btn_round:hover i{

	background: #333;color:#fff !important;
	
}
#action_back {
	margin-bottom: 10px;
}
.btn_round_txt{
	line-height: 30px;
	display:inline-block;
	text-align: left;
	margin-left: 5px;
	color: #666 !important
}
.button_round{
	width:50px;
	height: 50px;
	background: #eee;
	border-radius: 50%;
	display: inline-block;
	text-indent: -9999em;
	margin:20px 10px;

	border:5px solid #eee;
	cursor: pointer;
}
.button_round:hover{
opacity: 0.5
	
}
.btn_google {
	background:#eee  url(../img/Google_G_Logo.svg);
			  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}
.btn_wechat {
	background:#2DC100  url(../img/wechat.svg);
			  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	border-color: #2DC100
}
.btn_sms {
	background:#0a66ff  url(../img/sms.svg);
			  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	border: 2px solid #0a66ff 
}
.login .round{
	text-align: center;display: none;
}
#login_sms {
	display: none;
	opacity: 0;
}
.bigdrop {
    width: 600px !important;
}
.login .select2-container--default .select2-selection--single {
	border: 1px solid #ced4da
}
.login .select2-container .select2-selection--single {
	height:34px;
}
.login .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px;
}
.login .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.login .select2-dropdown{
	border: 1px solid #ced4da;
	border-top: 1px solid #ced4da
}
.login .select2-container--open .select2-dropdown--below{
	border-top: 1px solid #ced4da;
	margin-top: 5px;
	border-radius: 4px;
	min-width: 100% !important;
	width: 100% !important
}
.login .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.login  .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#login_sms{
	width: 100%;position: relative
}
.login .select2-container {
 	width:100%
}
.login .select2-container--default .select2-results > .select2-results__options {
	-webkit-overflow-scrolling:touch;  
}
.error {
	color:#f00;
}
.error span{
	font-size:12px
}
#select {
	position: relative;width: 100%;margin-right: 10px
}
@media (max-width: 575.98px) {	
	.login .logo img {
	
	max-height: 53px;
}
	.login .round{display: block;
}
	.login .col-left{
	border-right:none;
	}
	.login .col-right{
		display: none
	}
	.login .logo {
	width:100%;height:53px;
	margin-top: 15px;
	}
	.login .login_content {
	background: #fff;
	padding:30px 0;
	margin: 15px -5px
}
	.login .col-left ,.login .col-right {padding:0 20px;
}
	h1 {font-size: 24px;text-align: left}
	.login  .login_content .login_title  {
	text-align: center;
	margin-left: 5px
	}
	.small_hide{
		display: none
	}
	.nohide{display: block !important}
}

@media (max-width: 767.98px) {}


@media (max-width: 991.98px) { }

@media (max-width: 1199.98px) {
	
}