@charset "utf-8";

@media screen and (min-width: 1176px) {
    .table-of-contents.online-toc li .item2 {width:446px;}
    .table-of-contents.online-toc li .item3 {width:303px;}
    .table-of-contents.online-toc li .item3 .etc-info .btn-course-down {display:inline-block !important;position:static;margin-left:20px;width:30px;height:30px;background-repeat:no-repeat;background-size:100% auto;background-image:url('../images/mobile/ico-video-down.png');}
    .table-of-contents.online-toc li .item3 .etc-info .btn-course {margin-left:10px;}
}

@media (orientation: landscape) {
    .modal.modal-tutorial .modal-inner {display:flex;justify-content:center;align-items:center;height:100%;}
    .modal.modal-tutorial .modal-content {display:block;width:100%;height:100%;border-radius:0;}
	.modal.modal-tutorial .modal-content .modal-bd .title {display:none;}
	.modal.tutorial-player .modal-bd {padding:15px 17px 0;height:calc(100% - 4.5rem);background:#000;}
	.modal.tutorial-player .modal-bd .img-wrap {padding:0;height:100%;background:url('../images/mobile/img-tutorial-player-landscape.png') no-repeat 50%/contain;}
	.modal.tutorial-player .modal-bd .img-wrap img {display:none;}
	.modal.tutorial-player .modal-ft {display:flex;align-items:flex-start;justify-content:center;padding:0 1.6rem;height:4.5rem;background-color:#000;}
    .modal.tutorial-player .modal-ft::before {display:none;}
	.modal.tutorial-player .modal-ft button {margin:0 0.41rem;padding:0;width:9.17rem;height:2.67rem;font-size:1.17rem;font-weight:500;color:#fff;border:1px solid #fff;border-radius:2.5rem;}
}