@charset "utf-8";
/* 共用區 */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%;
	width:100%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	}
a{ text-decoration:none;}
.frame{ width:100%; margin:0 auto;text-align:center;overflow:hidden;text-decoration:none;}
.frame img{ max-width:980px;}	

/* 桌機版 */
.ha1{ width:980px; margin:0 auto; padding:1% 1% 0 1%; font-size:48px; color:#F00; text-align:center;font-weight: bolder;}

/* 類科推薦 */
.y{ width:30%; margin:0 auto; padding:0.5%; background-color:#0B5186; color:#FFF; font-size:30px;text-align:center;float:left;}
.b{width:980px; margin:0 auto; padding:1%;overflow:hidden;}
.b ul{list-style:none;}
.b li{width:30%; margin:1%; padding:0.5%; font-size:30px; text-align: center; background-color:#F8BC07;border-radius:10px;display:inline-block;}
.b li a{color:#CC0000;display:block;}
.r{ color:#CC0000;font-weight: bolder;}
.t1{ width:900px; margin:0 auto 2%; padding:1%; color:#FFFFFF; font-size:36px; background-color: #0BA2F2; }
.t2{ color:#FFFF00; font-size:48px;}


/*選單*/
.conA{
	max-width:1300px;
	margin:0 auto;
	background-color:#FFF;}
h2{
	width:100%;
	text-align:center;
	margin:2% auto;
	font-size:30px;}
.six{
	width:100%;
	list-style:none;
	text-align:center;}
.six li{
	width:22%;
	margin:2% 1%;
	display:inline-block;
	border-radius:20px;
	border:#00A2E9 2px solid;
	background-color:#FFFFFF;
	text-align:center;}
.six li .sub{
	background-color:#00A2E9;
	color:#FFFFFF;
	padding:2%;
	line-height:36px;
	font-size:28px;
	height:90px;
	font-weight: bolder;
	border-radius:15px 15px 0 0;}
.six li .text{
	font-size:24px;
	padding:2% 0;
	font-weight:bold;}
.six li img{
	max-width:240px;}


/*btn*/
.btn{
	text-align:center;
	width:30%;
	height:45px;
	line-height:45px;
	margin:2% auto;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bolder;
	background-color:#00A2E9;
	border-radius:20px;
	transition:0.5s;}
.btn a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn:hover{
	transform:scale(0.95,0.95)}



/* 考經*/
.k{ width:900px; margin:1.5% auto 0; padding:1%; background-color:#00A2E9; color:#FFFFFF; font-size:24px; text-align:center;}
.k1{ color:#FDCB02; font-size:48px;font-weight: bolder;}
.p{ width:900px; margin:0 auto 1.5%; padding:1% 1% 1% 1.5%; background-color: #CCC; font-size:20px;text-align:left;}

/* line */
.box3{ width:980px; margin:1% auto 0.5%; padding:1%; font-size:24px; color:#0F3AAE;text-align:center;}
.bl{ width:980px; margin:0 auto;}
.bl ul{list-style:none;}
.bl li{ width:22%; background-color:#0F3AAE; color:#FFFFFF; font-size:24px;border-radius:50px;text-align:center; margin:1% ; padding:1%;display:inline-block;}
.bl li a{ color:#FFFFFF;display:block;}
.box4{ width:39px;float:left;}






/* 手機版 */
@media screen and ( max-width:767px ){
.ha1{ width:100%;margin:0 auto; padding:1% 1% 0 1%; font-size:24px; color:#F00; text-align:center;font-weight: bolder;}

    
/*選單*/
.conA{
	width:100%;
	padding:1% 0;
	background-color:#FFF;}
.six{
	width:100%;
	list-style:none;
	text-align:center;}
.six li{
	width:44%;
	margin:2%;
	display:inline-block;
	border-radius:20px;
	border:#00A2E9 2px solid;
	background-color:#FFFFFF;
	text-align:center;}
.six li .sub{
	background-color:#00A2E9;
	color:#FFFFFF;
	padding:2%;
	line-height:25px;
	font-size:18px;
	height:60px;
	font-weight: bolder;
	border-radius:15px 15px 0 0;}
.six li .text{
	font-size:18px;
	padding:2% 0;
	font-weight:bold;}
.six li img{
	max-width:240px;}

    
/*btn*/
.btn{
	text-align:center;
	width:70%;
	height:45px;
	line-height:45px;
	margin:2% auto;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bolder;
	background-color:#00A2E9;
	border-radius:20px;
	transition:0.5s;}
.btn a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn:hover{
	transform:scale(0.95,0.95)}    
    
    
/* 類科推薦*/
.b{width:100%; margin:0 auto; padding:1%;overflow:hidden;}
.b ul{list-style:none;}
.b li{width:30%; margin:1%; padding:1.5%; font-size:14px; text-align: center; background-color:#F8BC07;border-radius:10px;display:inline-block;}
.b li a{color:#CC0000;display:block;}
.r{ color:#CC0000;font-weight: bolder;}


/* 類科推薦 */
.y{ width:35%; margin:0 auto; padding:0.5%; background-color:#0B5186; color:#FFF; font-size:16px;text-align:center;float:left;}
.kp{ width:100%; margin:0 auto; padding:1%;overflow:hidden;}
.kp ul{list-style:none;}
.kp li{ width:100%; margin:1%; padding:2%; font-size:16px; text-align:left;}
.t1{ width:90%; margin:0 auto 2%; padding:1%; color:#FFFFFF; font-size:18px; }
.t2{ color:#FFFF00; font-size:18px;}


/* 考經*/
.k{ width:90%; margin:1.5% auto 0; padding:1%; background-color:#00A2E9; color:#FFFFFF; font-size:15px; text-align:center;}
.k1{ color:#FDCB02; font-size:24px;font-weight: bolder;}
.p{ width:90%; margin:0 auto 1.5%; padding:1%; background-color:#CCC; font-size:15px;}

/* line */
.box3{ width:100%; margin:1% auto 0.5%; padding:1%; font-size:14px; color:#0F3AAE;text-align:center;}
.bl{ width:100%; margin:0 auto;}
.bl ul{list-style:none;}
.bl li{ width:30%; background-color:#0F3AAE; color:#FFFFFF; font-size:14px;border-radius:50px;text-align:center; margin:1% ; padding:1%;display:inline-block;}
.bl li a{ color:#FFFFFF;display:block;}
.box4{ width:20%;}

}