.payment{
	background: url(../images/layout/global/bg-watermark.jpg) repeat;
	min-height: 45vw;
	padding: 100px 0;
}
.payment .payment-wrap{
	width: 550px;
	margin: 0 auto;
}
.payment .payment-wrap h1{
	font-size: 3rem;
	font-weight: 700;
	color: #f6921e;
	text-align: center;
	margin: 30px 0 20px;
}
.payment .payment-wrap h2{
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	margin: 30px 0 10px;
}
.payment .payment-wrap .payment-detail{
	margin-bottom: 20px;
}
.payment .payment-wrap .payment-detail dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1rem;
	margin-bottom: 0;
}
.payment .payment-wrap .payment-detail dl dt{
	width: 35%;
	margin-bottom: 12px;
	padding-right: 10px;
}
.payment .payment-wrap .payment-detail dl dt:nth-last-child(2){
	margin-bottom: 0;
}
.payment .payment-wrap .payment-detail dl dd{
	width: 65%;
	font-weight: 600;
	margin-bottom: 12px;
	padding-left: 10px;
	text-align: right;
}
.payment .payment-wrap .payment-detail dl dd:last-child{
	margin-bottom: 0;
}
.payment .payment-wrap .payment-detail dl dt i{
	color: #f6921e
}
.payment .payment-wrap ul.channel-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}
.payment .payment-wrap ul.channel-list li{
	width: calc(98% / 2);
}
.payment .payment-wrap ul.channel-list li p{
	text-align: center;
}
.payment .payment-wrap .btn-topup{
	padding: 0 25px;
}
.payment .payment-wrap img.cross,
.payment .payment-wrap img.check{
	width: 170px;
	margin-bottom: 30px;
}
@media(max-width: 768px){
	.payment{
		min-height: 550px;
		padding: 100px 0;
	}
	.payment .payment-wrap{
		width: 100%;
		margin: 0 auto;
	}
	.payment .payment-wrap h1{
		font-size: 1.8rem;
		margin: 0 0 20px;
	}
	.payment .payment-wrap h2{
		font-size: 1.5rem;
		margin: 0 0 10px;
	}
	.payment .payment-wrap .payment-detail dl{
		font-size: 1rem;
	}
	.payment .payment-wrap .payment-detail dl dt{
		margin-bottom: 5px;
	}
	.payment .payment-wrap .payment-detail dl dd{
		margin-bottom: 5px;
		word-break: break-all;
	}
	.payment .payment-wrap img.cross,
	.payment .payment-wrap img.check{
		width: 100%;
		padding: 0 130px;
	}
}

