@charset "UTF-8";
* {
  outline: 0 !important; }

html, body {
  width: 100%;
  font-family: Arial,'微軟正黑體'; }

html {
  height: 100%;
  font-size: 14px; }

body {
  color: #666666;
  background: #EEEEEE;
  /*padding-top: 140px;*/
  min-height: 100%; }

.main-content {
  padding-bottom: 20px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0 0 15px;
  font-weight: 300; }

h3 {
  line-height: 1.4em; }

p {
  margin: 0 0 15px; }

p.lead {
  font-weight: 300; }

strong {
  font-weight: 700; }

a {
  color: #E7294F; }

a:hover {
  color: #666666;
  text-decoration: none; }

ul.no-style {
  list-style: none;
  padding: 0;
  margin-left: 0; }

li {
  margin-bottom: 5px;
  text-align: left; }

blockquote {
  margin-bottom: 30px; }

blockquote p {
  margin-bottom: 10px; }

blockquote.pull-right {
  text-align: right; }

dl {
  margin: 0 0 20px; }

dl dd {
  margin-bottom: 15px; }

::-moz-selection {
  background: #E7294F;
  color: white;
  text-shadow: none; }

::selection {
  background: #E7294F;
  color: white;
  text-shadow: none; }

::-webkit-scrollbar {
  width: 8px; }

::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

::-webkit-scrollbar-track {
  background: #dddddd;
  background: rgba(0, 0, 0, 0.05); }

/*LOGIN*/
body {
  font-family: '微軟正黑體', Arial; }

.login2 {
  padding: 0;
  max-width: 400px;
  margin: 0 auto;
  /* padding: 30px 0 0; */
  background: #eeeeee;
  margin-top: 2%; }

/*按鈕*/
.btn {
  font-weight: 300;
  margin: 0 10px 10px 0;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s; }

.btn [class^="icon-"], .btn[class*="icon-"] {
  display: inline-block;
  margin-right: 10px; }

.btn-block {
  box-shadow: inset 0px 1px 0px 0px #f1859a;
  background: linear-gradient(to bottom, #ec5775 5%, #c7163a 100%);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #de1940;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #de1940;
  font-size: 16px; }
  .btn-block:hover, .btn-block:focus {
    color: #fff;
    background: linear-gradient(to bottom, #c7163a 5%, #ec5775 100%); }

.btn-block:active, .btn-block:focus {
  position: relative;
  top: 1px;
  color: #fff; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.login2 .login-wrapper {
  max-width: initial;
  margin: initial;
  text-align: center;
  padding: 60px 30px 20px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.login2 .login-wrapper .logo img {
  margin: 20px auto 25px;
  width: 90%; }

.login2 .login-wrapper h1 {
  display: table;
  white-space: nowrap;
  text-align: center;
  height: 30px; }

.login2 .login-wrapper h1 span {
  font-size: 25px;
  padding: 1px 4px;
  color: #E7294F;
  font-weight: 600; }

.login2 .login-wrapper h1:after, .login2 .login-wrapper h1:before {
  border-top: 1px solid #E7294F;
  content: "";
  display: table-cell;
  position: relative;
  top: 26px;
  width: 45%; }

.login2 .login-wrapper .social-login {
  margin-bottom: 35px;
  padding-bottom: 35px;
  position: relative;
  border-bottom: 1px solid #cccccc; }

.form-control:focus {
  border-color: #E7294F;
  box-shadow: none; }

.form-group {
  margin-bottom: 15px;
  text-align: left;
  color: #f30000; }

.form-group label {
  display: none;
  margin-bottom: 5px; }

.login2 .login-wrapper .input-group-addon {
  padding: 8px 0;
  background: #f4f4f4;
  min-width: 48px;
  text-align: center; }

.login2 .login-wrapper input.form-control {
  height: 48px;
  font-size: 15px;
  box-shadow: none; }

/*驗證碼*/
.input-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.captcha {
  /*overflow: hidden;*/
  position: relative;
  height: 48px; }

.refresh {
  background: #E7294F;
  display: block;
  background: #607D8B;
  width: 37px;
  height: 48px;
  text-align: center;
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0px;
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s; }

.refresh a {
  width: 35px;
  height: 46px;
  color: #F4F4F4;
  line-height: 46px; }

input[type="text"] {
  box-shadow: none !important; }

#CaptchaImage {
  height: 46px;
  margin: 0;
  position: absolute;
  right: 37px;
  top: 1px;
  z-index: 1;
  border-left: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  background: url(//s3.hicloud.net.tw/systemlead/arc/images/comomimg/Generatedefault.jpg); }

a.tab1 {
  color: #E7294F;
  font-size: 18px;
  font-weight: bold; }

.tab1 {
  background: #ffffff;
  border-color: #ffffff;
  border-radius: 0;
  width: 50%;
  margin: 0; }

a.tab2 {
  color: #666;
  font-size: 18px;
  font-weight: bold; }

.tab2 {
  background: #e0e0e0;
  border-color: #e0e0e0;
  border-radius: 0;
  width: 50%;
  margin: 0;
  border-radius: 0 0 0 8px; }

.tab2:hover {
  background: #E7294F;
  color: #fff; }

a.tab3 {
  color: #666;
  font-size: 18px;
  font-weight: bold; }

.tab3 {
  background: #e0e0e0;
  border-color: #e0e0e0;
  border-radius: 0;
  width: 50%;
  margin: 0;
  border-radius: 0 0 8px 0; }

.tab3:hover {
  background: #E7294F;
  color: #fff; }

a.tab4 {
  color: #E7294F;
  font-size: 18px;
  font-weight: bold; }

.tab4 {
  background: #ffffff;
  border-color: #ffffff;
  border-radius: 0;
  width: 50%;
  margin: 0; }

.input-group-addon {
  background-color: #eee;
  border: 1px solid #ccc; }

.form-control {
  border: 1px solid #ccc; }

/*檢查帳號按鈕*/
#sCheck {
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear; }

#sCheck:hover,
#sCheck:focus {
  background: #ddd;
  text-decoration: none; }

/*控制登入msg訊息*/
/*97 系統將發信至你輸入的Email信箱*/
.divmsg97 {
  height: 80%;
  width: 100%;
  padding-top: 40px;
  z-index: 9999;
  position: absolute;
  top: 40px;
  left: 0; }

/*65註冊成功收通知信*/
.divmsg65 {
  height: 80%;
  width: 100%;
  padding-top: 40px;
  z-index: 9999;
  position: absolute;
  top: 40px;
  left: 0; }

/*# sourceMappingURL=login.css.map */
