@charset "utf-8";
/* CSS Document */
@media only screen and (min-width : 855px) {

.player{position:absolute;left:0px;top:0px;margin-left:20px;margin-top:375px;width:95%;}

#textnormal{position:absolute;}

#stage{	height:450px;	}
	
#white_Bg{position:absolute;top:0px;left:0px;width:100%;height:445px;margin:auto;margin-top:50px;background-color:#fff;}

#para_container{position:absolute;width: 95%; height: 230px; margin-left:15px;margin-top:50px;color:#000;background-color:#fff;border-radius:15px;}

#overFlow{position:absolute;width:90%;height: 215px; top:60px;left:20px;overflow:auto;}

#bullet{position:absolute;margin-left:30px;margin-top:17px;}

#Bg_images{position:relative;margin-left:30px;margin-top:5px;}

#sub_bullet{position:relative;margin-left:60px;top:15px;}

#smallsubbullet{position:absolute;margin-left:90px;margin-top:20px;}
#para_content{position:relative;width:85%;left:60px;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-top:15px;}
#para_content_sub{position:relative;width:85%;left:90px;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-top:0px;}

#para_content_smallsubbullet
{
		position:relative;
		width:82%;
		left:120px;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		margin-top:15px;
}



#paragraph
	{
		position:absolute;
		width:81%; 
		margin-left:80px;
		margin-top:90px;
		color:#000;
		height: 230px;
		overflow:auto;
		font-size:14px;
		font-family:Verdana, Geneva, sans-serif;
	}
	
	
#for_sub_bullet{
	
		position:absolute;
		margin-left:118px;
		margin-top:20px;
}

#para_content_4_sub_bullet
{
		position:relative;
		width:82%;
		left:140px;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		margin-top:15px;
}

/* normal text*/

#normalText
{
	position:relative;
	width:330px;
	margin-left:30px;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:0px;
}
#normalText_sub
{
	position:relative;
	width:85%;
	margin-left:60px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top:0px;
}
#normalText_small_sub
{
	position:relative;
	width:85%;
	margin-left:90px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top:0px;
}

/* ol type */

#ol_normalText
{
	position:relative;
	width:85%;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top:0px;
}
#ol_normalText_sub
{
	position:relative;
	width:85%;
	margin-left:60px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top:0px;
}
#ol_normalText_small_sub
{
	position:relative;
	width:85%;
	margin-left:90px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top:0px;
}

/*
#bottomText
{
	position:absolute;
	width:250px;
	margin-left:700px;
	margin-top: 450px;
	font-weight:bold;
	color:#F00;
	font-style:italic;
}
*/
#green_image
{
	position:absolute;
	width:35px;
	height:35px;
	margin-top:10px;
}

#red_image
{
	position:absolute;
	width:35px;
	height:35px;
	margin-left:80px;
	margin-top:10px;
}

ol li
{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#gride_container
{
	margin-left:20px;
	margin-top:-15px;
}

#internal_images
{
	position:relative;
	width:90%;
	left:10%;
}

#heading_p{	position:absolute;width:85%;height: 10%;word-wrap: break-word;margin-left:14px;	margin-top:-6px;overflow:hidden;font-family:Verdana, Geneva, sans-serif;font-size: 14px;color:#FFF;
}

#content{position:absolute;top:0px;	left:0px;width:60%;	height:300px;opacity: 0;overflow:hidden;background-color:#0CACBC;border-radius:15px;border: 1px solid #07757A;margin-left:170px;	margin-top:100px;}
#closeBtn{position:absolute;margin-left: 92%;margin-top: 10px;cursor:pointer;}
	
#carectorDiv
	{
		position:relative;
		width:150px;
		height:400px;
		margin-left:10%;
	}
#textDiv
	{
		position:relative;
		width:300px;
		height:400px;
		background-color: #CCC;
		margin-left:20%;
		float:left;
		border-radius:25px;
	}
}

@media only screen and (max-width : 854px) {
	
#content{position:absolute;top:0px;	left:0px;width:60%;	height:350px;opacity: 0;overflow:hidden;background-color:#0CACBC;border-radius:15px;border: 1px solid #07757A;margin-left:170px;	margin-top:100px;}
#closeBtn{position:absolute;margin-left: 92%;margin-top: 10px;cursor:pointer;}
#heading_p{	position:absolute;width:80%;height: 10%;word-wrap: break-word;margin-left:14px;	margin-top:-6px;overflow:hidden;font-family:Verdana, Geneva, sans-serif;font-size: 14px;color:#FFF;
}
#para_container{position:absolute;width:96%; height:270px; 	margin-left:10px;margin-top:70px;color:#000;background-color:#fff;border-radius:15px;}
#Bg_images{position:relative;margin-left:30px;margin-top:15px;}
#overFlow{position:absolute;width:90%;height: 300px; top:60px;left:20px;overflow:auto;}
#bottomText{position:absolute;margin-left:65%;margin-top: 450px;	font-weight:bold;color:#F00;font-style:italic;}

}
@media only screen and (max-width : 800px) {
#para_container
	{
		position:absolute;
		width:96%; 
		height:290px; 
		margin-left:10px;
		margin-top:50px;
		color:#000;
		background-color:#fff;
		border-radius:15px;
	}
#overFlow
	{
		position:absolute;
		width:90%;
		height: 300px; 
		top:60px;
		left:20px;
		overflow:auto;
	}
#bottomText
	{
		position:absolute;
		margin-left:65%;
		margin-top: 450px;
		font-weight:bold;
		color:#F00;
		font-style:italic;
	}

}


@media only screen and (max-width : 768px) {
#content{position:absolute;top:0px;	left:180px;width:60%;	height:350px;opacity: 0;overflow:hidden;background-color:#0CACBC;border-radius:15px;border: 1px solid #07757A;margin-left:180px;	margin-top:100px;}
#closeBtn{position:absolute;margin-left: 92%;margin-top: 10px;cursor:pointer;}
#para_container
	{
		position:absolute;
		width:96%; 
		height:290px; 
		margin-left:10px;
		margin-top:50px;
		color:#000;
		background-color:#fff;
		border-radius:15px;
	}

#overFlow
	{
		position:absolute;
		width:90%;
		height: 300px; 
		top:60px;
		left:20px;
		overflow:auto;
	}
	
#content
	{
		margin-left:0px;
	}
	
#bottomText
	{
		position:absolute;
		margin-left:65%;
		margin-top: 450px;
		font-weight:bold;
		color:#F00;
		font-style:italic;
	}
	
}


@media only screen and (max-width : 600px) {
#carectorDiv
	{
		position:relative;
		width:150px;
		height:400px;
		/*background-color:#FC0;*/
		margin-left:70%;
	}

#textDiv
	{
		position:relative;
		width:300px;
		height:400px;
		background-color:#CCC;
		margin-left:5%;
		margin-top:10px;
		float:left;
		border-radius:25px;
	}
#bottomText
	{
		position:absolute;
		margin-left:40%;
		margin-top: 450px;
		font-weight:bold;
		color:#F00;
		font-style:italic;
	}
}

@media only screen and (max-width : 568px) {

#content{position:absolute;top:0px;	left:0px;width:60%;	height:350px;opacity: 0;overflow:hidden;background-color:#0CACBC;border-radius:15px;border: 1px solid #07757A;margin-left:125px;	margin-top:100px;}
#closeBtn{position:absolute;margin-left: 85%;margin-top: 10px;cursor:pointer;}
	
#para_container
	{
		position:absolute;
		width:95%; 
		height:290px; 
		margin-left:10px;
		margin-top:50px;
		color:#000;
		background-color:#fff;
		border-radius:15px;
	}
	
#overFlow
	{
		position:absolute;
		width:90%;
		height:300px; 
		top:60px;
		left:20px;
		overflow:auto;
	}

	
#carectorDiv
	{
		position:relative;
		width:150px;
		height:400px;
		/*background-color:#936;*/
		margin-left:5%;
	}

#textDiv
	{
		position:relative;
		width:300px;
		height:400px;
		background-color:#CCC;
		margin-left:5%;
		margin-top:10px;
		float:left;
		border-radius:25px;
	}
	
#bottomText
	{
		position:absolute;
		margin-left:45%;
		margin-top: 450px;
		font-weight:bold;
		color:#F00;
		font-style:italic;
	}
	
}


@media only screen and (max-width : 480px) {

#content{position:absolute;top:0px;	left:0px;width:60%;	height:350px;opacity: 0;overflow:hidden;background-color:#0CACBC;border-radius:15px;border: 1px solid #07757A;margin-left:100px;	margin-top:100px;}
#closeBtn{position:absolute;margin-left: 85%;margin-top: 10px;cursor:pointer;}
#heading_p{	position:absolute;width:80%;height: 10%;word-wrap: break-word;margin-left:14px;	margin-top:-6px;overflow:hidden;font-family:Verdana, Geneva, sans-serif;font-size: 14px;color:#FFF;
}
#para_container{position:absolute;width:92%; height:270px; 	margin-left:10px;margin-top:70px;color:#000;background-color:#fff;border-radius:15px;}
#Bg_images{position:relative;margin-left:30px;margin-top:15px;}

#overFlow
	{
		position:absolute;
		width:85%;
		height:300px; 
		top:80px;
		left:20px;
		overflow:auto;
	}

#bottomText
	{
		position:absolute;
		margin-left:40%;
		margin-top: 450px;
		font-weight:bold;
		color:#F00;
		font-style:italic;
	}
}