#step0{padding:15px; text-align:center;}
#step0 .joinTerms{padding: 30px;background: #fbfbfb;margin:0 0 20px;word-break:keep-all;
border: 2px dotted #f2f2f2;overflow-y: scroll;height: 400px;
font-size: 15px;line-height: 30px;text-align: left;}

#step0 .checks{display: flex;flex-direction: row;justify-content: flex-start;align-items: center; margin: 0 0 20px;}
#step0 .checks input{width: 20px;height: 20px;margin: 15px;}
#step0 .checks label{font-size: 20px; margin: 0;}

#step0 .IsYES,
#step0 .IsNO{padding: 10px 30px;font-size: 20px;margin: 0 15px;border: 1px solid #000;}

#step1{text-align:center;padding:15px;}
#step1 a{padding: 15px 35px; color:#000; text-decoration:none; font-size:17px;margin:10px;border: 1px solid #000;cursor:pointer;}
#step2{text-align:left;padding:20px;width: 30%; margin: 0 auto; font-size:15px;line-height: 1.7;}
#step2 #sendAuth{padding: 10px; border: 1px solid #000; width:178px;margin:0 0 auto; cursor:pointer;}
#step2 .input li{margin:10px 0}

#step3{text-align:left;padding:20px;width: 30%; margin: 0 auto; font-size:15px;line-height: 1.7;}
#step3 #checkAuth{padding: 10px; border: 1px solid #000; width:178px;margin:0 0 auto; cursor:pointer;}
#step3 .input li{margin:10px 0}

#step4 .text1{font-size: 20px;text-align: center;
margin: 15px;font-weight: bold;}
table tbody tr td{font-size:15px;}
.form-control{font-size:15px;}

.law-tab { text-align:center; overflow:hidden; margin:0 0 30px;  }
.law-tab a { color:#333; text-decoration:none; }
.law-tab li a { float:left; width:33.3333%; font-size:17px; padding:15px 0;  color:#333; cursor:pointer; border:1px solid #f2f2f2; box-sizing:border-box; }
.law-tab li:hover a { background:rgba(0,0,0,0.5)!important; transition:0.3s all; color:#fff;}
.law-tab .active { background:rgba(0,0,0,0.5)!important; }
.law-tab .active a { color:#333; }
#step0{margin-top:50px;}
#step0 .tab-content { padding:30px; background:#fbfbfb; border: 2px dotted #f2f2f2; overflow-y: scroll; height: 600px; font-size:15px; line-height:30px; }
#step0 h3 { margin:0 0 20px; font-size:18px; }
@media(min-width:1200px) and (max-width:1499px) {
}
@media (min-width:993px) and (max-width:1199px) {
    #step2{width:50%;}
}
@media (min-width:768px) and (max-width:992px) {
    #step2,
    #step3{width:50%;}
}
@media (max-width:767px) {
	#step0{padding:0;}
    #step0 .checks{justify-content: space-around;}
    #step0 .checks input{margin:0;}
	#step0 a{margin:0 0 15px; width: 50%; float: left;font-size: 15px; padding:15px;}
	#step0 .tab-content{height:250px; margin:0 0 20px;}
    #step1 a{display:inline-block;width:80%;padding:15px;}
    #step2,
    #step3{width:100%;}
    .law-tab li a { width:100%; font-size:15px; }
    #step0 .checks label{font-size:15px; word-break:keep-all;}
    #step0 .IsYES, #step0 .IsNO{margin:15px; font-size:15px;}
}