@charset "utf-8";
/* CSS Document */
@media screen and (max-width : 767px ){
	#content{
		width: 100vw;
		font-size: 80%;
	}
	#content img{
		width: 100%;
	}
	#content h1{
		width: 100%;
		
		margin: 0.6em 0px 0.8em 0px;
		font-size: 16px;
		line-height: 42px;
		font-weight: bold;
		background-image: linear-gradient(#333333, #000000 );
		color: white;
		text-align: center;
	}
	#content h2{
		width: 100%;
		height: 100%;
		margin: 0.6em 0px 0.8em 0px;
		padding: 5px 0;
		font-size: 16px;
		line-height: 1.2em;
		font-weight: bold;
		background-color: black;
		color: white;
		text-align: center;
	}
	#content p{
		margin: 10px;
	}
	#newstopics{
		border: 3px double #CB0000;
		padding: 10px;
		margin-bottom: 5px;
	}
	strong{
		color: #CB0000;
		font-weight: bold;
	}
	.liston{
		list-style: none;
	}
	#timetable{
		border: 3px double #0000CB;
		padding: 10px;
		margin-bottom: 5px;
	}
	.liston li a{
		text-decoration: none;
		color: blue;
	}
	table{
		width:90%;
		border: 1px solid black;
	}
	table.data td,table.data tr{
		border: 1px solid black;
	}
#customer .customerbox .answer {
    background-color: #ffc;
    border: #ccc solid 1px;
    padding: 10px;
}	
}
