@charset "utf-8";
/* CSS Document */
html, body {
    position: relative;
    height: 100%;
    scroll-behavior:smooth;
	scroll-padding-top:60px;
}
.font-Lottery{font-size:4.5em;}
.bnt-flex{display: flex;flex-direction: row;justify-content:center;position: relative;}
.Bnt{position: relative;}
.Bnt{background-color: #FF5441;
    width: 30%;
    padding: 16px 20px;
    border-radius: 50px;
    color: #fff !important;
    border: 2px solid #FF5441;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin: 0 2%;
    font-size: 20px;}
.Bnt:hover{background-color:#fff;padding:16px 20px;border-radius:50px;color:#FF5441!important;border:2px solid #FF5441}
/*--------輪播畫面----------*/
.method{
    max-width: 1040px;
	width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center !important;
}
.step{
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 0;
}
.st-way{
	display: flex !important;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    align-items: center;}
.st-way-img{
    width: 100%;
    position: relative;
	margin: 0 auto;
}
.st-way-img img{display: unset;}
.ATM-img img{display: unset;max-width:396px; }
.st-way-wd{
    margin: auto 0;
    padding: 0 20px;
	max-width:max-content;
	width: 360px;
	height: 140px;}
.st-way-wd p{text-align: left;}
.ATM-wd{height: 160px;}
/*.st-way-wd p:first-child:after{
    content: "";
    background-color:#00a2a3;
    width: 100px;
    height: 1.5px;
    display: block;
    margin-top:1.8rem;
}*/
.section_download{
    background-color:white;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
}
.download:before{
    content: "";
    width: 2px;
    height: 50px;
    background-color:#00a2a3; 
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.download:after{
    content: "";
    width: 2px;
    height: 50px;
    background-color:#00a2a3; 
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}
@media (max-width: 1200px) {
.font-Lottery{font-size:3.5em}
}
@media (max-width: 768px) {.bnt-flex{flex-direction: column;}.Bnt{width: 80%;margin: 2% auto;}}
@media (max-width: 575px) {
.font-Lottery{font-size:3em}
}



@media (max-width: 992px) and (min-width:576px){
    .step{
        width: 80vw;
    }
    .st-way{
       flex-direction: column; 
    }
    .st-way-img,.st-way-wd{
        width: 100%;
    }
	.ATM-img img{max-width: 80%;}
}
@media (max-width: 575px){
    .step{
        width: 90vw;
    }
    .st-way{
       flex-direction: column; 
    }
    .st-way-img,.st-way-wd{
        width: 100%;
    }
	.ATM-img img{max-width: 80%;}
    
}