@charset "utf-8";
  .base-form { color: #888; font-size: 15px; }
  .alertify {     z-index: 10000;
    position: relative; }
  select.base-ss {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bababa;
    cursor: pointer;
    margin: 0 0 10px 0;
    padding: 0 10px;
    height: 44px;
    -webkit-box-shadow: inset 0px -15px 20px 0px #EFEFEF;
    -moz-box-shadow: inset 0px -15px 20px 0px #EFEFEF;
    box-shadow: inset 0px -15px 20px 0px #EFEFEF;
    background: url(../images/icon/selectarr.png) no-repeat right center #fff;
  }
/*============================================ 
register popup 
============================================*/
  #signup-act-popup .base-form .tt.must:after {
      content: '*';
      color: #C30B21;
      display: inline-block;
      margin-left: 3px;
  }
  #signup-act-popup .modal-header h4 { margin: 0; text-align: center; font-size: 20px; font-weight: bold; color: #444; }
  #signup-act-popup .welcome { font-size: 16px; font-weight: bold; margin-bottom: 20px; line-height: 1.8em; }
  #signup-act-popup .welcome b { color: #745b23; }
  #signup-act-popup .more-notice { margin: 20px 10px 30px 10px; color: #444; line-height: 1.8em; border: 1px solid #eee; background-color: #f6f0cd; font-size: 16px; padding: 10px; }
  #signup-act-popup .more-notice p:last-child { margin: 0; }
  #signup-act-popup .gift-wrap .con label { display: block; width: 100%; margin: 0 0 20px 0; vertical-align: top; padding: 0; }
  #signup-act-popup .gift-wrap .title { margin-bottom: 15px; font-size: 20px; font-weight: bold; }
  #signup-act-popup .gift-wrap .desc { font-size: 14px; line-height: 1.5em; }
  #signup-act-popup .gift-wrap .check-wrap { position: absolute; right: 15px; bottom: 15px; width: 40px; height: 40px; display: block; vertical-align: bottom; }
  #signup-act-popup .gift-wrap .img-wrap { padding: 15px; display: table-cell; width: 150px; vertical-align: middle; }
  #signup-act-popup .gift-wrap .img-wrap a { position: relative; display: block; border-radius: 2px; overflow: hidden;}
  #signup-act-popup .gift-wrap .img-wrap a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; top: 0;
    background: url('../images/icon/zoom.png') no-repeat center center rgba(0, 0, 0, .6); 
    background-size: 60px auto;
	opacity: 0;
	transition: 0.3s;
  }
  #signup-act-popup .gift-wrap .img-wrap a:hover:before { opacity: 1;}
  #signup-act-popup .gift-wrap .text-wrap { padding: 15px 0 0; display: table-cell; vertical-align: top; }
  #signup-act-popup .gift-wrap  .con label.nogift { width: 100%; min-height: 0; padding-left: 10px;}
  #signup-act-popup .gift-wrap  .con label.nogift .title { display: inline-block; vertical-align: middle;  }
  #signup-act-popup .gift-wrap  .con label.nogift .check { position: relative; top: auto; left: auto; display: inline-block; vertical-align: middle; }
  #signup-act-popup .form-tt { font-size: 18px; font-weight: bold; padding: 8px 8px; margin: 30px 0 15px 0; background-color: #eee;     color: #444;}
  #signup-act-popup .form-group { padding: 0 10px; }
  #signup-act-popup .form-group.gift-wrap { padding: 0; margin: 0;}

  #signup-act-popup .form-group .con span {
    line-height: 1.2em;
    margin-top: 5px;
    display: block;
  }

  #signup-act-popup .base-btn, button.base-btn {
      background-color: #2879b1;
      font-size: 16px;
      text-align: center;
      border: none;
      border-radius: 3px;
      color: #fff;
      font-weight: bold;
      padding: 13px 20px;
      line-height: 1em;
      display: inline-block;
  }
  #signup-act-popup .con select.base-ss {
    width: 49%;
    float: left;
  }
  #signup-act-popup .con select.base-ss:nth-of-type(1) {
    margin-right: 2%;
  }
  #signup-act-popup .con .notenote {     color: red; font-weight: bold; }
  .gift-wrap input[type="radio"] {
    display:none;
  }
  .gift-wrap input[type="radio"] + label {
    background-color: transparent;
    border: 1px solid #d8d8d8;
     border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
	transition: 0.3s;
  }
  .type-rc-btn input[type="radio"]:checked + label {
      background-color: #EEEDE6;
      color: #745b23;
	  border-color: #EEEDE6;
  }
  .gift-wrap input[type="radio"] + label .check {
    display: block;
    position: relative;
    text-align: center;
    width: 40px;
    height: 40px;
    background: #EEEDE6;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	transition: 0.3s;
  }
  .gift-wrap input[type="radio"]:checked + label .check { background: #28D579;}
  .gift-wrap input[type="radio"] + label .check:before {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    content: '';
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	transition: 0.3s;
	opacity: 0;
  }
  .gift-wrap input[type="radio"]:checked + label .check:before {
	  opacity: 1;
      background: url('../images/icon-checked.png') no-repeat center center;
      background-size: 40px auto;
  }
  @media (max-width:767px) {
    #signup-act-popup { z-index: 9999; }
    #signup-act-popup .modal-dialog { margin: 0; }
    #signup-act-popup .modal-content {  border: none; box-shadow: none; }
    #signup-act-popup .gift-wrap .img-wrap { width: 100px; }
    #signup-act-popup .base-btn, button.base-btn { width: 100%; }
    #signup-act-popup .con select.base-ss {
      width: 100%;
      float: none;
    }
    #signup-act-popup .con select.base-ss:nth-of-type(1) {
      margin-right: 0;
    }
  }
  @media (max-width:479px) {
    #signup-act-popup .gift-wrap .title { margin-bottom: 0; font-size: 16px; }
    #signup-act-popup .gift-wrap .check-wrap,
    #signup-act-popup .gift-wrap input[type="radio"] + label .check,
    #signup-act-popup .gift-wrap input[type="radio"] + label .check:before { width: 30px; height: 30px; }
    #signup-act-popup .gift-wrap .text-wrap { text-align: left; padding-top: 10px; }
    #signup-act-popup .gift-wrap .img-wrap { padding: 10px; width: 80px; }
    #signup-act-popup .gift-wrap .desc { font-size: 12px!important; }
    #signup-act-popup .gift-wrap .desc .pet2_word_st4 { font-size: 15px; }
    #signup-act-popup .gift-wrap .con label { margin-bottom: 5px; }
    #signup-act-popup .gift-wrap .con label:last-of-type { margin-bottom: 20px; }
    /* #signup-act-popup .gift-wrap { text-align: center; } */
    /* #signup-act-popup .gift-wrap .check-wrap { display: block; width: 25px; margin: auto; } */
    /* #signup-act-popup .gift-wrap .img-wrap { display: inline-block; width: 130px;  padding: 0; margin: 10px 0; } */
    /* #signup-act-popup .gift-wrap .text-wrap { display: inline-block; width: 100%; } */
    /* #signup-act-popup .gift-wrap .con label { padding: 10px; } */
  }