/* @import url("reset.css");
@import url("basicStyle.css?v=12"); */

p.adNote{
  border: 1px solid #686868;
  color: #686868;
  padding:.25rem;
  font-size: .5rem;
  position: absolute;
  z-index: 9;
  bottom:10px;
  right:10px;
}

b.markColor{
  color:#783d3d;
}

nav.navbar{
  width:100%;
  height:auto;
  background: #fff;
  display: flex;
  position: absolute;
  bottom:0;
}

nav.navbar .navContainer{
  max-width: 1140px;
  padding: 0 15px;
 margin:auto;
 display: flex;
}

nav.navbar .navContainer a.navbar-brand{
  margin: auto;
  padding:.35rem 0;
}

nav.navbar .navContainer a.navbar-brand img{
  width:250px;
  height:auto;
}


nav.navbar .navContainer{
  width:100%;
  justify-content: space-between;
}


nav.navbar .navContainer .navbar-toggler{
  display: none;
}

nav.navbar .navContainer .navbar-collapse{
  display: flex;
  align-items: center;
}

nav.navbar .navContainer .navbar-collapse ul{
  display: flex;
  list-style: none;
}

nav.navbar .navContainer .navbar-collapse ul li{
  vertical-align: bottom;
}

nav.navbar .navContainer .navbar-collapse ul li a:link,
nav.navbar .navContainer .navbar-collapse ul li a:visited{
  text-decoration: none;
  color: rgba(0,0,0,.5);
  padding: 0 15px;
}


/* mainWrapper */

.mainWrapper{
  width:100%;
  height:auto;
  /* background: url(../images/bg_2023.jpg) no-repeat right bottom fixed #e96e8b; */
  padding-bottom:1.5rem;
}

/* 快問快答頁面 */
.mainWrapper.quizStart{
  margin-top:2rem;
}

body.indexP .mainWrapper{
  padding-bottom:0;
}

.mainWrapper .containerBox{
  width:100%;
  height:100%;
  position: relative;
}

.mainWrapper .containerBox .btnPos{
  width:100%;
  height:100%;
  padding-top:1.5rem;
  padding-bottom:2rem;
  background:#e9907e;
  display: flex;
}


.mainWrapper .containerBox .btnPos .btnBox{
  padding: .35rem 2rem;
  display: flex;
  width: fit-content;
  height: auto;
  margin:auto;
}

.quizeBtn .btnBox .gotoQuiz p.btn-title{
  font-size: 1.5rem!important; 
  line-height: 1.6;
  margin-bottom: .5rem!important;
}

.quizeBtn .btnBox .gotoQuiz p.btn-info{
  font-size: .95rem!important; 
  color:#2271ec!important;
}

.quizeBtn .btnBox .gotoQuiz p.btn-info span{
  display: block;
}

.mainWrapper .containerBox a.goGame{
  width: fit-content;
  padding: .35rem 2rem;
  text-decoration: none;
  font-size: 1.6rem;
  border-radius: 15px;
  background: #783d3d;
  text-align: center;
  color:#fff;
  display: block;
  letter-spacing: .15rem;
  box-shadow: 0 0 10px rgba(82, 67, 151, 0.826);
  line-height: 50px;
}

.mainWrapper .containerBox a.goList{
  margin-left: 1.5rem;
}

.mainWrapper .containerBox a.goGame span{
  margin-left: .45rem;
}

.mainWrapper .containerBox a.goGame:hover{
  background: #7864d7;
}

.mainWrapper .containerBox img.indexBanner{
  width:100%;
  height: auto;;
}

/* 首頁 */
/* body.indexP{
  background: url("../images/home_banner.jpg?v=2") #ea8f7f;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position:left top;
} */

body.indexP .mainWrapper,
body.indexP .mainWrapper .containerBox{
  width: 100%;
  height: auto;
}



body.indexP .mainWrapper .containerBox .mainBanner,
body.indexP .mainWrapper .containerBox .mainBanner img{
 width:100%;
 height:auto;
}

/* body.indexP .mainWrapper .containerBox .mainBanner img{
  display:block;
} */




/* 填寫資料頁面 */
.mainWrapper.winnerData{
  display: flex;
}


.mainWrapper.winnerData .formWrapper{
  margin: auto;
  margin-top: 3%;
  width: 500px;
  height: auto;
  padding:1.5rem;
  /* background:#fff; */
  border-radius: 10px;
}

.mainWrapper.winnerData .formWrapper .formRow{
  padding:.75rem 0;
  padding-bottom: .35rem;
  line-height: 1.5;
}

.mainWrapper.winnerData .formWrapper .formRow label{
  display: block;
  color: #783d3d;
}

.mainWrapper.winnerData .formWrapper .formRow input{
  width:100%;
  padding:.55rem;
  margin:.5rem 0;
  font-size: 1rem;
}

.mainWrapper.winnerData .formWrapper .formRow .addressFiled .cityColumn {
  display: flex;
}

.mainWrapper.winnerData .formWrapper .formRow select{
 font-size: 1rem;
  padding:.35rem;
  margin:.5rem 0;
}

.mainWrapper.winnerData .formWrapper .formRow select:nth-child(2){
  margin-left:.5rem;
}

.mainWrapper.winnerData .formWrapper .formRow #subMit{
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
  color: #fff;
  background-color: #783d3d;
  border-color: #783d3d;
  text-transform: none;
  text-decoration: none;
  
}

/* 遊戲登入頁 */
.mainWrapper .signInWrapper{
  margin: auto;
  width: auto;
  height: auto;
  padding:1.5rem;
  padding-bottom:2rem;
  border-radius: 10px;
}


.mainWrapper .signInWrapper .signRow{
  width:100%;
  text-align: center;
}

.pageSubject.scrEvent{
  padding:1rem 0;
}

.pageSubject.scrEvent.main-img{
  width:100%;
  padding-top: 0;
}

.pageSubject.scrEvent.main-img img{
  width:100%;
  min-width: 1100px;
  height:auto;
  display: block;
}

/* 領獎須知頁面 */
.containerBox{
  width:100%;
}


.containerBox .containRow{
  max-width: 1100px;
  margin: 0 auto;
  width: auto;
}

.containerBox .containRow{
  /* padding:1.5rem 1.2rem; */
  padding-top:0;
  padding-bottom:0;
}



.containerBox .containRow .textContent h2, .formWrapper .formRow h2{
  margin:1rem 0;
  color: #00a2af;
  font-weight: 400;
  font-size:1.8rem;
  letter-spacing: 0.05rem;
}

.containerBox .containRow .textContent h3{
  background: #e96e8b;
  color:#fff;
  width:fit-content;
  padding:.35rem .75rem;
  margin-bottom:.75rem;
  border-radius: 20px;
}

.containerBox .containRow .textContent h3.giftAward{
  margin:0 auto;
  font-size: 1.5rem;
  margin-bottom:1.5rem;
  padding:.35rem 1.5rem;
  border-radius: 50px;
}

.containerBox .containRow .textContent h4{
  color: #5151B4;
  font-size: 1.1rem;
  margin: 1rem 0;
}

.containerBox .containRow .textContent h4.awardsTitle{
  font-size: 1.3rem;
}

.containerBox .containRow .textContent p{
  color: #333;
  margin-bottom:.75rem;
  line-height: 1.5;
  font-size: 1.1rem;
  font-weight: 400;
}

.containerBox .containRow .textContent ul{
  list-style: disc;
}



.containerBox .containRow .textContent ul li,
.containerBox .containRow .textContent ol li{
  padding:.15rem;
  line-height: 1.5;
  font-size: 1.1rem;
  font-weight: 400;
  color: #333;
}



.containerBox .containRow .textContent ul.cjkType{
  list-style-type: cjk-ideographic;
  margin-left: 2rem;
}

.containerBox .containRow  .topHeader{
  width:100%;
  height:auto;
}

.containerBox .containRow  .topHeader img{
  width:100%;
  height:auto;
}

a#goLuckyBtn{
  font-size: 2rem;
}
/* 活動說明頁 */

.containerBox .containRow .textContent.columnSet{
  background:#fff;
  padding:3rem;
  border-radius: 15px;
}



img.scrgiftlist{
  width:100%;
  height:auto;
}

.containerBox .containRow .textContent.eventInfo p{
  margin-left:0.75rem;
}

.containerBox .containRow .textContent.eventInfo .sTypeResRow p{
  margin-left:0rem;
  margin-top:0.75rem;
}

.textContent.eventInfo a:link,.textContent.eventInfo a:visited{
  color: #783d3d;
}

.textContent.eventInfo a:hover{
  color: #6654c1;
}

.textContent.eventInfo a.btn:link,.textContent.eventInfo a.btn:visited{
  color: #fff;
}

.textContent.eventInfo a.btn:hover{
  color: #fff;
}

.containerBox .containRow .textContent.eventInfo ul{
  margin-left:40px;
}


.containerBox .containRow .textContent ul.eventnote{
  margin-left:0;
}

.containerBox .containRow .textContent ul.eventnote li{
  font-size: .8rem;
}

.containerBox .containRow .textContent.eventInfo .tableBody{
  width: 100%;
  display: flex;
  align-items: flex-end;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow{
  margin-left:0px;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow.giftPic{
  width:56%;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol{
  padding:.25rem 0;
  line-height: 1.4;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol.textTitle{
  font-weight: bold;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol ul{
  list-style-type: disc;
  margin-left:0;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol ul li{
  padding:.15rem 0;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol ul li h4{
  margin:.35rem 0;
  font-size: 1.2rem;
}

.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol ul li p{
  margin:0;
}



.containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow.giftPic .tableCol img{
  width:100%;
  height: auto;
}

table.eventInfo{
  border-spacing: 1px;
  border-collapse: separate;
  background: #783d3d;
  width:fit-content;
  margin-bottom: 2rem;
}

table.eventInfo tr{
  
}

table.eventInfo tr td,table.eventInfo tr th{
  padding: .35rem 1.2rem;
  background: #fff;
  line-height: 1.4;
}


table.eventInfo tr th{
  background: #783d3d;
  color:#fff;
}

/*  */


table.clincInfo{
  width: 100%;
  margin: 0 auto;
  padding: .1rem;
  box-sizing: border-box;

  border-spacing: 1px;
  border-collapse: separate;
  background: #8879bf;
  margin-bottom: 2rem;
}

table.clincInfo tr{
  
}

table.clincInfo tr td,table.clincInfo tr th{
  padding: .35rem 1.2rem;
  background: #fff;
  line-height: 1.4;
  font-size: 1.2rem;
}

table.clincInfo tr:nth-child(odd) td{
  background: #efebff;
}

table.clincInfo tr th{
  background: #8879bf;
  color:#fff;
}

.containerBox .containRow .textContent.eventInfo ul.clincInfo-UL{
  margin-left:0;
}

/* footer */
footer{
  width: 100%;
  padding:.75rem 0;
  background: transparent;
  position: relative;
  padding-bottom:1rem;
}

footer .footerInfo{
  width:100%;
  text-align: center;
  margin-bottom:.55rem;
}

footer .footerInfo p{
  line-height: 1.4;
  font-size: .8rem;
}

body.indexP footer{
  background: #e9907e;
}

footer .container{
  width: 600px;
  display: flex;
  justify-content: space-evenly;
  margin:auto;
}

footer .container .logoBox{
  color: #000;
  font-size:0.7em;
  color:#7d7db6;
  width: 300px;
  
}

footer .container .logoBox p{
  color:#333;
 font-size: 9pt;
 margin-bottom: 0.35rem;
}

footer .container .logoBox .logoContent{
  display: flex;
  align-items: center;
}

footer .container .logoBox .logoContent img{
  width:60%;
  height:auto;
  align-self: center;
}

footer .container .logoBox .logoContent span{
  color:#333;
  margin-left:0.35rem;
}

footer .container img{
  width:100%;
  height: auto;
}

/* 隱私權政策 */
.pPolicyWrapper{
  width:100%;
  /* height:fit-content; */
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background: rgba(0,0,0,.6);
  display: none;
  padding:1.5rem .25rem;
  z-index: 9999999;
}

.pPolicyContent{
  width:80%;
  height:90%;
  /* max-height: 90%; */
  margin: auto;
  background: #fff;
  border-radius: 10px;
  padding:30px;
  color: #333;
  position: relative;
}

.pPolicyContent .ppText{
  height: 100%;
  overflow-y: scroll;
}

.pPolicyContent h2{
  font-size: 1.2rem;
  line-height: 1.4;
  margin:.9rem  0;
  color: #6ba3a0;
}

.pPolicyContent p{
  line-height: 1.4;
  font-size: 1rem;
}

.pPolicyContent ul{
  list-style: disc;
  margin-left: 23px;
}

.pPolicyContent ul li{
  line-height: 1.5;
}

.pPolicyContent a#closepPolicy{
  position: absolute;
  top:-20px;
  right:10px;
  width:40px;
  height: 40px;
  border-radius: 25px;
  border:2px solid #fff;
  background: #6ba3a0;
  display: flex;
}

.pPolicyContent a#closepPolicy img{
  width:60%;
  height: auto;
  margin:auto;
}

/* 抽獎獎品頁面 */

.itemBlock.gift,.itemBlock.secgift{
   height: 100%;
   overflow: hidden;
}
.giftWrap{
   width:100%;
   height: 100%;
   overflow-y: scroll;
   
}

.giftContain{
   width:100%;
   margin-bottom:5rem;
}

.giftContain h2{
  color: #e96e8b;
  font-size: 1.1rem;
}

.giftContain h2 span{
  font-size: .9rem;
  color:#333;
}

.giftContain table{
  width:100%;
  border-spacing: 1px;
  border-collapse: separate;
  background: #e96e8b;
  margin-bottom:1.5rem;
}

.giftContain table tr th{
  background: #e96e8b;
  color:#fff;
}



.giftContain table tr th,
.giftContain table tr td{
  font-size: .9rem;
  padding:.25rem;
}

.giftContain table tr td{
  background: #ffffff;
}

.giftContain table tr:nth-child(odd) td{
  background: #fff6e7;
}

.giftRow{
   width:100%;
   display:flex;
}

.giftCol{
   display:flex;
   width:100%;
   align-items: center;
}

.giftCol img{
   width:50%;
   height: auto;
}

/* 手機版 */
@media (max-width: 767px) { 
  
  .quizeBtn .btnBox .gotoQuiz p.btn-title{
    font-size: 1.2rem!important; 
    line-height: 1.4;
    margin-bottom: .5rem!important;
  }
  
  .quizeBtn .btnBox .gotoQuiz p.btn-info{
    font-size: 0.85rem!important; 
  }
  
  .quizeBtn .btnBox .gotoQuiz p.btn-info span{
    display: none;
  }
  
  .pageSubject.scrEvent.main-img img{
    width:100%;
    min-width:100%;
    height:auto;
    display: block;
  }
  
  .containerBox .containRow .textContent p{
    line-height: 1.4;
    font-size: 1rem;
  }
  
  .containerBox .containRow .textContent .yh-quiz-videoPage p{
    margin:0;
    padding:0 1rem;
    line-height: 1.4;
    font-size: 1rem;
    margin-bottom:1rem;
  }
  
  table.clincInfo tr td,table.clincInfo tr th{
    padding: .35rem .5rem;
    line-height: 1.4;
    font-size: 1rem;
  }
  
  .containerBox .containRow .textContent ul li,
  .containerBox .containRow .textContent ol li{
    padding:.15rem;
    line-height: 1.4;
    font-size: 1rem;
  }
  
  .containerBox .containRow .textContent h3.giftAward{
    margin:0 auto;
    font-size: 1.2rem;
    margin-bottom:1rem;
    padding:.35rem 1.5rem;
    border-radius: 20px;
  }
  
  
  .mainWrapper .signInWrapper{
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  
  .giftRow{
      flex-direction: column;
   }
  
  /* 首頁 */
  /* body.indexP{
    background: url("../images/home_banner_m.jpg") #ea8f7f;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position:left top 65px;
  } */
  .mainWrapper {
    width: 100%;
    height: auto;
    /* background: url("../images/bg_2023_m.jpg") no-repeat right bottom fixed #e96e8b; */
    padding-bottom: 0rem;
  }
  
  body.indexP  .mainWrapper{
    background: #e9907e;
  }
  
  body.indexP  .mainWrapper,
  body.playCardP .mainWrapper{
    height: auto;
    min-height: 76vh;
  }
  
  body.indexP .mainWrapper .containerBox,
  body.playCardP .mainWrapper .containerBox{
    width: 100%;
    height: auto;
  }
  
  
  
  
  .mainWrapper .containerBox .btnPos{
    width:100%;
    height:auto;
    padding-bottom:0;
    position: relative;
    z-index: 9;
  }
  
  .mainWrapper .containerBox .btnPos .btnBox{
    padding: 2rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  
  .mainWrapper .containerBox a.goGame{
    width: 100%;
    padding: .35rem 2rem;
    text-decoration: none;
    font-size: 1.6rem;
    border-radius: 15px;
    background: #783d3d;
    text-align: center;
    color:#fff;
    display: block;
    letter-spacing: .15rem;
    box-shadow: 0 0 10px rgba(82, 67, 151, 0.826);
    line-height: 50px;
    margin-bottom: 1.2rem;
    
  }
  
  .mainWrapper .containerBox a.goList{
    margin-left: 0;
    margin-bottom: 0;
  }
  
  .mainWrapper .containerBox a.goGame span{
    margin-left: .45rem;
  }
  
  .mainWrapper .containerBox a.goGame:hover{
    background: #7864d7;
  }
  
  
  .containerBox .containRow{
    width:100%;
  }
  
  .containerBox .containRow .textContent.columnSet {
    background: #fff;
    padding: 2rem 1rem;
    border-radius: 15px;
    width: 95%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  
 
  
  .containerBox .containRow .textContent.eventInfo{
    background:#fff;
    border:3px solid #00a0e9;
    padding: 1.2rem;
    border-radius: 15px;
    margin-bottom:0;
  }
  
  
  .containerBox .containRow .textContent.eventInfo .tableBody{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow.giftPic{
    width:100%;
  }
  
  .containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol{
    padding:.25rem 0rem;
    line-height: 1.4;
  }
  
  .containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol.textTitle{
    font-weight: bold;
  }
  
  .containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol ul{
    list-style-type: disc;
  }
  
  .containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow .tableCol ul li{
    padding:.15rem 0;
  }
  
  
  .containerBox .containRow .textContent.eventInfo .tableBody .tablbeRow.giftPic .tableCol img{
    width:100%;
    height: auto;
  }
  
  /* footer */
  footer{
    width: 100%;
    padding:.75rem 0;
    background: transparent;
    /* position: absolute;
    bottom:0; */
    /* display: flex; */
    position: relative;
    padding-bottom:6.5rem;
  }
  
  footer .footerInfo{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-bottom:.55rem;
  }
  
  footer .footerInfo p{
    line-height: 1.4;
    font-size: .8rem;
  }
  
  footer .footerInfo p span{
    display: block;
  }
  
  body.indexP footer{
    background:#e9907e;
  }
  
  
  
  .pPolicyContent{
    width:90%;
    height:90%;
    /* max-height: 90%; */
    margin: auto;
    background: #fff;
    border-radius: 10px;
    padding:30px;
    color: #333;
    position: relative;
  }
  
  
  
  /* footer */
  footer .container{
    width: 90%;
    display: flex;
    justify-content: space-evenly;
    margin:auto;
  }
  
  footer .container img{
    width: 100%;
    height: auto;
  }
  
  footer .container .logoBox{
    color: #000;
    font-size:0.7em;
    width: 90%;
    text-align: center;
    margin:auto;
  }
  
  footer .container .logoBox p{
    color:#333;
   font-size: 9pt;
   margin-bottom: 0.35rem;
   color:#7d7db6;
   padding:.25rem;
   width:fit-content;
   border-radius:10px;
  }
  
  footer .container .logoBox .logoContent{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  footer .container .logoBox .logoContent img{
    width:90%;
    height:auto;
    align-self: flex-start;
    margin-bottom: .35rem;
  }
  
  footer .container .logoBox .logoContent span{
    color:#333;
    margin-left:0.35rem;
    font-size: 11pt;
  }
  
  
}