.gameContainer{
	width:840px;
	 max-width: calc( 100% - 10px );
}
#vdo{
	width:100%;
	height:560px;
	   
}
.btnGAME{
	    background-color: #586295;
    color: #ffffff;
    font-size: 20px;
    /* height: 30px; */
    padding: 15px 30px;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
.nextbtn{
	    margin-right: 0px;
	margin-top:20px;
	 padding: 15px 15px 15px 30px;
}
.nextbtn:after{
	content :'\25BA';
	margin-left:15px;
}
.quest{
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
	font-size:1.2em;
}
.f2{
	font-size: 0.8em;
	margin-top:5px;
}
.ans-mc {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
}
.ans-mc li {
    background-color: #fafbfc;
    padding: 20px;
	position: relative;
}
.ans-mc input{
visibility: hidden;
    position: absolute;
    left: -1px;
    width: 1px;
    height: 1px;
    top: -1px;

}
.ans-mc li:hover{
	cursor:pointer;
}
.ans-mc li.tick, .ans-mc li:hover{
	    background-color: #eff3f7;
}
.ans-mc li.tick:after{
	background-image: url(https://www.hklivendoscopy.com/images/step_tick_on.svg);
	    background-color: #94acb8;
}
.ans-mc li:after{
	content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
    /* background-image: url(https://www.hklivendoscopy.com/images/step_tick_on.svg); */
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #ced9df;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
}