body,h1,h2,h3,h4,h5,h6{
    font-family:"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.25em;
}
h1{font-size:2em;}h2{font-size:1.75em;}h3{font-size:1.5em;}h4{font-size:1.25em;}h5{font-size:1.1em;}h6{font-size:1.05em;}
.serif{font-family:serif;}
html,body{font-size:15px;}
a{text-decoration: none}
@media screen and (max-width:601px){    html,body{font-size:4vw;}}
.text-shadow{text-shadow: 0 0 1em black,0 0 0.3em black;}
ol{ margin-left: -1em;}
.padding-lr{padding: 8px 5%;}
.padding-100{padding-bottom: 100px!important;}
.width-80{padding: 0 10%;}
.tiny{padding: 2px 4px;}
div img{	width: 100%;display: block;	}

/*換行*/
.word-break{-ms-word-break: keep-all; word-break: keep-all;}
/*直式文字*/
.text_ver{writing-mode: tb-rl;direction: ltr;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr; }
.flexBox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    -ms-align-items: stretch;
    align-items: stretch;
}
.flexBox>*{min-height: 1em;}
.flexBox>*>*{height: 100%;}
.flexBox.aingn-center{-ms-align-items: center;align-items: center;}
@media screen and (min-width:1000px){
.show-medium{display: none;}
.padding-lr{padding: 8px 10%;}
.content.padding-lr{padding: 8px 50px;}
}
@media screen and (min-width:600px){
.show-small{display: none;}
}
@media screen and (min-width:350px){
.show-tiny{display: none;}
}
/*-----------------------------------------顏色、背景-----------------------------------------*/
#page{background-color: #e37971;}
/*-------------------------------------END-顏色-----------------------------------------*/
/*-----------------------------------------按鈕-----------------------------------------*/

/*底部滑動橫條*/
#bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    text-align: center!important;
}
#bottom *{margin:0 auto;}
#bottom>a>*{background-color: rgba(0, 0, 0, 0.3);color: white;padding:0.5em;}
#goTop{position: absolute; top: -4em; right: 1em; width: 3em; height: 3em; padding: 0.75em; text-decoration: none;}

@media screen and (max-width:601px){
#goTop{    top:-4em; right: 0.5em;}
#bottom>div>a{    padding: 2%;    line-height: 1.2;}
}

/*-------------------------------------END-按鈕-----------------------------------------*/
/*----------------------------------------- BAN區塊＋背景-----------------------------------------*/
#ban>div:first-child{background-color: #c2421d;
background: linear-gradient(0deg, #f2a5a7 0%, #ec6f5a 21%,   #c2421d 100%);
background: -moz-linear-gradient(270deg, #f2a5a7 0%, #ec6f5a 21%,  #c2421d 100%);
background: -o-linear-gradient(270deg, #f2a5a7 0%, #ec6f5a 21%,  #c2421d 100%);
background: -webkit-linear-gradient(270deg, #f2a5a7 0%, #ec6f5a 21%,  #c2421d 100%);
}
#ban>div:nth-child(2),#a02,#a04,#b02,#b04{background-color: #f2c920;}
#a01{background-color: #58c0cc;}
/*-------------------------------------END-BAN區塊＋背景-----------------------------------------*/

.title{
    background-color: #c30d22;
    color: #fefefe;
    padding: 0.25em 1.5em 0.25em 2em;
    display: table;
    position: relative;
    top: -1.25em;
    left: 0;
    margin-bottom: -0.5em;
}
.title:after{
    position: absolute;
    content: "";
    background: url(../images/lottery-title-01.png) bottom left no-repeat;
    background-size: contain;
    width: 2em;
    max-width: 110px;
    height: 4.5em;
    bottom: -0.7em;
    left: -10%;
}
div.content.padding-lr.padding-64>div{background-color: #fdfad8;padding: 1em;position: relative;}
/*----------------------------------------- 區塊a02 -----------------------------------------*/
#a02 .title{padding-left: 1.5em;padding-right: 2em;}
#a02 .title:after{
  background-image: url(../images/lottery-title-02.png);
    width: 2.5em;
    right: -5%;
    bottom: 0;
    left: initial;
}

.green, .hover-green:hover {color: #fff!important;background-color: #5FA776!important;}
.flexBox>.col>div{
  display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    -ms-align-items: stretch;
    align-items: stretch;
}
#a02 p{    text-indent: -0.85em;
    margin: 0;
    margin-left: 1em;
    line-height: 1.3em;
    font-size: 1.2em;
}
#a02>div>div{position: relative;}
#a02>div>div:after{
position: absolute;
content: "";
    background: url(../images/lottery-bg-02.png) bottom center no-repeat;
    background-size: contain;
    width: 100%;
    height: 38%;
    bottom: -64px;
    left: 0;
}
@media screen and (max-width:901px) and (min-width:601px) {
#a02 p    {    font-size: 0.75em;}
}
/*-------------------------------------END- 區塊a02 -----------------------------------------*/

/*----------------------------------------- 區塊a03 -----------------------------------------*/
#a03{background-color: #c2421d;
background: linear-gradient(90deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
background: -moz-linear-gradient(90deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
background: -webkit-linear-gradient(0deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
background: -o-linear-gradient(0deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
}
#a03>div,#b01>div,#b03>div,#b05>div{position: relative;
background: url(../images/lottery-bg-03.png) top repeat-y;
}
#a03 .title:after{background-image: url(../images/lottery-title-03.png);}
#a03>div>div:after{
position: absolute;
content: "";
    background: url(../images/lottery-bg-03-2.png) bottom right no-repeat;
    background-size: contain;
    width: 30%;
    max-width: 300px;
    height: 35%;
    top: 70%;
    right: -1em;
}

#a03 p{text-indent: -1.5em; margin-left: 2.5em;color: #595648}

/*-------------------------------------END- 區塊a03 -----------------------------------------*/

/*----------------------------------------- 區塊a04 -----------------------------------------*/

#a04>div{position: relative;}

#a04 .title:after{background-image: url(../images/lottery-title-04.png);}
#a04>div>div:after{
    position: absolute;
    content: "";
    background: url(../images/lottery-bg-04.png) bottom right no-repeat;
    background-size: contain;
    width: 30%;
    max-width: 450px;
    height: 50%;
    min-height: 160px;
    bottom: 0%;
    right: -5%;
}
#a04>div>div>div{position: relative;z-index: 1;padding: 1em;}
#a04 .buttom{
    background: #428577;
    color: white;
    padding: 1em;
}
.hover-disabled,.hover-disabled>*{    cursor: not-allowed;     opacity: 0.9;}
.hover-disabled:hover{cursor: not-allowed;opacity: 0.5;}
@media screen and (min-width:601px) and (max-width: 900px){    #a04 .buttom{font-size:15px;}}
#a04 .buttom h3{color: yellow;}
@media screen and (max-width:600px){#a04>div>div>div{padding: 0;    font-size: 13px;}}
@media screen and (max-width:370px){#a04>div>div>div{padding: 0;    font-size: 3.25vw;}}
/*-------------------------------------END- 區塊a04 -----------------------------------------*/

/*第二頁*/

/*----------------------------------------- 第二頁 -----------------------------------------*/
#b03,#b05{background-color: #c2421d;
background: linear-gradient(90deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
background: -moz-linear-gradient(90deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
background: -webkit-linear-gradient(0deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
background: -o-linear-gradient(0deg, #f2a5a7 0%, #ec6f5a 27.18%,  #c2421d 100%);
}
#b01>div,#b02>div,#b03>div,#b04>div,#b05>div,#b06>div>div{position: relative;}
#b01>div,#b03>div,#b05>div{
background: url(../images/lottery-bg-03.png) top repeat;
}
#b01>div.content.padding-lr.padding-64:after{
  position: absolute;
  content: "";
  background: url(../images/lottery-title-02.png) top right no-repeat;
  background-size: contain;
  width: 30vw;
  min-height: 8em;
  top: 1em;
  right: 5%;
}
@media screen and (min-width:901px){    #b01>div.content.padding-lr.padding-64:after{height: 50%;right: 10%;}}

#b02>div:before,#b04>div:before,#b06>div:before{
  position: absolute;
  content: "";
  background: url(../images/lottery-bg-02.png) bottom right no-repeat;
  background-size: contain;
  width: 75%;
  height: 60px;
  bottom: 0;
  right: 0;
}
#b03>div:before,#b05>div:before{
  position: absolute;
  content: "";
  background: url(../images/lottery-bg-03-2.png) right -50% bottom -2vw no-repeat;
  background-size: contain;
  width: 75%;
  height: 300px;
  bottom: 8px;
  right: 0;
}
#b01 .title:after{background-image: url(../images/lottery-title-03.png);}
#b02 .title:after,#b04 .title:after,#b06 .title:after{background-image: url(../images/lottery-title-04.png);}
#b03 .title:after,#b05 .title:after{background-image: url(../images/lottery-bg-04.png);width: 3em}
#b01 p{padding-left: 2em;}
#b01 ul{margin-left: 0;}
#b01 li{list-style: none;    text-indent: -1em;}
/*table*/
.table td:first-child{width: 25%;min-width: 4em;}
.table td:nth-child(2){width: 25%;min-width: 7em;}
.table tr:nth-child(even){background-color: rgba(243, 151, 0, 0.3);}
#b02 th,#b04 th,#b06 th{background-color: #f39700;    color: #fefefe;}
#b03 th,#b05 th{background-color: #da243b;    color: #fefefe;}
#b03 tr:nth-child(even),#b05 tr:nth-child(even){background-color: rgba(218, 36, 59, 0.3);}

/*-------------------------------------END- 第二頁 -----------------------------------------*/