@import "manual.css";
ol li{
margin-bottom:25px;
}
.content-r{padding:9.7% 13% 3.7%}
.content{
justify-content: flex-start;
text-align: left;
margin:50px 0;
}
.content >div:last-child {
    padding-left: 24px;
}
.content:last-child {
    margin-top: 110px;
	padding:50px 0
}
.content-r img{text-align:center;}

.pic{
    text-align: center;
    margin-bottom: 25px;
    max-width: 166px;
	padding:0;
	text-align:left;
}
.pic img{
	max-width:100px
}
#g-header h2{border-right:1px solid}
li{line-height:1.3}

@media screen and (max-width:991px) and (min-width:577px){
	.desktop, .mobile{display:none}
	.tablet{display:block}
}

@media screen and (max-width:767px){
.content-r{
	padding:9.7% 9% 10%}
#g-header h2{
border-right:0;
border-bottom:1px solid;font-size:24px}
.pic{text-align:right}
.content:last-child >div{max-width:none;text-align:left;margin-bottom:10px}
.content:last-child{margin:auto !important;width:100%;padding-top:0;}
}
/*mobile*/
@media screen and (max-width:576px){
.content{
	margin:5vw 0 16vw
}
.pic{
	max-width:none;
	text-align:center;
	margin-bottom:30px
}
ol>li{margin-bottom:50px}
ol>li ul{padding-left:2%}
.content >div:last-child {padding-left: 15px;}
.content:last-child>div{padding:0;}
.content:last-child li{margin-bottom:11px}
h2{display:block;text-align:left}

.desktop, .tablet{display:none}
.mobile{display:block}
}


/*new css*/
.background{background: #F5F5F5;padding: bottom 5%;}
.content-r img{max-width: none;width: 100%;}
.content:last-child{margin-top:0;padding:0}
#g-header h2{border-right:none;margin-bottom:2vw;font-size:34px;font-weight:400 !important}
.fake-table{border-radius:25px;box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);margin-bottom:4%}
.fake-table ol>li{margin-bottom:1em}
.fake-table>div:nth-of-type(1)>div{font-weight:bold;background:#383838;color:#fff;font-size:22px}
.fake-table>div:first-child>div:first-child{font-weight:bold}
.fake-table .col-4{padding:2%;background:#fff;text-align:center;font-size:18px}
.fake-table .row, #process>.row{margin:0;border-bottom:1px solid #f5f5f5}
#process>.row:not(:last-child){border-bottom:1px solid rgb(0 0 0 / 25%);}
.fake-table .row>.col-4:first-child {font-weight: bold;font-size:20px}
#process p{margin-bottom:0}
#process .content{align-items: center;padding:2vw 4vw}
#process h3, #rules h3, #rules-des h3{font-weight:bold;font-size:24px}
#process img~span{font-size:2.6em; color:#00B2FF;font-weight:normal}
#process .row>div {
	display: flex;
	align-items: center;margin-bottom:0
}
#process img{margin-right:2em;padding:2%}

#rules p>span{color:#06B5FF}
#rules h3{margin-bottom:8px}
#rules-des h3{margin-bottom:2vw}
#rules-des li, .fake-table~ol>li{margin-top: 1.2vw;font-size:18px}
#rules-des ol ol li {
	margin-bottom: 0 !important;margin-top:0
}
#rules img{max-width:200px}
#process img {max-width: 100px;}
#rules .content>.col-lg-5>div:first-child {text-align: center;}
#rules .content>div> .col-lg-7 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
ol>li>ol{padding-left:0}

@media screen and (min-width:992px){
    #process img~span{position:absolute;right:7%}
    #process .row>div{position:relative}
	.desktop{display:block;}
	.mobile, .tablet{display:none;}
}
@media screen and (max-width:991px){
	#process .content>div:nth-of-type(2) {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	#process img {
		margin-right: 0.6em;
		max-width:50px;
	}

	#rules .col-lg-1{display:none}
	#rules img {max-width: 150px;margin-top:3%;width:100%}
	#rules .content .col-lg-5>div, #rules .content .col-lg-6>div {text-align: center;}
	#rules .content .col-lg-5>div p, #rules .content .col-lg-6>div p{text-align: left;}
	#rules .content .col-lg-5, #rules .content .col-lg-6 {
		flex-direction: column;
		flex-wrap: initial;align-items: center;
	}
}
@media screen and (max-width:767px){
	#rules .content>div {
		margin-top:2vw;
		display: flex;
		flex-direction: row !important;
		flex-wrap: nowrap;
	}
	#rules .col-lg-5 .col-8, #rules .col-lg-6 .col-8 {padding: 0;}
	#rules .content .col-lg-5>div, #rules .content .col-lg-6>div{text-align: left;}
	#process .row div, #process .row h3 {
		padding: 0;
	}
  #g-header h2{border-bottom:none;font-size:24px;line-height: 1.3;}
  #process img~span{font-size:2rem}
}
@media screen and (max-width:560px){
	#process img{margin-right: 0.2em;}
	#process>.content{margin-top:5vw !important}
    #process .content{padding:2vw 0}
    #g-header h2{margin-bottom:5vw}
    #process h3, #rules h3, #rules-des h3{font-size:16px}
    .fake-table .col-4, .fake-table>div:nth-of-type(1)>div, .fake-table .row>.col-4:first-child{font-size:16px}
    #rules-des li, .fake-table~ol>li{font-size:14px;    margin-bottom: 5vw;}
    #process .row>div{font-size:14px;}
	
}
@media screen and (max-width:350px){
	#process img~span{font-size:1.5rem}
}