@charset "UTF-8";
/* CSS Document */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeInOut { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; } }
@-moz-keyframes fadeInOut { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; } }
@keyframes fadeInOut { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; } }



#divCopyright_container {
	width: 100%;
	height: 720px;
}

#divCopyrightStud_container {
	width: 100%;
	height: 600px;
}


#divCopyright_s0 {
	position: relative;
	width: 570px;
	height: 670px;
	margin: auto;
}


#divCopyrightStud_s0 {
	position: relative;
	width: 570px;
	height: 570px;
	margin: auto;
}



#divCopyright_s1,
#divCopyright_s2,
#divCopyright_s3,
#divCopyright_e1,
#divCopyright_e1ch,
#divCopyrightStud_s1 {
	margin: auto;
	width: 100%;
	background-color:#FFF;
	float: left;
	left: 0;
	position: absolute;
}
#divCopyright_s1,
#divCopyright_s2,
#divCopyright_s3,
#divCopyright_e1,
#divCopyright_e1ch {
	height: 640px;
	top: 4px;
}
#divCopyrightStud_s1 {
	height: 570px;
	top: 4px;
}
#divCopyright_s2,
#divCopyright_s3,
#divCopyright_e1,
#divCopyright_e1ch {
	display: none;
}
#divCopyright_s1 a,
#divCopyright_s2 a,
#divCopyright_s3 a,
#divCopyright_e1 a,
#divCopyright_e1ch a,
#divCopyrightStud_s1 a {
	color: #3170d8;
	text-decoration: none;
}
#divCopyright_s1 a:hover,
#divCopyright_s2 a:hover,
#divCopyright_s3 a:hover,
#divCopyright_e1 a:hover,
#divCopyright_e1ch a:hover,
#divCopyrightStud_s1 a:hover {
	text-decoration: underline;
}

#divCopyright_s1_nav,
#divCopyright_s2_nav,
#divCopyright_s3_nav,
#divCopyright_e1_nav,
#divCopyright_s1_navE,
#divCopyright_s2_navE,
#divCopyright_s3_navE,
#divCopyright_e1_navE {
	margin: auto;
	width: 100%;
	position: absolute;
	text-align: center;
}
#divCopyright_s1_nav { top: 1px;}
#divCopyright_s2_nav, #divCopyright_s3_nav, #divCopyright_e1_nav { top: 1px;}

#divCopyright_s1_navE,
#divCopyright_s2_navE,
#divCopyright_s3_navE,
#divCopyright_e1_navE {
	top: 80px;
	-ms-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}



#divCopyright_s1 { z-index: 100; }
#divCopyright_s1_IMG { width: 570px; margin: auto; }
#divCopyright_s1_IMG_laptop,
#divCopyright_s1_IMG_dialogCityU,
#divCopyright_s1_IMG_dialogCityUlogo,
#divCopyright_s1_IMG_dialogRef,
#divCopyright_s1_IMG_books,
#divCopyright_s1_IMG_arrowUp,
#divCopyright_s1_IMG_arrowDown,
#divCopyright_s1_IMG_CanvasCommons {
	margin: auto;
	margin-top: 200px;
	width: 568px;
	position: absolute;
}

#divCopyright_s1_IMG_dialogCityU,
#divCopyright_s1_IMG_dialogCityUlogo,
#divCopyright_s1_IMG_dialogRef {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divCopyright_s1_IMG_arrowUp,
#divCopyright_s1_IMG_arrowDown,
#divCopyright_s1_IMG_CanvasCommons {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

#divCopyright_s1_IMG_laptop { z-index: 101; }
#divCopyright_s1_IMG_dialogCityU,
#divCopyright_s1_IMG_dialogCityUlogo { 
	z-index: 102; 
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#divCopyright_s1_IMG_dialogRef { 
	z-index: 103; 
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
#divCopyright_s1_IMG_books { z-index: 104; }
#divCopyright_s1_IMG_arrowUp,
#divCopyright_s1_IMG_arrowDown {
	z-index: 105;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
#divCopyright_s1_IMG_CanvasCommons {
	z-index: 106;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}


#divCopyright_s1_text01,
#divCopyright_s1_text02,
#divCopyright_s1_text03,
#divCopyright_s1_text04 {
	position: relative;
	font-style: italic;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divCopyright_s1_text01 {
	top: 150px;
	left: 60px;
	width: 400px;
	z-index: 111;
	font-size: 20px;
	color: #666666;
}
#divCopyright_s1_text02 {
	top: 150px;
	left: -20px;
	width: 540px;
	z-index: 112;
	font-size: 20px;
	color: #1C75BC;
	text-align: justify;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#divCopyright_s1_text03 {
	top: 240px;
	left: 360px;
	width: 320px;
	z-index: 113;
	font-size: 20px;
	color: #F26522;
	text-align: justify;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
#divCopyright_s1_text04 {
	top: 100px;
	left: 80px;
	width: 300px;
	z-index: 114;
	font-size: 20px;
	color: #324450;
	text-align: justify;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}





#divCopyright_s2 { 
	z-index: 200;
}
#divCopyright_s2_IMG { width: 570px; margin: auto; }
#divCopyright_s2_IMG_document,
#divCopyright_s2_IMG_PowerPoint,
#divCopyright_s2_IMG_Word,
#divCopyright_s2_IMG_arrow,
#divCopyright_s2_IMG_PDF,
#divCopyright_s2_IMG_watermark {
	width: 568px;
	margin: auto;
	margin-top: 150px;
	position: absolute;
}
#divCopyright_s2_IMG_document,
#divCopyright_s2_IMG_PowerPoint,
#divCopyright_s2_IMG_Word,
#divCopyright_s2_IMG_PDF {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
#divCopyright_s2_IMG_arrow,
#divCopyright_s2_IMG_watermark {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}

#divCopyright_s2_IMG_document {
	z-index: 201;
}
#divCopyright_s2_IMG_PowerPoint {
	z-index: 202;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#divCopyright_s2_IMG_Word {
	z-index: 203;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
#divCopyright_s2_IMG_arrow {
	z-index: 204;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
#divCopyright_s2_IMG_PDF {
	z-index: 205;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
#divCopyright_s2_IMG_watermark {
	z-index: 206;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}

#divCopyright_s2_text01,
#divCopyright_s2_text02,
#divCopyright_s2_text03 {
	position: relative;
	font-style: italic;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divCopyright_s2_text01 {
	top: 160px;
	left: 90px;
	width: 400px;
	z-index: 211;
	font-size: 20px;
	color: #666666;
	text-align: justify;
}
#divCopyright_s2_text02 {
	top: 180px;
	left: 90px;
	width: 400px;
	z-index: 212;
	font-size: 20px;
	color: #EE2924;
	text-align: justify;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
#divCopyright_s2_text03 {
	top: 210px;
	left: 90px;
	width: 400px;
	z-index: 213;
	font-size: 20px;
	color: #666666;
	text-align: justify;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	animation-delay: 2.5s;
}







#divCopyright_s3 { 
	z-index: 300;
}
#divCopyright_s3_IMG { width: 570px; margin: auto; }
#divCopyright_s3_IMG_cloud,
#divCopyright_s3_IMG_doc1,
#divCopyright_s3_IMG_doc2,
#divCopyright_s3_IMG_doc3,
#divCopyright_s3_IMG_doc4,
#divCopyright_s3_IMG_doc5,
#divCopyright_s3_IMG_time {
	width: 568px;
	margin: auto;
	margin-top: 150px;
	position: absolute;
}
#divCopyright_s3_IMG_doc1,
#divCopyright_s3_IMG_doc2,
#divCopyright_s3_IMG_doc3,
#divCopyright_s3_IMG_doc4,
#divCopyright_s3_IMG_doc5 {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
#divCopyright_s3_IMG_time {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;
	animation-duration: 2.5s;
}

#divCopyright_s3_IMG_cloud {
	z-index: 301;
}
#divCopyright_s3_IMG_doc1 {
	z-index: 315;
}
#divCopyright_s3_IMG_doc2 {
	z-index: 314;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#divCopyright_s3_IMG_doc3 {
	z-index: 313;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
#divCopyright_s3_IMG_doc4 {
	z-index: 312;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
#divCopyright_s3_IMG_doc5 {
	z-index: 311;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
#divCopyright_s3_IMG_time {
	z-index: 321;
}

#divCopyright_s3_text01,
#divCopyright_s3_text02 {
	position: relative;
	font-style: italic;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divCopyright_s3_text01 {
	top: 150px;
	left: 90px;
	width: 400px;
	z-index: 331;
	font-size: 20px;
	color: #666666;
	text-align: justify;
}
#divCopyright_s3_text02 {
	top: 190px;
	left: 90px;
	width: 400px;
	z-index: 332;
	font-size: 20px;
	color: #00A79D;
	text-align: justify;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}






#divCopyright_e1 { 
	z-index: 400;
}
#divCopyright_e1_IMG { width: 570px; margin: auto; }
#divCopyright_e1_IMG_monitor,
#divCopyright_e1_IMG_browser,
#divCopyright_e1_IMG_mymaterials,
#divCopyright_e1_IMG_arrowA,
#divCopyright_e1_IMG_email,
#divCopyright_e1_IMG_arrowB {
	width: 568px;
	margin: auto;
	margin-top: 120px;
	position: absolute;
}
#divCopyright_e1_IMG_browser,
#divCopyright_e1_IMG_arrowA,
#divCopyright_e1_IMG_arrowB {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
#divCopyright_e1_IMG_mymaterials,
#divCopyright_e1_IMG_email {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;
	animation-duration: 2.5s;
}

#divCopyright_e1_IMG_monitor {
	z-index: 401;
}
#divCopyright_e1_IMG_browser {
	z-index: 402;
}
#divCopyright_e1_IMG_mymaterials {
	z-index: 403;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#divCopyright_e1_IMG_arrowA {
	z-index: 404;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}
#divCopyright_e1_IMG_email {
	z-index: 405;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	animation-delay: 5s;
}
#divCopyright_e1_IMG_arrowB {
	z-index: 406;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	animation-delay: 6s;
}

#divCopyright_e1_text01,
#divCopyright_e1_text02 {
	position: relative;
	font-style: italic;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divCopyright_e1_text01 {
	top: 140px;
	left: 10px;
	width: 600px;
	z-index: 431;
	font-size: 20px;
	color: #D91D5C;
	text-align: justify;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}
#divCopyright_e1_text02 {
	top: 540px;
	left: 10px;
	width: 600px;
	z-index: 432;
	font-size: 20px;
	color: #F7931E;
	text-align: justify;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	animation-delay: 6s;
}







#divCopyright_e1ch {
	z-index: 500;
	width: 680px;
	margin: auto;
}
#divCopyright_e1ch_text01 {
	position: relative;
	/*font-style: italic;*/
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	top: 10px;
	left: 200px;
	width: 680px;
	z-index: 501;
	font-size: 16px;
	color: #555555;
	text-align: justify;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	animation-delay: 0s;
}
#divCopyright_e1ch_text01 h2 { font-size: 20px; }
#divCopyright_e1ch_text01 h3 { font-size: 16px; }
#divCopyright_e1ch_text01 li { padding-bottom: 18px; }






#divCopyright_s1_next,
#divCopyright_s2_next,
#divCopyright_s3_next {
	width: 0;
	height: 0;
	border-top: 40px solid #378FDC;
	border-left: 40px solid transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	left: 640px;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
#divCopyright_s1_next {
	z-index: 152;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
#divCopyright_s2_next {
	z-index: 252;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
#divCopyright_s3_next {
	z-index: 352;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}

#divCopyright_s2_back,
#divCopyright_s3_back,
#divCopyright_e1_back {
	width: 0;
	height: 0;
	border-top: 40px solid #378FDC;
	border-right: 40px solid transparent;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
#divCopyright_s2_back {
	z-index: 251;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
#divCopyright_s3_back {
	z-index: 351;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
#divCopyright_e1_back {
	z-index: 451;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	animation-delay: 6s;
}







#divCopyright_tip_IMG { width: 480px; margin: auto; padding-top: 80px;}
#divCopyright_tip_IMG img { width: 475px; height: 380px; }












#divCopyrightStud_s1 {
	z-index: 100;
}
#divCopyrightStud_s1_IMG { width: 570px; margin: auto; }
#divCopyrightStud_s1_IMG_laptop,
#divCopyrightStud_s1_IMG_arrowDown,
#divCopyrightStud_s1_IMG_documents,
#divCopyrightStud_s1_IMG_earth,
#divCopyrightStud_s1_IMG_arrowsGo,
#divCopyrightStud_s1_IMG_cross {
	margin: auto;
	width: 568px;
	position: absolute;
}

#divCopyrightStud_s1_IMG_documents,
#divCopyrightStud_s1_IMG_earth,
#divCopyrightStud_s1_IMG_cross {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divCopyrightStud_s1_IMG_arrowDown,
#divCopyrightStud_s1_IMG_arrowsGo {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

#divCopyrightStud_s1_IMG_laptop { 
	/*z-index: 101;*/
}
#divCopyrightStud_s1_IMG_arrowsDown { 
	z-index: 112; 
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#divCopyrightStud_s1_IMG_documents { 
	z-index: 113; 
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
#divCopyrightStud_s1_IMG_earth {
	z-index: 114;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
#divCopyrightStud_s1_IMG_arrowsGo {
	z-index: 115;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}
#divCopyrightStud_s1_IMG_cross {
	z-index: 116;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	animation-delay: 3.5s;
}


#divCopyrightStud_s1_text01 {
	position: absolute;
	font-style: italic;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divCopyrightStud_s1_text01 {
	top: 40px;
	left: 150px;
	width: 540px;
	z-index: 121;
	font-size: 20px;
	color: #D91B5C;
	text-align: justify;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	animation-delay: 4s;
}








/* For different resolutions */






/* container width 420px */

/*
@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   (max-device-width:640px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
*/


@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) {	
	
	#divCopyright_container { height: 680px; }
	#divCopyrightStud_container { height: 420px; }
	
	#divCopyright_s0 {
		width: 350px;
		height: 500px;
	}
	#divCopyrightStud_s0 {
		width: 350px;
		height: 400px;
	}
	#divCopyright_s1, #divCopyright_s2, #divCopyright_s3, #divCopyright_e1, #divCopyright_e1ch {
		height: 610px;
		top: 4px;
	}
	#divCopyrightStud_s1 {
		height: 350px;
	}
	#divCopyright_s1_IMG, #divCopyright_s2_IMG, #divCopyright_s3_IMG, #divCopyrightStud_s1_IMG { width: 350px; }
	#divCopyright_s1_IMG { margin-top: 20px; }
	#divCopyright_s2_IMG { margin-top: 20px; }
	#divCopyright_s3_IMG { margin-top: 40px; }
	#divCopyright_e1_IMG { margin-top: 20px; }
	#divCopyrightStud_s1_IMG { margin-top: 20px; }

	
	
	
	#divCopyright_s1_IMG_laptop, 
	#divCopyright_s1_IMG_dialogCityU, 
	#divCopyright_s1_IMG_dialogCityUlogo,
	#divCopyright_s1_IMG_dialogRef, 
	#divCopyright_s1_IMG_books,
	#divCopyright_s1_IMG_arrowUp,
	#divCopyright_s1_IMG_arrowDown,
	#divCopyright_s1_IMG_CanvasCommons,
	#divCopyright_s2_IMG_document,
	#divCopyright_s2_IMG_PowerPoint,
	#divCopyright_s2_IMG_Word,
	#divCopyright_s2_IMG_arrow,
	#divCopyright_s2_IMG_PDF,
	#divCopyright_s2_IMG_watermark,
	#divCopyright_s3_IMG_cloud,
	#divCopyright_s3_IMG_doc1,
	#divCopyright_s3_IMG_doc2,
	#divCopyright_s3_IMG_doc3,
	#divCopyright_s3_IMG_doc4,
	#divCopyright_s3_IMG_doc5,
	#divCopyright_s3_IMG_time,
	#divCopyright_e1_IMG_monitor,
	#divCopyright_e1_IMG_browser,
	#divCopyright_e1_IMG_mymaterials,
	#divCopyright_e1_IMG_arrowA,
	#divCopyright_e1_IMG_email,
	#divCopyright_e1_IMG_arrowB,
	#divCopyright_tip_IMG,
	#divCopyrightStud_s1_IMG_laptop,
	#divCopyrightStud_s1_IMG_arrowDown,
	#divCopyrightStud_s1_IMG_documents,
	#divCopyrightStud_s1_IMG_earth,
	#divCopyrightStud_s1_IMG_arrowsGo,
	#divCopyrightStud_s1_IMG_cross {
		width: 348px;
	}
	#divCopyright_s1_IMG_laptop img, 
	#divCopyright_s1_IMG_dialogCityU img, 
	#divCopyright_s1_IMG_dialogCityUlogo img, 
	#divCopyright_s1_IMG_dialogRef img, 
	#divCopyright_s1_IMG_books img,
	#divCopyright_s1_IMG_arrowUp img,
	#divCopyright_s1_IMG_arrowDown img,
	#divCopyright_s1_IMG_CanvasCommons img,
	#divCopyright_s2_IMG_document img,
	#divCopyright_s2_IMG_PowerPoint img,
	#divCopyright_s2_IMG_Word img,
	#divCopyright_s2_IMG_arrow img,
	#divCopyright_s2_IMG_PDF img,
	#divCopyright_s2_IMG_watermark img,
	#divCopyright_s3_IMG_cloud img,
	#divCopyright_s3_IMG_doc1 img,
	#divCopyright_s3_IMG_doc2 img,
	#divCopyright_s3_IMG_doc3 img,
	#divCopyright_s3_IMG_doc4 img,
	#divCopyright_s3_IMG_doc5 img,
	#divCopyright_s3_IMG_time img,
	#divCopyright_e1_IMG_monitor img,
	#divCopyright_e1_IMG_browser img,
	#divCopyright_e1_IMG_mymaterials img,
	#divCopyright_e1_IMG_arrowA img,
	#divCopyright_e1_IMG_email img,
	#divCopyright_e1_IMG_arrowB img,
	#divCopyrightStud_s1_IMG_laptop img,
	#divCopyrightStud_s1_IMG_arrowDown img,
	#divCopyrightStud_s1_IMG_documents img,
	#divCopyrightStud_s1_IMG_earth img,
	#divCopyrightStud_s1_IMG_arrowsGo img,
	#divCopyrightStud_s1_IMG_cross img {
		width: 346px;
		height: 346px;
	}
	#divCopyright_tip_IMG img {
		width: 346px;
		height: 277px;
	}
	
	
	#divCopyright_s1_text01 {
		font-size: 18px;
		top: 110px;
		left: 20px;
		width: 360px;
	}
	#divCopyright_s1_text02 {
		font-size: 18px;
		top: 110px;
		left: -80px;
		width: 480px;
	}
	#divCopyright_s1_text03 {
		font-size: 18px;
		top: 140px;
		left: 200px;
		width: 200px;
	}
	#divCopyright_s1_text04 {
		font-size: 18px;
		top: 40px;
		left: -60px;
		width: 220px;
	}
	#divCopyright_s2_text01 {
		font-size: 18px;
		top: 110px;
		left: -20px;
		width: 400px;
	}
	#divCopyright_s2_text02 {
		font-size: 18px;
		top: 130px;
		left: -20px;
		width: 400px;
	}
	#divCopyright_s2_text03 {
		font-size: 18px;
		top: 160px;
		left: -20px;
		width: 400px;
	}
	#divCopyright_s3_text01 {
		font-size: 18px;
		top: 120px;
		left: -40px;
		width: 420px;
	}
	#divCopyright_s3_text02 {
		font-size: 18px;
		top: 140px;
		left: -40px;
		width: 420px;
	}
	#divCopyright_e1_text01 {
		font-size: 18px;
		top: 120px;
		left: 20px;
		width: 460px;
	}
	#divCopyright_e1_text02 {
		font-size: 18px;
		top: 360px;
		left: 70px;
		width: 460px;
	}
	#divCopyright_e1ch_text01 {
		font-size: 14px;
		top: 0;
		left: 20px;
		width: 380px;
	}
	#divCopyright_e1ch_text01 h2 { font-size: 16px; }
	#divCopyright_e1ch_text01 h3 { font-size: 14px; }



	#divCopyrightStud_s1_text01 {
		font-size: 18px;
		top: 10px;
		left: 40px;
		width: 480px;
	}
	
	
	#divCopyright_s1_next, #divCopyright_s2_next, #divCopyright_s3_next {
		border-top: 30px solid #378FDC;
		border-left: 30px solid transparent;
		top: 220px;
		left: 380px;
	}
	#divCopyright_s2_back, #divCopyright_s3_back, #divCopyright_e1_back {
		border-top: 30px solid #378FDC;
		border-right: 30px solid transparent;
		top: 220px;
		left: 10px;
	}
	
	
	   
}





/* container width 300px */

/*
@media (min-device-width:1024px) and (max-width:509px),
       (max-device-width:480px) and (orientation:portrait) {
*/


@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) {	
	 
	#divCopyright_container { height: 800px; }
	#divCopyrightStud_container { height: 360px; }
	
	#divCopyright_s0 {
		width: 260px;
		height: 360px;
	}
	#divCopyrightStud_s0 {
		width: 260px;
		height: 300px;
	}
	#divCopyright_s1, #divCopyright_s2, #divCopyright_s3, #divCopyright_e1, #divCopyright_e1ch {
		height: 780px;
		top: 4px;
	}
	#divCopyrightStud_s1 { top: 4px; height: 300px; }
	#divCopyright_s1_IMG, #divCopyright_s2_IMG, #divCopyright_s3_IMG, #divCopyright_e1_IMG, #divCopyrightStud_s1_IMG { width: 100%; margin: 0 auto; }
	#divCopyright_s1_IMG { margin-top: 90px; }
	#divCopyright_s2_IMG { margin-top: 80px; }
	#divCopyright_s3_IMG { margin-top: 60px; }
	#divCopyright_e1_IMG { margin-top: 40px; }
	#divCopyrightStud_s1_IMG { margin-top: 60px; }
	
	
	#divCopyright_s1_nav img,
	#divCopyright_s2_nav img,
	#divCopyright_s3_nav img,
	#divCopyright_e1_nav img {
		width: 45px;
		height: 45px;
	}
	#divCopyright_s1_navE,
	#divCopyright_s2_navE,
	#divCopyright_s3_navE,
	#divCopyright_e1_navE {
		top: 60px;
	}
	
	#divCopyright_s1_navE img,
	#divCopyright_s2_navE img,
	#divCopyright_s3_navE img,
	#divCopyright_e1_navE img {
		width: 133px;
		height: 25px;
	}
	
	#divCopyright_s1_IMG_laptop, 
	#divCopyright_s1_IMG_dialogCityU, 
	#divCopyright_s1_IMG_dialogCityUlogo,
	#divCopyright_s1_IMG_dialogRef, 
	#divCopyright_s1_IMG_books,
	#divCopyright_s1_IMG_arrowUp,
	#divCopyright_s1_IMG_arrowDown,
	#divCopyright_s1_IMG_CanvasCommons,
	#divCopyright_s2_IMG_document,
	#divCopyright_s2_IMG_PowerPoint,
	#divCopyright_s2_IMG_Word,
	#divCopyright_s2_IMG_arrow,
	#divCopyright_s2_IMG_PDF,
	#divCopyright_s2_IMG_watermark,
	#divCopyright_s3_IMG_cloud,
	#divCopyright_s3_IMG_doc1,
	#divCopyright_s3_IMG_doc2,
	#divCopyright_s3_IMG_doc3,
	#divCopyright_s3_IMG_doc4,
	#divCopyright_s3_IMG_doc5,
	#divCopyright_s3_IMG_time,
	#divCopyright_e1_IMG_monitor,
	#divCopyright_e1_IMG_browser,
	#divCopyright_e1_IMG_mymaterials,
	#divCopyright_e1_IMG_arrowA,
	#divCopyright_e1_IMG_email,
	#divCopyright_e1_IMG_arrowB,
	#divCopyrightStud_s1_IMG_laptop,
	#divCopyrightStud_s1_IMG_arrowDown,
	#divCopyrightStud_s1_IMG_documents,
	#divCopyrightStud_s1_IMG_earth,
	#divCopyrightStud_s1_IMG_arrowsGo,
	#divCopyrightStud_s1_IMG_cross {
		width: 258px;
		margin-left: calc(50% - 129px);
	}
	#divCopyright_s1_IMG_laptop img, 
	#divCopyright_s1_IMG_dialogCityU img, 
	#divCopyright_s1_IMG_dialogCityUlogo img, 
	#divCopyright_s1_IMG_dialogRef img, 
	#divCopyright_s1_IMG_books img,
	#divCopyright_s1_IMG_arrowUp img,
	#divCopyright_s1_IMG_arrowDown img,
	#divCopyright_s1_IMG_CanvasCommons img,
	#divCopyright_s2_IMG_document img,
	#divCopyright_s2_IMG_PowerPoint img,
	#divCopyright_s2_IMG_Word img,
	#divCopyright_s2_IMG_arrow img,
	#divCopyright_s2_IMG_PDF img,
	#divCopyright_s2_IMG_watermark img,
	#divCopyright_s3_IMG_cloud img,
	#divCopyright_s3_IMG_doc1 img,
	#divCopyright_s3_IMG_doc2 img,
	#divCopyright_s3_IMG_doc3 img,
	#divCopyright_s3_IMG_doc4 img,
	#divCopyright_s3_IMG_doc5 img,
	#divCopyright_s3_IMG_time img,
	#divCopyright_e1_IMG_monitor img,
	#divCopyright_e1_IMG_browser img,
	#divCopyright_e1_IMG_mymaterials img,
	#divCopyright_e1_IMG_arrowA img,
	#divCopyright_e1_IMG_email img,
	#divCopyright_e1_IMG_arrowB img,
	#divCopyrightStud_s1_IMG_laptop img,
	#divCopyrightStud_s1_IMG_arrowDown img,
	#divCopyrightStud_s1_IMG_documents img,
	#divCopyrightStud_s1_IMG_earth img,
	#divCopyrightStud_s1_IMG_arrowsGo img,
	#divCopyrightStud_s1_IMG_cross img {
		width: 256px;
		height: 256px;
	}
	
	#divCopyright_tip_IMG { width: 280px; }
	#divCopyright_tip_IMG img {
		width: 278px;
		height: 223px;
	}
	
	
	#divCopyright_s1_text01 {
		font-size: 16px;
		top: 100px;
		left: 20px;
		width: 260px;
	}
	#divCopyright_s1_text02 {
		font-size: 16px;
		top: 40px;
		left: 0;
		width: 100%;
	}
	#divCopyright_s1_text03 {
		font-size: 16px;
		top: 150px;
		left: 52%;
		width: 48%;
	}
	#divCopyright_s1_text04 {
		font-size: 16px;
		top: 20px;
		left: 0;
		width: 48%;
	}
	#divCopyright_s2_text01 {
		font-size: 16px;
		top: 40px;
		left: 0;
		width: 100%;
	}
	#divCopyright_s2_text02 {
		font-size: 16px;
		top: 60px;
		left: 0;
		width: 100%;
	}
	#divCopyright_s2_text03 {
		font-size: 16px;
		top: 120px;
		left: 0;
		width: 100%;
	}
	#divCopyright_s3_text01 {
		font-size: 16px;
		top: 80px;
		left: 0;
		width: 100%;
	}
	#divCopyright_s3_text02 {
		font-size: 16px;
		top: 120px;
		left: 0;
		width: 100%;
	}
	#divCopyright_e1_text01 {
		font-size: 16px;
		top: 100px;
		left: 0;
		width: 100%;
	}
	#divCopyright_e1_text02 {
		font-size: 16px;
		top: 300px;
		left: 0;
		width: 100%;
	}
	#divCopyright_e1ch_text01 {
		font-size: 14px;
		top: 0;
		left: 20px;
		width: 260px;
	}
	#divCopyrightStud_s1_text01 {
		font-size: 16px;
		top: 10px;
		left: 4px;
		width: 90%;
	}
	
	
	#divCopyright_s1_next, #divCopyright_s2_next, #divCopyright_s3_next {
		border-top: 20px solid #378FDC;
		border-left: 20px solid transparent;
		top: 190px;
		left: 270px;
	}
	#divCopyright_s2_back, #divCopyright_s3_back, #divCopyright_e1_back {
		border-top: 20px solid #378FDC;
		border-right: 20px solid transparent;
		top: 190px;
	}
	
	
	   
}