b {color: crimson;}
.red {color: #ed0000;}
.main.lottery { position: relative; width: 100%; background: url(../images/bg.jpg)center 750px #000; padding-bottom: 30px;}

/*lottery_kv*/
.lottery_wrapper { background: url("../images/lottery/lottery_bg.jpg")no-repeat center top #000; }
.lottery_container { position: relative;  z-index: 1;  margin: auto;  width: 1200px;  height: 740px; }
.lottery_slogan { position: absolute; top: 172px;  left: 74px; z-index: 2; }
.lottery_goods { position: absolute; top: 110px; right: 152px; z-index: 3;}
.lottery_deco { position: absolute; top: 208px;  left: -206px; z-index: 1; }

/*register_kv*/
.register_wrapper { background: url("../images/lottery/lottery_bg.jpg")no-repeat center top #000; }
.register_container { position: relative;  z-index: 1;  margin: auto;  width: 1200px;  height: 700px; }
.register_slogan { position: absolute; top: 172px;  left: 74px; z-index: 2; }
.register_goods { position: absolute; top: 110px; right: 52px; z-index: 3;}

/*rule_kv*/
.rule_wrapper { background: url("../images/rule/rule_bg.jpg")no-repeat center top #000; }
.rule_container { position: relative;  z-index: 1;  margin: auto;  width: 1200px;  height: 655px; }
.rule_slogan { position: absolute; top: 149px;  left: 34px; z-index: 2; }
.rule_btn { position: absolute; top:235px; right: 155px; z-index: 3;}
.rule_btn a:hover { transform: scale(0.95); filter: brightness(120%);}
.rule_deco { position: absolute; top: 208px;  left: -206px; z-index: 1; }

/**獎品 lottery**/
.gift_container { position: relative; width: 1150px; margin: 0 auto 50px; text-align: center; padding: 10px; border: 5px solid #e8b67b; border-radius: 50px;
    -webkit-box-shadow: inset 3px 4px 0px 0px rgb(255 255 255 / 40%);
    -moz-box-shadow: inset 3px 4px 0px 0px rgb(255 255 255 / 40%);
    box-shadow: inset 3px 4px 0px 0px rgb(255 255 255 / 40%); }
.gift_content { width: 1090px;  margin: 0 auto 30px; }
.lottery_gift_title { position: absolute; top: -50px; left: 140px;}
.gift_list { margin-top: 60px;}
.charts-gift { display: inline-block;}
.button{ width: 410px; margin: 0 auto;}
.button a { display: inline-block;  background: tomato;  border-radius: 50px;  color: #FFF;  padding: 16px 70px;  border-bottom: 3px #ad5836 solid;   font-size: 24px;   text-align: center; font-weight: bold; margin-top: 10px; margin-bottom: 20px; transition: .3s ease-in-out; }
.button a:hover{ background-color: #c9252c; border-bottom: 3px darkred solid; cursor: pointer;}

/**活動說明 rule+lottery**/
.terms_wrapper { width: 1180px;  margin: 0 auto;  padding-bottom: 20px;}
.terms_container { background-color: #fff;  border: solid 3px #fff; border-radius: 50px 50px; padding-bottom: 20px;}
.terms_container h2 { font-size: 36px;  font-weight: 800;  text-align: center; background-color: #fec995; color:#6c370d; border-radius: 50px 50px 0 0;  padding: 30px 0;}
.terms_content { width: 90%;  margin: 0 auto 40px;  font-size: 17px; line-height: 24px;}
.terms_container h3 { background-color:#bd8151; border-radius: 20px; font-size: 22px; line-height: 30px; font-weight: bold; padding: 5px 20px; display: inline-block; margin: 15px 0 7px; color: #fff;}
.terms_content h4 { font-size: 18px; line-height: 2em; font-weight: bold; color: tomato; }
.terms_content ol li { margin: 0 30px 7px 40px;  list-style-type: decimal;  }
.terms_content li strong { color: red;}
.terms_content a { display: inline-block; font-weight: bold; font-size: 18px; margin: 5px 3px; border-radius: 10px; color: #fff; background-color: tomato;  padding: 5px 20px;  transition: transform .35s;  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);}
.terms_content a:hover { -webkit-transform: translate(10%, 0);  transform: translate(0, -5px);}
.terms_container p { padding-left: 18px; margin-bottom: 5px;}
.terms_content.label img { max-width: 100%; margin-top: 5px;}

table { background: white; border-collapse: collapse;  margin: 15px 0;  width: 100%; border: 2px solid #d9974a;}
table tr,table th,table td {  border: none;  border-bottom: 1px solid #e4ebeb;}
table th,table td {  padding: 10px 5px;  text-align: left;}
table th { background: #ffd8b2;  color: #663810;  text-transform: uppercase;}
table tr td { background: #f5f5f5; }
table tr:nth-of-type(2n+2) td {  background: #ffffff;}
table.bt tfoot th,table.bt tfoot td,table.bt tbody td {  font-size: 14px;  padding: 0;}
table.bt tfoot th:before,table.bt tfoot td:before,table.bt tbody td:before {  background: #989898;  color: white;  margin-right: 10px;  padding: 10px 10px 0;}
table.bt tfoot th .bt-content,table.bt tfoot td .bt-content,table.bt tbody td .bt-content {  display: inline-block;  padding: 10px 5px 0;}
table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {  padding-top: 10px;}
table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {  padding-bottom: 10px;}

.terms_content a.but{ display: block;  width: 270px; margin: auto; border-radius: 50px; color: #fff; padding: 20px 5px; font-size: 25px; transition: none; text-align: center;font-weight: bold; text-decoration: none; background: #d30000;  border-bottom: 5px #910000 solid; }
.terms_content a.but:hover{ background-color: #ff6347;  border-bottom: 5px #d12a0c solid;  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}


@media screen and (max-width:768px) {
.main.lottery {background-size: 100vw;}

/**lottery_m**/
.lottery_wrapper{background: url("../images/lottery/lottery_bg_m.jpg")no-repeat center 23vw #000; background-size: 100vw;}
.lottery_wrapper img {width: 100%; }
.lottery_container {width: 100vw; height: 76vw;}
.lottery_slogan { width: 41vw; top: 30vw; left: 7vw;}
.lottery_goods { width: 32vw; top: 27vw; right: 14vw;}
    
/**register_m**/
.register_wrapper{background: url("../images/lottery/lottery_bg_m.jpg")no-repeat center 23vw #000; background-size: 100vw;}
.register_wrapper img {width: 100%; }
.register_container {width: 100vw; height: 76vw;}
.register_slogan { width: 41vw; top: 30vw; left: 7vw;}
.register_goods { width: 40vw; top: 28vw; right: 6.5vw;}

/**rule_m**/
.rule_wrapper{background: url("../images/rule/rule_bg_m.jpg")no-repeat center 23vw #000; background-size: 100vw;}
.rule_wrapper img {width: 100%; }
.rule_container {width: 100vw; height: 70vw;}
.rule_slogan { width: 45vw; top: 30vw; left: 7vw;}
.rule_btn { width: 23.5vw; top: 35vw; right: 13vw;}

/**獎品**/
.gift_container { width: 94vw; margin-bottom: 5vw; box-shadow: none; border-radius: 30px; border: 3px solid #e8b67b; padding-bottom: 0; }
.gift_container img{ width: 100%;}
.gift_content { width: 100%;  margin: 0 auto; }
.lottery_gift_title { width: 94vw; top: -5vw; left: 0; }
.gift_list { margin-top: 16px; }
.charts-gift{ width:100%;}
.button { width: 80vw;}
.button a { border-radius: 10px;padding: 5px 20px; font-size: 15px;}

/**活動說明**/
.terms_wrapper { width: 94vw; padding-bottom: 50px;}
.terms_container { border-radius: 30px 30px;  }
.terms_container h2 { font-size: 21px; line-height: 24px; border-radius: 30px 30px 0 0; padding: 5px 0;}
.terms_container h2 span{ display: block;}
.terms_content { width: 92%;  font-size: 14px;  line-height: 18px; margin: 0 auto;}
.terms_container h3 { font-size: 20px;  line-height: 26px; }
.terms_content h4 { padding-top: 10px;}
.terms_content ol li { margin: 4px 5px 0 15px; }
.rule .terms_content img { max-width: 80%;  }
.terms_container p { padding-left: 0;}
.terms_content img { padding: 3px 0; max-width: 90%;}

table { border: 1px solid #e4ebeb; margin: 0 auto 10px;}
table tr td { background: #fff;}
table#table-two-axis tr { border: 1px solid #d9974a;}
table.bt tfoot th:before,table.bt tfoot td:before,table.bt tbody td:before { background: #ebebeb; color: #555; }
table.two-axis tr td:first-of-type,
table.two-axis tr:nth-of-type(2n+2) td:first-of-type,
table.two-axis tr td:first-of-type:before { background: #ffd8b2; color: #663810;  }
table.two-axis tr td:first-of-type { border-bottom: 1px solid #e4ebeb;  }
table.two-axis tr td:first-of-type:before { padding-bottom: 10px;  }
table tr,table th,table td { font-size:14px;}
    
.terms_content a.but{ display: none; }

}