@charset "UTF-8";

/* CSS Document */
html, body { height: 100%; width: 100%; color: #666; }
h1, h2, h3, h4, h5, h6 { margin: 0 }
input { border: none !important; border-radius: 0 !important; }
body { background-color: #f6f6f6; background-image: url("../images/bg_main.jpg"); background-position: center;     background-repeat-x: no-repeat; }
* { box-sizing: border-box; }
a { color: #808080 }
a:active { opacity: .7; text-decoration: none; }
ul, li {list-style: none; padding: 0; margin: 0}
#wrap { width: 100%; /*padding-bottom: 20px; */ background: #f6f6f6; height: 100%;
    background-image: url(../images/bg_main.jpg);
    background-position: center;
    background-repeat-x: no-repeat;
}
#header { padding: 30px 0; overflow: hidden; }
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ------------btns -----------*/
.btns-logins { margin-bottom: 20px;     max-width: 450px; margin: 10px auto; }
.btns-logins div{ text-align: center;  }
.btn-default { width: 40%; background-color: #003963; color: #ffd700; border: none; border-radius:3px;  }
.btn-yellow { background: #ffd700; color: #003963; }
.btn-yellow-small { background: #ffd700; color: #003963; border-radius: 5px; padding: 3px 15px; }

.btn-white { background:none !important; border: #b3b3b3 1px solid;  color:#4d4d4d  }
.yellow {color:#ffd700 !important; }

/*-----------main index---------------*/
#container { clear: both; max-width: 780px; margin: 0 auto; background: #fff; }
.container {max-width: 1000px; margin: 0 auto;}
#header .container {height: 56px; width: 100%; padding: 0}
.main-img img { width: 100%; }
#main-menu { position: fixed; bottom: 30px; width: 100%; height: 200px; }
#main-menu .row > div:active { opacity: .8; }
.btn-menu { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100px; background-image: url("../images/btn_bg_main01.jpg"); background-size: cover; overflow: hidden; position: relative; }
.btn-menu img { height: 50%; }
.btn-ceed div { position: relative; height: 70%; }
.btn-ceed { color: #fff; font-size: 10px; text-align: center; }
.btn-ceed p { clear: both; margin-top: 5px; }
.btn-ceed img { height: 40%; }
#footer { position: fixed; bottom: 0; background-image: url("../images/bg_main_ft_bg.jpg"); height: 30px; padding: 5px 10px; width: 100%; }
.ft-txt { color: #fff; font-size: 16px; }
.md-code { color: #fff; font-size: 10px; text-align: right; line-height: 20px }
@media only screen and (max-width:320px) {

	/* Smartphones (portrait) ----------- */
	#main-menu { height: 180px; }
	.btn-menu { height: 90px; }
	.ft-txt { font-size: 12px; line-height: 22px; }
}


::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
}

:-ms-input-placeholder {
   text-align: center;
}

.loader {
	margin: auto;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 70px;
  height: 70px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.center-div
{
     margin: 0 auto;
     width: 100px;
}