<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

h1 { font-size: 18px; font-family: "Bookman Old Style", Georgia, serif; color: #888888; font-weight: normal; }
h1 .spanStrong { color: #025D8C; font-size: 21px; }
h1 strong { color: #025D8C; font-size: 21px; font-weight: normal; }
h2 { font-size: 16px; font-weight: normal; }
h3 { font-size: 16px; font-weight: normal; color: #999999; }
img { white-space: pre; }


.result_container {
	width: 700px;
	margin-left: -10px;
	margin-top: 20px;
	font-family: "Avant Garde", Verdana, sans-serif;
	color: #555555;
}
.result_container a { color: #009ad0; text-decoration: none;}
.result_container a:hover { text-decoration: underline; }

.result_S_title, .result_T_title {
	width: 400px;
	margin: auto;
	text-align: center;
	font-size: 21px;
	font-family: "Bookman Old Style", Georgia, serif;
}
.result_S_title .spanStrong { font-size: 28px; color: #008B8B; }
.result_S_title strong { font-size: 28px; color: #008B8B; font-weight: normal; }
.result_T_title .spanStrong { font-size: 28px; color: #0077BB; }
.result_T_title strong { font-size: 28px; color: #0077BB; font-weight: normal; }


.result_S_nav, .result_T_nav {
	width: 250px;
	margin: auto;
	margin-top: 30px;
}

.result_S_nav ul, .result_T_nav ul {
	list-style-type: none;
	width: 100%;
}

.result_S_nav li a, .result_T_nav li a {
	display: block;
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	background-color: #EEEEEE;
	border-top: #F6F6F6 solid 1px;
	border-left: #F6F6F6 solid 1px;
	border-bottom: #DDDDDD solid 2px;
	border-right: #DDDDDD solid 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.result_S_nav li a { color: #008B8B; }
.result_T_nav li a { color: #0077BB; }

.result_S_nav li a:hover, .result_T_nav li a:hover {
	background-color: #E0E0E0;
	border-top: #E0E0E0 solid 1px;
	border-left: #E0E0E0 solid 1px;
	border-bottom: #E0E0E0 solid 2px;
	border-right: #E0E0E0 solid 2px;
}


.result_responseCount { margin-top: 20px; font-size: 16px; text-align: right; width: 100%; }
.result_responseCount .spanNumber { font-size: 21px; }



.num { font-size: 10px; }
.rate4 { font-size: 11px; }

.icon { width: 100%; }
.icon img { width: 100%; height: auto; }



#T_float {
	position: fixed;
	z-index: 900;
	top: 200px;
	margin-left: -120px;
	width: 150px;
}
#T_float img { width: 100%; height: auto; }



#S_q00, #S_q01, #S_q02, #S_q03, #S_q04, #S_q05,
#T_q00, #T_q01, #T_q02, #T_q03, #T_q04, #T_q05 { font-size: 12px; margin: auto; }
#S_q01, #S_q02, #S_q03, #S_q04, #S_q05,
#T_q01, #T_q02, #T_q03, #T_q04, #T_q05 { display: none; }








/* (students) 0 - level of study */



#S_q00 { width: 400px; height: 360px; margin-top: 40px; }
#S_q00_res_text,
#S_q00_doc_text,
#S_q00_tgp_text,
#S_q00_ugd_text,
#S_q00_ade_text,
#S_q00_exs_text {
	position: absolute;
}
/*#S_q00 .cls-1{fill:#888888;}*/
#S_q00 .cls-1{fill:#f4816c;} /* Research Degree */
#S_q00 .cls-2{fill:#ffd018;} /* Taught Postgraduate */
#S_q00 .cls-3{fill:#9985c2;} /* Exchange and Visiting Studies */
#S_q00 .cls-4{fill:#009ad0;} /* Associate Degree in the College of Engineering (CENG) */
#S_q00 .cls-5{fill:#e4509c;} /* Professional Doctorate */
#S_q00 .cls-6{fill:#77bc71;} /* Undergraduate */

#S_q00-mobile-res, #S_q00-mobile-doc, #S_q00-mobile-tgp,
#S_q00-mobile-ugd, #S_q00-mobile-ade, #S_q00-mobile-exs { display: none; }

#S_q00-desktop-res { z-index: 21; }
#S_q00-mobile-res { z-index: 22; }
#S_q00-desktop-doc { z-index: 23; }
#S_q00-mobile-doc { z-index: 24; }
#S_q00-desktop-tgp { z-index: 25; }
#S_q00-mobile-tgp { z-index: 26; }
#S_q00-desktop-ugd { z-index: 27; }
#S_q00-mobile-ugd { z-index: 28; }
#S_q00-desktop-ade { z-index: 29; }
#S_q00-mobile-ade { z-index: 30; }
#S_q00-desktop-exs { z-index: 31; }
#S_q00-mobile-exs { z-index: 32; }

#S_q00-desktop-res:hover, #S_q00-desktop-doc:hover,
#S_q00-desktop-tgp:hover, #S_q00-desktop-ugd:hover,
#S_q00-desktop-ade:hover, #S_q00-desktop-exs:hover,
#S_q00-mobile-res:hover, #S_q00-mobile-doc:hover,
#S_q00-mobile-tgp:hover, #S_q00-mobile-ugd:hover,
#S_q00-mobile-ade:hover, #S_q00-mobile-exs:hover {
	transition-duration: 500ms;
}

#S_q00-desktop-res:hover {transform: translate(-10px,0px); }
#S_q00-desktop-doc:hover {transform: translate(8px,0px); }
#S_q00-desktop-tgp:hover {transform: translate(2px,2px); }
#S_q00-desktop-ugd:hover {transform: translate(-10px,0px); }
#S_q00-desktop-ade:hover {transform: translate(0px,10px); }
#S_q00-desktop-exs:hover {transform: translate(0px,10px); }

/*#S_q00_res_text { z-index: 42; margin-left: 60px; margin-top: -35px; color: #666666; }*/
#S_q00_res_text { z-index: 42; margin-left: 60px; margin-top: -35px; color: #AA3300; }
#S_q00_doc_text { z-index: 44; margin-left: 220px; margin-top: -4px; color: #AA1144; }
#S_q00_tgp_text { z-index: 46; margin-left: 220px; margin-top: 68px; color: #996600; }
#S_q00_ugd_text { z-index: 48; margin-left: 220px; margin-top: 180px; color: #226622; }
#S_q00_ade_text { z-index: 50; margin-left: 12px; margin-top: 318px; color: #0066AA; }
#S_q00_exs_text { z-index: 52; margin-left: 220px; margin-top: 280px; color: #442277; }


#S_q00-desktop_res_border,
#S_q00-desktop_doc_border-top, #S_q00-desktop_doc_border-bot,
#S_q00-desktop_tgp_border-top, #S_q00-desktop_tgp_border-bot,
#S_q00-desktop_ugd_border,
#S_q00-desktop_ade_border-top, #S_q00-desktop_ade_border-bot,
#S_q00-desktop_exs_border-top, #S_q00-desktop_exs_border-bot,
#S_q00-mobile_res_border, #S_q00-mobile_doc_border,
#S_q00-mobile_tgp_border, #S_q00-mobile_ugd_border,
#S_q00-mobile_ade_border, #S_q00-mobile_exs_border {
	position: absolute; background-color: #FFFFFF; border: solid 2px #999999;
}
#S_q00-desktop_res_border { z-index: 1; margin-left: 0px; margin-top: -35px; width: 167px; height: 47px; border: solid 2px #f4816c; border-left: none; border-top: none; }
#S_q00-desktop_doc_border-top { z-index: 1; margin-left: 170px; margin-top: -1px; width: 201px; height: 13px; border: solid 2px #e4509c; border-top: none; border-right: none; border-left: none;}
#S_q00-desktop_doc_border-bot { z-index: 2; margin-left: 196px; margin-top: 12px; width: 173px; height: 15px; border: solid 2px #e4509c; border-top: none; border-right: none; }
#S_q00-desktop_tgp_border-top { z-index: 1; margin-left: 5px; margin-top: 15px; width: 360px; height: 84px; border: solid 2px #ccaa00; border-top: none; border-right: none; }
#S_q00-desktop_tgp_border-bot { z-index: 2; margin-left: 37px; margin-top: 99px; width: 331px; height: 15px; border: solid 2px #ccaa00; border-top: none; border-right: none; }
#S_q00-desktop_ade_border-top { z-index: 2; margin-left: 125px; margin-top: 289px; width: 69px; height: 25px; border: solid 2px #009ad0; border-bottom: none; border-right: none;}
#S_q00-desktop_ade_border-bot { z-index: 1; margin-left: 2px; margin-top: 314px; width: 140px; height: 40px; border: solid 2px #009ad0; border-bottom: none; border-right: none;}
#S_q00-desktop_exs_border-top { z-index: 2; margin-left: 212px; margin-top: 276px; width: 190px; height: 13px; border: solid 2px #9985c2; border-bottom: none; border-right: none; }
#S_q00-desktop_exs_border-bot { z-index: 1; margin-left: 197px; margin-top: 289px; width: 200px; height: 16px; border: solid 2px #9985c2; border-bottom: none; border-right: none; }










/* (teachers) 0 - colleges and schools */

#T_q00 { width: 400px; height: 300px; margin-top: 40px; }
#T_q00_class_fig,
#T_q00_slw_fig,
#T_q00_ceng_fig,
#T_q00_csci_fig,
#T_q00_cvmls_fig,
#T_q00_cb_fig,
#T_q00_scm_fig,
#T_q00_scope_fig,
#T_q00_see_fig { position: absolute; margin-left: 180px; color: #666666; font-size: 11px; text-align: left; }
#T_q00_class_text,
#T_q00_slw_text,
#T_q00_ceng_text,
#T_q00_csci_text,
#T_q00_cvmls_text,
#T_q00_cb_text,
#T_q00_scm_text,
#T_q00_scope_text,
#T_q00_see_text { position: absolute; width: 170px; height: 30px; margin-left: 0; color: #333333; font-size: 11px; text-align: right; }
#T_q00 .cls-1{fill:#444444; /*fill:#0374b5;*/} /* count: 11 */
#T_q00 .cls-2{fill:#888888; /*fill:#68acd3;*/} /* count: 2 */
#T_q00 .cls-3{fill:#555555; /*fill:#1c82bc;*/} /* count: 9 */
#T_q00 .cls-4{fill:#666666; /*fill:#3590c4;*/} /* count: 7 */
#T_q00 .cls-5{fill:#999999; /*fill:#81b9da;*/} /* count: 1 */
#T_q00 .cls-6{fill:#777777; /*fill:#4f9ecb;*/} /* count: 3 */


#T_q00-chart-desktop { margin-left: 180px; }

#T_q00-mobile-class, #T_q00-mobile-slw, #T_q00-mobile-ceng, #T_q00-mobile-csci, #T_q00-mobile-cvmls,
#T_q00-mobile-cb, #T_q00-mobile-scm, #T_q00-mobile-scope, #T_q00-mobile-see { display: none; }

#T_q00-desktop-class { z-index: 21; }
#T_q00-mobile-class { z-index: 22; }
#T_q00-desktop-slw { z-index: 23; }
#T_q00-mobile-slw { z-index: 24; }
#T_q00-desktop-ceng { z-index: 25; }
#T_q00-mobile-ceng { z-index: 26; }
#T_q00-desktop-csci { z-index: 27; }
#T_q00-mobile-csci { z-index: 28; }
#T_q00-desktop-cvmls { z-index: 29; }
#T_q00-mobile-cvmls { z-index: 30; }
#T_q00-desktop-cb { z-index: 31; }
#T_q00-mobile-cb { z-index: 32; }
#T_q00-desktop-scm { z-index: 33; }
#T_q00-mobile-scm { z-index: 34; }
#T_q00-desktop-scope { z-index: 35; }
#T_q00-mobile-scope { z-index: 36; }
#T_q00-desktop-see { z-index: 37; }
#T_q00-mobile-see { z-index: 38; }

.T_q00-label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 170px;
}

#T_q00_class_fig { z-index: 41; margin-top: -15px; }
#T_q00_class_text { z-index: 42; margin-top: -10px; }
#T_q00_slw_fig { z-index: 43; margin-top: 26px; }
#T_q00_slw_text { z-index: 44; margin-top: 31px; }
#T_q00_ceng_fig { z-index: 45; margin-top: 67px; }
#T_q00_ceng_text { z-index: 46; margin-top: 72px; }
#T_q00_csci_fig { z-index: 47; margin-top: 108px; }
#T_q00_csci_text { z-index: 48; margin-top: 113px; }
#T_q00_cvmls_fig { z-index: 49; margin-top: 149px; }
#T_q00_cvmls_text { z-index: 50; margin-top: 154px; }
#T_q00_cb_fig { z-index: 51; margin-top: 190px; }
#T_q00_cb_text { z-index: 52; margin-top: 195px; }
#T_q00_scm_fig { z-index: 53; margin-top: 231px; }
#T_q00_scm_text { z-index: 54; margin-top: 236px; }
#T_q00_scope_fig { z-index: 55; margin-top: 272px; }
#T_q00_scope_text { z-index: 56; margin-top: 277px; }
#T_q00_see_fig { z-index: 57; margin-top: 313px; }
#T_q00_see_text { z-index: 58; margin-top: 318px; }




/* (students &amp; teachers) 1 - experience with Canvas */


#S_q01, #T_q01 { width: 620px; height: 600px; }

#S_q01_title_below, #T_q01_title_below { width: 100%; height: 60px; }

#S_q01_ol_r0, #S_q01_ol_r0_text, #S_q01_ol_total, #S_q01_ol_noEXP,
#S_q01_ol_r5, #S_q01_ol_r5_text, #S_q01_ol_r5_fig,
#S_q01_ol_r4, #S_q01_ol_r4_text, #S_q01_ol_r4_fig,
#S_q01_ol_r3, #S_q01_ol_r3_text, #S_q01_ol_r3_fig,
#S_q01_ol_r2, #S_q01_ol_r2_text, #S_q01_ol_r2_fig,
#S_q01_ol_r1, #S_q01_ol_r1_text, #S_q01_ol_r1_fig,
#S_q01_oe_r0, #S_q01_oe_r0_text, #S_q01_oe_total, #S_q01_oe_noEXP,
#S_q01_oe_r5, #S_q01_oe_r5_text, #S_q01_oe_r5_fig,
#S_q01_oe_r4, #S_q01_oe_r4_text, #S_q01_oe_r4_fig,
#S_q01_oe_r3, #S_q01_oe_r3_text, #S_q01_oe_r3_fig,
#S_q01_oe_r2, #S_q01_oe_r2_text, #S_q01_oe_r2_fig,
#S_q01_oe_r1, #S_q01_oe_r1_text, #S_q01_oe_r1_fig,
#S_q01_sca_r0, #S_q01_sca_r1, #S_q01_sca_r2,
#S_q01_sca_r3, #S_q01_sca_r4, #S_q01_sca_r5,
#S_q01_sca_r0_text, #S_q01_sca_r1_text, #S_q01_sca_r2_text,
#S_q01_sca_r3_text, #S_q01_sca_r4_text, #S_q01_sca_r5_text,
#S_q01_ol_title, #S_q01_oe_title,
#S_q01_ol_icon, #S_q01_oe_icon,
#S_q01_ol_average, #S_q01_oe_average {
	position: absolute;
}

#T_q01_ol_r0, #T_q01_ol_r0_text, #T_q01_ol_total, #T_q01_ol_noEXP,
#T_q01_ol_r5, #T_q01_ol_r5_text, #T_q01_ol_r5_fig,
#T_q01_ol_r4, #T_q01_ol_r4_text, #T_q01_ol_r4_fig,
#T_q01_ol_r3, #T_q01_ol_r3_text, #T_q01_ol_r3_fig,
#T_q01_ol_r2, #T_q01_ol_r2_text, #T_q01_ol_r2_fig,
#T_q01_ol_r1, #T_q01_ol_r1_text, #T_q01_ol_r1_fig,
#T_q01_ag_r0, #T_q01_ag_r0_text, #T_q01_ag_total, #T_q01_ag_noEXP,
#T_q01_ag_r5, #T_q01_ag_r5_text, #T_q01_ag_r5_fig,
#T_q01_ag_r4, #T_q01_ag_r4_text, #T_q01_ag_r4_fig,
#T_q01_ag_r3, #T_q01_ag_r3_text, #T_q01_ag_r3_fig,
#T_q01_ag_r2, #T_q01_ag_r2_text, #T_q01_ag_r2_fig,
#T_q01_ag_r1, #T_q01_ag_r1_text, #T_q01_ag_r1_fig,
#T_q01_oe_r0, #T_q01_oe_r0_text, #T_q01_oe_total, #T_q01_oe_noEXP,
#T_q01_oe_r5, #T_q01_oe_r5_text, #T_q01_oe_r5_fig,
#T_q01_oe_r4, #T_q01_oe_r4_text, #T_q01_oe_r4_fig,
#T_q01_oe_r3, #T_q01_oe_r3_text, #T_q01_oe_r3_fig,
#T_q01_oe_r2, #T_q01_oe_r2_text, #T_q01_oe_r2_fig,
#T_q01_oe_r1, #T_q01_oe_r1_text, #T_q01_oe_r1_fig,
#T_q01_sca_r0, #T_q01_sca_r1, #T_q01_sca_r2,
#T_q01_sca_r3, #T_q01_sca_r4, #T_q01_sca_r5,
#T_q01_sca_r0_text, #T_q01_sca_r1_text, #T_q01_sca_r2_text,
#T_q01_sca_r3_text, #T_q01_sca_r4_text, #T_q01_sca_r5_text,
#T_q01_ol_title, #T_q01_ag_title, #T_q01_oe_title,
#T_q01_ol_icon, #T_q01_ag_icon, #T_q01_oe_icon,
#T_q01_ol_average, #T_q01_ag_average, #T_q01_oe_average {
	position: absolute;
}

#S_q01_ol_r0, #S_q01_ol_r5, #S_q01_ol_r4, #S_q01_ol_r3, #S_q01_ol_r2, #S_q01_ol_r1,
#S_q01_oe_r0, #S_q01_oe_r5, #S_q01_oe_r4, #S_q01_oe_r3, #S_q01_oe_r2, #S_q01_oe_r1,
#S_q01_ol_r5_fig, #S_q01_ol_r4_fig, #S_q01_ol_r3_fig, #S_q01_ol_r2_fig, #S_q01_ol_r1_fig,
#S_q01_oe_r5_fig, #S_q01_oe_r4_fig, #S_q01_oe_r3_fig, #S_q01_oe_r2_fig, #S_q01_oe_r1_fig {
	width: 100px;
}

#T_q01_ol_r0, #T_q01_ol_r5, #T_q01_ol_r4, #T_q01_ol_r3, #T_q01_ol_r2, #T_q01_ol_r1,
#T_q01_ag_r0, #T_q01_ag_r5, #T_q01_ag_r4, #T_q01_ag_r3, #T_q01_ag_r2, #T_q01_ag_r1,
#T_q01_oe_r0, #T_q01_oe_r5, #T_q01_oe_r4, #T_q01_oe_r3, #T_q01_oe_r2, #T_q01_oe_r1,
#T_q01_ol_r5_fig, #T_q01_ol_r4_fig, #T_q01_ol_r3_fig, #T_q01_ol_r2_fig, #T_q01_ol_r1_fig,
#T_q01_ag_r5_fig, #T_q01_ag_r4_fig, #T_q01_ag_r3_fig, #T_q01_ag_r2_fig, #T_q01_ag_r1_fig,
#T_q01_oe_r5_fig, #T_q01_oe_r4_fig, #T_q01_oe_r3_fig, #T_q01_oe_r2_fig, #T_q01_oe_r1_fig {
	width: 100px;
}

#S_q01_ol_r5_fig, #S_q01_ol_r4_fig, #S_q01_ol_r3_fig, #S_q01_ol_r2_fig, #S_q01_ol_r1_fig,
#S_q01_oe_r5_fig, #S_q01_oe_r4_fig, #S_q01_oe_r3_fig, #S_q01_oe_r2_fig, #S_q01_oe_r1_fig {
	text-align: center;
}
#S_q01_ol_total, #S_q01_oe_total {
	font-size: 14px;
	color: #666666;
	border-bottom: solid 1px #999999;
	width: 140px;
}
#S_q01_ol_noEXP, #S_q01_oe_noEXP {
	font-size: 12px;
	color: #999999;
	border-bottom: solid 1px #999999;
	width: 140px;
}

#T_q01_ol_r5_fig, #T_q01_ol_r4_fig, #T_q01_ol_r3_fig, #T_q01_ol_r2_fig, #T_q01_ol_r1_fig,
#T_q01_ag_r5_fig, #T_q01_ag_r4_fig, #T_q01_ag_r3_fig, #T_q01_ag_r2_fig, #T_q01_ag_r1_fig,
#T_q01_oe_r5_fig, #T_q01_oe_r4_fig, #T_q01_oe_r3_fig, #T_q01_oe_r2_fig, #T_q01_oe_r1_fig {
	text-align: center;
}
#T_q01_ol_total, #T_q01_ag_total, #T_q01_oe_total {
	font-size: 14px;
	color: #666666;
	/*border-bottom: solid 1px #999999;*/
	width: 140px;
}
#T_q01_ol_noEXP, #T_q01_ag_noEXP, #T_q01_oe_noEXP {
	font-size: 12px;
	color: #999999;
	/*border-bottom: solid 1px #999999;*/
	width: 100px;
}

#S_q01_ol_title, #S_q01_oe_title { margin-top: 420px; width: 140px; font-size: 21px; text-align: center; }
#S_q01_ol_title { margin-left: 120px; }
#S_q01_oe_title { margin-left: 380px; }

#T_q01_ol_title, #T_q01_ag_title, #T_q01_oe_title { margin-top: 420px; width: 140px; font-size: 21px; text-align: center; }
#T_q01_ol_title { margin-left: 120px; }
#T_q01_ag_title { margin-left: 280px; }
#T_q01_oe_title { margin-left: 440px; }




#S_q01_ol_r0, #S_q01_oe_r0,
#T_q01_ol_r0, #T_q01_ag_r0, #T_q01_oe_r0 { background-color: #E9E9E9; }
#S_q01_ol_r5, #S_q01_oe_r5,
#T_q01_ol_r5, #T_q01_ag_r5, #T_q01_oe_r5 { background-color: #559955; }
/*#S_q01_ol_r5, #S_q01_oe_r5 { background-color: #77bc71; }*/
#S_q01_ol_r4, #S_q01_oe_r4,
#T_q01_ol_r4, #T_q01_ag_r4, #T_q01_oe_r4 { background-color: #d9e021; }
#S_q01_ol_r3, #S_q01_oe_r3,
#T_q01_ol_r3, #T_q01_ag_r3, #T_q01_oe_r3 { background-color: #ffd018; }
#S_q01_ol_r2, #S_q01_oe_r2,
#T_q01_ol_r2, #T_q01_ag_r2, #T_q01_oe_r2 { background-color: #f4816c; }
#S_q01_ol_r1, #S_q01_oe_r1,
#T_q01_ol_r1, #T_q01_ag_r1, #T_q01_oe_r1 { background-color: #e4509c; }
#S_q01_ol_r5_fig, #S_q01_oe_r5_fig,
#T_q01_ol_r5_fig, #T_q01_ag_r5_fig, #T_q01_oe_r5_fig { color: #FFFFFF; }
#S_q01_ol_r4_fig, #S_q01_oe_r4_fig,
#T_q01_ol_r4_fig, #T_q01_ag_r4_fig, #T_q01_oe_r4_fig { color: #334455; }
#S_q01_ol_r3_fig, #S_q01_oe_r3_fig,
#T_q01_ol_r3_fig, #T_q01_ag_r3_fig, #T_q01_oe_r3_fig { color: #994400; }
#S_q01_ol_r2_fig, #S_q01_oe_r2_fig,
#T_q01_ol_r2_fig, #T_q01_ag_r2_fig, #T_q01_oe_r2_fig { color: #FFFFFF; }
#S_q01_ol_r1_fig, #S_q01_oe_r1_fig,
#T_q01_ol_r1_fig, #T_q01_ag_r1_fig, #T_q01_oe_r1_fig { color: #FFFFFF; }


#S_q01_ol_r0, #S_q01_ol_r1, #S_q01_ol_r2,
#S_q01_ol_r3, #S_q01_ol_r4, #S_q01_ol_r5,
#S_q01_ol_r5_fig, #S_q01_ol_r4_fig, #S_q01_ol_r3_fig, #S_q01_ol_r2_fig, #S_q01_ol_r1_fig,
#S_q01_ol_average { margin-left: 140px; }
#S_q01_ol_r0 { z-index: 100; margin-top: 0; height: 2px; background-color: #E9E9E9;}
#S_q01_ol_r5 { z-index: 101; margin-top: 4px; height: 90px; }
#S_q01_ol_r4 { z-index: 102; margin-top: 96px; height: 138px; }
#S_q01_ol_r3 { z-index: 103; margin-top: 236px; height: 36px; }
#S_q01_ol_r2 { z-index: 104; margin-top: 274px; height: 18px; }
#S_q01_ol_r1 { z-index: 105; margin-top: 294px; height: 10px; }
#S_q01_ol_total { z-index: 150; margin-top: -15px; margin-left: 100px; text-align: left; }
#S_q01_ol_noEXP { z-index: 150; margin-top: -15px; margin-left: 100px; text-align: left; }
#S_q01_ol_r5_fig { z-index: 151; }
#S_q01_ol_r4_fig { z-index: 152; }
#S_q01_ol_r3_fig { z-index: 153; }
#S_q01_ol_r2_fig { z-index: 154; }
#S_q01_ol_r1_fig { z-index: 155; }
#S_q01_ol_title { z-index: 156; }


#T_q01_ol_r0, #T_q01_ol_r1, #T_q01_ol_r2,
#T_q01_ol_r3, #T_q01_ol_r4, #T_q01_ol_r5,
#T_q01_ol_r5_fig, #T_q01_ol_r4_fig, #T_q01_ol_r3_fig, #T_q01_ol_r2_fig, #T_q01_ol_r1_fig,
#T_q01_ol_average { margin-left: 140px; }
#T_q01_ol_r0 { z-index: 100; margin-top: 0; height: 14px; background-color: #E9E9E9;}
#T_q01_ol_r5 { z-index: 101; margin-top: 16px; height: 70px; }
#T_q01_ol_r4 { z-index: 102; margin-top: 88px; height: 133px; }
#T_q01_ol_r3 { z-index: 103; margin-top: 223px; height: 42px; }
#T_q01_ol_r2 { z-index: 104; margin-top: 267px; height: 14px; }
#T_q01_ol_r1 { z-index: 105; margin-top: 283px; height: 7px; }
#T_q01_ol_noEXP { z-index: 150; margin-top: -2px; margin-left: 140px; text-align: center; }
#T_q01_ol_r5_fig { z-index: 151; }
#T_q01_ol_r4_fig { z-index: 152; }
#T_q01_ol_r3_fig { z-index: 153; }
#T_q01_ol_r2_fig { z-index: 154; }
#T_q01_ol_r1_fig { z-index: 155; }
#T_q01_ol_title { z-index: 156; }


#T_q01_ag_r0, #T_q01_ag_r1, #T_q01_ag_r2,
#T_q01_ag_r3, #T_q01_ag_r4, #T_q01_ag_r5,
#T_q01_ag_r5_fig, #T_q01_ag_r4_fig, #T_q01_ag_r3_fig, #T_q01_ag_r2_fig, #T_q01_ag_r1_fig,
#T_q01_ag_average { margin-left: 300px; }
#T_q01_ag_r0 { z-index: 100; margin-top: 0; height: 35px; background-color: #E9E9E9;}
#T_q01_ag_r5 { z-index: 101; margin-top: 37px; height: 56px; }
#T_q01_ag_r4 { z-index: 102; margin-top: 95px; height: 105px; }
#T_q01_ag_r3 { z-index: 103; margin-top: 202px; height: 63px; }
#T_q01_ag_r2 { z-index: 104; margin-top: 267px; height: 14px; }
#T_q01_ag_r1 { z-index: 105; margin-top: 283px; height: 7px; }
#T_q01_ag_noEXP { z-index: 150; margin-top: 10px; margin-left: 300px; text-align: center; }
#T_q01_ag_r5_fig { z-index: 151; }
#T_q01_ag_r4_fig { z-index: 152; }
#T_q01_ag_r3_fig { z-index: 153; }
#T_q01_ag_r2_fig { z-index: 154; }
#T_q01_ag_r1_fig { z-index: 155; }
#T_q01_ag_title { z-index: 156; }


#S_q01_oe_r0, #S_q01_oe_r1, #S_q01_oe_r2,
#S_q01_oe_r3, #S_q01_oe_r4, #S_q01_oe_r5,
#S_q01_oe_r5_fig, #S_q01_oe_r4_fig, #S_q01_oe_r3_fig, #S_q01_oe_r2_fig, #S_q01_oe_r1_fig,
#S_q01_oe_average { margin-left: 400px; }
#S_q01_oe_r0 { z-index: 110; margin-top: 0; height: 26px; }
#S_q01_oe_r5 { z-index: 111; margin-top: 28px; height: 57px; }
#S_q01_oe_r4 { z-index: 112; margin-top: 87px; height: 101px; }
#S_q01_oe_r3 { z-index: 113; margin-top: 190px; height: 68px; }
#S_q01_oe_r2 { z-index: 114; margin-top: 260px; height: 28px; }
#S_q01_oe_r1 { z-index: 115; margin-top: 290px; height: 14px; }
#S_q01_oe_total { z-index: 160; margin-top: 9px; margin-left: 400px; text-align: right; }
#S_q01_oe_noEXP { z-index: 160; margin-top: 9px; margin-left: 400px; text-align: right; }
#S_q01_oe_r5_fig { z-index: 161; }
#S_q01_oe_r4_fig { z-index: 162; }
#S_q01_oe_r3_fig { z-index: 163; }
#S_q01_oe_r2_fig { z-index: 164; }
#S_q01_oe_r1_fig { z-index: 165; }
#S_q01_oe_title { z-index: 166; }


#T_q01_oe_r0, #T_q01_oe_r1, #T_q01_oe_r2,
#T_q01_oe_r3, #T_q01_oe_r4, #T_q01_oe_r5,
#T_q01_oe_r5_fig, #T_q01_oe_r4_fig, #T_q01_oe_r3_fig, #T_q01_oe_r2_fig, #T_q01_oe_r1_fig,
#T_q01_oe_average { margin-left: 460px; }
#T_q01_oe_r0 { z-index: 110; margin-top: 0; height: 77px; }
#T_q01_oe_r5 { z-index: 111; margin-top: 79px; height: 28px; }
#T_q01_oe_r4 { z-index: 112; margin-top: 109px; height: 84px; }
#T_q01_oe_r3 { z-index: 113; margin-top: 195px; height: 63px; }
#T_q01_oe_r2 { z-index: 114; margin-top: 260px; height: 21px; }
#T_q01_oe_r1 { z-index: 115; margin-top: 283px; height: 7px; }
#T_q01_oe_noEXP { z-index: 160; margin-top: 36px; margin-left: 460px; text-align: center; }
#T_q01_oe_r5_fig { z-index: 161; }
#T_q01_oe_r4_fig { z-index: 162; }
#T_q01_oe_r3_fig { z-index: 163; }
#T_q01_oe_r2_fig { z-index: 164; }
#T_q01_oe_r1_fig { z-index: 165; }
#T_q01_oe_title { z-index: 166; }



#S_q01_sca_r0, #S_q01_sca_r1, #S_q01_sca_r2,
#S_q01_sca_r3, #S_q01_sca_r4, #S_q01_sca_r5,
#S_q01_sca_r0_text, #S_q01_sca_r1_text, #S_q01_sca_r2_text,
#S_q01_sca_r3_text, #S_q01_sca_r4_text, #S_q01_sca_r5_text { margin-left: 240px; width: 160px; }
#S_q01_sca_r0_text, #S_q01_sca_r1_text, #S_q01_sca_r2_text,
#S_q01_sca_r3_text, #S_q01_sca_r4_text, #S_q01_sca_r5_text { text-align: center; font-size: 14px; }
#S_q01_sca_r0_text { z-index: 140; color: #AAAAAA; margin-top: -10px; }
#S_q01_sca_r5_text { z-index: 141; color: #559955; margin-top: 40px; }
#S_q01_sca_r4_text { z-index: 142; color: #99BB00; margin-top: 140px; }
#S_q01_sca_r3_text { z-index: 143; color: #BB8833; margin-top: 235px; }
#S_q01_sca_r2_text { z-index: 144; color: #f4816c; margin-top: 272px; }
#S_q01_sca_r1_text { z-index: 145; color: #e4509c; margin-top: 295px; }
#S_q01_sca_r0 { z-index: 130; margin-top: 0; border-top: solid 1px #AAAAAA; }
#S_q01_sca_r5 { z-index: 131; margin-top: 17px; border-top: solid 1px #559955; transform:rotate(8.6deg); width: 164px; margin-left: 239px; }
#S_q01_sca_r4 { z-index: 132; margin-top: 92px; border-top: solid 1px #99BB00; transform:rotate(-2.9deg); }
#S_q01_sca_r3 { z-index: 133; margin-top: 213px; border-top: solid 1px #BB8833; transform:rotate(-16deg); width: 168px; margin-left: 237px; }
#S_q01_sca_r2 { z-index: 134; margin-top: 267px; border-top: solid 1px #f4816c; transform:rotate(-5deg); }
#S_q01_sca_r1 { z-index: 135; margin-top: 292px; border-top: solid 1px #e4509c; transform:rotate(-1.5deg); }


#S_q01_ol_r5_fig { margin-top: 40px; }
#S_q01_ol_r4_fig { margin-top: 160px; }
#S_q01_ol_r3_fig { margin-top: 245px; }
#S_q01_ol_r2_fig { margin-top: 274px; }
#S_q01_ol_r1_fig { margin-top: 291px; }
#S_q01_oe_r5_fig { margin-top: 50px; }
#S_q01_oe_r4_fig { margin-top: 132px; }
#S_q01_oe_r3_fig { margin-top: 218px; }
#S_q01_oe_r2_fig { margin-top: 265px; }
#S_q01_oe_r1_fig { margin-top: 289px; }


#T_q01_sca1_r1, #T_q01_sca1_r2, #T_q01_sca1_r3, #T_q01_sca1_r4, #T_q01_sca1_r5,
#T_q01_sca2_r1, #T_q01_sca2_r2, #T_q01_sca2_r3, #T_q01_sca2_r4, #T_q01_sca2_r5 {
	position: absolute; width: 60px;
}
#T_q01_sca1_r1, #T_q01_sca1_r2, #T_q01_sca1_r3, #T_q01_sca1_r4, #T_q01_sca1_r5 { margin-left: 240px; }
#T_q01_sca1_r5 { z-index: 131; margin-top: 27px; border-top: solid 1px #559955; transform:rotate(19deg); width: 68px; margin-left: 236px; }
#T_q01_sca1_r4 { z-index: 132; margin-top: 92px; border-top: solid 1px #99BB00; transform:rotate(5deg); }
#T_q01_sca1_r3 { z-index: 133; margin-top: 214px; border-top: solid 1px #BB8833; transform:rotate(-19deg); width: 68px; margin-left: 236px; }
#T_q01_sca1_r2 { z-index: 134; margin-top: 267px; border-top: solid 1px #f4816c; }
#T_q01_sca1_r1 { z-index: 135; margin-top: 283px; border-top: solid 1px #e4509c; }
#T_q01_sca2_r1, #T_q01_sca2_r2, #T_q01_sca2_r3, #T_q01_sca2_r4, #T_q01_sca2_r5 { margin-left: 400px; }
#T_q01_sca2_r5 { z-index: 131; margin-top: 58px; border-top: solid 1px #559955; transform:rotate(35deg); width: 76px; margin-left: 392px; }
#T_q01_sca2_r4 { z-index: 132; margin-top: 102px; border-top: solid 1px #99BB00; transform:rotate(15deg); width: 64px; margin-left: 398px; }
#T_q01_sca2_r3 { z-index: 133; margin-top: 200px; border-top: solid 1px #BB8833; transform:rotate(-6deg); }
#T_q01_sca2_r2 { z-index: 134; margin-top: 264px; border-top: solid 1px #f4816c; transform:rotate(-6deg); }
#T_q01_sca2_r1 { z-index: 135; margin-top: 283px; border-top: solid 1px #e4509c; }


#T_q01_sca_r0, #T_q01_sca_r1, #T_q01_sca_r2,
#T_q01_sca_r3, #T_q01_sca_r4, #T_q01_sca_r5,
#T_q01_sca_r0_text, #T_q01_sca_r1_text, #T_q01_sca_r2_text,
#T_q01_sca_r3_text, #T_q01_sca_r4_text, #T_q01_sca_r5_text { margin-left: 20px; width: 120px; }
#T_q01_sca_r0_text, #T_q01_sca_r1_text, #T_q01_sca_r2_text,
#T_q01_sca_r3_text, #T_q01_sca_r4_text, #T_q01_sca_r5_text { text-align: center; font-size: 14px; }
#T_q01_sca_r0_text { z-index: 140; color: #AAAAAA; margin-top: -10px; }
#T_q01_sca_r5_text { z-index: 141; color: #559955; margin-top: 30px; }
#T_q01_sca_r4_text { z-index: 142; color: #99BB00; margin-top: 148px; }
#T_q01_sca_r3_text { z-index: 143; color: #BB8833; margin-top: 238px; }
#T_q01_sca_r2_text { z-index: 144; color: #f4816c; margin-top: 267px; }
#T_q01_sca_r1_text { z-index: 145; color: #e4509c; margin-top: 285px; }
#T_q01_sca_r0 { z-index: 130; margin-top: 0; border-top: solid 1px #AAAAAA; }
#T_q01_sca_r5 { z-index: 131; margin-top: 16px; border-top: solid 1px #559955; }
#T_q01_sca_r4 { z-index: 132; margin-top: 88px; border-top: solid 1px #99BB00; }
#T_q01_sca_r3 { z-index: 133; margin-top: 223px; border-top: solid 1px #BB8833; }
#T_q01_sca_r2 { z-index: 134; margin-top: 267px; border-top: solid 1px #f4816c; }
#T_q01_sca_r1 { z-index: 135; margin-top: 283px; border-top: solid 1px #e4509c; }


#T_q01_ol_r5_fig { margin-top: 40px; }
#T_q01_ol_r4_fig { margin-top: 150px; }
#T_q01_ol_r3_fig { margin-top: 238px; }
#T_q01_ol_r2_fig { margin-top: 266px; }
#T_q01_ol_r1_fig { margin-top: 288px; color: #e4509c; }
#T_q01_ag_r5_fig { margin-top: 55px; }
#T_q01_ag_r4_fig { margin-top: 140px; }
#T_q01_ag_r3_fig { margin-top: 228px; }
#T_q01_ag_r2_fig { margin-top: 266px; }
#T_q01_ag_r1_fig { margin-top: 288px; color: #e4509c; }
#T_q01_oe_r5_fig { margin-top: 85px; }
#T_q01_oe_r4_fig { margin-top: 145px; }
#T_q01_oe_r3_fig { margin-top: 220px; }
#T_q01_oe_r2_fig { margin-top: 262px; }
#T_q01_oe_r1_fig { margin-top: 289px; color: #e4509c; }


#S_q01_ol_icon, #S_q01_oe_icon { width: 100px; margin-top: 320px; }
#S_q01_ol_icon img, #S_q01_oe_icon img { width: 100px; height: auto; }
#S_q01_ol_icon { z-index: 157; margin-left: 140px; }
#S_q01_oe_icon { z-index: 167; margin-left: 400px; }


#T_q01_ol_icon, #T_q01_ag_icon, #T_q01_oe_icon { width: 100px; margin-top: 320px; }
#T_q01_ol_icon img, #T_q01_ag_icon img, #T_q01_oe_icon img { width: 100px; height: auto; }
#T_q01_ol_icon { z-index: 157; margin-left: 140px; }
#T_q01_ag_icon { z-index: 177; margin-left: 300px; }
#T_q01_oe_icon { z-index: 167; margin-left: 460px; }

#S_q01_remark, #T_q01_remark { color: #999999; position: absolute; margin-top: 550px; }

#S_q01_ol_average, #S_q01_oe_average,
#T_q01_ol_average, #T_q01_ag_average, #T_q01_oe_average { margin-top: -50px; text-align: center; width: 100px; }
#S_q01_ol_average, #T_q01_ol_average { z-index: 191; }
#S_q01_oe_average, #T_q01_oe_average { z-index: 192; }
#T_q01_ag_average { z-index: 193; }




/* (students &amp; teachers) 2 - how access Canvas */

#S_q01_include_q02, #T_q01_include_q02 { width: 100%; height: 600px; position: absolute; margin-top: 620px; }



#S_q02, #T_q02 { width: 620px; height: 750px; }

#S_q02_title_below, #T_q02_title_below { width: 100%; height: 20px; }

#S_q02_border,
#S_q02_computer, #S_q02_mobile,
#S_q02_computer_mean, #S_q02_mobile_mean,
#S_q02_computer_name, #S_q02_mobile_name,
#S_q02_character_computers, #S_q02_vs, #S_q02_character_mobiledevices,
#T_q02_border,
#T_q02_computer, #T_q02_mobile,
#T_q02_computer_mean, #T_q02_mobile_mean,
#T_q02_computer_name, #T_q02_mobile_name,
#T_q02_character_computers, #T_q02_vs, #T_q02_character_mobiledevices,
#q02_axis_mobile, #q02_axisname_mobile,
#q02_mobile_m00, #q02_mobile_m01, #q02_mobile_m02, #q02_mobile_m03, #q02_mobile_m04, #q02_mobile_m05,
#q02_mobile_m06, #q02_mobile_m07, #q02_mobile_m08, #q02_mobile_m09, #q02_mobile_m10,
#q02_axis_computer, #q02_axisname_computer,
#q02_computer_m00, #q02_computer_m01, #q02_computer_m02, #q02_computer_m03, #q02_computer_m04, #q02_computer_m05,
#q02_computer_m06, #q02_computer_m07, #q02_computer_m08, #q02_computer_m09, #q02_computer_m10,
#S_q02_bar00, #S_q02_bar01, #S_q02_bar02, #S_q02_bar03, #S_q02_bar04,
#S_q02_bar05, #S_q02_bar06, #S_q02_bar07, #S_q02_bar08, #S_q02_bar09,
#T_q02_bar00, #T_q02_bar01, #T_q02_bar02, #T_q02_bar03, #T_q02_bar04,
#T_q02_bar05, #T_q02_bar06, #T_q02_bar07, #T_q02_bar08, #T_q02_bar09 { position: absolute; }
#S_q02_bar00 .fontSmaller, #T_q02_bar00 .fontSmaller { font-size: 9px; }

#S_q02_border, #T_q02_border {
	z-index: 203;
	margin-left: 5px;
	margin-top: -5px;
	width: 600px;
	height: 40px;
	border: solid 5px #CCCCCC;
	border-radius: 10px;
}

#S_q02_computer, #S_q02_mobile,
#T_q02_computer, #T_q02_mobile { margin-top: 0; height: 40px; }
#S_q02_computer_mean, #S_q02_mobile_mean,
#T_q02_computer_mean, #T_q02_mobile_mean { margin-top: 2px; color: #FFFFFF; font-size: 18px; font-weight: bold; width: 80px; }
#S_q02_computer_name, #S_q02_mobile_name,
#T_q02_computer_name, #T_q02_mobile_name { margin-top: 50px; color: #555555; font-size: 16px; font-weight: bold; width: 200px; }
#S_q02_character_computers, #S_q02_character_mobiledevices,
#T_q02_character_computers, #T_q02_character_mobiledevices { margin-top: 120px; width: 200px; }
#S_q02_character_computers img, #S_q02_character_mobiledevices img,
#T_q02_character_computers img, #T_q02_character_mobiledevices img { width: 100%; height: auto; }

#S_q02_computer {
	z-index: 201;
	margin-left: 10px;
	width: 471px;
	background-color: #bf165e;
	/*background-image: linear-gradient(#660000, #FF3366);*/
}
#S_q02_computer_mean {
	z-index: 211;
	margin-left: 391px;
	text-align: right;
}
#S_q02_computer_name {
	z-index: 221;
	margin-left: 10px;
	text-align: left;
}

#S_q02_mobile {
	z-index: 202;
	margin-left: 481px;
	width: 129px;
	background-color: #CC8822;
	/*background-image: linear-gradient(#AA4400, #FFCC33);*/
	border-left: solid 4px #333333;
}
#S_q02_mobile_mean {
	z-index: 212;
	margin-left: 491px;
	text-align: left;
}
#S_q02_mobile_name {
	z-index: 222;
	margin-left: 410px;
	text-align: right;
}
#S_q02_mobile_name .remark { font-size: 12px; }

#T_q02_computer {
	z-index: 201;
	margin-left: 10px;
	width: 570px;
	background-color: #bf165e;
}
#T_q02_computer_mean {
	z-index: 211;
	margin-left: 490px;
	text-align: right;
}
#T_q02_computer_name {
	z-index: 221;
	margin-left: 10px;
	text-align: left;
}

#T_q02_mobile {
	z-index: 202;
	margin-left: 580px;
	width: 30px;
	background-color: #CC8822;
	border-left: solid 4px #333333;
}
#T_q02_mobile_mean {
	z-index: 212;
	margin-left: 590px;
	text-align: left;
	color: #333333;
}
#T_q02_mobile_name {
	z-index: 222;
	margin-left: 410px;
	text-align: right;
}
#T_q02_mobile_name .remark { font-size: 12px; }

#S_q02_character_computers, #T_q02_character_computers {
	z-index: 231;
	margin-left: 30px;
}

#S_q02_character_mobiledevices, #T_q02_character_mobiledevices {
	z-index: 232;
	margin-left: 390px;
}

#S_q02_vs, #T_q02_vs {
	z-index: 241;
	margin-top: 170px;
	width: 120px;
	margin-left: 250px;
}
#S_q02_vs img, #T_q02_vs img { width: 100%; height: auto; }


#q02_axis_mobile {
	z-index: 250;
	margin-left: 10px;
	margin-top: 658px;
	width: 600px;
	height: 4px;
	background-color: #555555;
	/*background-image: linear-gradient(to right, #bf165e, #CC8822);*/
}
#q02_mobile_m00, #q02_mobile_m01, #q02_mobile_m02, #q02_mobile_m03, #q02_mobile_m04, #q02_mobile_m05,
#q02_mobile_m06, #q02_mobile_m07, #q02_mobile_m08, #q02_mobile_m09, #q02_mobile_m10 {
	z-index: 260;
	margin-top: 650px;
	width: 30px;
	height: 30px;
}

#q02_axis_computer {
	z-index: 251;
	margin-left: 10px;
	margin-top: 408px;
	width: 600px;
	height: 4px;
	background-color: #555555;
}
#q02_computer_m00, #q02_computer_m01, #q02_computer_m02, #q02_computer_m03, #q02_computer_m04, #q02_computer_m05,
#q02_computer_m06, #q02_computer_m07, #q02_computer_m08, #q02_computer_m09, #q02_computer_m10 {
	z-index: 261;
	margin-top: 400px;
	width: 30px;
	height: 30px;
}
.q02_mark, q02_label { position: absolute; }
.q02_mark { margin-top: 0; margin-left: 14px; width: 2px; height: 20px; background-color: #333333; }
.q02_label { margin-top: 24px; margin-left: 0; width: 100%; font-size: 12px; text-align: center; color: #555555; }
.q02_labelTop { margin-top: -18px; margin-left: 0; width: 100%; font-size: 12px; text-align: center; color: #555555; }
#q02_mobile_m00, #q02_computer_m10 { margin-left: -5px; }
#q02_mobile_m01, #q02_computer_m09 { margin-left: 55px; }
#q02_mobile_m02, #q02_computer_m08 { margin-left: 115px; }
#q02_mobile_m03, #q02_computer_m07 { margin-left: 175px; }
#q02_mobile_m04, #q02_computer_m06 { margin-left: 235px; }
#q02_mobile_m05, #q02_computer_m05 { margin-left: 295px; }
#q02_mobile_m06, #q02_computer_m04 { margin-left: 355px; }
#q02_mobile_m07, #q02_computer_m03 { margin-left: 415px; }
#q02_mobile_m08, #q02_computer_m02 { margin-left: 475px; }
#q02_mobile_m09, #q02_computer_m01 { margin-left: 535px; }
#q02_mobile_m10, #q02_computer_m00 { margin-left: 595px; }
#S_q02_bar00, #S_q02_bar01, #S_q02_bar02, #S_q02_bar03, #S_q02_bar04,
#S_q02_bar05, #S_q02_bar06, #S_q02_bar07, #S_q02_bar08, #S_q02_bar09 { width: 54px; background-color: #007ac0; /*background-color: #008B8B;*/ }
#S_q02_bar00 { z-index: 290; margin-left: 10px; margin-top: 432px; height: 62px; width: 60px; background: rgba(0, 0, 0, 0.4); }
#S_q02_bar01 { z-index: 281; margin-left: 10px; margin-top: 432px; height: 218px; width: 60px; /*background-color: #a3385d;*/ }
#S_q02_bar02 { z-index: 282; margin-left: 76px; margin-top: 482px; height: 168px; /*background-color: #a53e57;*/ }
#S_q02_bar03 { z-index: 283; margin-left: 136px; margin-top: 574px; height: 76px; /*background-color: #a74452;*/ }
#S_q02_bar04 { z-index: 284; margin-left: 196px; margin-top: 612px; height: 38px; /*background-color: #aa4d4c;*/ }
#S_q02_bar05 { z-index: 285; margin-left: 256px; margin-top: 598px; height: 52px; /*background-color: #ab5546;*/ }
#S_q02_bar06 { z-index: 286; margin-left: 316px; margin-top: 638px; height: 12px; /*background-color: #ae5f41;*/ }
#S_q02_bar07 { z-index: 287; margin-left: 376px; margin-top: 636px; height: 14px; /*background-color: #b0683a;*/ }
#S_q02_bar08 { z-index: 288; margin-left: 436px; margin-top: 644px; height: 6px; /*background-color: #b27035;*/ }
#S_q02_bar09 { z-index: 289; margin-left: 496px; margin-top: 646px; height: 4px; /*background-color: #b57b2f;*/ }
#T_q02_bar00, #T_q02_bar01, #T_q02_bar02, #T_q02_bar03, #T_q02_bar04,
#T_q02_bar05, #T_q02_bar06, #T_q02_bar07, #T_q02_bar08, #T_q02_bar09 { width: 54px; background-color: #007ac0; /*background-color: #008B8B;*/ }
#T_q02_bar00 { z-index: 290; margin-left: 10px; margin-top: 480px; height: 135px; width: 60px; background: rgba(0, 0, 0, 0.4); }
#T_q02_bar01 { z-index: 281; margin-left: 10px; margin-top: 480px; height: 170px; width: 60px; /*background-color: #a3385d;*/ }
#T_q02_bar02 { z-index: 282; margin-left: 76px; margin-top: 630px; height: 20px; /*background-color: #a53e57;*/ }
#T_q02_bar03 { z-index: 283; margin-left: 136px; margin-top: 640px; height: 10px; /*background-color: #a74452;*/ }
.q02_fig { position: absolute; margin-top: -15px; width: 100%; font-size: 12px; color: #555555; text-align: center; }
#S_q02_bar00 .q02_fig { margin-top: 10px; color: #FFFFFF; }
#T_q02_bar00 .q02_fig { margin-top: 50px; color: #FFFFFF; }
#q02_axisname_mobile {
	z-index: 271;
	margin-top: 700px;
	margin-left: 410px;
	width: 200px;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	text-align: right;
}
#q02_axisname_mobile .remark { font-size: 12px; }

#q02_axisname_computer {
	z-index: 272;
	margin-top: 350px;
	margin-left: 10px;
	width: 200px;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	text-align: left;
}






/* (students &amp; teachers) 3 - services in Canvas */


#S_q03, #T_q03 { width: 620px; min-height: 500px; }
#S_q03 .remark, #T_q03 .remark { font-size: 10px; }

#S_q03_title_below, #T_q03_title_below { width: 100%; height: 20px; }
#S_q03_builtin, #S_q03_thirdparty,
#T_q03_builtin, #T_q03_thirdparty { width: 310px; min-height: 400px; float: left; padding-bottom: 60px;}

#S_q03_builtin_chart_radar, #S_q03_thirdparty_chart_radar,
#S_q03_announcements, #S_q03_assignments, #S_q03_calendar, #S_q03_collaborations, #S_q03_discussions, #S_q03_files,
#S_q03_grades, #S_q03_groups, #S_q03_notifications, #S_q03_quizzes, #S_q03_syllabus,
#S_q03_badgr, #S_q03_lockdown_browser, #S_q03_panopto_lecture, #S_q03_panopto_assignments,
#S_q03_turnitin, #S_q03_ureply, #S_q03_zoom,
#T_q03_builtin_chart_radar, #T_q03_thirdparty_chart_radar,
#T_q03_announcements, #T_q03_assignments, #T_q03_calendar, #T_q03_collaborations, #T_q03_discussions, #T_q03_files,
#T_q03_grades, #T_q03_groups, #T_q03_notifications, #T_q03_quizzes, #T_q03_syllabus,
#T_q03_badgr, #T_q03_lockdown_browser, #T_q03_panopto_lecture, #T_q03_panopto_assignments,
#T_q03_turnitin, #T_q03_ureply, #T_q03_zoom { position: absolute; }





#S_q03 h2, #T_q03 h2 { font-size: 21px; font-family: "Bookman Old Style", Georgia, serif; color: #025D8C;}

#S_q03_builtin_chart_radar, #S_q03_thirdparty_chart_radar,
#T_q03_builtin_chart_radar, #T_q03_thirdparty_chart_radar { margin-top: 50px; width: 200px; }
#S_q03_builtin_chart_radar img, #S_q03_thirdparty_chart_radar img,
#T_q03_builtin_chart_radar img, #T_q03_thirdparty_chart_radar img { width: 100%; height: auto; }

#S_q03_builtin_chart_radar, #T_q03_builtin_chart_radar {
	z-index: 302;
	margin-left: 50px;
}

#S_q03_thirdparty_chart_radar, #T_q03_thirdparty_chart_radar {
	z-index: 402;
	margin-left: 50px;
}
/*
#S_q03_files, #S_q03_announcements, #S_q03_assignments,
#S_q03_calendar, #S_q03_collaborations, #S_q03_discussions,
#S_q03_groups, #S_q03_syllabus,
#S_q03_grades, #S_q03_notifications, #S_q03_quizzes,
#S_q03_badgr, #S_q03_lockdown_browser, #S_q03_panopto_lecture, #S_q03_panopto_assignments,
#S_q03_turnitin, #S_q03_ureply, #S_q03_zoom { color: #333333; }

#S_q03_files { width: 100px; font-size: 12px; font-weight: bold; }*/
#S_q03_announcements, #S_q03_assignments,
#S_q03_calendar, #S_q03_collaborations, #S_q03_discussions,
#S_q03_files, #S_q03_groups, #S_q03_syllabus,
#S_q03_grades, #S_q03_notifications, #S_q03_quizzes,
#S_q03_badgr, #S_q03_lockdown_browser, #S_q03_panopto_lecture, #S_q03_panopto_assignments,
#S_q03_turnitin, #S_q03_ureply, #S_q03_zoom,
#T_q03_announcements, #T_q03_assignments,
#T_q03_calendar, #T_q03_collaborations, #T_q03_discussions,
#T_q03_files, #T_q03_groups, #T_q03_syllabus,
#T_q03_grades, #T_q03_notifications, #T_q03_quizzes,
#T_q03_badgr, #T_q03_lockdown_browser, #T_q03_panopto_lecture, #T_q03_panopto_assignments,
#T_q03_turnitin, #T_q03_ureply, #T_q03_zoom { color: #333333; font-weight: bold; font-size: 11px; background-color: rgba(255,255,255,0.6); border: solid 2px #DDDDDD; padding: 2px;}

#S_q03_announcements, #S_q03_assignments,
#S_q03_files, #S_q03_grades,
#S_q03_notifications, #S_q03_quizzes,
#S_q03_zoom,
#T_q03_announcements, #T_q03_assignments,
#T_q03_calendar, #T_q03_files,
#T_q03_grades, #T_q03_groups,
#T_q03_notifications, #T_q03_syllabus,
#T_q03_turnitin, #T_q03_zoom { background-color: rgba(85,153,85,0.15); border: solid 2px #559955; }

#S_q03_calendar, #S_q03_collaborations, #S_q03_discussions,
#S_q03_groups, #S_q03_syllabus,
#S_q03_badgr, #S_q03_lockdown_browser, #S_q03_panopto_lecture, #S_q03_panopto_assignments,
#S_q03_turnitin, #S_q03_ureply,
#T_q03_collaborations, #T_q03_discussions,
#T_q03_quizzes,
#T_q03_lockdown_browser, #T_q03_panopto_lecture,
#T_q03_ureply { background-color: rgba(170,187,24,0.15); border: solid 2px #AABB00; }

#T_q03_badgr, #T_q03_panopto_assignments { background-color: rgba(255,208,0,0.15); border: solid 2px #ffd018; }

#S_q03_announcements { z-index: 311; margin-top: 25px; margin-left: 100px; text-align: center; width: 100px; }
#S_q03_assignments { z-index: 312; margin-top: 60px; margin-left: 210px; text-align: left; width: 80px; }
#S_q03_calendar { z-index: 313; margin-top: 105px; margin-left: 225px; text-align: left; width: 55px; }
#S_q03_collaborations { z-index: 314; margin-top: 150px; margin-left: 230px; text-align: left; width: 90px; }
#S_q03_discussions { z-index: 315; margin-top: 190px; margin-left: 220px; text-align: left; width: 75px; }
#S_q03_files { z-index: 316; margin-top: 230px; margin-left: 185px; text-align: left; width: 35px; }
#S_q03_grades { z-index: 317; margin-top: 230px; margin-left: 60px; text-align: right; width: 50px; }
#S_q03_groups { z-index: 318; margin-top: 190px; margin-left: 25px; text-align: right; width: 50px; }
#S_q03_notifications { z-index: 319; margin-top: 150px; margin-left: -30px; text-align: right; width: 80px; }
#S_q03_quizzes { z-index: 320; margin-top: 100px; margin-left: 5px; text-align: right; width: 50px; }
#S_q03_syllabus { z-index: 321; margin-top: 55px; margin-left: 30px; text-align: right; width: 60px; }

#S_q03_badgr { z-index: 411; margin-top: 45px; margin-left: 125px; text-align: center; width: 40px; }
#S_q03_lockdown_browser { z-index: 412; margin-top: 85px; margin-left: 210px; text-align: left; width: 65px; }
#S_q03_panopto_lecture { z-index: 413; margin-top: 140px; margin-left: 235px; text-align: left; width: 70px; }
#S_q03_panopto_assignments { z-index: 414; margin-top: 210px; margin-left: 190px; text-align: left; width: 80px; }
#S_q03_turnitin { z-index: 415; margin-top: 210px; margin-left: 45px; text-align: right; width: 50px; }
#S_q03_ureply { z-index: 416; margin-top: 160px; margin-left: 20px; text-align: right; width: 40px; }
#S_q03_zoom { z-index: 417; margin-top: 80px; margin-left: 25px; text-align: right; width: 40px; }

#T_q03_announcements { z-index: 311; margin-top: 15px; margin-left: 100px; text-align: center; width: 100px; }
#T_q03_assignments { z-index: 312; margin-top: 60px; margin-left: 210px; text-align: left; width: 80px; }
#T_q03_calendar { z-index: 313; margin-top: 105px; margin-left: 230px; text-align: left; width: 55px; }
#T_q03_collaborations { z-index: 314; margin-top: 150px; margin-left: 220px; text-align: left; width: 90px; }
#T_q03_discussions { z-index: 315; margin-top: 190px; margin-left: 218px; text-align: left; width: 75px; }
#T_q03_files { z-index: 316; margin-top: 230px; margin-left: 185px; text-align: left; width: 35px; }
#T_q03_grades { z-index: 317; margin-top: 230px; margin-left: 60px; text-align: right; width: 50px; }
#T_q03_groups { z-index: 318; margin-top: 190px; margin-left: 20px; text-align: right; width: 50px; }
#T_q03_notifications { z-index: 319; margin-top: 150px; margin-left: -32px; text-align: right; width: 80px; }
#T_q03_quizzes { z-index: 320; margin-top: 100px; margin-left: 15px; text-align: right; width: 50px; }
#T_q03_syllabus { z-index: 321; margin-top: 55px; margin-left: 25px; text-align: right; width: 60px; }

#T_q03_badgr { z-index: 411; margin-top: 65px; margin-left: 125px; text-align: center; width: 40px; }
#T_q03_lockdown_browser { z-index: 412; margin-top: 85px; margin-left: 210px; text-align: left; width: 65px; }
#T_q03_panopto_lecture { z-index: 413; margin-top: 140px; margin-left: 228px; text-align: left; width: 70px; }
#T_q03_panopto_assignments { z-index: 414; margin-top: 215px; margin-left: 160px; text-align: left; width: 80px; }
#T_q03_turnitin { z-index: 415; margin-top: 220px; margin-left: 45px; text-align: right; width: 50px; }
#T_q03_ureply { z-index: 416; margin-top: 160px; margin-left: 25px; text-align: right; width: 40px; }
#T_q03_zoom { z-index: 417; margin-top: 80px; margin-left: 22px; text-align: right; width: 40px; }


.S_q03_collapsible, .T_q03_collapsible,
.S_q04_collapsible, .T_q04_collapsible {
	width: 200px;
	height: 20px;
	background: url("../images/infographics/eLearningSurvey/results2022/web_button-showhide-blue-plus.png") no-repeat 0 0;
	cursor: pointer;
	border: none;
	outline: none;
	margin-left: 10px;
	margin-top: 280px;
	padding-left: 25px;
	font-size: 14px;
	color: #0799ce;
	text-align: left;
}
.S_q03_collapsible:hover, .T_q03_collapsible:hover,
.S_q04_collapsible:hover, .T_q04_collapsible:hover { color: #0077BB; font-weight: bold; }
.S_q03_active, .T_q03_active, .S_q04_active, .T_q04_active { color: #0077BB; font-weight: bold; background: url("../images/infographics/eLearningSurvey/results2022/web_button-showhide-blue-minus.png") no-repeat 0 0; }
.S_q03_more, .T_q03_more, .S_q04_more, .T_q04_more { display: none; overflow: hidden; }






.S_q03_bar, .T_q03_bar { width: 300px; }
.S_q03_bar_left, .S_q03_bar_right,
.T_q03_bar_left, .T_q03_bar_right { float: left; }
.S_q03_bar_left, .T_q03_bar_left { width: 135px; height: 50px; font-size: 12px; text-align: right; padding-right: 10px; }
.S_q03_bar_right { width: 154px; height: 50px; }
.T_q03_bar_right { width: 127px; height: 50px; }
.S_q03_bar_bg, .T_q03_bar_bg { height: 16px; background-color: #EEEEEE; }
.S_q03_bar_bg { width: 152px; }
.T_q03_bar_bg { width: 125px; }

.S_q03_count, .T_q03_count { text-align: right; font-size: 10px; line-height: 16px; color: #666666; }
.S_q03_remark_tooltip, .T_q03_remark_tooltip { font-style: italic; padding-right: 30px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: #888888; }

#S_q03_announcements_r1, #S_q03_announcements_r2, #S_q03_announcements_r3,
#S_q03_announcements_r4, #S_q03_announcements_r5,
#S_q03_assignments_r1, #S_q03_assignments_r2, #S_q03_assignments_r3,
#S_q03_assignments_r4, #S_q03_assignments_r5,
#S_q03_calendar_r1, #S_q03_calendar_r2, #S_q03_calendar_r3,
#S_q03_calendar_r4, #S_q03_calendar_r5,
#S_q03_collaborations_r1, #S_q03_collaborations_r2, #S_q03_collaborations_r3,
#S_q03_collaborations_r4, #S_q03_collaborations_r5,
#S_q03_discussions_r1, #S_q03_discussions_r2, #S_q03_discussions_r3,
#S_q03_discussions_r4, #S_q03_discussions_r5,
#S_q03_files_r1, #S_q03_files_r2, #S_q03_files_r3,
#S_q03_files_r4, #S_q03_files_r5,
#S_q03_grades_r1, #S_q03_grades_r2, #S_q03_grades_r3,
#S_q03_grades_r4, #S_q03_grades_r5,
#S_q03_groups_r1, #S_q03_groups_r2, #S_q03_groups_r3,
#S_q03_groups_r4, #S_q03_groups_r5,
#S_q03_notifications_r1, #S_q03_notifications_r2, #S_q03_notifications_r3,
#S_q03_notifications_r4, #S_q03_notifications_r5,
#S_q03_quizzes_r1, #S_q03_quizzes_r2, #S_q03_quizzes_r3,
#S_q03_quizzes_r4, #S_q03_quizzes_r5,
#S_q03_syllabus_r1, #S_q03_syllabus_r2, #S_q03_syllabus_r3,
#S_q03_syllabus_r4, #S_q03_syllabus_r5,
#S_q03_badgr_r1, #S_q03_badgr_r2, #S_q03_badgr_r3,
#S_q03_badgr_r4, #S_q03_badgr_r5,
#S_q03_lockdown_browser_r1, #S_q03_lockdown_browser_r2, #S_q03_lockdown_browser_r3,
#S_q03_lockdown_browser_r4, #S_q03_lockdown_browser_r5,
#S_q03_panopto_lecture_r1, #S_q03_panopto_lecture_r2, #S_q03_panopto_lecture_r3,
#S_q03_panopto_lecture_r4, #S_q03_panopto_lecture_r5,
#S_q03_panopto_assignments_r1, #S_q03_panopto_assignments_r2, #S_q03_panopto_assignments_r3,
#S_q03_panopto_assignments_r4, #S_q03_panopto_assignments_r5,
#S_q03_turnitin_r1, #S_q03_turnitin_r2, #S_q03_turnitin_r3,
#S_q03_turnitin_r4, #S_q03_turnitin_r5,
#S_q03_ureply_r1, #S_q03_ureply_r2, #S_q03_ureply_r3,
#S_q03_ureply_r4, #S_q03_ureply_r5,
#S_q03_zoom_r1, #S_q03_zoom_r2, #S_q03_zoom_r3,
#S_q03_zoom_r4, #S_q03_zoom_r5,
.S_q03_r1, .S_q03_r2, .S_q03_r3,
.S_q03_r4, .S_q03_r5,
.S_q03_r_hard, .S_q03_r1txt, .S_q03_r2txt, .S_q03_r3txt, .S_q03_r4txt, .S_q03_r5txt, .S_q03_r_easy,
#T_q03_announcements_r1, #T_q03_announcements_r2, #T_q03_announcements_r3,
#T_q03_announcements_r4, #T_q03_announcements_r5,
#T_q03_assignments_r1, #T_q03_assignments_r2, #T_q03_assignments_r3,
#T_q03_assignments_r4, #T_q03_assignments_r5,
#T_q03_calendar_r1, #T_q03_calendar_r2, #T_q03_calendar_r3,
#T_q03_calendar_r4, #T_q03_calendar_r5,
#T_q03_collaborations_r1, #T_q03_collaborations_r2, #T_q03_collaborations_r3,
#T_q03_collaborations_r4, #T_q03_collaborations_r5,
#T_q03_discussions_r1, #T_q03_discussions_r2, #T_q03_discussions_r3,
#T_q03_discussions_r4, #T_q03_discussions_r5,
#T_q03_files_r1, #T_q03_files_r2, #T_q03_files_r3,
#T_q03_files_r4, #T_q03_files_r5,
#T_q03_grades_r1, #T_q03_grades_r2, #T_q03_grades_r3,
#T_q03_grades_r4, #T_q03_grades_r5,
#T_q03_groups_r1, #T_q03_groups_r2, #T_q03_groups_r3,
#T_q03_groups_r4, #T_q03_groups_r5,
#T_q03_notifications_r1, #T_q03_notifications_r2, #T_q03_notifications_r3,
#T_q03_notifications_r4, #T_q03_notifications_r5,
#T_q03_quizzes_r1, #T_q03_quizzes_r2, #T_q03_quizzes_r3,
#T_q03_quizzes_r4, #T_q03_quizzes_r5,
#T_q03_syllabus_r1, #T_q03_syllabus_r2, #T_q03_syllabus_r3,
#T_q03_syllabus_r4, #T_q03_syllabus_r5,
#T_q03_badgr_r1, #T_q03_badgr_r2, #T_q03_badgr_r3,
#T_q03_badgr_r4, #T_q03_badgr_r5,
#T_q03_lockdown_browser_r1, #T_q03_lockdown_browser_r2, #T_q03_lockdown_browser_r3,
#T_q03_lockdown_browser_r4, #T_q03_lockdown_browser_r5,
#T_q03_panopto_lecture_r1, #T_q03_panopto_lecture_r2, #T_q03_panopto_lecture_r3,
#T_q03_panopto_lecture_r4, #T_q03_panopto_lecture_r5,
#T_q03_panopto_assignments_r1, #T_q03_panopto_assignments_r2, #T_q03_panopto_assignments_r3,
#T_q03_panopto_assignments_r4, #T_q03_panopto_assignments_r5,
#T_q03_turnitin_r1, #T_q03_turnitin_r2, #T_q03_turnitin_r3,
#T_q03_turnitin_r4, #T_q03_turnitin_r5,
#T_q03_ureply_r1, #T_q03_ureply_r2, #T_q03_ureply_r3,
#T_q03_ureply_r4, #T_q03_ureply_r5,
#T_q03_zoom_r1, #T_q03_zoom_r2, #T_q03_zoom_r3,
#T_q03_zoom_r4, #T_q03_zoom_r5,
.T_q03_r1, .T_q03_r2, .T_q03_r3,
.T_q03_r4, .T_q03_r5,
.T_q03_r_hard, .T_q03_r1txt, .T_q03_r2txt, .T_q03_r3txt, .T_q03_r4txt, .T_q03_r5txt, .T_q03_r_easy {
	position: absolute;
	margin-top: 0;
	height: 16px;
	border-right: solid 1px #FFFFFF;
	text-align: center;
	font-size: 9px;
	line-height: 16px;
}
#S_q03_announcements_r1, #S_q03_assignments_r1, #S_q03_calendar_r1, #S_q03_collaborations_r1,
#S_q03_discussions_r1, #S_q03_files_r1, #S_q03_grades_r1, #S_q03_groups_r1,
#S_q03_notifications_r1, #S_q03_quizzes_r1, #S_q03_syllabus_r1,
#S_q03_badgr_r1, #S_q03_lockdown_browser_r1, #S_q03_panopto_lecture_r1,
#S_q03_panopto_assignments_r1, #S_q03_turnitin_r1, #S_q03_ureply_r1, #S_q03_zoom_r1,
.S_q03_r1,
#T_q03_announcements_r1, #T_q03_assignments_r1, #T_q03_calendar_r1, #T_q03_collaborations_r1,
#T_q03_discussions_r1, #T_q03_files_r1, #T_q03_grades_r1, #T_q03_groups_r1,
#T_q03_notifications_r1, #T_q03_quizzes_r1, #T_q03_syllabus_r1,
#T_q03_badgr_r1, #T_q03_lockdown_browser_r1, #T_q03_panopto_lecture_r1,
#T_q03_panopto_assignments_r1, #T_q03_turnitin_r1, #T_q03_ureply_r1, #T_q03_zoom_r1,
.T_q03_r1 {
	z-index: 351; background-color: #e4509c; color: #FFFFFF; margin-left: 0;
}
#S_q03_announcements_r2, #S_q03_assignments_r2, #S_q03_calendar_r2, #S_q03_collaborations_r2,
#S_q03_discussions_r2, #S_q03_files_r2, #S_q03_grades_r2, #S_q03_groups_r2,
#S_q03_notifications_r2, #S_q03_quizzes_r2, #S_q03_syllabus_r2,
#S_q03_badgr_r2, #S_q03_lockdown_browser_r2, #S_q03_panopto_lecture_r2,
#S_q03_panopto_assignments_r2, #S_q03_turnitin_r2, #S_q03_ureply_r2, #S_q03_zoom_r2,
.S_q03_r2,
#T_q03_announcements_r2, #T_q03_assignments_r2, #T_q03_calendar_r2, #T_q03_collaborations_r2,
#T_q03_discussions_r2, #T_q03_files_r2, #T_q03_grades_r2, #T_q03_groups_r2,
#T_q03_notifications_r2, #T_q03_quizzes_r2, #T_q03_syllabus_r2,
#T_q03_badgr_r2, #T_q03_lockdown_browser_r2, #T_q03_panopto_lecture_r2,
#T_q03_panopto_assignments_r2, #T_q03_turnitin_r2, #T_q03_ureply_r2, #T_q03_zoom_r2,
.T_q03_r2 {
	z-index: 352; background-color: #f4816c; color: #FFFFFF;
}
#S_q03_announcements_r3, #S_q03_assignments_r3, #S_q03_calendar_r3, #S_q03_collaborations_r3,
#S_q03_discussions_r3, #S_q03_files_r3, #S_q03_grades_r3, #S_q03_groups_r3,
#S_q03_notifications_r3, #S_q03_quizzes_r3, #S_q03_syllabus_r3,
#S_q03_badgr_r3, #S_q03_lockdown_browser_r3, #S_q03_panopto_lecture_r3,
#S_q03_panopto_assignments_r3, #S_q03_turnitin_r3, #S_q03_ureply_r3, #S_q03_zoom_r3,
.S_q03_r3,
#T_q03_announcements_r3, #T_q03_assignments_r3, #T_q03_calendar_r3, #T_q03_collaborations_r3,
#T_q03_discussions_r3, #T_q03_files_r3, #T_q03_grades_r3, #T_q03_groups_r3,
#T_q03_notifications_r3, #T_q03_quizzes_r3, #T_q03_syllabus_r3,
#T_q03_badgr_r3, #T_q03_lockdown_browser_r3, #T_q03_panopto_lecture_r3,
#T_q03_panopto_assignments_r3, #T_q03_turnitin_r3, #T_q03_ureply_r3, #T_q03_zoom_r3,
.T_q03_r3 {
	z-index: 353; background-color: #ffd018; color: #994400;
}
#S_q03_announcements_r4, #S_q03_assignments_r4, #S_q03_calendar_r4, #S_q03_collaborations_r4,
#S_q03_discussions_r4, #S_q03_files_r4, #S_q03_grades_r4, #S_q03_groups_r4,
#S_q03_notifications_r4, #S_q03_quizzes_r4, #S_q03_syllabus_r4,
#S_q03_badgr_r4, #S_q03_lockdown_browser_r4, #S_q03_panopto_lecture_r4,
#S_q03_panopto_assignments_r4, #S_q03_turnitin_r4, #S_q03_ureply_r4, #S_q03_zoom_r4,
.S_q03_r4,
#T_q03_announcements_r4, #T_q03_assignments_r4, #T_q03_calendar_r4, #T_q03_collaborations_r4,
#T_q03_discussions_r4, #T_q03_files_r4, #T_q03_grades_r4, #T_q03_groups_r4,
#T_q03_notifications_r4, #T_q03_quizzes_r4, #T_q03_syllabus_r4,
#T_q03_badgr_r4, #T_q03_lockdown_browser_r4, #T_q03_panopto_lecture_r4,
#T_q03_panopto_assignments_r4, #T_q03_turnitin_r4, #T_q03_ureply_r4, #T_q03_zoom_r4,
.T_q03_r4 {
	/*background-color: #d9e021;*/
	z-index: 354; background-color: #aabb00; color: #001122;
}
#S_q03_announcements_r5, #S_q03_assignments_r5, #S_q03_calendar_r5, #S_q03_collaborations_r5,
#S_q03_discussions_r5, #S_q03_files_r5, #S_q03_grades_r5, #S_q03_groups_r5,
#S_q03_notifications_r5, #S_q03_quizzes_r5, #S_q03_syllabus_r5,
#S_q03_badgr_r5, #S_q03_lockdown_browser_r5, #S_q03_panopto_lecture_r5,
#S_q03_panopto_assignments_r5, #S_q03_turnitin_r5, #S_q03_ureply_r5, #S_q03_zoom_r5,
.S_q03_r5,
#T_q03_announcements_r5, #T_q03_assignments_r5, #T_q03_calendar_r5, #T_q03_collaborations_r5,
#T_q03_discussions_r5, #T_q03_files_r5, #T_q03_grades_r5, #T_q03_groups_r5,
#T_q03_notifications_r5, #T_q03_quizzes_r5, #T_q03_syllabus_r5,
#T_q03_badgr_r5, #T_q03_lockdown_browser_r5, #T_q03_panopto_lecture_r5,
#T_q03_panopto_assignments_r5, #T_q03_turnitin_r5, #T_q03_ureply_r5, #T_q03_zoom_r5,
.T_q03_r5 {
	/*background-color: #77bc71;*/
	z-index: 355; background-color: #559955; color: #FFFFFF;
}
#S_q03_announcements_r1 { width: 2px; }
#S_q03_announcements_r2 { width: 6px; margin-left: 3px; }
#S_q03_announcements_r3 { width: 24.5px; margin-left: 10px; }
#S_q03_announcements_r4 { width: 46px; margin-left: 35.5px; }
#S_q03_announcements_r5 { width: 58.5px; margin-left: 82.5px; }
#S_q03_assignments_r1 { width: 2.5px; }
#S_q03_assignments_r2 { width: 2px; margin-left: 3.5px; }
#S_q03_assignments_r3 { width: 17.5px; margin-left: 6.5px; }
#S_q03_assignments_r4 { width: 57px; margin-left: 25px; }
#S_q03_assignments_r5 { width: 67px; margin-left: 83px; }
#S_q03_calendar_r1 { width: 4.5px; }
#S_q03_calendar_r2 { width: 16px; margin-left: 5.5px; }
#S_q03_calendar_r3 { width: 23px; margin-left: 22.5px; }
#S_q03_calendar_r4 { width: 24.5px; margin-left: 46.5px; }
#S_q03_calendar_r5 { width: 28px; margin-left: 72px; }
#S_q03_collaborations_r1 { width: 5px; }
#S_q03_collaborations_r2 { width: 14px; margin-left: 6px; }
#S_q03_collaborations_r3 { width: 17px; margin-left: 21px; }
#S_q03_collaborations_r4 { width: 20.5px; margin-left: 39px; }
#S_q03_collaborations_r5 { width: 17.5px; margin-left: 60.5px; }
#S_q03_discussions_r1 { width: 4.5px; }
#S_q03_discussions_r2 { width: 9.5px; margin-left: 5.5px; }
#S_q03_discussions_r3 { width: 22.5px; margin-left: 16px; }
#S_q03_discussions_r4 { width: 39px; margin-left: 39.5px; }
#S_q03_discussions_r5 { width: 38px; margin-left: 79.5px; }
#S_q03_files_r1 { width: 2.5px; }
#S_q03_files_r2 { width: 3px; margin-left: 3.5px; }
#S_q03_files_r3 { width: 17.5px; margin-left: 7.5px; }
#S_q03_files_r4 { width: 44px; margin-left: 26px; }
#S_q03_files_r5 { width: 77.5px; margin-left: 71px; }
#S_q03_grades_r1 { width: 4px; }
#S_q03_grades_r2 { width: 7.5px; margin-left: 5px; }
#S_q03_grades_r3 { width: 20.5px; margin-left: 13.5px; }
#S_q03_grades_r4 { width: 44.5px; margin-left: 35px; }
#S_q03_grades_r5 { width: 62.5px; margin-left: 80.5px; }
#S_q03_groups_r1 { width: 2.5px; }
#S_q03_groups_r2 { width: 13px; margin-left: 3.5px; }
#S_q03_groups_r3 { width: 26.5px; margin-left: 17.5px; }
#S_q03_groups_r4 { width: 39.5px; margin-left: 45px; }
#S_q03_groups_r5 { width: 35.5px; margin-left: 85.5px; }
#S_q03_notifications_r1 { width: 3.5px; }
#S_q03_notifications_r2 { width: 6.5px; margin-left: 4.5px; }
#S_q03_notifications_r3 { width: 26.5px; margin-left: 12px; }
#S_q03_notifications_r4 { width: 46.5px; margin-left: 39.5px; }
#S_q03_notifications_r5 { width: 54.5px; margin-left: 87px; }
#S_q03_quizzes_r1 { width: 2.5px; }
#S_q03_quizzes_r2 { width: 3.5px; margin-left: 3.5px; }
#S_q03_quizzes_r3 { width: 24px; margin-left: 8px; }
#S_q03_quizzes_r4 { width: 48px; margin-left: 33px; }
#S_q03_quizzes_r5 { width: 59.5px; margin-left: 82px; }
#S_q03_syllabus_r1 { width: 6.5px; }
#S_q03_syllabus_r2 { width: 8.5px; margin-left: 7.5px; }
#S_q03_syllabus_r3 { width: 21.5px; margin-left: 17px; }
#S_q03_syllabus_r4 { width: 40.5px; margin-left: 39.5px; }
#S_q03_syllabus_r5 { width: 46px; margin-left: 81px; }
#S_q03_badgr_r1 { width: 5.5px; }
#S_q03_badgr_r2 { width: 1px; margin-left: 6.5px; }
#S_q03_badgr_r3 { width: 12.5px; margin-left: 8.5px; }
#S_q03_badgr_r4 { width: 7.5px; margin-left: 22px; }
#S_q03_badgr_r5 { width: 7px; margin-left: 30.5px; }
#S_q03_lockdown_browser_r1 { width: 15px; }
#S_q03_lockdown_browser_r2 { width: 12.5px; margin-left: 16px; }
#S_q03_lockdown_browser_r3 { width: 28.5px; margin-left: 29.5px; }
#S_q03_lockdown_browser_r4 { width: 30px; margin-left: 59px; }
#S_q03_lockdown_browser_r5 { width: 17.5px; margin-left: 90px; }
#S_q03_panopto_lecture_r1 { width: 4.5px; }
#S_q03_panopto_lecture_r2 { width: 3px; margin-left: 5.5px; }
#S_q03_panopto_lecture_r3 { width: 16.5px; margin-left: 9.5px; }
#S_q03_panopto_lecture_r4 { width: 37.5px; margin-left: 27px; }
#S_q03_panopto_lecture_r5 { width: 27.5px; margin-left: 65.5px; }
#S_q03_panopto_assignments_r1 { width: 6px; }
#S_q03_panopto_assignments_r2 { width: 2px; margin-left: 7px; }
#S_q03_panopto_assignments_r3 { width: 12.5px; margin-left: 10px; }
#S_q03_panopto_assignments_r4 { width: 13px; margin-left: 23.5px; }
#S_q03_panopto_assignments_r5 { width: 10.5px; margin-left: 37.5px; }
#S_q03_turnitin_r1 { width: 6px; }
#S_q03_turnitin_r2 { width: 6.5px; margin-left: 7px; }
#S_q03_turnitin_r3 { width: 18.5px; margin-left: 14.5px; }
#S_q03_turnitin_r4 { width: 49.5px; margin-left: 34px; }
#S_q03_turnitin_r5 { width: 47px; margin-left: 84.5px; }
#S_q03_ureply_r1 { width: 3.5px; }
#S_q03_ureply_r2 { width: 4px; margin-left: 4.5px; }
#S_q03_ureply_r3 { width: 13.5px; margin-left: 9.5px; }
#S_q03_ureply_r4 { width: 21.5px; margin-left: 24px; }
#S_q03_ureply_r5 { width: 15.5px; margin-left: 46.5px; }
#S_q03_zoom_r1 { width: 4px; }
#S_q03_zoom_r2 { width: 3px; margin-left: 5px; }
#S_q03_zoom_r3 { width: 14.5px; margin-left: 9px; }
#S_q03_zoom_r4 { width: 50px; margin-left: 24.5px; }
#S_q03_zoom_r5 { width: 73.5px; margin-left: 75.5px; }


#T_q03_announcements_r1 { width: 0; }
#T_q03_announcements_r2 { width: 0; margin-left: 1px; }
#T_q03_announcements_r3 { width: 3px; margin-left: 2px; }
#T_q03_announcements_r4 { width: 15px; margin-left: 6px; }
#T_q03_announcements_r5 { width: 96px; margin-left: 22px; }
#T_q03_assignments_r1 { width: 0; }
#T_q03_assignments_r2 { width: 3px; margin-left: 1px; }
#T_q03_assignments_r3 { width: 15px; margin-left: 5px; }
#T_q03_assignments_r4 { width: 33px; margin-left: 21px; }
#T_q03_assignments_r5 { width: 58px; margin-left: 55px; }
#T_q03_calendar_r1 { width: 3px; }
#T_q03_calendar_r2 { width: 3px; margin-left: 4px; }
#T_q03_calendar_r3 { width: 9px; margin-left: 8px; }
#T_q03_calendar_r4 { width: 15px; margin-left: 18px; }
#T_q03_calendar_r5 { width: 24px; margin-left: 34px; }
#T_q03_collaborations_r1 { width: 3px; }
#T_q03_collaborations_r2 { width: 3px; margin-left: 4px; }
#T_q03_collaborations_r3 { width: 3px; margin-left: 8px; }
#T_q03_collaborations_r4 { width: 6px; margin-left: 12px; }
#T_q03_collaborations_r5 { width: 3px; margin-left: 19px; }
#T_q03_discussions_r1 { width: 3px; }
#T_q03_discussions_r2 { width: 3px; margin-left: 4px; }
#T_q03_discussions_r3 { width: 15px; margin-left: 8px; }
#T_q03_discussions_r4 { width: 18px; margin-left: 24px; }
#T_q03_discussions_r5 { width: 21px; margin-left: 43px; }
#T_q03_files_r1 { width: 3px; }
#T_q03_files_r2 { width: 3px; margin-left: 4px; }
#T_q03_files_r3 { width: 6px; margin-left: 8px; }
#T_q03_files_r4 { width: 18px; margin-left: 15px; }
#T_q03_files_r5 { width: 87px; margin-left: 34px; }
#T_q03_grades_r1 { width: 3px; }
#T_q03_grades_r2 { width: 6px; margin-left: 4px; }
#T_q03_grades_r3 { width: 6px; margin-left: 11px; }
#T_q03_grades_r4 { width: 54px; margin-left: 18px; }
#T_q03_grades_r5 { width: 30px; margin-left: 73px; }
#T_q03_groups_r1 { width: 3px; }
#T_q03_groups_r2 { width: 6px; margin-left: 4px; }
#T_q03_groups_r3 { width: 3px; margin-left: 11px; }
#T_q03_groups_r4 { width: 27px; margin-left: 15px; }
#T_q03_groups_r5 { width: 36px; margin-left: 43px; }
#T_q03_notifications_r1 { width: 3px; }
#T_q03_notifications_r2 { width: 3px; margin-left: 4px; }
#T_q03_notifications_r3 { width: 3px; margin-left: 8px; }
#T_q03_notifications_r4 { width: 21px; margin-left: 12px; }
#T_q03_notifications_r5 { width: 39px; margin-left: 34px; }
#T_q03_quizzes_r1 { width: 3px; }
#T_q03_quizzes_r2 { width: 3px; margin-left: 4px; }
#T_q03_quizzes_r3 { width: 18px; margin-left: 8px; }
#T_q03_quizzes_r4 { width: 48px; margin-left: 27px; }
#T_q03_quizzes_r5 { width: 18px; margin-left: 76px; }
#T_q03_syllabus_r1 { width: 3px; }
#T_q03_syllabus_r2 { width: 3px; margin-left: 4px; }
#T_q03_syllabus_r3 { width: 9px; margin-left: 8px; }
#T_q03_syllabus_r4 { width: 6px; margin-left: 18px; }
#T_q03_syllabus_r5 { width: 42px; margin-left: 25px; }
#T_q03_badgr_r1 { width: 3px; }
#T_q03_badgr_r2 { width: 3px; margin-left: 4px; }
#T_q03_badgr_r3 { width: 0; margin-left: 8px; }
#T_q03_badgr_r4 { width: 3px; margin-left: 9px; }
#T_q03_badgr_r5 { width: 0; margin-left: 13px; }
#T_q03_lockdown_browser_r1 { width: 6px; }
#T_q03_lockdown_browser_r2 { width: 6px; margin-left: 7px; }
#T_q03_lockdown_browser_r3 { width: 12px; margin-left: 14px; }
#T_q03_lockdown_browser_r4 { width: 21px; margin-left: 27px; }
#T_q03_lockdown_browser_r5 { width: 6px; margin-left: 49px; }
#T_q03_panopto_lecture_r1 { width: 6px; }
#T_q03_panopto_lecture_r2 { width: 6px; margin-left: 7px; }
#T_q03_panopto_lecture_r3 { width: 15px; margin-left: 14px; }
#T_q03_panopto_lecture_r4 { width: 30px; margin-left: 30px; }
#T_q03_panopto_lecture_r5 { width: 18px; margin-left: 61px; }
#T_q03_panopto_assignments_r1 { width: 9px; }
#T_q03_panopto_assignments_r2 { width: 3px; margin-left: 10px; }
#T_q03_panopto_assignments_r3 { width: 18px; margin-left: 14px; }
#T_q03_panopto_assignments_r4 { width: 6px; margin-left: 33px; }
#T_q03_panopto_assignments_r5 { width: 6px; margin-left: 40px; }
#T_q03_turnitin_r1 { width: 0; }
#T_q03_turnitin_r2 { width: 6px; margin-left: 1px; }
#T_q03_turnitin_r3 { width: 12px; margin-left: 8px; }
#T_q03_turnitin_r4 { width: 18px; margin-left: 21px; }
#T_q03_turnitin_r5 { width: 48px; margin-left: 40px; }
#T_q03_ureply_r1 { width: 3px; }
#T_q03_ureply_r2 { width: 3px; margin-left: 4px; }
#T_q03_ureply_r3 { width: 3px; margin-left: 8px; }
#T_q03_ureply_r4 { width: 0; margin-left: 12px; }
#T_q03_ureply_r5 { width: 9px; margin-left: 13px; }
#T_q03_zoom_r1 { width: 0; }
#T_q03_zoom_r2 { width: 6px; margin-left: 1px; }
#T_q03_zoom_r3 { width: 6px; margin-left: 8px; }
#T_q03_zoom_r4 { width: 30px; margin-left: 15px; }
#T_q03_zoom_r5 { width: 78px; margin-left: 46px; }

.S_q03_r_scale, .T_q03_r_scale { width: 210px; height: 80px; margin: auto; font-size: 14px; }
.S_q03_r1, .S_q03_r2, .S_q03_r3, .S_q03_r4, .S_q03_r5,
.T_q03_r1, .T_q03_r2, .T_q03_r3, .T_q03_r4, .T_q03_r5 { height: 18px; border: solid 2px #FFFFFF; margin-top: 20px; }
.S_q03_r_hard, .S_q03_r1txt, .S_q03_r2txt, .S_q03_r3txt, .S_q03_r4txt, .S_q03_r5txt, .S_q03_r_easy,
.T_q03_r_hard, .T_q03_r1txt, .T_q03_r2txt, .T_q03_r3txt, .T_q03_r4txt, .T_q03_r5txt, .T_q03_r_easy { height: 18px; font-size: 11px; border: solid 2px #FFFFFF; margin-top: 0; }
.S_q03_r_hard, .T_q03_r_hard { z-index: 360; width: 58px; }
.S_q03_r1, .S_q03_r1txt,
.T_q03_r1, .T_q03_r1txt { width: 16px; margin-left: 60px; }
.S_q03_r2, .S_q03_r2txt,
.T_q03_r2, .T_q03_r2txt { width: 16px; margin-left: 78px; }
.S_q03_r3, .S_q03_r3txt,
.T_q03_r3, .T_q03_r3txt { width: 16px; margin-left: 96px; }
.S_q03_r4, .S_q03_r4txt,
.T_q03_r4, .T_q03_r4txt { width: 16px; margin-left: 114px; }
.S_q03_r5, .S_q03_r5txt,
.T_q03_r5, .T_q03_r5txt { width: 16px; margin-left: 132px; }
.S_q03_r_easy, .T_q03_r_easy { z-index: 366; width: 58px; margin-left: 150px; }
.S_q03_r1txt, .T_q03_r1txt { z-index: 361; }
.S_q03_r2txt, .T_q03_r2txt { z-index: 362; }
.S_q03_r3txt, .T_q03_r3txt { z-index: 363; }
.S_q03_r4txt, .T_q03_r4txt { z-index: 364; }
.S_q03_r5txt, .T_q03_r5txt { z-index: 365; }







/* (students &amp; teachers) 4 - other technologies */


#S_q04, #T_q04 { width: 620px; min-height: 600px; }
#S_q04_title_below, #T_q04_title_below { width: 100%; height: 40px; }
#S_q04_shown, #T_q04_shown { width: 100%; min-height: 260px;}

#S_q04_cloud_storage_name, #S_q04_feedback_collection_name, #S_q04_immersive_technology_name,
#S_q04_instant_messaging_name, #S_q04_language_tool_name, #S_q04_mooc_name,
#S_q04_online_references_name, #S_q04_QA_name, #S_q04_social_media_name,
#S_q04_video_name, #S_q04_visual_collaboration_name,
#S_q04_cloud_storage_line, #S_q04_feedback_collection_line, #S_q04_immersive_technology_line,
#S_q04_instant_messaging_line, #S_q04_language_tool_line, #S_q04_mooc_line,
#S_q04_online_references_line, #S_q04_QA_line, #S_q04_social_media_line,
#S_q04_video_line, #S_q04_visual_collaboration_line,
#S_q04_cloud_storage_icon, #S_q04_feedback_collection_icon, #S_q04_immersive_technology_icon,
#S_q04_instant_messaging_icon, #S_q04_language_tool_icon, #S_q04_mooc_icon,
#S_q04_online_references_icon, #S_q04_QA_icon, #S_q04_social_media_icon,
#S_q04_video_icon, #S_q04_visual_collaboration_icon,
#S_q04_cloud_storage_count, #S_q04_feedback_collection_count, #S_q04_immersive_technology_count,
#S_q04_instant_messaging_count, #S_q04_language_tool_count, #S_q04_mooc_count,
#S_q04_online_references_count, #S_q04_QA_count, #S_q04_social_media_count,
#S_q04_video_count, #S_q04_visual_collaboration_count,
#S_q04_baseline,
#T_q04_cloud_storage_name, #T_q04_feedback_collection_name, #T_q04_immersive_technology_name,
#T_q04_instant_messaging_name, #T_q04_language_tool_name, #T_q04_mooc_name,
#T_q04_online_references_name, #T_q04_QA_name, #T_q04_social_media_name,
#T_q04_video_name, #T_q04_visual_collaboration_name,
#T_q04_cloud_storage_line, #T_q04_feedback_collection_line, #T_q04_immersive_technology_line,
#T_q04_instant_messaging_line, #T_q04_language_tool_line, #T_q04_mooc_line,
#T_q04_online_references_line, #T_q04_QA_line, #T_q04_social_media_line,
#T_q04_video_line, #T_q04_visual_collaboration_line,
#T_q04_cloud_storage_icon, #T_q04_feedback_collection_icon, #T_q04_immersive_technology_icon,
#T_q04_instant_messaging_icon, #T_q04_language_tool_icon, #T_q04_mooc_icon,
#T_q04_online_references_icon, #T_q04_QA_icon, #T_q04_social_media_icon,
#T_q04_video_icon, #T_q04_visual_collaboration_icon,
#T_q04_cloud_storage_count, #T_q04_feedback_collection_count, #T_q04_immersive_technology_count,
#T_q04_instant_messaging_count, #T_q04_language_tool_count, #T_q04_mooc_count,
#T_q04_online_references_count, #T_q04_QA_count, #T_q04_social_media_count,
#T_q04_video_count, #T_q04_visual_collaboration_count,
#T_q04_baseline {
	position: absolute;
}


#S_q04_baseline, #T_q04_baseline { z-index: 400; width: 620px; border-top: 2px solid #655950; margin-top: 354px; }


#S_q04_cloud_storage_name, #S_q04_feedback_collection_name, #S_q04_immersive_technology_name,
#S_q04_instant_messaging_name, #S_q04_language_tool_name, #S_q04_mooc_name,
#S_q04_online_references_name, #S_q04_QA_name, #S_q04_social_media_name,
#S_q04_video_name, #S_q04_visual_collaboration_name,
#T_q04_cloud_storage_name, #T_q04_feedback_collection_name, #T_q04_immersive_technology_name,
#T_q04_instant_messaging_name, #T_q04_language_tool_name, #T_q04_mooc_name,
#T_q04_online_references_name, #T_q04_QA_name, #T_q04_social_media_name,
#T_q04_video_name, #T_q04_visual_collaboration_name {
	width: 90px;
	font-size: 12px;
	text-align: center;
}

#S_q04_cloud_storage_name, #S_q04_immersive_technology_name,
#S_q04_language_tool_name,
#S_q04_online_references_name, #S_q04_social_media_name,
#S_q04_visual_collaboration_name,
#T_q04_cloud_storage_name, #T_q04_immersive_technology_name,
#T_q04_language_tool_name,
#T_q04_online_references_name, #T_q04_social_media_name,
#T_q04_visual_collaboration_name { margin-top: 370px; }

#S_q04_feedback_collection_name,
#S_q04_instant_messaging_name, #S_q04_mooc_name,
#S_q04_QA_name,
#S_q04_video_name,
#T_q04_feedback_collection_name,
#T_q04_instant_messaging_name, #T_q04_mooc_name,
#T_q04_QA_name,
#T_q04_video_name { margin-top: 420px; }



#S_q04_cloud_storage_name { z-index: 411; margin-left: -20px; }
#S_q04_feedback_collection_name { z-index: 412; margin-left: 35px; }
#S_q04_immersive_technology_name { z-index: 413; margin-left: 90px; }
#S_q04_instant_messaging_name { z-index: 414; margin-left: 145px; }
#S_q04_language_tool_name { z-index: 415; margin-left: 200px; }
#S_q04_mooc_name{ z-index: 416; margin-left: 255px; }
#S_q04_online_references_name { z-index: 417; margin-left: 310px; }
#S_q04_QA_name { z-index: 418; margin-left: 365px; }
#S_q04_social_media_name { z-index: 419; margin-left: 420px; }
#S_q04_video_name { z-index: 420; margin-left: 475px; }
#S_q04_visual_collaboration_name { z-index: 421; margin-left: 530px; }



#T_q04_cloud_storage_name { z-index: 411; margin-left: -20px; }
#T_q04_feedback_collection_name { z-index: 412; margin-left: 35px; }
#T_q04_immersive_technology_name { z-index: 413; margin-left: 90px; }
#T_q04_instant_messaging_name { z-index: 414; margin-left: 145px; }
#T_q04_language_tool_name { z-index: 415; margin-left: 200px; }
#T_q04_mooc_name{ z-index: 416; margin-left: 255px; }
#T_q04_online_references_name { z-index: 417; margin-left: 310px; }
#T_q04_QA_name { z-index: 418; margin-left: 365px; }
#T_q04_social_media_name { z-index: 419; margin-left: 420px; }
#T_q04_video_name { z-index: 420; margin-left: 475px; }
#T_q04_visual_collaboration_name { z-index: 421; margin-left: 530px; }




#S_q04_cloud_storage_line, #S_q04_feedback_collection_line, #S_q04_immersive_technology_line,
#S_q04_instant_messaging_line, #S_q04_language_tool_line, #S_q04_mooc_line,
#S_q04_online_references_line, #S_q04_QA_line, #S_q04_social_media_line,
#S_q04_video_line, #S_q04_visual_collaboration_line,
#T_q04_cloud_storage_line, #T_q04_feedback_collection_line, #T_q04_immersive_technology_line,
#T_q04_instant_messaging_line, #T_q04_language_tool_line, #T_q04_mooc_line,
#T_q04_online_references_line, #T_q04_QA_line, #T_q04_social_media_line,
#T_q04_video_line, #T_q04_visual_collaboration_line {
	width: 2px;
	padding: 0;
	border-left: 2px dashed #655950;
	/*border-left: 2px dashed #c7b299;*/
}

#S_q04_cloud_storage_icon, #S_q04_feedback_collection_icon, #S_q04_immersive_technology_icon,
#S_q04_instant_messaging_icon, #S_q04_language_tool_icon, #S_q04_mooc_icon,
#S_q04_online_references_icon, #S_q04_QA_icon, #S_q04_social_media_icon,
#S_q04_video_icon, #S_q04_visual_collaboration_icon,
#T_q04_cloud_storage_icon, #T_q04_feedback_collection_icon, #T_q04_immersive_technology_icon,
#T_q04_instant_messaging_icon, #T_q04_language_tool_icon, #T_q04_mooc_icon,
#T_q04_online_references_icon, #T_q04_QA_icon, #T_q04_social_media_icon,
#T_q04_video_icon, #T_q04_visual_collaboration_icon {
	width: 50px;
	height: 50px;
	padding: 0;
	border: 2px dashed #655950;
	/*border: 2px dashed #c7b299;*/
	border-radius: 25px;
}


#S_q04_cloud_storage_count, #S_q04_feedback_collection_count,
#S_q04_instant_messaging_count, #S_q04_language_tool_count,
#S_q04_online_references_count,
#S_q04_video_count,
#T_q04_cloud_storage_count, #T_q04_feedback_collection_count,
#T_q04_instant_messaging_count, #T_q04_language_tool_count,
#T_q04_online_references_count, #T_q04_social_media_count,
#T_q04_video_count {
	font-size: 18px; color: #655950;
}


#S_q04_immersive_technology_count,
#S_q04_mooc_count,
#S_q04_QA_count, #S_q04_social_media_count,
#S_q04_visual_collaboration_count,
#T_q04_immersive_technology_count,
#T_q04_mooc_count,
#T_q04_QA_count,
#T_q04_visual_collaboration_count {
	font-size: 14px; color: #655950; /* color: #c7b299; */
}


#S_q04_cloud_storage_line { z-index: 431; margin-left: 26px; margin-top: 86px; height: 278px; }
#S_q04_feedback_collection_line { z-index: 432; margin-left: 81px; margin-top: 133px; height: 281px; }
#S_q04_immersive_technology_line { z-index: 433; margin-left: 136px; margin-top: 292px; height: 72px; }
#S_q04_instant_messaging_line { z-index: 434; margin-left: 191px; margin-top: 107px; height: 307px; }
#S_q04_language_tool_line { z-index: 435; margin-left: 246px; margin-top: 110px; height: 254px; }
#S_q04_mooc_line { z-index: 436; margin-left: 301px; margin-top: 257px; height: 157px; }
#S_q04_online_references_line { z-index: 437; margin-left: 356px; margin-top: 100px; height: 264px; }
#S_q04_QA_line { z-index: 438; margin-left: 411px; margin-top: 237px; height: 177px; }
#S_q04_social_media_line { z-index: 439; margin-left: 466px; margin-top: 169px; height: 195px; }
#S_q04_video_line { z-index: 440; margin-left: 521px; margin-top: 115px; height: 299px; }
#S_q04_visual_collaboration_line { z-index: 441; margin-left: 576px; margin-top: 286px; height: 78px; }
#S_q04_cloud_storage_line, #S_q04_feedback_collection_line,
#S_q04_instant_messaging_line, #S_q04_language_tool_line,
#S_q04_online_references_line, #S_q04_video_line { border-left: 2px dashed #655950; }


#S_q04_cloud_storage_icon { z-index: 451; margin-left: 0; margin-top: 32px; }
#S_q04_feedback_collection_icon { z-index: 452; margin-left: 55px; margin-top: 79px; }
#S_q04_immersive_technology_icon { z-index: 453; margin-left: 110px; margin-top: 238px; }
#S_q04_instant_messaging_icon { z-index: 454; margin-left: 165px; margin-top: 53px; }
#S_q04_language_tool_icon { z-index: 455; margin-left: 220px; margin-top: 56px; }
#S_q04_mooc_icon { z-index: 456; margin-left: 275px; margin-top: 203px; }
#S_q04_online_references_icon { z-index: 457; margin-left: 330px; margin-top: 46px; }
#S_q04_QA_icon { z-index: 458; margin-left: 385px; margin-top: 183px; }
#S_q04_social_media_icon { z-index: 459; margin-left: 440px; margin-top: 115px; }
#S_q04_video_icon { z-index: 460; margin-left: 495px; margin-top: 61px; }
#S_q04_visual_collaboration_icon { z-index: 461; margin-left: 550px; margin-top: 232px; }
#S_q04_cloud_storage_icon, #S_q04_feedback_collection_icon,
#S_q04_instant_messaging_icon, #S_q04_language_tool_icon,
#S_q04_online_references_icon, #S_q04_video_icon { border: 2px dashed #655950; }



#S_q04_cloud_storage_count { z-index: 471; margin-left: 30px; margin-top: 12px; }
#S_q04_feedback_collection_count { z-index: 472; margin-left: 85px; margin-top: 59px; }
#S_q04_immersive_technology_count { z-index: 473; margin-left: 140px; margin-top: 223px; }
#S_q04_instant_messaging_count { z-index: 474; margin-left: 195px; margin-top: 33px; }
#S_q04_language_tool_count { z-index: 475; margin-left: 250px; margin-top: 36px; }
#S_q04_mooc_count { z-index: 476; margin-left: 305px; margin-top: 188px; }
#S_q04_online_references_count { z-index: 477; margin-left: 360px; margin-top: 26px; }
#S_q04_QA_count { z-index: 478; margin-left: 415px; margin-top: 168px; }
#S_q04_social_media_count { z-index: 479; margin-left: 470px; margin-top: 100px; }
#S_q04_video_count { z-index: 480; margin-left: 525px; margin-top: 41px; }
#S_q04_visual_collaboration_count { z-index: 481; margin-left: 580px; margin-top: 215px; }


#T_q04_cloud_storage_line { z-index: 431; margin-left: 26px; margin-top: 47px; height: 318px; }
#T_q04_feedback_collection_line { z-index: 432; margin-left: 81px; margin-top: 127px; height: 288px; }
#T_q04_immersive_technology_line { z-index: 433; margin-left: 136px; margin-top: 347px; height: 18px; }
#T_q04_instant_messaging_line { z-index: 434; margin-left: 191px; margin-top: 237px; height: 178px; }
#T_q04_language_tool_line { z-index: 435; margin-left: 246px; margin-top: 177px; height: 188px; }
#T_q04_mooc_line { z-index: 436; margin-left: 301px; margin-top: 327px; height: 88px; }
#T_q04_online_references_line { z-index: 437; margin-left: 356px; margin-top: 77px; height: 288px; }
#T_q04_QA_line { z-index: 438; margin-left: 411px; margin-top: 347px; height: 68px; }
#T_q04_social_media_line { z-index: 439; margin-left: 466px; margin-top: 267px; height: 98px; }
#T_q04_video_line { z-index: 440; margin-left: 521px; margin-top: 97px; height: 318px; }
#T_q04_visual_collaboration_line { z-index: 441; margin-left: 576px; margin-top: 317px; height: 48px; }
#T_q04_cloud_storage_line, #T_q04_feedback_collection_line,
#T_q04_instant_messaging_line, #T_q04_language_tool_line,
#T_q04_online_references_line, #T_q04_social_media_line,
#T_q04_video_line { border-left: 2px dashed #655950; }


#T_q04_cloud_storage_icon { z-index: 451; margin-left: 0; margin-top: -5px; }
#T_q04_feedback_collection_icon { z-index: 452; margin-left: 55px; margin-top: 75px; }
#T_q04_immersive_technology_icon { z-index: 453; margin-left: 110px; margin-top: 295px; }
#T_q04_instant_messaging_icon { z-index: 454; margin-left: 165px; margin-top: 185px; }
#T_q04_language_tool_icon { z-index: 455; margin-left: 220px; margin-top: 125px; }
#T_q04_mooc_icon { z-index: 456; margin-left: 275px; margin-top: 275px; }
#T_q04_online_references_icon { z-index: 457; margin-left: 330px; margin-top: 25px; }
#T_q04_QA_icon { z-index: 458; margin-left: 385px; margin-top: 295px; }
#T_q04_social_media_icon { z-index: 459; margin-left: 440px; margin-top: 215px; }
#T_q04_video_icon { z-index: 460; margin-left: 495px; margin-top: 45px; }
#T_q04_visual_collaboration_icon { z-index: 461; margin-left: 550px; margin-top: 275px; }
#T_q04_cloud_storage_icon, #T_q04_feedback_collection_icon,
#T_q04_instant_messaging_icon, #T_q04_language_tool_icon,
#T_q04_online_references_icon, #T_q04_social_media_icon,
#T_q04_video_icon { border: 2px dashed #655950; }



#T_q04_cloud_storage_count { z-index: 471; margin-left: 30px; margin-top: -25px; }
#T_q04_feedback_collection_count { z-index: 472; margin-left: 85px; margin-top: 55px; }
#T_q04_immersive_technology_count { z-index: 473; margin-left: 140px; margin-top: 280px; }
#T_q04_instant_messaging_count { z-index: 474; margin-left: 195px; margin-top: 165px; }
#T_q04_language_tool_count { z-index: 475; margin-left: 250px; margin-top: 105px; }
#T_q04_mooc_count { z-index: 476; margin-left: 305px; margin-top: 260px; }
#T_q04_online_references_count { z-index: 477; margin-left: 360px; margin-top: 5px; }
#T_q04_QA_count { z-index: 478; margin-left: 415px; margin-top: 280px; }
#T_q04_social_media_count { z-index: 479; margin-left: 470px; margin-top: 195px; }
#T_q04_video_count { z-index: 480; margin-left: 525px; margin-top: 25px; }
#T_q04_visual_collaboration_count { z-index: 481; margin-left: 580px; margin-top: 260px; }




.S_q04_axis, .S_q04_fullbar, .S_q04_fullbarOthers,
.T_q04_axis, .T_q04_fullbar, .T_q04_fullbarOthers { float: left; margin-top: 5px; font-size: 12px; }
.S_q04_axis, .S_q04_fullbar,
.T_q04_axis, .T_q04_fullbar { height: 50px; }
.S_q04_axis, .T_q04_axis { width: 210px; }
.S_q04_fullbar, .S_q04_fullbarNot,
.T_q04_fullbar, .T_q04_fullbarNot { width: 400px; margin-left: 10px; }
.S_q04_axisgrid, .T_q04_axisgrid { display: table; float: left; width: 150px; }
.S_q04_axistext, .T_q04_axistext { display: table-cell; width: 100%; height: 50px; vertical-align: middle; text-align: right; }
.S_q04_axisimg, .T_q04_axisimg { float: left; width: 50px; margin-left: 5px; }
.S_q04_resize, .T_q04_resize { width: 50px; height: 50px; }
#S_q04_01_type, #T_q04_01_type { color: #AA0055; /*color: #EE2A7B;*/ }
#S_q04_02_type, #T_q04_02_type { color: #880000; /*color: #BE1E2D;*/ }
#S_q04_03_type, #T_q04_03_type { color: #CC2200; /*color: #F15A29;*/ }
#S_q04_04_type, #T_q04_04_type { color: #774400; /*color: #C69B2F;*/ }
#S_q04_05_type, #T_q04_05_type { color: #008811; /*color: #39B54A;*/ }
#S_q04_06_type, #T_q04_06_type { color: #006611; /*color: #009444;*/ }
#S_q04_07_type, #T_q04_07_type { color: #006666; /*color: #00A79D;*/ }
#S_q04_08_type, #T_q04_08_type { color: #006699; /*color: #27AAE1;*/ }
#S_q04_09_type, #T_q04_09_type { color: #004477; /*color: #1B75BC;*/ }
#S_q04_10_type, #T_q04_10_type { color: #110066; /*color: #2B3990;*/ }
#S_q04_11_type, #T_q04_11_type { color: #330066; /*color: #662D91;*/ }
#S_q04_12_type { color: #8B5E3C; }
#S_q04_13_type, #S_q04_14_type, #S_q04_15_type,
#T_q04_12_type, #T_q04_13_type, #T_q04_14_type, #T_q04_15_type { color: #666666; }
#S_q04_16_type, #T_q04_16_type { color: #AAAAAA; }
#S_q04_others_type, #T_q04_others_type { color: #666666; margin-top: 30px; margin-left: -10px; }
#S_q04_01_bar, #S_q04_02_bar, #S_q04_03_bar, #S_q04_04_bar, #S_q04_05_bar,
#S_q04_06_bar, #S_q04_07_bar, #S_q04_08_bar, #S_q04_09_bar, #S_q04_10_bar,
#S_q04_11_bar, #S_q04_12_bar, #S_q04_13_bar, #S_q04_14_bar, #S_q04_15_bar,
#S_q04_16_bar,
#T_q04_01_bar, #T_q04_02_bar, #T_q04_03_bar, #T_q04_04_bar, #T_q04_05_bar,
#T_q04_06_bar, #T_q04_07_bar, #T_q04_08_bar, #T_q04_09_bar, #T_q04_10_bar,
#T_q04_11_bar, #T_q04_12_bar, #T_q04_13_bar, #T_q04_14_bar, #T_q04_15_bar,
#T_q04_16_bar {
	height: 30px;
	margin-top: 15px;
	color: #FFFFFF;
	text-align: right;
	padding-top: 2px;
	padding-right: 0px;
	float: left;
	opacity: 0.75;
}
.q04_bar_figout { margin-left: 110%; color: #555555; text-align: left;  }
#S_q04_01_bar, #T_q04_01_bar { background-color: #AA0055; /*background-color: #EE2A7B;*/ }
#S_q04_01_bar { width: 91.2%; }
#T_q04_01_bar { width: 82.5%; }
#S_q04_02_bar, #T_q04_02_bar { background-color: #880000; /*background-color: #BE1E2D;*/ }
#S_q04_02_bar { width: 86.4%; }
#T_q04_02_bar { width: 75.0%; }
#S_q04_03_bar, #T_q04_03_bar { background-color: #CC2200; /*background-color: #F15A29;*/ }
#S_q04_03_bar { width: 84.0%; }
#T_q04_03_bar { width: 70.0%; }
#S_q04_04_bar, #T_q04_04_bar { background-color: #774400; /*background-color: #C69B2F;*/ }
#S_q04_04_bar { width: 83.0%; }
#T_q04_04_bar { width: 62.5%; }
#S_q04_05_bar, #T_q04_05_bar { background-color: #008811; /*background-color: #39B54A;*/ }
#S_q04_05_bar { width: 81.3%; }
#T_q04_05_bar { width: 50.0%; }
#S_q04_06_bar, #T_q04_06_bar { background-color: #006611; /*background-color: #009444;*/ }
#S_q04_06_bar { width: 75.2%; }
#T_q04_06_bar { width: 35.0%; }
#S_q04_07_bar, #T_q04_07_bar { background-color: #006666; /*background-color: #00A79D;*/ }
#S_q04_07_bar { width: 62.9%; }
#T_q04_07_bar { width: 27.5%; }
#S_q04_08_bar, #T_q04_08_bar { background-color: #006699; /*background-color: #27AAE1;*/ }
#S_q04_08_bar { width: 39.8%; }
#T_q04_08_bar { width: 15.0%; }
#T_q04_08_bar_fig { margin-left: 110%; color: #006699; text-align: left;  }
#T_q04_08_bar .q04_bar_figout { color: #006699; }
#S_q04_09_bar, #T_q04_09_bar { background-color: #004477; /*background-color: #1B75BC;*/ }
#S_q04_09_bar { width: 33.0%; }
#T_q04_09_bar { width: 12.5%; }
#T_q04_09_bar .q04_bar_figout { color: #004477; }
#S_q04_10_bar, #T_q04_10_bar { background-color: #110066; /*background-color: #2B3990;*/}
#S_q04_10_bar { width: 23.1%; }
#T_q04_10_bar { width: 7.5%; }
#T_q04_10_bar .q04_bar_figout { color: #110066; }
#S_q04_11_bar, #T_q04_11_bar { background-color: #330066; /*background-color: #662D91;*/ }
#S_q04_11_bar { width: 21.1%; }
#T_q04_11_bar { width: 7.5%; }
#T_q04_11_bar .q04_bar_figout { color: #330066; }
#S_q04 .lowfigure, #S_q04 .notfigure,
#T_q04 .lowfigure08, #T_q04 .lowfigure09, #T_q04 .lowfigure10, #T_q04 .lowfigure11,
#T_q04 .lowfigure, #T_q04 .notfigure { float: left; margin-top: 15px; margin-left: 5px; }
#S_q04 .lowfigure,
#T_q04 .lowfigure { color: #666666; }
#S_q04 .notfigure,
#T_q04 .notfigure { color: #AAAAAA; }
#T_q04 .lowfigure08 { color: #006699; }
#T_q04 .lowfigure09 { color: #004477; }
#T_q04 .lowfigure10 { color: #110066; }
#T_q04 .lowfigure11 { color: #330066; }
.S_q04_sub_axis, .S_q04_sub_fullbar,
.T_q04_sub_axis, .T_q04_sub_fullbar { float: left; height: 30px; margin-top: 5px; font-size: 12px; }
.S_q04_sub_axis, .T_q04_sub_axis { display: table; width: 210px; }
.S_q04_sub_fullbar, .T_q04_sub_fullbar { width: 400px; margin-left: 10px; }
.S_q04_sub_axistext, .T_q04_sub_axistext { display: table-cell; width: 100%; height: 30px; vertical-align: middle; text-align: right; opacity: 0.85; }
#S_q04_sub01_bar1, #S_q04_sub01_bar2, #S_q04_sub01_bar3, #S_q04_sub01_bar4,
#S_q04_sub02_bar1, #S_q04_sub02_bar2, #S_q04_sub02_bar3,
#S_q04_sub03_bar1, #S_q04_sub03_bar2, #S_q04_sub03_bar3, #S_q04_sub03_bar4,
#S_q04_sub04_bar1, #S_q04_sub04_bar2, #S_q04_sub04_bar3,
#S_q04_sub05_bar1, #S_q04_sub05_bar2, #S_q04_sub05_bar3,
#S_q04_sub06_bar1, #S_q04_sub06_bar2, #S_q04_sub06_bar3,
#S_q04_sub07_bar1, #S_q04_sub07_bar2, #S_q04_sub07_bar3,
#S_q04_sub08_bar1, #S_q04_sub08_bar2, #S_q04_sub08_bar3,
#S_q04_sub09_bar1, #S_q04_sub09_bar2, #S_q04_sub09_bar3, #S_q04_sub09_bar4, #S_q04_sub09_bar5,
#S_q04_sub10_bar1, #S_q04_sub10_bar2, #S_q04_sub10_bar3,
#S_q04_sub11_bar1, #S_q04_sub11_bar2, #S_q04_sub11_bar3,
#T_q04_sub01_bar1, #T_q04_sub01_bar2, #T_q04_sub01_bar3, #T_q04_sub01_bar4,
#T_q04_sub02_bar1, #T_q04_sub02_bar2, #T_q04_sub02_bar3,
#T_q04_sub03_bar1, #T_q04_sub03_bar2, #T_q04_sub03_bar3,
#T_q04_sub04_bar1, #T_q04_sub04_bar2, #T_q04_sub04_bar3,
#T_q04_sub05_bar1, #T_q04_sub05_bar2,
#T_q04_sub06_bar1, #T_q04_sub06_bar2, #T_q04_sub06_bar3, #T_q04_sub06_bar4,
#T_q04_sub07_bar1, #T_q04_sub07_bar2, #T_q04_sub07_bar3,
#T_q04_sub08_bar1, #T_q04_sub08_bar2, #T_q04_sub08_bar3,
#T_q04_sub09_bar1, #T_q04_sub09_bar2, #T_q04_sub09_bar3, #T_q04_sub09_bar4, #T_q04_sub09_bar5,
#T_q04_sub10_bar1, #T_q04_sub10_bar2,
#T_q04_sub11_bar1, #T_q04_sub11_bar2 {
	height: 15px;
	margin-top: 5px;
	float: left;
}
#S_q04_sub01_bar1, #S_q04_sub01_bar2, #S_q04_sub01_bar3, #S_q04_sub01_bar4,
#T_q04_sub01_bar1, #T_q04_sub01_bar2, #T_q04_sub01_bar3, #T_q04_sub01_bar4 { background-color: #AA0055; }
#S_q04_sub01_bar1 { width: 74.8%; opacity: 0.4; }
#S_q04_sub01_bar2 { width: 51.4%; opacity: 0.3; }
#S_q04_sub01_bar3 { width: 20.4%; opacity: 0.2; }
#S_q04_sub01_bar4 { width: 8.8%; opacity: 0.1; }
#T_q04_sub01_bar1 { width: 57.5%; opacity: 0.4; }
#T_q04_sub01_bar2 { width: 37.5%; opacity: 0.3; }
#T_q04_sub01_bar3 { width: 35.0%; opacity: 0.2; }
#T_q04_sub01_bar4 { width: 10.0%; opacity: 0.1; }
#S_q04_sub02_bar1, #S_q04_sub02_bar2, #S_q04_sub02_bar3,
#T_q04_sub02_bar1, #T_q04_sub02_bar2, #T_q04_sub02_bar3 { background-color: #880000; }
#S_q04_sub02_bar1 { width: 68.7%; opacity: 0.4; }
#S_q04_sub02_bar2 { width: 55.8%; opacity: 0.3; }
#S_q04_sub02_bar3 { width: 46.9%; opacity: 0.2; }
#T_q04_sub02_bar1 { width: 62.5%; opacity: 0.4; }
#T_q04_sub02_bar2 { width: 47.5%; opacity: 0.3; }
#T_q04_sub02_bar3 { width: 42.5%; opacity: 0.2; }
#S_q04_sub03_bar1, #S_q04_sub03_bar2, #S_q04_sub03_bar3, #S_q04_sub03_bar4,
#T_q04_sub03_bar1, #T_q04_sub03_bar2, #T_q04_sub03_bar3 { background-color: #CC2200; }
#S_q04_sub03_bar1 { width: 73.5%; opacity: 0.4; }
#S_q04_sub03_bar2 { width: 31.6%; opacity: 0.3; }
#S_q04_sub03_bar3 { width: 23.8%; opacity: 0.2; }
#S_q04_sub03_bar4 { width: 15.6%; opacity: 0.1; }
#T_q04_sub03_bar1 { width: 70.0%; opacity: 0.4; }
#T_q04_sub03_bar2 { width: 15.0%; opacity: 0.3; }
#T_q04_sub03_bar3 { width: 12.5%; opacity: 0.2; }
#S_q04_sub04_bar1, #S_q04_sub04_bar2, #S_q04_sub04_bar3,
#T_q04_sub04_bar1, #T_q04_sub04_bar2, #T_q04_sub04_bar3 { background-color: #774400; }
#S_q04_sub04_bar1 { width: 65.3%; opacity: 0.4; }
#S_q04_sub04_bar2 { width: 63.3%; opacity: 0.3; }
#T_q04_sub04_bar1 { width: 50.0%; opacity: 0.4; }
#T_q04_sub04_bar2 { width: 15.0%; opacity: 0.3; }
#T_q04_sub04_bar3 { width: 7.5%; opacity: 0.2; }
#S_q04_sub05_bar1, #S_q04_sub05_bar2, #S_q04_sub05_bar3,
#T_q04_sub05_bar1, #T_q04_sub05_bar2 { background-color: #008811; }
#S_q04_sub05_bar1 { width: 78.9%; opacity: 0.4; }
#S_q04_sub05_bar2 { width: 19.4%; opacity: 0.3; }
#S_q04_sub05_bar3 { width: 3.1%; opacity: 0.2; }
#T_q04_sub05_bar1 { width: 40.0%; opacity: 0.4; }
#T_q04_sub05_bar2 { width: 30.0%; opacity: 0.3; }
#S_q04_sub06_bar1, #S_q04_sub06_bar2, #S_q04_sub06_bar3,
#T_q04_sub06_bar1, #T_q04_sub06_bar2, #T_q04_sub06_bar3, #T_q04_sub06_bar4 { background-color: #006611; }
#S_q04_sub06_bar1 { width: 62.2%; opacity: 0.4; }
#S_q04_sub06_bar2 { width: 31.0%; opacity: 0.3; }
#S_q04_sub06_bar3 { width: 7.8%; opacity: 0.2; }
#T_q04_sub06_bar1 { width: 35.0%; opacity: 0.4; }
#T_q04_sub06_bar2 { width: 17.5%; opacity: 0.3; }
#T_q04_sub06_bar3 { width: 7.5%; opacity: 0.2; }
#T_q04_sub06_bar4 { width: 0; opacity: 0.1; }
#S_q04_sub07_bar1, #S_q04_sub07_bar2, #S_q04_sub07_bar3,
#T_q04_sub07_bar1, #T_q04_sub07_bar2, #T_q04_sub07_bar3 { background-color: #006666; }
#S_q04_sub07_bar1 { width: 54.8%; opacity: 0.4; }
#S_q04_sub07_bar2 { width: 36.1%; opacity: 0.3; }
#S_q04_sub07_bar3 { width: 9.9%; opacity: 0.2; }
#T_q04_sub07_bar1 { width: 27.5%; opacity: 0.4; }
#T_q04_sub07_bar2 { width: 12.5%; opacity: 0.3; }
#T_q04_sub07_bar3 { width: 0; opacity: 0.2; }
#S_q04_sub08_bar1, #S_q04_sub08_bar2, #S_q04_sub08_bar3,
#T_q04_sub08_bar1, #T_q04_sub08_bar2, #T_q04_sub08_bar3 { background-color: #006699; }
#S_q04_sub08_bar1 { width: 30.3%; opacity: 0.4; }
#S_q04_sub08_bar2 { width: 11.2%; opacity: 0.3; }
#T_q04_sub08_bar1 { width: 10.0%; opacity: 0.4; }
#T_q04_sub08_bar2 { width: 2.5%; opacity: 0.3; }
#T_q04_sub08_bar3 { width: 0; opacity: 0.2; }
#S_q04_sub09_bar1, #S_q04_sub09_bar2, #S_q04_sub09_bar3, #S_q04_sub09_bar4, #S_q04_sub09_bar5,
#T_q04_sub09_bar1, #T_q04_sub09_bar2, #T_q04_sub09_bar3 { background-color: #004477; }
#S_q04_sub09_bar1 { width: 20.7%; opacity: 0.4; }
#S_q04_sub09_bar2 { width: 7.8%; opacity: 0.3; }
#S_q04_sub09_bar3 { width: 5.4%; opacity: 0.2; }
#S_q04_sub09_bar4 { width: 2.4%; opacity: 0.1; }
#S_q04_sub09_bar5 { width: 2.0%; opacity: 0.1; }
#T_q04_sub09_bar1 { width: 7.5%; opacity: 0.4; }
#T_q04_sub09_bar2 { width: 2.5%; opacity: 0.3; }
#T_q04_sub09_bar3 { width: 0; opacity: 0.2; }
#S_q04_sub10_bar1, #S_q04_sub10_bar2, #S_q04_sub10_bar3,
#T_q04_sub10_bar1, #T_q04_sub10_bar2 { background-color: #110066; }
#S_q04_sub10_bar1 { width: 10.5%; opacity: 0.4; }
#S_q04_sub10_bar2 { width: 8.8%; opacity: 0.3; }
#S_q04_sub10_bar3 { width: 6.5%; opacity: 0.2; }
#T_q04_sub10_bar1 { width: 7.5%; opacity: 0.4; }
#T_q04_sub10_bar2 { width: 5.0%; opacity: 0.3; }
#S_q04_sub11_bar1, #S_q04_sub11_bar2, #S_q04_sub11_bar3,
#T_q04_sub11_bar1, #T_q04_sub11_bar2 { background-color: #330066; }
#S_q04_sub11_bar1 { width: 12.6%; opacity: 0.4; }
#S_q04_sub11_bar2 { width: 10.9%; opacity: 0.3; }
#T_q04_sub11_bar1 { width: 5.0%; opacity: 0.4; }
#T_q04_sub11_bar2 { width: 2.5%; opacity: 0.3; }
#S_q04_sub12_bar1 { background-color: #8B5E3C; width: 97px; opacity: 0.4; }
.S_q04_subbar_text,
.T_q04_subbar_text { float: left; margin-top: 0px; margin-left: 5px; opacity: 0.75; }
.S_q04_sub01_appaxis, .S_q04_sub01_figure, .S_q04_sub01_other,
.T_q04_sub01_appaxis, .T_q04_sub01_figure, .T_q04_sub01_other { color: #AA0055; }
.S_q04_sub02_appaxis, .S_q04_sub02_figure, .S_q04_sub02_other,
.T_q04_sub02_appaxis, .T_q04_sub02_figure, .T_q04_sub02_other { color: #880000; }
.S_q04_sub03_appaxis, .S_q04_sub03_figure, .S_q04_sub03_other,
.T_q04_sub03_appaxis, .T_q04_sub03_figure, .T_q04_sub03_other { color: #CC2200; }
.S_q04_sub04_appaxis, .S_q04_sub04_figure, .S_q04_sub04_other,
.T_q04_sub04_appaxis, .T_q04_sub04_figure, .T_q04_sub04_other { color: #774400; }
.S_q04_sub05_appaxis, .S_q04_sub05_figure, .S_q04_sub05_other,
.T_q04_sub05_appaxis, .T_q04_sub05_figure, .T_q04_sub05_other { color: #008811; }
.S_q04_sub06_appaxis, .S_q04_sub06_figure, .S_q04_sub06_other,
.T_q04_sub06_appaxis, .T_q04_sub06_figure, .T_q04_sub06_other { color: #006611; }
.S_q04_sub07_appaxis, .S_q04_sub07_figure, .S_q04_sub07_other,
.T_q04_sub07_appaxis, .T_q04_sub07_figure, .T_q04_sub07_other { color: #006666; }
.S_q04_sub08_appaxis, .S_q04_sub08_figure, .S_q04_sub08_other,
.T_q04_sub08_appaxis, .T_q04_sub08_figure, .T_q04_sub08_other { color: #006699; }
.S_q04_sub09_appaxis, .S_q04_sub09_figure, .S_q04_sub09_other,
.T_q04_sub09_appaxis, .T_q04_sub09_figure, .T_q04_sub09_other { color: #004477; }
.S_q04_sub10_appaxis, .S_q04_sub10_figure, .S_q04_sub10_other,
.T_q04_sub10_appaxis, .T_q04_sub10_figure, .T_q04_sub10_other { color: #110066; }
.S_q04_sub11_appaxis, .S_q04_sub11_figure, .S_q04_sub11_other,
.T_q04_sub11_appaxis, .T_q04_sub11_figure, .T_q04_sub11_other { color: #330066; }
.S_q04_sub12_appaxis, .S_q04_sub12_figure, .S_q04_sub12_other { color: #8B5E3C; }
.S_q04_subother,
.T_q04_subother { color: #666666; }
.S_q04_sub01_other, .S_q04_sub02_other, .S_q04_sub03_other, .S_q04_sub04_other,
.S_q04_sub05_other, .S_q04_sub06_other, .S_q04_sub07_other, .S_q04_sub08_other,
.S_q04_sub09_other, .S_q04_sub10_other, .S_q04_sub11_other, .S_q04_sub12_other,
.S_q04_subother,
.T_q04_sub01_other, .T_q04_sub02_other, .T_q04_sub03_other, .T_q04_sub04_other,
.T_q04_sub05_other, .T_q04_sub06_other, .T_q04_sub07_other, .T_q04_sub08_other,
.T_q04_sub09_other, .T_q04_sub10_other, .T_q04_sub11_other,
.T_q04_subother { clear: both; text-align: left; margin-left: 140px; padding-top: 10px; padding-bottom: 20px; }
.S_q04_subother,
.T_q04_subother { margin-left: 220px; }
.S_q04_remark,
.T_q04_remark { width: 100%; margin-top: 40px; font-size: 14px; color: #555555; font-style: italic; }





#S_q05, #T_q05 { width: 620px; }

.S_q05_item, .T_q05_item { clear: both; width: 100%; margin-bottom: 10px; }
.S_q05_collapsible, .S_q05_noncollapsible,
.T_q05_collapsible, .T_q05_noncollapsible { margin-left: 50px; width: 540px; padding: 5px; font-size: 14px; line-height: 140%; }
.S_q05_noncollapsible, .T_q05_noncollapsible {
	background-color: #888888;
	border: solid 2px #666666;
	color: #FFFFFF;
	padding-right: 0;
	padding-left: 0;
}
.S_q05_noncollapsible_text, .T_q05_noncollapsible_text { margin-left: 15px; }
.S_q05_collapsible, .T_q05_collapsible {
	background: #F3F3F3 url("../images/infographics/eLearningSurvey/results2022/web_button-showhide-small-gray-plus.png") no-repeat 15px 9px;
	border: solid 2px #DDDDDD;
	cursor: pointer;
	outline: none;
	padding-left: 40px;
	color: #666666;
	text-align: left;
	font-family: "Avant Garde", Verdana, sans-serif;
}
.S_q05_collapsible:hover, .T_q05_collapsible:hover { color: #333333; }
.S_q05_active, .T_q05_active { color: #333333; background: #DDDDDD url("../images/infographics/eLearningSurvey/results2022/web_button-showhide-small-gray-minus.png") no-repeat 15px 9px; border: solid 2px #DDDDDD; }
.S_q05_more, .T_q05_more { display: none; overflow: hidden; margin-left: 60px; margin-top: 0px; width: 520px; font-size: 14px; text-align: justify; }
.S_q05_more, .T_q05_more { color: #008B8B; }
.S_q05_more .light, .T_q05_more .light { color: #00A79D; }
.S_q05_remark, .T_q05_remark { width: 100%; margin-bottom: 20px; font-size: 14px; color: #025D8C; font-style: italic; }

.postIt-xxl, .postIt-xl, .postIt-l, .postIt-m, .postIt-s {
	position: relative;
	background-color: #FFEEAA;
	font-size: 12px;
	font-style: italic;
	color: #666666;
	text-align: center;
	box-shadow: 1px 2px 2px #666666;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.postIt-xxl { width: 200px; height: 100px; }
.postIt-xl { width: 180px; height: 80px; }
.postIt-l { width: 140px; height: 68px; }
.postIt-m { width: 100px; height: 68px; }
.postIt-s { width: 80px; height: 55px; }
.postIt-xxl p, .postIt-xl p, .postIt-l p, .postIt-m p, .postIt-s p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}
.postIt-xxl p { width: 190px; }
.postIt-xl p { width: 170px; }
.postIt-l p { width: 130px; }
.postIt-m p { width: 90px; }
.postIt-s p { width: 70px; }

.postIt-area { clear: both; }
.S_q05_collapsible .postIt-area, .T_q05_collapsible .postIt-area { margin-left: -40px; }


.reply-elearn { display: block; clear: both; padding-top: 1px; }


.notifyCount {
	min-width: 20px;
	min-height: 20px;
	border-radius: 10px;
	background-color: #bf165e;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
.tagArea { display: inline-block; clear: both; margin-left: 50px; margin-bottom: 10px; width: 540px; }
.tag {
	min-width: 20px;
	height: 16px;
	float: right;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	margin-top: 2px;
}
.t-canvas { background-color: #e72429; }
.t-centralit { background-color: #bf165e; }
.t-csc { background-color: #bf165e; }
.t-ebook { background-color: #333333; }
.t-elearning { background-color: #00AA88; }
.t-esu { background-color: #bf165e; }
.t-google { background-color: #1a73e8; }
.t-internet { background-color: #333333; }
.t-library { background-color: #709848; }
.t-lockdownbrowser { background-color: #387da6; }
.t-microsoft365 { background-color: #0078d4; }
.t-onlineexamination { background-color: #655950; }
.t-onlinelearning { background-color: #1d7c82; }
.t-onlineteaching { background-color: #1d7c82; }
.t-panopto { background-color: #30733f; }
.t-teacher { background-color: #999999; }
.t-turnitin { background-color: #003c46; }
.t-wifi { background-color: #333333; }
.t-zoom { background-color: #0E72EC; }





#footer_date { width: 100%; margin-top: 40px; color: #999999; font-size: 14px; text-align: right; }




/* For different resolutions */






/* container width 420px */


@media screen and (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   screen and (max-device-width:640px) and (orientation:landscape),
       screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {	
	   
	   
	h1 { font-size: 16px; }
	h1 .spanStrong { font-size: 18px; }
	h1 strong { font-size: 18px; }
	h2, h3 { font-size: 14px; }



	.result_container {
		width: 420px;
	}

	.result_S_title, .result_T_title { width: 320px; font-size: 16px; }
	.result_S_title .spanStrong, .result_T_title .spanStrong { font-size: 24px; }
	.result_S_title strong, .result_T_title strong { font-size: 24px; }

	.result_responseCount { font-size: 14px; margin-left: -20px; }
	.result_responseCount .spanNumber { font-size: 18px; }

	#S_q00, #S_q01, #S_q03, #S_q04, #S_q05,
	#T_q01, #T_q02, #T_q03, #T_q04, #T_q05, #T_q06 { width: 400px; }




	#S_q01, #T_q01 { height: 550px; }
	#S_q01_ol_r0, #S_q01_ol_r1, #S_q01_ol_r2,
	#S_q01_ol_r3, #S_q01_ol_r4, #S_q01_ol_r5,
	#S_q01_ol_r5_fig, #S_q01_ol_r4_fig, #S_q01_ol_r3_fig, #S_q01_ol_r2_fig, #S_q01_ol_r1_fig,
	#S_q01_ol_icon, #S_q01_ol_average { margin-left: 40px; width: 80px; }
	#S_q01_ol_total { margin-left: 20px; width: 100px; }
	#S_q01_ol_noEXP { margin-left: 20px; width: 100px; }
	#T_q01_ol_r0, #T_q01_ol_r1, #T_q01_ol_r2,
	#T_q01_ol_r3, #T_q01_ol_r4, #T_q01_ol_r5,
	#T_q01_ol_r5_fig, #T_q01_ol_r4_fig, #T_q01_ol_r3_fig, #T_q01_ol_r2_fig, #T_q01_ol_r1_fig,
	#T_q01_ol_icon, #T_q01_ol_title, #T_q01_ol_noEXP, #T_q01_ol_average { margin-left: 100px; width: 80px; }
	#T_q01_ag_r0, #T_q01_ag_r1, #T_q01_ag_r2,
	#T_q01_ag_r3, #T_q01_ag_r4, #T_q01_ag_r5,
	#T_q01_ag_r5_fig, #T_q01_ag_r4_fig, #T_q01_ag_r3_fig, #T_q01_ag_r2_fig, #T_q01_ag_r1_fig,
	#T_q01_ag_icon, #T_q01_ag_title, #T_q01_ag_noEXP, #T_q01_ag_average { margin-left: 200px; width: 80px; }
	#S_q01_oe_r0, #S_q01_oe_r1, #S_q01_oe_r2,
	#S_q01_oe_r3, #S_q01_oe_r4, #S_q01_oe_r5,
	#S_q01_oe_r5_fig, #S_q01_oe_r4_fig, #S_q01_oe_r3_fig, #S_q01_oe_r2_fig, #S_q01_oe_r1_fig,
	#S_q01_oe_icon, #S_q01_oe_average { margin-left: 280px; width: 80px; }
	#S_q01_oe_total { margin-left: 280px; width: 100px; }
	#S_q01_oe_noEXP { margin-left: 280px; width: 100px; }
	#T_q01_oe_r0, #T_q01_oe_r1, #T_q01_oe_r2,
	#T_q01_oe_r3, #T_q01_oe_r4, #T_q01_oe_r5,
	#T_q01_oe_r5_fig, #T_q01_oe_r4_fig, #T_q01_oe_r3_fig, #T_q01_oe_r2_fig, #T_q01_oe_r1_fig,
	#T_q01_oe_icon, #T_q01_oe_title, #T_q01_oe_noEXP, #T_q01_oe_average { margin-left: 300px; width: 80px; }
	#S_q01_sca_r0, #S_q01_sca_r1, #S_q01_sca_r2,
	#S_q01_sca_r3, #S_q01_sca_r4, #S_q01_sca_r5,
	#S_q01_sca_r0_text, #S_q01_sca_r1_text, #S_q01_sca_r2_text,
	#S_q01_sca_r3_text, #S_q01_sca_r4_text, #S_q01_sca_r5_text { margin-left: 120px; width: 160px; }
	#S_q01_sca_r3 { width: 166px; margin-left: 117px; }
	#S_q01_ol_title, #S_q01_oe_title { width: 100px; font-size: 18px; margin-top: 400px; }
	#S_q01_ol_title { margin-left: 30px; }
	#S_q01_oe_title { margin-left: 270px; }
	#S_q01_ol_icon img, #S_q01_oe_icon img,
	#T_q01_ol_icon img, #T_q01_ag_icon img, #T_q01_oe_icon img { width: 80px; }
	#T_q01_ol_title, #T_q01_ag_title, #T_q01_oe_title { font-size: 14px; margin-top: 400px; }
	#T_q01_sca_r0, #T_q01_sca_r1, #T_q01_sca_r2,
	#T_q01_sca_r3, #T_q01_sca_r4, #T_q01_sca_r5 { width: 80px; }
	#T_q01_sca_r0_text, #T_q01_sca_r1_text, #T_q01_sca_r2_text,
	#T_q01_sca_r3_text, #T_q01_sca_r4_text, #T_q01_sca_r5_text { width: 80px; font-size: 11px; }
	#T_q01_sca_r0_text { margin-top: -2px; }
	#T_q01_sca_r5_text { margin-top: 38px; }
	#T_q01_sca1_r1, #T_q01_sca1_r2, #T_q01_sca1_r3, #T_q01_sca1_r4, #T_q01_sca1_r5 { width: 20px; margin-left: 180px; }
	#T_q01_sca1_r5 { transform:rotate(46deg); margin-top: 27px; margin-left: 176px; width: 28px; }
	#T_q01_sca1_r4 { transform:rotate(18deg); margin-top: 92px; }
	#T_q01_sca1_r3 { transform:rotate(-46deg); margin-top: 214px; margin-left: 176px; width: 28px; }
	#T_q01_sca2_r1, #T_q01_sca2_r2, #T_q01_sca2_r3, #T_q01_sca2_r4, #T_q01_sca2_r5 { width: 20px; margin-left: 280px; }
	#T_q01_sca2_r5 { transform:rotate(64deg); margin-top: 60px; margin-left: 266px; width: 50px; }
	#T_q01_sca2_r4 { transform:rotate(36deg); margin-top: 102px; margin-left: 278px; width: 26px; }
	#T_q01_sca2_r3 { transform:rotate(-18deg); margin-top: 200px; }
	#T_q01_sca2_r2 { transform:rotate(-18deg); margin-top: 264px; }
	#S_q01_ol_total, #S_q01_oe_total { font-size: 12px; }
	#S_q01_ol_noEXP, #S_q01_oe_noEXP,
	#T_q01_ol_noEXP, #T_q01_oe_noEXP { font-size: 12px; }
	#S_q01_ol_average, #S_q01_oe_average { font-size: 11px; }

	#S_q01_remark { margin-top: 500px; }


	/*#S_q01_include_q02 { margin-top: 550px; }*/
	#S_q02, #T_q02 { width: 380px; height: 650px; }
	#S_q02_border, #S_q02_computer, #S_q02_mobile,
	#T_q02_border, #T_q02_computer, #T_q02_mobile { height: 30px; }
	#S_q02_computer_mean, #S_q02_mobile_mean,
	#T_q02_computer_mean, #T_q02_mobile_mean { font-size: 14px; width: 100px; }
	#S_q02_computer_name, #S_q02_mobile_name,
	#T_q02_computer_name, #T_q02_mobile_name { margin-top: 40px; font-size: 14px; width: 160px; }
	#S_q02_mobile_name .remark, #T_q02_mobile_name .remark { font-size: 11px; }
	#S_q02_mobile_name, #T_q02_mobile_name { margin-left: 210px; }
	#S_q02_border, #T_q02_border { width: 360px; }
	#S_q02_computer { width: 283px; }
	#T_q02_computer { width: 342px; }
	#S_q02_computer_mean { margin-left: 190px; }
	#T_q02_computer_mean { margin-left: 250px; }
	#S_q02_mobile { margin-left: 293px; width: 77px; }
	#T_q02_mobile { margin-left: 352px; width: 18px; }
	#S_q02_mobile_mean { margin-left: 300px; }
	#T_q02_mobile_mean { margin-left: 360px; }
	#S_q02_character_computers, #S_q02_character_mobiledevices,
	#T_q02_character_computers, #T_q02_character_mobiledevices { margin-top: 80px; width: 150px; }
	#S_q02_character_mobiledevices { margin-left: 240px; }
	#S_q02_vs, #T_q02_vs { margin-top: 130px; margin-left: 160px; width: 100px; }
	#q02_axisname_computer, #q02_axisname_mobile { font-size: 14px; width: 160px; }
	#q02_axis_computer, #q02_axis_mobile { width: 360px; }
	#q02_axis_computer { margin-top: 308px; }
	#q02_computer_m00, #q02_computer_m01, #q02_computer_m02, #q02_computer_m03, #q02_computer_m04, #q02_computer_m05,
	#q02_computer_m06, #q02_computer_m07, #q02_computer_m08, #q02_computer_m09, #q02_computer_m10 { margin-top: 300px; }
	#q02_axisname_computer { margin-top: 260px; }
	#q02_axis_mobile { margin-top: 558px; }
	#q02_mobile_m00, #q02_mobile_m01, #q02_mobile_m02, #q02_mobile_m03, #q02_mobile_m04, #q02_mobile_m05,
	#q02_mobile_m06, #q02_mobile_m07, #q02_mobile_m08, #q02_mobile_m09, #q02_mobile_m10 { margin-top: 550px; }
	#q02_axisname_mobile { margin-top: 600px; margin-left: 210px; }
	#q02_mobile_m01, #q02_computer_m09 { margin-left: 31px; }
	#q02_mobile_m02, #q02_computer_m08 { margin-left: 67px; }
	#q02_mobile_m03, #q02_computer_m07 { margin-left: 103px; }
	#q02_mobile_m04, #q02_computer_m06 { margin-left: 139px; }
	#q02_mobile_m05, #q02_computer_m05 { margin-left: 175px; }
	#q02_mobile_m06, #q02_computer_m04 { margin-left: 211px; }
	#q02_mobile_m07, #q02_computer_m03 { margin-left: 247px; }
	#q02_mobile_m08, #q02_computer_m02 { margin-left: 283px; }
	#q02_mobile_m09, #q02_computer_m01 { margin-left: 319px; }
	#q02_mobile_m10, #q02_computer_m00 { margin-left: 355px; }
	.q02_label, .q02_labelTop { font-size: 10px; }
	#S_q02_bar00, #S_q02_bar01,
	#T_q02_bar00, #T_q02_bar01 { width: 36px; }
	#S_q02_bar02, #S_q02_bar03, #S_q02_bar04, #S_q02_bar05, #S_q02_bar06, #S_q02_bar07, #S_q02_bar08, #S_q02_bar09,
	#T_q02_bar02, #T_q02_bar03 {
		width: 32px;
	}
	#S_q02_bar00, #S_q02_bar01 { margin-top: 332px; }
	#T_q02_bar00, #T_q02_bar01 { margin-top: 380px; }
	#S_q02_bar02 { margin-top: 382px; margin-left: 50px; }
	#T_q02_bar02 { margin-top: 530px; margin-left: 50px; }
	#S_q02_bar03 { margin-top: 474px; margin-left: 86px; }
	#T_q02_bar03 { margin-top: 540px; margin-left: 86px; }
	#S_q02_bar04 { margin-top: 512px; margin-left: 122px; }
	#S_q02_bar05 { margin-top: 498px; margin-left: 158px; }
	#S_q02_bar06 { margin-top: 538px; margin-left: 194px; }
	#S_q02_bar07 { margin-top: 536px; margin-left: 230px; }
	#S_q02_bar08 { margin-top: 544px; margin-left: 266px; }
	#S_q02_bar09 { margin-top: 546px; margin-left: 302px; }
	.q02_fig { font-size: 11px; }
	#S_q02_bar00 .q02_fig, #T_q02_bar00 .q02_fig { width: 50px; padding: 2px; margin-left: -45px; color: #555555; background: rgba(255, 255, 255, 0.75); border: solid 1px #007ac0; }



	#S_q03, #T_q03 { width: 380px; height: 900px;  }
	#S_q03_builtin, #T_q03_builtin { margin-left: 30px; }
	#S_q03_thirdparty, #T_q03_thirdparty { margin-left: 30px; }
	#S_q03 h2, #T_q03 h2 { font-size: 18px; }











	#S_q04, #T_q04 { width: 380px; min-height: 200px; font-size: 11px; }
	#S_q04_shown, #T_q04_shown { margin-left: -10px; width: 400px; }
	#S_q04_baseline, #T_q04_baseline { display: none; width: 400px; }
	.S_q04_collapsible, .T_q04_collapsible { margin-top: 100px; }

	#S_q04_cloud_storage_name, #S_q04_feedback_collection_name, #S_q04_immersive_technology_name,
	#S_q04_instant_messaging_name, #S_q04_language_tool_name, #S_q04_mooc_name,
	#S_q04_online_references_name, #S_q04_QA_name, #S_q04_social_media_name,
	#S_q04_video_name, #S_q04_visual_collaboration_name,
	#T_q04_cloud_storage_name, #T_q04_feedback_collection_name, #T_q04_immersive_technology_name,
	#T_q04_instant_messaging_name, #T_q04_language_tool_name, #T_q04_mooc_name,
	#T_q04_online_references_name, #T_q04_QA_name, #T_q04_social_media_name,
	#T_q04_video_name, #T_q04_visual_collaboration_name {
		font-size: 10px; width: 70px;
	}

	#S_q04_cloud_storage_line, #T_q04_cloud_storage_line { margin-left: 16px; }
	#S_q04_cloud_storage_line { margin-top: 66px; height: 268px; }
	#T_q04_cloud_storage_line { margin-top: 27px; height: 308px; }
	#S_q04_feedback_collection_line, #T_q04_feedback_collection_line { margin-left: 52px; }
	#S_q04_feedback_collection_line { margin-top: 113px; height: 221px; }
	#T_q04_feedback_collection_line { margin-top: 107px; height: 228px; }
	#S_q04_immersive_technology_line, #T_q04_immersive_technology_line { margin-left: 88px; }
	#S_q04_immersive_technology_line { margin-top: 272px; height: 62px; }
	#T_q04_immersive_technology_line { margin-top: 327px; height: 8px; }
	#S_q04_instant_messaging_line, #T_q04_instant_messaging_line { margin-left: 124px; }
	#S_q04_instant_messaging_line { margin-top: 87px; height: 247px; }
	#T_q04_instant_messaging_line { margin-top: 217px; height: 118px; }
	#S_q04_language_tool_line, #T_q04_language_tool_line { margin-left: 160px; }
	#S_q04_language_tool_line { margin-top: 90px; height: 244px; }
	#T_q04_language_tool_line { margin-top: 157px; height: 178px; }
	#S_q04_mooc_line, #T_q04_mooc_line { margin-left: 196px; }
	#S_q04_mooc_line { margin-top: 237px; height: 97px; }
	#T_q04_mooc_line { margin-top: 307px; height: 28px; }
	#S_q04_online_references_line, #T_q04_online_references_line { margin-left: 232px; }
	#S_q04_online_references_line { margin-top: 80px; height: 254px; }
	#T_q04_online_references_line { margin-top: 57px; height: 278px; }
	#S_q04_QA_line, #T_q04_QA_line { margin-left: 268px; }
	#S_q04_QA_line { margin-top: 217px; height: 117px; }
	#T_q04_QA_line { margin-top: 327px; height: 8px; }
	#S_q04_social_media_line, #T_q04_social_media_line { margin-left: 304px; }
	#S_q04_social_media_line { margin-top: 149px; height: 185px; }
	#T_q04_social_media_line { margin-top: 247px; height: 88px; }
	#S_q04_video_line, #T_q04_video_line { margin-left: 340px; }
	#S_q04_video_line { margin-top: 95px; height: 239px; }
	#T_q04_video_line { margin-top: 77px; height: 258px; }
	#S_q04_visual_collaboration_line, #T_q04_visual_collaboration_line { margin-left: 376px; }
	#S_q04_visual_collaboration_line { margin-top: 266px; height: 68px; }
	#T_q04_visual_collaboration_line { margin-top: 297px; height: 38px; }

	#S_q04_cloud_storage_icon, #S_q04_feedback_collection_icon, #S_q04_immersive_technology_icon,
	#S_q04_instant_messaging_icon, #S_q04_language_tool_icon, #S_q04_mooc_icon,
	#S_q04_online_references_icon, #S_q04_QA_icon, #S_q04_social_media_icon,
	#S_q04_video_icon, #S_q04_visual_collaboration_icon,
	#T_q04_cloud_storage_icon, #T_q04_feedback_collection_icon, #T_q04_immersive_technology_icon,
	#T_q04_instant_messaging_icon, #T_q04_language_tool_icon, #T_q04_mooc_icon,
	#T_q04_online_references_icon, #T_q04_QA_icon, #T_q04_social_media_icon,
	#T_q04_video_icon, #T_q04_visual_collaboration_icon { width: 30px; height: 30px; border-radius: 15px; }
	#S_q04_cloud_storage_icon, #T_q04_cloud_storage_icon { margin-left: 0; }
	#S_q04_feedback_collection_icon, #T_q04_feedback_collection_icon { margin-left: 36px; }
	#S_q04_immersive_technology_icon, #T_q04_immersive_technology_icon { margin-left: 72px; }
	#S_q04_instant_messaging_icon, #T_q04_instant_messaging_icon { margin-left: 108px; }
	#S_q04_language_tool_icon, #T_q04_language_tool_icon { margin-left: 144px; }
	#S_q04_mooc_icon, #T_q04_mooc_icon { margin-left: 180px; }
	#S_q04_online_references_icon, #T_q04_online_references_icon { margin-left: 216px; }
	#S_q04_QA_icon, #T_q04_QA_icon { margin-left: 252px; }
	#S_q04_social_media_icon, #T_q04_social_media_icon { margin-left: 288px; }
	#S_q04_video_icon, #T_q04_video_icon { margin-left: 324px; }
	#S_q04_visual_collaboration_icon, #T_q04_visual_collaboration_icon { margin-left: 360px; }

	#S_q04_cloud_storage_count, #S_q04_feedback_collection_count,
	#S_q04_instant_messaging_count, #S_q04_language_tool_count,
	#S_q04_online_references_count,
	#S_q04_video_count,
	#T_q04_cloud_storage_count, #T_q04_feedback_collection_count,
	#T_q04_instant_messaging_count, #T_q04_language_tool_count,
	#T_q04_online_references_count, #T_q04_social_media_count,
	#T_q04_video_count { font-size: 14px; }
	#S_q04_immersive_technology_count,
	#S_q04_mooc_count,
	#S_q04_QA_count, #S_q04_social_media_count,
	#S_q04_visual_collaboration_count,
	#T_q04_immersive_technology_count,
	#T_q04_mooc_count,
	#T_q04_QA_count,
	#T_q04_visual_collaboration_count { font-size: 11px; }
	#S_q04_cloud_storage_count, #T_q04_cloud_storage_count { margin-left: 20px; }
	#S_q04_cloud_storage_count { margin-top: 17px; }
	#T_q04_cloud_storage_count { margin-top: -20px; }
	#S_q04_feedback_collection_count, #T_q04_feedback_collection_count { margin-left: 71px; }
	#S_q04_feedback_collection_count { margin-top: 94px; }
	#T_q04_feedback_collection_count { margin-top: 90px; }
	#S_q04_immersive_technology_count, #T_q04_immersive_technology_count { margin-left: 92px; }
	#S_q04_immersive_technology_count { margin-top: 228px; }
	#T_q04_immersive_technology_count { margin-top: 290px; margin-left: 105px; }
	#S_q04_instant_messaging_count, #T_q04_instant_messaging_count { margin-left: 128px; }
	#S_q04_instant_messaging_count { margin-top: 38px; }
	#T_q04_instant_messaging_count { margin-top: 220px; }
	#S_q04_language_tool_count, #T_q04_language_tool_count { margin-left: 164px; }
	#S_q04_language_tool_count { margin-top: 41px; }
	#T_q04_language_tool_count { margin-top: 110px; }
	#S_q04_mooc_count, #T_q04_mooc_count { margin-left: 200px; }
	#S_q04_mooc_count { margin-top: 193px; }
	/*#T_q04_mooc_count {  }*/
	#S_q04_online_references_count, #T_q04_online_references_count { margin-left: 236px; }
	#S_q04_online_references_count { margin-top: 31px; }
	#T_q04_online_references_count { margin-top: 10px; }
	#S_q04_QA_count, #T_q04_QA_count { margin-left: 272px; }
	#S_q04_QA_count { margin-top: 173px; }
	#T_q04_QA_count { margin-top: 282px; }
	#S_q04_social_media_count, #T_q04_social_media_count { margin-left: 308px; }
	#S_q04_social_media_count { margin-top: 105px; }
	#T_q04_social_media_count { margin-top: 198px; }
	#S_q04_video_count, #T_q04_video_count { margin-left: 344px; }
	#S_q04_video_count { margin-top: 46px; }
	#T_q04_video_count { margin-top: 28px; }
	#S_q04_visual_collaboration_count, #T_q04_visual_collaboration_count { margin-left: 380px; }
	#S_q04_visual_collaboration_count { margin-top: 220px; }
	/*#T_q04_visual_collaboration_count {  }*/

	#S_q04_cloud_storage_name { margin-left: 20px; margin-top: 5px; text-align: left; }
	#T_q04_cloud_storage_name { margin-left: 20px; margin-top: -30px; text-align: left; }
	#S_q04_feedback_collection_name { margin-left: 56px; margin-top: 114px; text-align: left; }
	#T_q04_feedback_collection_name { margin-left: 56px; margin-top: 110px; text-align: left; }
	#S_q04_immersive_technology_name { margin-left: 55px; margin-top: 203px; }
	#T_q04_immersive_technology_name { margin-left: 55px; margin-top: 265px; }
	#S_q04_instant_messaging_name { margin-left: 85px; margin-top: 13px; text-align: right; }
	#T_q04_instant_messaging_name { margin-left: 50px; margin-top: 220px; text-align: right; }
	#S_q04_language_tool_name { margin-left: 164px; margin-top: 18px; text-align: left; width: 60px; }
	#T_q04_language_tool_name { margin-left: 164px; margin-top: 85px; text-align: left; width: 60px; }
	#S_q04_mooc_name{ margin-left: 160px; margin-top: 143px; }
	#T_q04_mooc_name{ margin-left: 160px; margin-top: 215px; }
	#S_q04_online_references_name { margin-left: 236px; margin-top: 6px; text-align: left; }
	#T_q04_online_references_name { margin-left: 236px; margin-top: -15px; text-align: left; }
	#S_q04_QA_name { margin-left: 232px; margin-top: 150px; }
	#T_q04_QA_name { margin-left: 232px; margin-top: 260px; }
	#S_q04_social_media_name { margin-left: 243px; margin-top: 80px; text-align: right; width: 60px; }
	#T_q04_social_media_name { margin-left: 243px; margin-top: 178px; text-align: right; width: 60px; }
	#S_q04_video_name { margin-left: 344px; margin-top: 21px; text-align: left; width: 60px; }
	#T_q04_video_name { margin-left: 344px; margin-top: 5px; text-align: left; width: 60px; }
	#S_q04_visual_collaboration_name { margin-left: 340px; margin-top: 185px; }
	#T_q04_visual_collaboration_name { margin-left: 340px; margin-top: 225px; }

	.S_q04_axis, .T_q04_axis { width: 160px; font-size: 12px; }
	.S_q04_axis, .S_q04_fullbar, .S_q04_fullbarNot,
	.T_q04_axis, .T_q04_fullbar, .T_q04_fullbarNot { height: 50px;  }
	.S_q04_axis, .S_q04_fullbar, .S_q04_fullbarNot,
	.T_q04_axis, .T_q04_fullbar, .T_q04_fullbarNot { font-size: 11px; }
	.S_q04_sub_axis, .S_q04_sub_fullbar, .S_q04_subother,
	.T_q04_sub_axis, .T_q04_sub_fullbar, .T_q04_subother { font-size: 11px; }
	.S_q04_fullbar, .S_q04_fullbarNot,
	.T_q04_fullbar, .T_q04_fullbarNot { width: 220px; margin-left: -10px; }
	.S_q04_axisgrid, .T_q04_axisgrid { width: 100px; }
	.S_q04_axisimg, .T_q04_axisimg { width: 50px; }
	.S_q04_resize, .T_q04_resize { width: 40px; height: 40px; }
	.S_q04_sub_axis, .T_q04_sub_axis { width: 140px; }
	.S_q04_sub_fullbar, .T_q04_sub_fullbar { width: 220px; }
	.S_q04_subother, .T_q04_subother { margin-left: 150px; }


	.S_q05_collapsible, .S_q05_noncollapsible,
	.T_q05_collapsible, .T_q05_noncollapsible { margin-left: 10px; width: 380px; font-size: 12px; }
	.tagArea { margin-left: 10px; width: 380px; }
	.S_q05_collapsible, .T_q05_collapsible { background: #F3F3F3 url("../images/infographics/eLearningSurvey/results2019/web_button-showhide-small-gray-plus.png") no-repeat 15px 7px; }
	.S_q05_active, .T_q05_active { background: #DDDDDD url("../images/infographics/eLearningSurvey/results2019/web_button-showhide-small-gray-minus.png") no-repeat 15px 7px; }
	.S_q05_more, .T_q05_more { margin-left: 30px; width: 360px; font-size: 12px; }
	.S_q05_remark, .T_q05_remark { font-size: 12px; }


	.postIt-xxl, .postIt-xl, .postIt-l, .postIt-m, .postIt-s, .notifyCount, .tag { font-size: 11px; }
	.postIt-xxl { width: 180px; height: 90px; }
	.postIt-xxl p { width: 170px; }
	.postIt-xl { width: 165px; height: 74px; }
	.postIt-xl p { width: 155px; }
	.postIt-l { width: 129px; height: 62px; }
	.postIt-l p { width: 119px; }
	.postIt-m { width: 90px; height: 62px; }
	.postIt-m p { width: 80px; }
	.postIt-s { width: 74px; height: 48px; }
	.postIt-s p { width: 64px; }


	#footer_date { margin-top: 60px; margin-left: -20px; font-size: 12px; }
	   
}





/* container width 300px */


@media screen and (max-device-width:320px), 
       screen and (min-device-width:1024px) and (max-width:509px),
       screen and (max-device-width:480px) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 2) and (orientation:portrait),
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {
	   

	h1 { font-size: 14px; }
	h1 .spanStrong { font-size: 16px; }
	h2, h3 { font-size: 12px; }

	.result_container { margin-top: 10px; width: 100%; }
	.result_S_title, .result_T_title { width: 100%; font-size: 14px; margin-left: 5px; }
	.result_S_title .spanStrong, .result_T_title .spanStrong { font-size: 20px; }
	.result_S_title strong, .result_T_title strong { font-size: 20px; }

	.result_responseCount { font-size: 12px; margin-left: 0; }
	.result_responseCount .spanNumber { font-size: 16px; }

	.rate4 { font-size: 10px; }

	#T_float { width: 90px; margin-left: -75px; }


	#S_q00, #S_q01, #S_q02, #S_q03, #S_q04, #S_q05,
	#T_q01, #T_q02, #T_q03, #T_q04, #T_q05, #T_q06 { width: 260px; }


	#S_q00-desktop-res, #S_q00-desktop-doc, #S_q00-desktop-tgp,
	#S_q00-desktop-ugd, #S_q00-desktop-ade, #S_q00-desktop-exs,
	#T_q00-desktop-class, #T_q00-desktop-slw, #T_q00-desktop-ceng, #T_q00-desktop-csci, #T_q00-desktop-cvmls,
	#T_q00-desktop-cb, #T_q00-desktop-scm, #T_q00-desktop-scope, #T_q00-desktop-see { display: none; }

	#S_q00-mobile-res, #S_q00-mobile-doc, #S_q00-mobile-tgp,
	#S_q00-mobile-ugd, #S_q00-mobile-ade, #S_q00-mobile-exs,
	#T_q00-mobile-class, #T_q00-mobile-slw, #T_q00-mobile-ceng, #T_q00-mobile-csci, #T_q00-mobile-cvmls,
	#T_q00-mobile-cb, #T_q00-mobile-scm, #T_q00-mobile-scope, #T_q00-mobile-see { display: initial; }

	#S_q00-mobile-res:hover {transform: translate(-5px,0px); }
	#S_q00-mobile-doc:hover {transform: translate(4px,0px); }
	#S_q00-mobile-tgp:hover {transform: translate(2px,2px); }
	#S_q00-mobile-ugd:hover {transform: translate(-5px,0px); }
	#S_q00-mobile-ade:hover {transform: translate(0px,5px); }
	#S_q00-mobile-exs:hover {transform: translate(0px,5px); }


	#S_q00 { height: 380px; }
	#S_q00_res_text, #S_q00_doc_text, #S_q00_tgp_text, #S_q00_ugd_text, #S_q00_ade_text, #S_q00_exs_text { margin-left: 90px; }
	#S_q00_res_text { margin-top: -30px; }
	#S_q00_doc_text { margin-top: 10px; }
	#S_q00_tgp_text { margin-top: 70px; }
	#S_q00_ugd_text { margin-top: 220px; }
	#S_q00_ade_text { margin-top: 300px; }
	#S_q00_exs_text { margin-top: 360px; }

	#S_q00-desktop_res_border,
	#S_q00-desktop_doc_border-top, #S_q00-desktop_doc_border-bot,
	#S_q00-desktop_tgp_border-top, #S_q00-desktop_tgp_border-bot,
	#S_q00-desktop_ugd_border,
	#S_q00-desktop_ade_border-top, #S_q00-desktop_ade_border-bot,
	#S_q00-desktop_exs_border-top, #S_q00-desktop_exs_border-bot { display: none; }


	#T_q00_class_text, #T_q00_slw_text, #T_q00_ceng_text, #T_q00_csci_text, #T_q00_cvmls_text,
	#T_q00_cb_text, #T_q00_scm_text, #T_q00_scope_text, #T_q00_see_text { margin-left: 10px; width: 140px; font-size: 10px; }
	.T_q00-label { width: 140px; }

	#T_q00_class_fig, #T_q00_slw_fig, #T_q00_ceng_fig, #T_q00_csci_fig, #T_q00_cvmls_fig,
	#T_q00_cb_fig, #T_q00_scm_fig, #T_q00_scope_fig, #T_q00_see_fig { margin-left: 210px; }
	#T_q00_class_fig { margin-top: 0; }
	#T_q00_slw_fig { margin-top: 41px; }
	#T_q00_ceng_fig { margin-top: 82px; }
	#T_q00_csci_fig { margin-top: 123px; }
	#T_q00_cvmls_fig { margin-top: 164px; }
	#T_q00_cb_fig { margin-top: 205px; }
	#T_q00_scm_fig { margin-top: 246px; }
	#T_q00_scope_fig { margin-top: 287px; }
	#T_q00_see_fig { margin-top: 328px; }



	/*#S_q01, #T_q01 { height: 480px; }*/
	#S_q01_ol_r0, #S_q01_ol_r1, #S_q01_ol_r2,
	#S_q01_ol_r3, #S_q01_ol_r4, #S_q01_ol_r5,
	#S_q01_ol_r5_fig, #S_q01_ol_r4_fig, #S_q01_ol_r3_fig, #S_q01_ol_r2_fig, #S_q01_ol_r1_fig,
	#S_q01_ol_icon, #S_q01_ol_average { margin-left: 10px; width: 80px; }
	#S_q01_ol_total { margin-left: -5px; width: 95px; }
	#S_q01_ol_noEXP { margin-left: -5px; width: 95px; }
	#S_q01_oe_r0, #S_q01_oe_r1, #S_q01_oe_r2,
	#S_q01_oe_r3, #S_q01_oe_r4, #S_q01_oe_r5,
	#S_q01_oe_r5_fig, #S_q01_oe_r4_fig, #S_q01_oe_r3_fig, #S_q01_oe_r2_fig, #S_q01_oe_r1_fig,
	#S_q01_oe_icon, #S_q01_oe_average { margin-left: 190px; width: 80px; }
	#S_q01_oe_total { margin-left: 190px; width: 95px; }
	#S_q01_oe_noEXP { margin-left: 190px; width: 95px; }
	#S_q01_sca_r0, #S_q01_sca_r1, #S_q01_sca_r2,
	#S_q01_sca_r3, #S_q01_sca_r4, #S_q01_sca_r5,
	#S_q01_sca_r0_text, #S_q01_sca_r1_text, #S_q01_sca_r2_text,
	#S_q01_sca_r3_text, #S_q01_sca_r4_text, #S_q01_sca_r5_text { margin-left: 90px; width: 100px; font-size: 12px; }
	#S_q01_sca_r5 { transform:rotate(13.5deg); width: 104px; margin-left: 88px; }
	#S_q01_sca_r4 { transform:rotate(-5deg); }
	#S_q01_sca_r3 { transform:rotate(-24deg); width: 110px; margin-left: 85px; }
	#S_q01_sca_r2 { transform:rotate(-8deg); }
	#S_q01_sca_r1 { transform:rotate(-2deg); }
	#S_q01_ol_title, #S_q01_oe_title { width: 100px; font-size: 18px; }
	#S_q01_ol_title { margin-left: 10px; width: 80px; font-size: 14px; }
	#S_q01_oe_title { margin-left: 190px; width: 80px; font-size: 14px; }

	#T_q01_ol_r0, #T_q01_ol_r1, #T_q01_ol_r2,
	#T_q01_ol_r3, #T_q01_ol_r4, #T_q01_ol_r5,
	#T_q01_ol_r5_fig, #T_q01_ol_r4_fig, #T_q01_ol_r3_fig, #T_q01_ol_r2_fig, #T_q01_ol_r1_fig,
	#T_q01_ol_icon, #T_q01_ol_title, #T_q01_ol_noEXP, #T_q01_ol_average { margin-left: 60px; width: 60px; font-size: 10px; }
	#T_q01_ag_r0, #T_q01_ag_r1, #T_q01_ag_r2,
	#T_q01_ag_r3, #T_q01_ag_r4, #T_q01_ag_r5,
	#T_q01_ag_r5_fig, #T_q01_ag_r4_fig, #T_q01_ag_r3_fig, #T_q01_ag_r2_fig, #T_q01_ag_r1_fig,
	#T_q01_ag_icon, #T_q01_ag_title, #T_q01_ag_noEXP, #T_q01_ag_average { margin-left: 140px; width: 60px; font-size: 10px; }
	#T_q01_ol_r2_fig, #T_q01_ag_r2_fig, #T_q01_sca_r2_text { margin-top: 268px; }
	#T_q01_oe_r0, #T_q01_oe_r1, #T_q01_oe_r2,
	#T_q01_oe_r3, #T_q01_oe_r4, #T_q01_oe_r5,
	#T_q01_oe_r5_fig, #T_q01_oe_r4_fig, #T_q01_oe_r3_fig, #T_q01_oe_r2_fig, #T_q01_oe_r1_fig,
	#T_q01_oe_icon, #T_q01_oe_title, #T_q01_oe_noEXP, #T_q01_oe_average { margin-left: 220px; width: 60px; font-size: 10px; }
	#T_q01_sca_r0, #T_q01_sca_r1, #T_q01_sca_r2,
	#T_q01_sca_r3, #T_q01_sca_r4, #T_q01_sca_r5 { width: 60px; margin-left: 0; }
	#T_q01_sca_r0_text, #T_q01_sca_r1_text, #T_q01_sca_r2_text,
	#T_q01_sca_r3_text, #T_q01_sca_r4_text, #T_q01_sca_r5_text { width: 60px; margin-left: 0; font-size: 10px; }
	#T_q01_sca_r0_text { margin-top: -15px; }
	#T_q01_sca1_r4, #T_q01_sca1_r2, #T_q01_sca1_r1 { margin-left: 120px; }
	#T_q01_sca1_r5, #T_q01_sca1_r3 { margin-left: 116px; }
	#T_q01_sca2_r3, #T_q01_sca2_r2, #T_q01_sca2_r1 { margin-left: 200px; }
	#T_q01_sca2_r5 { margin-left: 186px; }
	#T_q01_sca2_r4 { margin-left: 194px; }
	#T_q01_ol_title, #T_q01_ag_title, #T_q01_oe_title { margin-top: 380px; }
	#T_q01_ol_icon img, #T_q01_ag_icon img, #T_q01_oe_icon img { width: 60px; }

	#S_q01_remark, #T_q01_remark { font-size: 10px; }





	/*#S_q02, #T_q02 { height: 240px; }*/
	#S_q02_border, #S_q02_computer, #S_q02_mobile,
	#T_q02_border, #T_q02_computer, #T_q02_mobile { height: 20px; }
	#S_q02_computer_mean, #S_q02_mobile_mean,
	#T_q02_computer_mean, #T_q02_mobile_mean { font-size: 12px; width: 80px; }
	#S_q02_computer_name, #S_q02_mobile_name,
	#T_q02_computer_name, #T_q02_mobile_name { margin-top: 30px; font-size: 12px; width: 140px; }
	#S_q02_mobile_name .remark, #T_q02_mobile_name .remark { font-size: 10px; }
	#S_q02_mobile_name, #T_q02_mobile_name { margin-left: 130px; }
	#S_q02_border, #T_q02_border { width: 260px; }
	#S_q02_computer { width: 205px; }
	#T_q02_computer { width: 247px; }
	#S_q02_computer_mean { margin-left: 130px; }
	#T_q02_computer_mean { margin-left: 170px; }
	#S_q02_mobile { margin-left: 215px; width: 55px; }
	#T_q02_mobile { margin-left: 257px; width: 13px; }
	#S_q02_mobile_mean { margin-left: 222px; }
	#T_q02_mobile_mean { margin-left: 262px; }
	#S_q02_character_computers, #S_q02_character_mobiledevices,
	#T_q02_character_computers, #T_q02_character_mobiledevices { margin-top: 80px; width: 140px; }
	#S_q02_character_mobiledevices, #T_q02_character_mobiledevices { margin-left: 150px; }
	#S_q02_vs, #T_q02_vs { margin-top: 120px; margin-left: 110px; width: 80px; }
	#q02_axis_computer, #q02_axis_mobile { width: 250px; margin-left: 20px; }
	#q02_axisname_computer, #q02_axisname_mobile { font-size: 12px; width: 120px; }
	#q02_axisname_computer { margin-left: 20px; }
	#q02_axisname_mobile { margin-left: 150px; }
	#q02_mobile_m00, #q02_computer_m10 { margin-left: 5px; }
	#q02_mobile_m01, #q02_computer_m09 { margin-left: 30px; display: none; }
	#q02_mobile_m02, #q02_computer_m08 { margin-left: 55px; }
	#q02_mobile_m03, #q02_computer_m07 { margin-left: 80px; display: none; }
	#q02_mobile_m04, #q02_computer_m06 { margin-left: 105px; }
	#q02_mobile_m05, #q02_computer_m05 { margin-left: 130px; display: none; }
	#q02_mobile_m06, #q02_computer_m04 { margin-left: 155px; }
	#q02_mobile_m07, #q02_computer_m03 { margin-left: 180px; display: none; }
	#q02_mobile_m08, #q02_computer_m02 { margin-left: 205px; }
	#q02_mobile_m09, #q02_computer_m01 { margin-left: 230px; display: none; }
	#q02_mobile_m10, #q02_computer_m00 { margin-left: 255px; }
	#S_q02_bar00, #S_q02_bar01,
	#T_q02_bar00, #T_q02_bar01 { width: 25px; }
	#S_q02_bar02, #S_q02_bar03, #S_q02_bar04, #S_q02_bar05, #S_q02_bar06, #S_q02_bar07, #S_q02_bar08, #S_q02_bar09,
	#T_q02_bar02, #T_q02_bar03 {
		width: 22px;
	}
	#S_q02_bar00, #S_q02_bar01, #T_q02_bar00, #T_q02_bar01 { margin-left: 20px; }
	#S_q02_bar02, #T_q02_bar02 { margin-left: 48px; }
	#S_q02_bar03, #T_q02_bar03 { margin-left: 73px; }
	#S_q02_bar04 { margin-left: 98px; }
	#S_q02_bar05 { margin-left: 123px; }
	#S_q02_bar06 { margin-left: 148px; }
	#S_q02_bar07 { margin-left: 173px; }
	#S_q02_bar08 { margin-left: 198px; }
	#S_q02_bar09 { margin-left: 223px; }




	#S_q03_builtin, #S_q03_thirdparty,
	#T_q03_builtin, #T_q03_thirdparty { margin-left: 0; }

	#S_q03_builtin_chart_radar, #S_q03_thirdparty_chart_radar,
	#T_q03_builtin_chart_radar, #T_q03_thirdparty_chart_radar { width: 180px; }
	#S_q03_announcements, #S_q03_assignments, #S_q03_files, #S_q03_grades, #S_q03_quizzes,
	#S_q03_zoom { font-size: 11px; }
	#S_q03_announcements { margin-top: 25px; margin-left: 90px; }
	#T_q03_announcements { margin-top: 16px; margin-left: 85px; }
	#S_q03_assignments { margin-left: 190px; }
	#T_q03_assignments { margin-left: 190px; margin-top: 55px; }
	#S_q03_calendar { margin-top: 100px; margin-left: 208px; }
	#T_q03_calendar { margin-top: 95px; margin-left: 215px; }
	#S_q03_collaborations { margin-top: 140px; margin-left: 210px; }
	#T_q03_collaborations { margin-top: 132px; margin-left: 205px; }
	#S_q03_discussions { margin-top: 180px; margin-left: 200px; }
	#T_q03_discussions { margin-top: 180px; margin-left: 200px; }
	#S_q03_files { margin-top: 230px; margin-left: 160px; }
	#T_q03_files { margin-top: 230px; margin-left: 150px; }
	#S_q03_grades { margin-top: 225px; margin-left: 70px; }
	#T_q03_grades { margin-top: 220px; margin-left: 70px; }
	#S_q03_groups { margin-top: 190px; margin-left: 20px; }
	#T_q03_groups { margin-top: 185px; margin-left: 15px; }
	#S_q03_notifications { margin-top: 150px; margin-left: -30px; }
	#T_q03_notifications { margin-top: 140px; margin-left: -32px; }
	#S_q03_quizzes { margin-top: 100px; margin-left: 5px; }
	#T_q03_quizzes { margin-top: 100px; margin-left: 10px; }
	#S_q03_syllabus { margin-left: 20px; }
	#T_q03_syllabus { margin-left: 20px; }
	#S_q03_badgr { margin-left: 120px; margin-top: 40px; }
	#T_q03_badgr { margin-left: 115px; margin-top: 60px; }
	#S_q03_lockdown_browser { margin-left: 195px; margin-top: 75px; }
	#T_q03_lockdown_browser { margin-left: 195px; margin-top: 75px; }
	#S_q03_panopto_lecture { margin-top: 130px; margin-left: 220px; }
	#T_q03_panopto_lecture { margin-top: 130px; margin-left: 210px; }
	#S_q03_panopto_assignments { margin-top: 195px; margin-left: 175px; }
	#T_q03_panopto_assignments { margin-top: 200px; margin-left: 160px; }
	#S_q03_turnitin { margin-top: 215px; margin-left: 60px; }
	#T_q03_turnitin { margin-top: 222px; margin-left: 60px; }
	#S_q03_ureply { margin-top: 140px; margin-left: 15px; }
	#T_q03_ureply { margin-top: 140px; margin-left: 20px; }
	#S_q03_zoom { margin-left: 20px; }
	#T_q03_zoom { margin-left: 20px; }


	.S_q03_bar { width: 280px; }
	.S_q03_bar_left { width: 115px; font-size: 11px; }





	#S_q04_cloud_storage_line, #S_q04_feedback_collection_line, #S_q04_immersive_technology_line,
	#S_q04_instant_messaging_line, #S_q04_language_tool_line, #S_q04_mooc_line,
	#S_q04_online_references_line, #S_q04_QA_line, #S_q04_social_media_line,
	#S_q04_video_line, #S_q04_visual_collaboration_line,
	#T_q04_cloud_storage_line, #T_q04_feedback_collection_line, #T_q04_immersive_technology_line,
	#T_q04_instant_messaging_line, #T_q04_language_tool_line, #T_q04_mooc_line,
	#T_q04_online_references_line, #T_q04_QA_line, #T_q04_social_media_line,
	#T_q04_video_line, #T_q04_visual_collaboration_line { display: none; }


	#S_q04_cloud_storage_icon { margin-left: 10px; }
	#T_q04_cloud_storage_icon { margin-left: 10px; }
	#S_q04_feedback_collection_name { margin-left: 10px; margin-top: 114px; width: 140px; }
	#T_q04_feedback_collection_name { margin-left: 10px; margin-top: 50px; width: 140px; }
	#T_q04_feedback_collection_count { margin-top: 75px; }
	#S_q04_immersive_technology_icon { margin-left: 42px; }
	#S_q04_immersive_technology_count { margin-left: 62px; margin-top: 270px; }
	#S_q04_immersive_technology_name { margin-left: 60px; margin-top: 285px; text-align: left }
	#T_q04_immersive_technology_icon { margin-left: 22px; }
	#T_q04_immersive_technology_count { margin-left: 62px; margin-top: 300px; }
	#T_q04_immersive_technology_name { margin-left: 10px; margin-top: 270px; text-align: left }
	#T_q04_instant_messaging_icon { margin-left: 50px; }
	#T_q04_instant_messaging_name { margin-left: 0; margin-top: 160px; }
	#T_q04_instant_messaging_count { margin-left: 75px; margin-top: 170px; }
	#T_q04_language_tool_name { margin-left: 100px; margin-top: 100px; text-align: right; }
	#S_q04_mooc_icon { margin-left: 120px; }
	#S_q04_mooc_count { margin-left: 140px; margin-top: 190px; }
	#S_q04_mooc_name{ margin-left: 20px; margin-top: 190px; width: 100px; text-align: right; }
	#T_q04_mooc_icon { margin-left: 120px; }
	#T_q04_mooc_count { margin-left: 140px; margin-top: 260px; }
	#T_q04_mooc_name{ margin-left: 50px; margin-top: 235px; width: 100px; text-align: right; }
	#T_q04_online_references_icon { margin-left: 180px; }
	#T_q04_online_references_count { margin-left: 180px; }
	#T_q04_online_references_name { margin-left: 105px; margin-top: 0; text-align: right; }
	#S_q04_QA_icon { margin-left: 182px; }
	#S_q04_QA_count { margin-left: 202px; }
	#S_q04_QA_name { margin-left: 220px; margin-top: 185px; text-align: left; }
	#T_q04_QA_icon { margin-left: 170px; }
	#T_q04_QA_count { margin-left: 205px; margin-top: 295px; }
	#T_q04_QA_name { margin-left: 160px; margin-top: 270px; }
	#S_q04_social_media_icon { margin-left: 188px; }
	#S_q04_social_media_count { margin-left: 218px; margin-top: 146px; }
	#S_q04_social_media_name { margin-left: 88px; margin-top: 148px; width: 120px; }
	#T_q04_social_media_icon { margin-left: 180px; }
	#T_q04_social_media_count { margin-left: 200px; }
	#T_q04_social_media_name { margin-left: 135px; }
	#S_q04_video_icon { margin-left: 254px; }
	#S_q04_video_count { margin-left: 274px; margin-top: 96px; }
	#S_q04_video_name { margin-left: 210px; margin-top: 96px; text-align: right; }
	#T_q04_video_icon { margin-left: 240px; }
	#T_q04_video_count { margin-left: 260px; }
	#T_q04_video_name { margin-left: 260px; }
	#S_q04_visual_collaboration_icon { margin-left: 240px; }
	#S_q04_visual_collaboration_count { margin-left: 270px; margin-top: 260px; }
	#S_q04_visual_collaboration_name { margin-left: 200px; margin-top: 265px; }
	#T_q04_visual_collaboration_icon { margin-left: 240px; }
	#T_q04_visual_collaboration_count { margin-left: 275px; margin-top: 270px; }
	#T_q04_visual_collaboration_name { margin-left: 230px; margin-top: 235px; }



	.S_q04_axis, .T_q04_axis { width: 70px;  }
	.S_q04_fullbar, .S_q04_fullbarNot,
	.T_q04_fullbar, .T_q04_fullbarNot { height: 60px; margin-left: 40px; }
	.S_q04_axis, .S_q04_axisgrid,
	.T_q04_axis, .T_q04_axisgrid { width: 200px; height: 30px; }
	.S_q04_axis, .T_q04_axis { margin-top: -25px; }
	.S_q04_axistext, .T_q04_axistext { font-size: 11px; text-align: left; vertical-align: bottom; }
	.S_q04_axisimg, .T_q04_axisimg { display: none; }
	#S_q04_01_bar, #S_q04_02_bar, #S_q04_03_bar, #S_q04_04_bar, #S_q04_05_bar,
	#S_q04_06_bar, #S_q04_07_bar, #S_q04_08_bar, #S_q04_09_bar, #S_q04_10_bar,
	#S_q04_11_bar, #S_q04_12_bar, #S_q04_13_bar, #S_q04_14_bar, #S_q04_15_bar,
	#S_q04_16_bar,
	#T_q04_01_bar, #T_q04_02_bar, #T_q04_03_bar, #T_q04_04_bar, #T_q04_05_bar,
	#T_q04_06_bar, #T_q04_07_bar, #T_q04_08_bar, #T_q04_09_bar, #T_q04_10_bar,
	#T_q04_11_bar, #T_q04_12_bar, #T_q04_13_bar, #T_q04_14_bar, #T_q04_15_bar,
	#T_q04_16_bar { margin-top: 25px; height: 25px; }
	#S_q04_others_type, #T_q04_others_type {  margin-left: -40px; font-size: 11px; }
	#S_q04 .lowfigure, #S_q04 .notfigure,
	#T_q04 .lowfigure08, #T_q04 .lowfigure09, #T_q04 .lowfigure10, #T_q04 .lowfigure11,
	#T_q04 .lowfigure, #T_q04 .notfigure { margin-top: 26px; }
	.S_q04_collapsible, .T_q04_collapsible { margin-left: 20px; margin-top: 60px; font-size: 11px; }
	.S_q04_sub_axis, .S_q04_sub_axistext,
	.T_q04_sub_axis, .T_q04_sub_axistext { height: 18px; }
	.S_q04_sub_axis, .T_q04_sub_axis { margin-left: 20px; width: 150px; }
	.S_q04_sub_fullbar, .T_q04_sub_fullbar { margin-left: 40px; margin-top: -5px; }
	.S_q04_sub_axistext, .T_q04_sub_axistext { font-size: 11px; text-align: left; vertical-align: bottom; }
	.S_q04_subbar_text, .T_q04_subbar_text { font-size: 11px; margin-top: 2px; }
	.S_q04_sub01_other, .S_q04_sub02_other, .S_q04_sub03_other, .S_q04_sub04_other,
	.S_q04_sub05_other, .S_q04_sub06_other, .S_q04_sub07_other, .S_q04_sub08_other,
	.S_q04_sub09_other, .S_q04_sub10_other, .S_q04_sub11_other, .S_q04_sub12_other,
	.S_q04_subother,
	.T_q04_sub01_other, .T_q04_sub02_other, .T_q04_sub03_other, .T_q04_sub04_other,
	.T_q04_sub05_other, .T_q04_sub06_other, .T_q04_sub07_other, .T_q04_sub08_other,
	.T_q04_sub09_other, .T_q04_sub10_other, .T_q04_sub11_other,
	.T_q04_subother { margin-left: 20px; padding-top: 20px; padding-bottom: 25px; font-size: 11px; }








	.S_q05_collapsible, .S_q05_noncollapsible,
	.T_q05_collapsible, .T_q05_noncollapsible { margin-left: 10px; width: 260px; font-size: 11px; }
	.tagArea { margin-left: 10px; width: 260px; }
	.S_q05_collapsible, .T_q05_collapsible { background: #F3F3F3 url("../images/infographics/eLearningSurvey/results2022/web_button-showhide-small-gray-plus.png") no-repeat 15px 6px; }
	.S_q05_active, .T_q05_active { background: #DDDDDD url("../images/infographics/eLearningSurvey/results2022/web_button-showhide-small-gray-minus.png") no-repeat 15px 6px; }
	.S_q05_more, .T_q05_more { margin-left: 10px; width: 260px; font-size: 11px; }

	.notifyCount { min-width: 12px; min-height: 12px; border-radius: 6px; padding-left: 3px; padding-right: 3px; padding-top: 0; padding-bottom: 0; font-size: 10px; }


	#footer_date { font-size: 10px; padding-left: 20px; }



}</pre></body></html>