*{
	margin:0px;
	padding:0px;
}
h1{
	font:bold 50px 細明體;
	color:white;
}
h2{
	font:24px 細明體;
}
h3{
	font:28px 標楷體;
	color:blue;
	background:yellow;
}
h4{
	font:20px 細明體;
	color:black;	
}
h5{
	font:20px 細明體;
	color:white;	
}
h6{
	font:16px 細明體;
	color:white;
}
header, section, footer, aside, nav, frameset, article, hgroup{
	display:block;
}
body{
	max-width:1368px;
	display:-webkit-box;
	-webkit-box-pack:center;
}
#big_wrapper{
	max-width:1000px;
	margin:0px 0px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-box-flex:1;
}
#top_banner{
	display:block;
	background:-webkit-radial-gradient(center, circle, #4d4d4d 25%, #0d0d0d 100%);
	border:0px;
	padding:15px;
}
#top_header{
	text-align:center;
}
#master_shao{
	background:black;
	color:white;
	font:18px Tahoma;
}


#sub_menu{
	border:red;
	color:blue;
	height:60px;
	display:-webkit-box;
	-webkit-box-orient:horizontal;	
	-webkit-box-pack:end;
	-webkit-box-align:center;
}
#sub_menu li{
	border:0px solid green;
	display:inline-block;
	background:-webkit-radial-gradient(center, circle, #E6E6E6 25%, #F2F2F2 100%);	
	padding:0px;
	margin:25px;
	list-style:none;
	font:24px 細明體;
	color:blue;
	-webkit-border-radius:6px;
	-webkit-transform:skew(-0deg);
	-webkit-transition:-webkit-transform 1s;
}
#sub_button{
	text-decoration:none;
	color: blue;
}
#sub_menu li:hover{
	-webkit-transform:skew(-0deg);
	background:yellow;
	!-webkit-radial-gradient(center, circle, #F2F2F2 25%, #E6E6E6 100%);
}



#top_menu{
	border:red;
	color:white;
	height:90px;
	display:-webkit-box;
	-webkit-box-orient:horizontal;	
	-webkit-box-pack:end;
	-webkit-box-align:center;
}
#top_menu li{
	border:1px solid white;
	display:inline-block;
	background:-webkit-radial-gradient(center, circle, #595959 25%, #4d4d4d 100%);	
	padding:10px;
	margin:10px;
	list-style:none;
	font:16px 細明體;
	color:white;
	-webkit-border-radius:8px;
	-webkit-transform:skew(-0deg);
	-webkit-transition:-webkit-transform 1s;
}
#li_button{
	text-decoration:none;
	color: white;
}
#sub_button{
	text-decoration:none;
	color: blue;
}
#top_menu li:hover{
	-webkit-transform:rotate(-7deg);
	background:-webkit-radial-gradient(center, circle, #737373 25%, #595959 100%);
}
#maths_menu_level_1 li{
	border:1px solid gray;
	display:inline-block;
	background:#ffffcc;
	padding:10px;
	margin:10px;
	list-style:none;
	color:blue;
	-webkit-border-radius:8px;
	-webkit-transform:skew(-0deg);
	-webkit-transition:-webkit-transform 1s;
}
#maths_menu_level_1 li:hover{
	-webkit-transform:rotate(-0deg);
	background:#f2f2f2;
}
#blueP{
	background:white;
}
#ribboncyan{
	background:cyan;
}
#ribbonyellow{
	background:yellow;
}
#ribbonred{
	background:red;
}
#redP{
	background:#f2f2f2;
}
#new_div{
	display:-webkit-box;
	-webkit-box-orient:horizontal;
}
#main_section{
	float:left-side;
	text-align:left;
	border:1px solid #E0E0F8;
	-webkit-box-flex: 1;
	margin:0px 0px;
	padding:0px;
}
#math_section{
	max-width:1368px; 
	float:left-side;
	text-align:left;
	border:0px solid #E0E0F8;
	-webkit-box-flex: 1;
	margin:0px 0px;
	padding:0px;
}
#computer_section{
	float:left-side;
	text-align:left;
	border:0px solid #E0E0F8;
	-webkit-box-flex: 1;
	margin:0px 0px;
	padding:0px;
}
#side_news{
	float:right-side;
	border: 0px solid red;
	width:25%;
	margin:5px 0px;
	padding:20px;
	background:#EFF2FB;
}
#webowner{
	text-align:right;
	padding:11px;
	border-top:0px solid green;
}