.pad_8 {
  padding-left: 8px;
  padding-right: 8px; }

.hover_bg_e6:hover {
  background-color: #e6f6d5; }

.border_top_8a {
  border-top: 3px solid #8ac249; }

.mar_vv0 {
  margin: 0 !important; }

.login_box {
  height: calc(100% - 4px); }

div#Remember {
  -moz-user-select: none;
  -webkit-user-select: none; }

div#Remember span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: #fff;
  border-radius: 7px;
  margin-right: 3px;
  cursor: pointer;
  border: 1px solid #cdced5;
  text-align: center;
  vertical-align: middle;
  position: relative; }

div#Remember div {
  display: inline-block; }

div#Remember span.act:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 2px;
  background: #0075ff;
  border-radius: 4px; }

.box.level_box.w1200 > ul.auto_width {
  width: 1200px !important;
  padding-left: 0 !important; }

.box.auto_width.w1200 {
  width: 1200px !important; }

.join_box {
  margin-bottom: 36px !important; }

.computer12_box .com_right form input {
  box-sizing: border-box; }

#top_box {
  background-color: #fff;
  padding-bottom: 0 !important;
  height: 70px; }
#top_box .top_box01 {
  top: 2px !important; }
#top_box .nav_box01 > a {
  vertical-align: sub; }
#top_box .nav_box01 ul li {
  padding-top: 12px !important; }
#top_box .nav_box01 ul li > a {
  font-size: 16px !important; }

.line_38 {
  line-height: 38px; }

.bg_eb {
  background-color: #ebf7e3; }

.hover_color_72, .hover_color_72 * {
  transition: all 0.1s !important; }
.hover_color_72.log_in, .hover_color_72.sign_up {
  padding-left: 21px;
  background: url(../images/user1.3/icons/user_index.svg) left center no-repeat;
  background-size: 14px !important; }
.hover_color_72.sign_up {
  background: url(../images/user1.3/icons/sign_up_index.svg) left center no-repeat; }
.hover_color_72:hover {
  color: #72c62a; }
.hover_color_72:hover.log_in {
  background-image: url(../images/user1.3/icons/user_index1.svg); }
.hover_color_72:hover.sign_up {
  background-image: url(../images/user1.3/icons/sign_up_index1.svg); }

#top_box .top_box01 .login {
  padding-top: 6px !important; }

#top_box .top_box01 .login span.username {
  vertical-align: middle; }

div.user_banner {
  background-size: 100% 100%; }

.member_type_box {
  width: 150px;
  height: 45px;
  background-position: left center;
  background-repeat: no-repeat; }
.member_type_box .m_progress {
  margin: 0 6px; }
.member_type_box .border_r3 {
  height: 6px; }
.member_type_box.gold {
  background-image: url(../images/user1.3/member-icon-gold.png); }
.member_type_box.gold .m_progress > div {
  background-image: linear-gradient(to right, #f37d1c, #ffcf68); }
.member_type_box.silver {
  background-image: url(../images/user1.3/member-icon-silver.png); }
.member_type_box.silver .m_progress > div {
  background-image: linear-gradient(to right, #8399a7, #b4c3d1); }
.member_type_box.bronze {
  background-image: url(../images/user1.3/member-icon-bronze.png); }
.member_type_box.bronze .m_progress > div {
  background-image: linear-gradient(to right, #a35b1d, #e9bd91); }
.member_type_box.vip {
  background-image: url(../images/user1.3/member-icon-vip.png); }
.member_type_box.vip .m_progress > div {
  background-image: linear-gradient(to right, #9a7b2a, #e9d766); }
.member_type_box.standard {
  background-image: url(../images/user1.3/member-icon-standard.png); }
.member_type_box.standard .m_progress > div {
  background-image: linear-gradient(to right, #71706e, #c0c1c0); }

.ut_left {
  width: auto;
  padding-right: 20px; }

.pad_left_50 {
  padding-left: 50px; }

.pad_right_30 {
  padding-right: 30px; }

.pad_2 {
  padding-left: 2px;
  padding-right: 2px; }

.mar_v8 {
  margin-top: 8px;
  margin-bottom: 8px; }

.color_626 {
  color: #626266; }

.color_42 {
  color: #429c00; }

.color_82 {
  color: #828282; }

.color_7f {
  color: #7f7f7f; }

.color_ff6 {
  color: #FF6000; }

.color_f50 {
  color: #f50a0a; }

.table_border_dc td, .table_border_dc th {
  border: 1px solid #dcdcdc;
  padding: 18px 10px; }
.table_border_dc th {
  padding: 14px 10px;
  background: #F1F1F1; }
.table_border_dc tr:nth-child(2n+1) td {
  background: #fbfbfb; }

.select_top {
  vertical-align: middle;
  height: 36px;
  width: 120px; }
.select_top > a.border_r3 {
  background: url(../images/icons/arrow_bot.svg) 90px center no-repeat;
  border: 1px solid #ccc;
  height: 34px; }
.select_top img {
  vertical-align: middle; }
.select_top > div.border_r3 {
  border: 1px solid #ccc;
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  background-color: #fff;
  display: none; }
.select_top > div.border_r3 div.pointer:hover {
  background-color: #edf5ea; }
.select_top.act > div.border_r3 {
  display: block; }

.mar_8 {
  margin-left: 8px;
  margin-right: 8px; }

.border_bot_f3 {
  border-bottom: 1px solid #f37734; }

.payment_box_table .border_bot_f3 td {
  padding-bottom: 5px; }
.payment_box_table .border_bot_f3 + tr td {
  padding-top: 5px; }

.project_design_box .w510 {
  width: 510px; }
.project_design_box .w510 .bg_gradual_change {
  background-image: linear-gradient(to right, #e3efdb, transparent); }
.project_design_box img {
  margin-right: -146px; }
.project_design_box .w580 {
  padding-left: 5%;
  padding-right: 5%;
  box-shadow: 0 7px 11px 0px rgba(13, 16, 12, 0.13);
  width: 90%;
  max-width: 580px;
  margin: 0 auto; }
.project_design_box .w580 input, .project_design_box .w580 textarea, .project_design_box .w580 button {
  width: 100%; }
.project_design_box #form {
  max-height: 0;
  opacity: 0;
  padding-top: 50px;
  margin-top: -50px;
  overflow: hidden;
  transition: opacity .6s; }
.project_design_box #form.act {
  max-height: 800px;
  opacity: 1;
  overflow: auto; }

@media (max-width: 769px) {
  .project_design_box td {
    display: block;
    padding-left: 15px;
    padding-right: 15px; }
  .project_design_box .w510 {
    padding-top: 40px;
    width: auto; }
  .project_design_box .w510 .line_40.f_36 {
    line-height: 30px;
    font-size: 28px; }
  .project_design_box .w510 .f_20 {
    font-size: 18px; }
  .project_design_box img {
    margin-right: 0;
    max-width: 100%;
    margin-top: -20px; } }
.btn4 {
  background: #7fc855; }

.border_top_df {
  border-top: 1px solid #dfdfdf; }

.color_80b {
  color: #80b838; }

.color_31 {
  color: #313131; }

/*# sourceMappingURL=base.css.map */
