/*
 * faq.css
 */
.iconFAQ{
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain; 	
} 
#iconFAQonLogin{
	position: absolute;
	right: 15px; bottom: 10px;
	width: 90px;height: 90px;
	background-image: url(../img/faq2_on.png);
} 
#iconFAQclassScreen{
	top: 42.5px;left: 1407.5px;1668px;
	width: 90px;height: 90px;
	background-image: url(../img/faq2_on.png);
}
#iconFAQclassScreen.on{background-image: url(../img/faq2_on.png);}

#faqPDFWindow{
	display: none;
	position: absolute;
	top: 0; left: 0;	
	width: 100%; height: 100%;
  
  width: 1920px;100%; height: 1080px; 100%;
  background-color: rgba(255,255,255,1);

  position:fixed; absolute; /* screen bouncing */
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  sbackground-color: rgba(0,0,0,0.3);
  overflow: scroll;
} 
#faqPDFWindow img{ margin: -3px 0; border:0px solid red;}
#btnCloseFaqPDF{
	position: sticky;
	sposition: absolute;
	sright: 15px;
	top: 15px; left: 1830px;
	width: 70px; height: 70px;
	border-radius: 50%;
	border:3px solid gray;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 5px #dedede;
	background-image:url('../img/close.png'); 
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;	
}
#faqWindow {
	display: none;
	position: absolute;
spointer-events: none;
	position: fixed;absolute; /* prevent screen bouncing!! */
	top:50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 1920px;height: 1080px;
	background-image: url(../img/faq/faqWindow.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.6);
	border: 0px solid red;
}
#faqWindowContainer{
	pointer-events: all;
	position: absolute;
	width: 1500px; height: 600px;
	padding: 0 40px;
	border: 0px solid red;
	top:650px; left: 160px;
	border: 0px solid red;
}
#btnCloseFaq{
	position: absolute;
	right: -15px;
	top: -100px;
	width: 62px; height: 62px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0);
	background-image:url('../img/faq/faqClose.png'); 
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;
}
#faqTabBar{
	display: flex;
	margin-bottom: 60px;
}
.faqTab{
	width: 291px;583px; 230px;
	height: 73px;147px; 50px;
	margin: 0 28px;
	border: 0px solid red;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 291px 73px;contain;
}
.faqTab[data-type="screen"]{background-image: url(../img/faq/tab_screen_off.png);}
.faqTab[data-type="teacher"]{background-image: url(../img/faq/tab_teacher_off.png);}
.faqTab[data-type="child"]{background-image: url(../img/faq/tab_child_off.png);}
.faqTab[data-type="network"]{background-image: url(../img/faq/tab_network_off.png);}

.faqTab.selected[data-type="screen"]{background-image: url(../img/faq/tab_screen_on.png);}
.faqTab.selected[data-type="teacher"]{background-image: url(../img/faq/tab_teacher_on.png);}
.faqTab.selected[data-type="child"]{background-image: url(../img/faq/tab_child_on.png);}
.faqTab.selected[data-type="network"]{background-image: url(../img/faq/tab_network_on.png);}


#faqWindow li{
	display: none;
	list-style-type: none;
	height: 60px;
}
.faqLiItem img { height: 45px; }