.ai-pop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	z-index: 1000;
	display: none;
}

.ai-pop-box {
	position: absolute;
	left: 19px;
	top: 19px;
	width: calc(100% - 42px);
	height: calc(100% - 42px);
	background-color: #fff;
	border: 1px #777 solid;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3)
}

.ai-pop-box .ai-pop-title {
	position: relative;
	height: 50px;
	background-color: #4642AE;
	color: #fff;
}

.ai-pop-box .ai-pop-titletext {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ai-pop-box .ai-pop-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	background-image: url(../img/btn_close.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.ai-pop-box .ai-pop-body {
	height: calc(100% - 50px);
}
.ai-pop iframe {
	width: 100%;
	height: 100%;
	border: 0;
}



.study-pop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	background-size: cover;
	z-index: 1000;
	display: none;
}

.study-pop-box {
	position: absolute;
	left: 19px;
	top: 19px;
	width: calc(100% - 42px);
	height: calc(100% - 42px);
	background: url('/css/images/study_bg.png') no-repeat center center;
	/*background-color: #fff;*/
	border: 1px #777 solid;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3)
}

.study-pop-box .study-pop-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background-image: url(../img/btn_close.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.study-pop-box .study-pop-body {
	height: 100%;
}
.study-pop-box iframe {
	width: 100%;
	height: 100%;
	border: 0;
}


@media (max-width: 767px)
{
	.study-pop-box {
		left: 5px;
		top: 5px;
		width: calc(100% - 12px);
		height: calc(100% - 12px);
	}
}