@charset "utf-8";

#wrap {
  background-repeat: no-repeat;
  background-position: top;
  background: #9992;

}
.wrapper{;
  width: 750px;
  margin: 0 auto;
  text-align: center;
  box-shadow: -12px 3px 15px -8px rgba(0, 0, 0, 0.29), 12px 3px 15px -8px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.caidai {
  position: absolute;
  width: 100%;
  height: 13.65333333rem;
  background-image: url("../image/caidai.png");
}
.header {
  padding: 0.49333333rem;
}
.title {
  width: 8.52rem;
  height: 4.21333333rem;
  margin: auto;
  background-image: url("../image/title.png");
}
.kvtitle img{
  padding: 5px;

}

/*次数*/
.border {
     /*width: 5.06666667rem;*/
    margin: 20px auto 60px;
    font-size: 40px;
    text-align: center;
    color: #fff;
}

/*btn*/
/*** Shadow */
a.button::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width:100%; }
    
a.button:active::before { padding: 1px 0 0; }

a.button {
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background:  #47a9e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(#eee, #e2e2e2);
    background: linear-gradient(#eee, #e2e2e2);
    border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #fff;
    display: inline-block;
    font: bold 12px Arial, Helvetica, Clean, sans-serif;
    font-family: "Microsoft Yahei", "Arial", sans-serif;
    margin: 10px -278px 25px 0;
    padding: 15px 88px;
    position: relative;
    text-align: center;
    text-decoration: none;
    /*text-shadow: 0 1px 0 #fafafa;*/
    font-size: 30px;
    letter-spacing: 2.3px;
    }

    
    
a.button:hover {
    background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -moz-linear-gradient(#e4e4e4, #ededed);
    background: linear-gradient(#e4e4e4, #ededed);
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; }
    
a.button:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    border: solid 1px #959595;
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;}

/**colorgrey*/
a.button.grey{
    padding: 14px 83px;
    margin: 30px 5px 0 0;
    background:  #47a9e4;
    color: #fff;
    font-weight: 400;
}

/**colorlrp*/
a.button.colorlrp {
    background: #47a9e4;
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9fd6fa), to(#6bb9f7));
    background: -moz-linear-gradient(#9fd6fa, #6bb9f7);
    background: linear-gradient(#9fd6fa, #6bb9f7);*/
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc;
    color: #fff;
    text-shadow: 0 1px 0 #4598f3; }
    
a.button.colorlrp:hover {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc; }
    
a.button.colorlrp:active {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    box-shadow: inset 0 10px 15px 0 #50aaf3; }

/**color blue_alt*/
a.button.blue_alt {
    background: #47a9e4;
    
    /*border: solid 5px #ffffff4a;*/
    /* border-bottom: solid 3px #62727e; */
    /* box-shadow: inset 0 0 0 1px #d8e0e6; */
    color: #fff;
    /* text-shadow: 0 1px 0 #c4d0da; */
    margin: 0;
    padding: 14px 173px;
    color: #fff;
    font-weight: 400; 
  }
    
a.button.blue_alt:hover {
        background: linear-gradient(#becbd6f5, #8da5b7eb); }
    
a.button.blue_alt:active {
        background: linear-gradient(#becbd6f5, #8da5b7eb); }

/*KV*/
.kv{
  height: 1312px;
  width: 750px;
  overflow:hidden;
  background-image: url("../image/kv_bg1.jpg");
  background-position: right;
}
.kvtitle{
    text-align: center;
    padding-top: 130px;
}
.kvicon{
  position: absolute;
}
img.kvicon {
        margin-left: -310px;
    left: 50%;
    margin-top: -50px;}
img.kvpd, img.t3{
      position: absolute;
    left: 50%;
    margin-left: -357px;
    margin-top: 75px
}
.pd{
  left: 50%;
margin-left: 0px;
position: relative;
}

.pd img{
  position: absolute;
  left: -10px;
} 
img.t1{

    width: 580px;
    margin-left: -284px;
    margin-top: 55px;
    left: -10px;
}
img.r0{
    width: 340px;
        margin-left: -289px;
    margin-top: 220px;
    left: -10px;
}

img.r1{
        margin-left: -387px;
    margin-top: 105px;
    left: -10px;
}

img.r2{
        margin-left: 293px;
    margin-top: -15px;
    width: 90px;
    left: -10px;
}
img.r3{
    margin-left: -417px;
    margin-top: 575px;
    left: -10px;
}
img.r4{
   margin-left: 287px;
    margin-top: 621px;
    left: -10px;
}


.kvbtn{
     margin-left: 52px;
    margin-top: 311px;
    width: 270px;
    z-index: 10;
    left: -10px;
    height:270px; 
    cursor: pointer;
/*border-radius:999em;*/
    -webkit-box-shadow: -31px 35px 23px -4px rgba(0,0,0,0.32);
-moz-box-shadow: -31px 35px 23px -4px rgba(0,0,0,0.32);
box-shadow: -31px 35px 23px -4px rgba(0,0,0,0.32);
}
.kvbtns {
    margin-left: -309px;
    margin-top: 1053px;
    cursor: pointer;
  }
.wrap2, .wrap_prize{
  text-align: center;
  margin:0 auto;
  background-color: #009de2;
}
.wrap_prize img{
  padding-top: 30px;
}
.wrap3{
  background-color: #009de2;
  padding-bottom: 70px;
}

.wrap2step{
  text-align: center;
    width: 493px;
    margin: 0 auto;
    padding: 60px 0;
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 46px;

  }
.slick-prev, .slick-next {
    width: 50px;
    height: 50px;
  }
.slick-prev {
    left: -58px;
}
.slick-next{
  right: -50px;
}
.h4n4{
  margin:10px 0;
}
hr.new4 {
  border: 1px solid red;
}
/*award*/
.award{
  margin-top: 90px;
}
.myprize{
  background-color: #f7f7f7;
  margin-top: 90px;
  padding: 50px 0;
}
.myprizecontent{
    width: 600px;
    margin: 0 auto;
    text-align: center;
    line-height: 2.5;
    color: #333;
    letter-spacing: 2.3px;
    font-size: 28px;
}
.myprizecontent p{
  border-bottom: 2px #333 solid;
  font-size: 28px;
}
.myprizecontent ul li{
  border-bottom: 1px #333 solid;
}
.text {
    width: 600px;
    margin: 0 auto;
    text-align: left;
    font-size: 15px;
    color: #fff;
    line-height: 1.8;
   
}
.text img{
  margin: 0 auto;
    text-align: center;
}
.text h1{
  font-size: 24px;
  color: #fff;
}
.text h2{
  font-size: 1.6rem;
 
  color: #fff;
}
.text ul {
  list-style-type:decimal;
  color: #fff;
}


@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}



.box ul, ol{
  padding-left: 100px; 
}

/*common修改**/
input#subscript_email{

  max-width: 100%;
    min-height: 30px;
    padding: 0 3px;
    color: #666;
    font-size: 1.6rem;
    outline: 0;
    vertical-align: middle;
    font-family: "Microsoft JhengHei", "Microsoft YaHei", "Arial";
}

footer .lrp_epaper input[type=button]{
      background: #008fcd;
}

footer .lrp_epaper div{
  background-color: #fff;
}

.award h1,  .myprize h1{
  font-size: 36px;
  padding-bottom: 20px;
  font-family: "Microsoft Yahei", "Arial", sans-serif;

}


img.t3.animated.infinite.tada{
      animation-duration: 2s;
}