body {

  padding: 0;

  margin: 0;

}


.site {

  width: 1280px;

  margin: 0 auto;

}

h1, h2, h3, h4, p {

  padding: 0;

  margin: 0;

  font-weight: normal;

}

.site .header {

  width: 1280px;

  height: 534px;

  /*

  background-image: url('images/header_image.png');

  background-repeat: no-repeat;

  background-position: bottom center;

  */

  padding: 4px 0px 4px 0px;

}

.site .header .languages {

  text-align: right;

  padding: 2px 4px 0px 0px;

  color: #7264d8;

  font-size: 14px;

  line-height: 13px;

}

.site .header .languages a {

  color: #7264d8;

  font-size: 14px;

  font-family: verdana;

  text-decoration: none;

  padding: 0px 1px 0px 1px;

}

.site .header .header_left {

  width: 50%;

  float: left;

}

.site .header .header_right {

  width: 100%;

  float: left;

}

.site .header .header_left .logo {

  font-family: verdana;

  font-size: 48px;

  color: #d500e1;

  text-decoration: none;

  background-image: url('images/heart_header3.png');

  background-repeat: no-repeat;

  background-position: center left;

  height: 100px;

  display: block;

  line-height: 90px;

  padding-left: 124px;

  margin-top: 14px;

}

.site .header .header_left .logo .com {

  font-size: 16px;

  color: #901c97;

  padding: 0px 0px 0px 4px;

}

.site .header .header_right .header_menu {

  color: #7264d8;

  font-size: 18px;

  height: 40px;

  display: block;

  padding: 2px 20px 0px 0px;

  text-align: right;

}

.site .header .header_right .header_menu a {

  color: #7264d8;

  font-size: 18px;

  font-family: verdana;

  text-decoration: none;

  padding: 0px 1px 0px 1px;

}

.site .header .slider {

  width: 100%;

  float: left;

}

.site .content {

  padding: 48px 20px 20px 20px;

  width: 1240px;

  float: left;

}

.site .content .title {

  margin: 20px 0px 0px 40px;

}

.site .content .title h1 {

  font-size: 36px;

  color: #b5bae5;

  font-family: verdana;

}

.site .content .line {

  width: 1280px;

  min-height: 281px;

  display: block;

  margin: 30px 0px 40px 0px;

}

.site .content .line .box_3x {

  width: 33%;

  float: left;

  min-height: 281px;

  display: block;

}

.site .content .line .box_3x.box_1 {

  width: 29%;

  background-image: url('images/image_heart.png');

  background-repeat: no-repeat;

  background-position: center center;

}

.site .content .line .box_3x.box_1_android_app {

  width: 29%;

  background-image: url('../images/android_1.jpg');

  background-repeat: no-repeat;

  background-position: top left;

}

.site .content .line .box_3x.box_2 {

  width: 37%;

  padding-top: 52px;

}

.site .content .line .box_3x.box_2 ul {

  list-style: none;

}

.site .content .line .box_3x.box_2 ul li {

  line-height: 34px;

  color: #d500e1;

  font-family: verdana;

  font-size: 14px;

  background-image: url('images/small_heart3.png');

  background-repeat: no-repeat;

  background-position: center left;

  padding-left: 37px;

}

.site .content .line .box_3x.box_3 {



}

.site .content .line .box_3x.box_3 .login {

  font-family:verdana;

  font-size: 24px;

  color: #b5bae5;

  margin-bottom: 10px;

}

.site .content .line .box_3x.box_3 .label {

  font-family: verdana;

  color: #b5bae5;

  font-size: 14px;

  line-height: 38px;

}

.site .content .line .box_3x.box_3 .input input,
.site .content .line .box_3x.box_3 .input select,
.site .content .line .box_3x.box_3 .input textarea {

  border: 1px solid #c1c5e9;

  border-radius: 10px;

  background: #eff0fa;

  height: 34px;

  width: 274px;

  padding-left: 10px;

  color: #747fd1;

}

.site .content .line .box_3x.box_3 .input select {

  width: 284px;

}

.site .content .line .box_3x.box_3 .input textarea {

  height: 100px;

}

.site .content .line .box_3x.box_3 .input input.radio {

  border: 1px solid #c1c5e9;

  border-radius: none;

  background: #eff0fa;

  height: auto;

  width: auto;

  padding-left: 0px;

  color: #747fd1;

}

.first_name {

    display: none;
    
}

.site .content .line .box_3x.box_3 .radio {

    color: #747fd1;

    font-family: verdana;

    font-size: 14px;

    width: 137px;

    display: inline-block;

}

.site .content .line .box_3x.box_3 .submit input {

  margin-top: 17px;

  position: relative;

  left: 188px;

  border: 1px solid #c1c5e9;

  border-radius: 10px;

  background: #eff0fa;

  height: 34px;

  width: 100px;

  color: #747fd1;

}

.site .content .line {

  width: 1280px;

  float: left;

}

.site .content .line .box_2x {

  width: 50%;

  float: left;

  min-height: 270px;

}

.site .content .line .box_2x.box_2x_1 {

  width: 31%;

  padding: 120px 0px 0px 17%;

}

.site .content .line .box_2x.box_2x_1 h2 {

  line-height: 34px;

  color: #7264d8;

  font-family: verdana;

  font-size: 14px;

  background-image: url('images/small_heart3.png');

  background-repeat: no-repeat;

  background-position: center left;

  padding-left: 37px;

}

.site .content .line .box_2x.box_2x_2 {

  background-image: url('images/heart_flower.png');

  background-repeat: no-repeat;

  background-position: center center;

  min-height: 370px;

}

.site .content .line .box_2x.box_2x_2_android_app {

  background-image: url('../images/android_2.jpg');

  background-repeat: no-repeat;

  background-position: top center;

  min-height: 370px;

}

.site .content .line .box_2x.box_2x_reverse_1 {

  background-image: url('images/heart_kiss.png');

  background-repeat: no-repeat;

  background-position: center center;

  min-height: 370px;

  width: 42%;

}

.site .content .line .box_2x.box_2x_reverse_1_android_app {

  background-image: url('../images/android_3.jpg');

  background-repeat: no-repeat;

  background-position: top center;

  min-height: 370px;

  width: 42%;

}

.site .content .line .box_2x_reverse_2 p {

  line-height: 34px;

  color: #7264d8;

  font-family: verdana;

  font-size: 14px;

  padding-left: 17px;

  padding-top: 110px;

}


.footer {

  width: 1240px;

  float: left;

  margin-top: 100px;

  font-family: verdana;

  font-size: 14px;

  background-image: url('images/footer_bg.png');

  background-repeat: repeat-x;

  height: 45px;

  line-height: 44px;

  color: #ffffff;

  padding: 0px 20px 0px 20px;

}

.footer a {

  font-family: verdana;

  color: #ffffff;

  text-decoration: none;

}

.footer a:hover {

  text-decoration: underline;

}

.footer .footer_left {

  width: 50%;

  float: left;

}

.footer .footer_right {

  width: 50%;

  float: left;

  text-align: right;

}

.alert {

  width: 100%;

  height: 30px;

  line-height: 29px;

  color: #ffffff;

  text-align: center;

  font-family: verdana;

  margin-top: 20px;

  font-size: 14px;

}

.alert.alert-success {

  background: green;

}

.alert.alert-danger {

  background: #e1002f;

}

.lost_password a {

  position: relative;

  top: 7px;

  left: 0px;

  color: #747fd1;

  font-family: verdana;

  font-size: 12px;

  text-decoration: none;

}

.lost_password a:hover {

  text-decoration: underline;

}

.links {

  width: 100%;

  float: left;

  text-align: center;

  font-family: verdana;

  padding: 20px 0px 20px 0px;

}

.links a {

  color: #7264d8;

  text-decoration: none;

  font-size: 12px;

}

@media screen and (max-width: 1270px) {

  .site {

    width: 100%;

    display: block;

  }

  .site .header {

    width: 100%;

    display: block;

  }

  .site .content {

    width: calc(100% - 40px);

    display: block;

  }

  .site .content .title {

    width: calc(100% - 40px);

    display: block;

  }

  .site .content .line {

    width: 100%;

    display: block;

  }

  .footer {

    width: calc(100% - 40px);

    display: block;

  }

}

@media screen and (max-width: 1122px) {

  .site .header {

    width: 100%;

    height: 542px;

  }

  .site .header .header_right {

    width: 100%;

    float: left;

    text-align: left;

  }

  .site .header .header_right .header_menu {

    height: 30px;

    display: block;

    padding-top: 10px;

  }

}

@media screen and (max-width: 1046px) {

  .site .content .line {

    width: 100%;

    min-height: 281px;

    display: block;

    margin: 0px 0px 0px 0px;

  }

  .site .content .line .box_3x.box_1,
  .site .content .line .box_3x.box_1_android_app {

    width: 50%;

    margin-top: 40px;

  }

  .site .content .line .box_3x.box_2 {

    width: 50%;

    margin-top: 30px;

  }

  .site .content .line .box_3x.box_3 {

    width: 30%;

    margin-left: 37%;

  }

  .site .content .line .box_2x.box_2x_1 {

    width: 40%;

    padding: 120px 0px 0px 4%;

  }


  .site .content .line .box_2x.box_2x_2,
  .site .content .line .box_2x.box_2x_2_android_app {

    width: 40%;

  }

}

@media screen and (max-width: 828px) {

  .site .content .line {

  }

  .site .content .line .box_2x.box_2x_1 {

    width: 40%;

    min-height: 140px;

    padding: 70px 0px 0px 30%;

  }


  .site .content .line .box_2x.box_2x_2,
  .site .content .line .box_2x.box_2x_2_android_app {

    width: 100%;

  }

  .site .content .line .box_2x.box_2x_reverse_2 {

    width: 40%;

    min-height: 140px;

    padding: 0px 0px 0px 30%;

    padding-top: 20px;

  }

  .site .content .line .box_2x.box_2x_reverse_2 p {

    padding-top: 20px;

  }
  .site .content .line .box_2x.box_2x_reverse_1,
  .site .content .line .box_2x.box_2x_reverse_1_android_app {

    width: 100%;

  }

}

@media screen and (max-width: 766px) {

  .site .content .line .box_3x.box_1,
  .site .content .line .box_3x.box_1_android_app {

    width: 100%;

    margin-top: 40px;

  }

  .site .content .line .box_3x.box_2 {

    width: 70%;

    padding-left: 23%;

    margin-top: 30px;

    min-height: 200px;

  }

  .site .content .line .box_3x.box_3 {

    width: 30%;

    margin-left: 32%;

  }

  .site .content .line .box_2x.box_2x_1 {

    width: 70%;

    min-height: 140px;

    padding: 70px 0px 0px 30%;

  }

  .site .content .line .box_2x.box_2x_reverse_2 {

    width: 90%;

    min-height: 140px;

    padding: 0px 0px 0px 4%;

    padding-top: 20px;

  }

}

@media screen and (max-width: 680px) {

  .site .content .line .box_3x.box_2 {

    width: 80%;

    padding-left: 13%;

  }

  .site .content .line .box_3x.box_3 {

    width: 30%;

    margin-left: 22%;

  }

  .site .content .line .box_2x.box_2x_1 {

    width: 70%;

    padding: 70px 0px 0px 20%;

  }

  .site .header .header_left .logo {

    font-size: 36px;

  }

}

@media screen and (max-width: 506px) {

  .site .content .line .box_3x.box_2 {

    width: 80%;

    padding-left: 3%;

  }

  .site .content .line .box_3x.box_3 {

    width: 30%;

    margin-left: 12%;

  }

  .site .content .line .box_2x.box_2x_1 {

    width: 70%;

    padding: 70px 0px 0px 10%;

  }

  .site .header .header_left .logo {

    font-size: 20px;

    background-image: url('images/heart_header2.png');

    height: 70px;

    display: block;

    line-height: 70px;

    padding-left: 80px;

    margin-top: 14px;

  }

}

@media screen and (max-width: 494px) {

  .site .content .title h1 {

    font-size: 24px;

  }

  .site .content .line .box_3x.box_2 {

    width: 97%;

    padding-left: 3%;

  }

  .site .content .line .box_3x.box_3 {

    width: 88%;

    margin-left: 12%;

  }

  .site .content .line .box_2x.box_2x_1 {

    width: 80%;

    padding: 70px 0px 0px 10%;

  }

}


@media screen and (max-width: 362px) {
  .site .content .line .box_3x.box_3 .input input {

    width: 220px;

  }

  .site .content .line .box_3x.box_3 .input select {

    width: 234px;

  }

  .site .content .line .box_3x.box_3 .input textarea {

    width: 220px;

  }

  .site .content .line .box_3x.box_3 .submit input {

    left: 130px;

  }
}