/* fout */
body{background: #d8d8d8;}
.con-w{background: #FFFFFF; width: 100%; padding: 20px}


.slick-slide:focus {
            outline: none;
        }


/* swiperlaber */

#swiperbox{min-height: 470px;  padding-bottom: 15px;}
#swiperbox a{text-decoration: none; color: #FFFFFF;}

.s-btn-box{  margin: 0 -10px; text-align: center;  line-height: 90px;}
.s-btn-box .s-btn{margin: 0 10px; cursor: pointer; outline: none;  color: #fff; font-size: 18px;}


.sw-con{width: 85%; margin: 0 auto}
.sw-con p{text-align: center; color: #fff; line-height: 40px; font-size: 16px;}
.sw-action{position: absolute; top: 0; opacity: 0; z-index: -1;}
.slick-slide img {  width: 85%; margin: 0 auto;}
.nextbtn{position: absolute; top: 42%; transform: translateY(-50%); width: 20px;z-index: 1; cursor: pointer;}
.nextbtnone{left: -4%;}
.nextbtn2{right: -4%;}
.nextbtn img{width: 100%; }

.content-box h3{font-size: 16px; font-weight: bold; text-align: center}

.tables{line-height: 40px; text-align: center;}
.tables table{width: 100%;border: 0;border: 1px solid #cccccc; margin: 0 auto;}
.tables table tr{border: 0}
.tables tr:nth-child(2n){background: #dddddd}

.step-box{padding: 0 20px;}
.step-box img{display: block; width: 70%; margin: 0 auto;}
.step-box p{text-align: center;}

.dowload-box{padding-top: 20%;}
.dowload-box img{width: 40%; margin: 5% auto;}

.tnc {
    padding: 10px 5px 20px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}
.tnc a{
    display: inline-block !important;
}
.tnc_title {
    display: flex;
    flex-direction: column;
}

.tnc_title>div {
    display: flex;
}

.tnc_title>div>span {
    width: 2%;
    margin-right: 10px;
}
.tnc td{padding: 2px 0;}
.tnc_title>div>div {
    width: 98%;
}

.tnc_content {
    padding: 10px 74px;
}	

@media screen and (max-width: 960px) {
    .con-w{width: 100%}
    #swiperbox{min-height: 450px;}
}
@media ( max-width : 750px){
    .tnc{font-size: 12px;}
    .s-btn-box{line-height: 55px;}
    #swiperbox{min-height: 290px; padding-bottom: 20px;}
    .sw-con{width: 80%; margin: 0 auto}
    .sw-con p{font-size: 12px; line-height: 28px;}
    .tnc_content{padding: 10px;}
    .tnc td{padding: 0;}
    .nextbtnone{left: -9%;}
.nextbtn2{right: -9%;}
}
@media ( max-width : 450px){
    .s-btn-box .s-btn{  margin: 0 ; font-size: 12px;}
}