@charset "utf-8";
@media screen and (min-width: 861px) and (max-width: 1200px) {
.pep {
    /*left: calc(50% - 125px);*/
    width:120px;
    height: 120px;
}
.tgt {
    width:250px;
    height: 250px;
    top: 40px;
}
}
@media screen and (min-width: 801px) and (max-width: 860px) {
.pep {
    /*left: calc(50% - 125px);*/
    width:200px;
    height: 200px;
}
.tgt {
    width:250px;
    height: 250px;
    top: 40px;
}
}
@media screen and (min-width: 690px) and (max-width: 800px) {
.pep {
    /*left: calc(50% - 125px);*/
    width:150px;
    height: 150px;
}
.tgt {
    width:300px;
    height: 300px;
    top: 40px;
}
}

@media screen and (min-width: 480px) and (max-width: 689px) {
.pep {
    /*left: calc(50% - 125px);*/
    width:150px;
    height: 150px;
}
.tgt {
    width:250px;
    height: 250px;
}
.ball {
    width: 50px;
    height: 50px;
    margin-top:5px;
    display: block;
}
}

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

.pep {
    /*left: calc(50% - 125px);*/
    width:100px;
    height: 100px;
}
.tgt {
    width:200px;
    height: 200px;
}
.ball {
    width: 40px;
    height: 40px;
    margin-top:5px;
    display: block;
}
/*登入*/
.popup fieldset{
    padding:8px 0 15px;
}
.popup fieldset>div label{
    text-align: left;
    display:block;
}
input[type=text],
input[type=password]{
      display: block;
      width:90%!important;
}
/*圓形按鈕*/
a.popup-modal-dismiss.circleBtn{
  width:90px;
  height: 90px;
}
/*錯誤訊息提示*/
#award-msg-error{
  color:#2d8297;
  font:normal 26px/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
  text-align: center;
}
/*
.msgTitle{
     font:normal 22px/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
     color:#fff;
     background-color:#2c8297;
     padding:5px 18px;
     display: inline-block;
     margin-left:-15px;
     margin-top:15px;
}*/
/*彈出X按鈕*/
.popup .mfp-close{
    width:36px;
    height:36px;
    margin:10px 10px auto auto;
    text-indent: -10000px;
    overflow: hidden;
    opacity: 1;
    background:url(../img/closeBtn.png) center center no-repeat;
    background-size: cover;
}
/*
#award-msg-error .mfp-close-btn-in .mfp-close {
    display: block;
    width:36px;
    height:36px;
    background:url(../img/closeBtn.png) center center no-repeat;
    background-size: cover;
    opacity: 1;
}*/
.btnTitle{
  font:bold 22px/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
a.prodBtn{
  border-radius: 30px;
  color:#fff;
  text-align: center;
  padding:8px 15px;  
  font:bold 20px/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
/*遊戲得獎*/


.gameResultBox {
    padding:0 0 30px;
}

/*coupon券*/
.gameResultBox.coupon .awardPriceBox{
    padding:5px 20px 3px;
}
.gameResultBox.coupon .awardBox strong{
    font: bold 36px/1.2 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
.gameResultBox.coupon .awardSnBox #awardSn{
      font: 700 40px/1 Verdana;
}
.gameResultBox.coupon .awardSnBox #awardSn:before{
    font: 700 20px/1 Verdana;

}
.gameResultBox.coupon .awardBox a.popup-modal-dismiss {
    width: 70px;
    height: 70px;
    margin:0 auto -35px;
}

/*wifi券序號*/
.gameResultBox.coupon .awardBox strong{
    font: bold 36px/1.2 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
.gameResultBox.wifi .awardSnBox #awardSn{
      color:#e7ffdf; 
      font:normal 18px/1 Arial,"微軟正黑體","Microsoft JhengHei", sans-serif;
      letter-spacing: 0;
}
.gameResultBox.wifi .awardBox a.popup-modal-dismiss {
    width: 70px;
    height: 70px;
    margin:0 auto -35px;
}


/*機票序號*/
.gameResultBox.tkt .awardBox strong{
    font: bold 36px/1.2 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
.gameResultBox.tkt .awardSnBox{
    display:none;
}
.gameResultBox.tkt .awardSnBox #awardSn{
      display:none;
}

.gameResultBox.tkt .awardBox a.popup-modal-dismiss {
    width: 70px;
    height: 70px;
    margin:0 auto -35px;
}
/*名謝惠顧*/
.gameResultBox.null .awardBox .null-msg{
    font: bold 24px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
.gameResultBox.null .awardBox .null-msg u{
    font: bold 28px/1.1 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.gameResultBox.null .awardBox a.popup-modal-dismiss {
    width: 70px;
    height: 70px;
    margin:0 auto -35px;
}
}