/*------------------------------------*\
            tutorial.css
\*------------------------------------*/
/*
    * General.....................General use
    * Media Query.................RWD Setting
*/





/*------------------------------------
            $General
------------------------------------*/
.rl-btn-turotial{
	font-size: 1.5rem;
    float: none;
    padding: 10px 20px;
    width: auto;
    height: auto;
}
.rl-btn-turotial > i{ display: none; }
.rl-btn-turotial:hover > i{ display: block; }
.rl-btn-turotial:hover > span{ display: none; }

.rl-linkList>li{
	line-height: 1.7;
	margin-left: -15px;
}

.rl-linkList a{
    color: #333;
	text-decoration: underline;
}


.desc-ul>li{margin-left: 25px;}

.adjust-avatar-img-pos{margin-top: -13px;}

.rl-card-pos{float: none;margin: 0 auto;}

.frame_box{border-width:1px; border-style:solid; border-color:#B3B3B3;}



/*------------------------------------
            $Media Query
------------------------------------*/
@media screen and (max-width: 991px){
	.rl-btns-wrapper .rl-btns{margin-bottom: 20px;}
	.rl-btns-wrapper .rl-btns:last-of-type{margin-bottom: 0;}
	.rl-btn-turotial{min-width: 260px}
}

@media screen and (max-width: 767px){
	#rl-tutorial .rl-card h4{margin-top: 15px;}
}