/* == 共用區 ============================================================================= */

*{
	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;
	font-size:25px;
	background-color:#55B8F7;
	}

ul{ list-style:none;}
li{ list-style:none;}

.center{
	max-width:980px;
	margin:0 auto;}
	
ul{ list-style:none; }
.maxw img{max-width:980px;}
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:1.5em; color:#003399; max-width:980px; }
.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/

table{
	max-width:1200px;
	text-align: center;}

.TOP-WEB {
	text-decoration:none;
    color:  #FF3;; 
    text-align:center;
    background-color:#000;
}
.add {
	font-size: 16px;
	color: #FF9;
	background-color: #000;
    text-align: center;
}
.add2 {
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    text-align: center;
}
.add3 {
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
    text-align: center;
}

.footer {
	font-family: "微軟正黑體";
	font-size: 16px;
	color: #FF9;
	background-color: #000;
	text-align:center;
}
.footer2 {
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    text-align:center;
}
.footer3 {
	font-family: "微軟正黑體";
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
    text-align:center;
}
/* == 桌機版 ============================================================================= */
/*刊頭*/
.header{
	width:100%;

	}

.header-m{
	width:0;
	height:0;
	overflow:hidden;}

/*前十*/
.conA{
	width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#acebff+3,5490ff+52,5490ff+52,0071bc+100 */
background: #acebff; /* Old browsers */
background: -moz-linear-gradient(top,  #acebff 3%, #5490ff 52%, #5490ff 52%, #0071bc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #acebff 3%,#5490ff 52%,#5490ff 52%,#0071bc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #acebff 3%,#5490ff 52%,#5490ff 52%,#0071bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acebff', endColorstr='#0071bc',GradientType=0 ); /* IE6-9 */

	}
.conA-img{
	max-width:1200px;	
	margin:0 auto;
	}	
	
/*連續狀元*/
.conB{
	width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#723da9+0,5490ff+52,5490ff+52,723da9+100,723da9+101 */
background: #723da9; /* Old browsers */
background: -moz-linear-gradient(45deg,  #723da9 0%, #5490ff 52%, #5490ff 52%, #723da9 100%, #723da9 101%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #723da9 0%,#5490ff 52%,#5490ff 52%,#723da9 100%,#723da9 101%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #723da9 0%,#5490ff 52%,#5490ff 52%,#723da9 100%,#723da9 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#723da9', endColorstr='#723da9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
.conB-img{
	max-width:1000px;	
	margin:0 auto;
}	
	
/*優異考取*/
.conC{
	width:100%;
    background-color:#1D2088;
	}
.conC-img{
	max-width:1200px;	
	margin:0 auto;
}



/*查榜時間*/
.conD{
	width:100%;
background-image: url("../images/p_bg.png");
		background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	}
.conD-img{
	max-width:1000px;	
	margin:0 auto;
}	

.conE{
	width:100%;
background-color: #FCE8D4;
		background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	}
.conE-img{
	max-width:1000px;	
	margin:0 auto;
}	


.h03{width:1100px; margin: 0 auto; padding:1%; font-size:48px; color:#FFFFFF; font-weight:bold; text-align:center;}
.tb1{ width:1100px; margin:0 auto; padding:2%; font-size:40px;  color:#000;}
.t2{width:1100px; margin:0 auto; padding:1%; font-size:24px; 
	color:#FFFFFF; text-align:center; }





.opt{
	background-color: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9b7418+0,f9d57a+30,fff0b7+51,ffe382+75,bc8c1c+100 */
background: #9b7418; /* Old browsers */
background: -moz-linear-gradient(left, #9b7418 0%, #f9d57a 30%, #fff0b7 51%, #ffe382 75%, #bc8c1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #9b7418 0%,#f9d57a 30%,#fff0b7 51%,#ffe382 75%,#bc8c1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #9b7418 0%,#f9d57a 30%,#fff0b7 51%,#ffe382 75%,#bc8c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b7418', endColorstr='#bc8c1c',GradientType=1 ); /* IE6-9 */;

    font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	}
.opt ul{	width:100%;
	text-align:center; 
	max-width: 1200px;
       padding:1% 0% 1% 0;
    overflow: hidden;
	margin:0 auto;
}
.opt li{
background:#540911;
    color:#fff;
	width:47%;
	font-size:30px;
  	margin:2% 1% 1% 1%;
    padding:1% 2% 1% 2%;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	border-radius:50px;
	transition:0.5s;}

.opt li a{
	color:#FFFFFF;
	display:block;
	text-decoration:none;}

.opt li:hover{
	transform:scale(0.95,0.95);}
	
.box{width:100%;margin:0 auto; padding:2%; 	
	font-size:36px;text-align:center; }
	.MMM {margin:0 auto; 
padding:3% 1%;
}	
.cc3{
	max-width:940px;	
margin:0 auto;		background-color:

background: -webkit-linear-gradient(180deg, rgb(255, 255, 255), rgb(240, 243, 255));
background: linear-gradient(180deg, rgb(255, 255, 255), rgb(240, 243, 255));

	border-radius:0px 0px 10px 10px;
	width:100%;	
	}
.cc4{
	max-width:940px;	margin:0 auto;
	background-color: 
background: -webkit-linear-gradient(90deg, rgb(22, 135, 237), rgb(104, 39, 228));
background: linear-gradient(90deg, rgb(22, 135, 237), rgb(104, 39, 228));

		border:5px solid #AAB9F0;
	border-radius:20px 20px 0px 0px;
		padding:1%; 	
	width:100%;font-size:48px;color: #FBF211;text-align:center; 	font-weight:bold;
	}

/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
/*刊頭*/
.header{
	width:0;
	height:0;
	overflow:hidden;}
	
/*手機刊頭*/
.header-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}
    
.h03{width:100%; margin:0 auto; padding:1%; font-size:20px; color:#FFFFFF; font-weight:bold; text-align:center;}
.tb1{ width:90%; margin:0 auto; padding:2%;font-size:20px;}

.t2{width:100%; margin:0 auto; padding:1%; font-size:12px; 
	color:#FFFFFF; text-align:center; }

	.box{width:100%;margin:0 auto; padding:2%; 	
	font-size:24px;text-align:center; }
.cc3{
	
margin:0% 3% 0% 5%;	background-color:

background: -webkit-linear-gradient(180deg, rgb(255, 255, 255), rgb(240, 243, 255));
background: linear-gradient(180deg, rgb(255, 255, 255), rgb(240, 243, 255));

	border-radius:0px 0px 10px 10px;
color: #000;
width:90%;
	}
	
.cc4{
	margin:0 auto;
	background-color: 
background: -webkit-linear-gradient(90deg, rgb(22, 135, 237), rgb(104, 39, 228));
background: linear-gradient(90deg, rgb(22, 135, 237), rgb(104, 39, 228));

		border:5px solid #AAB9F0;
	border-radius:20px 20px 0px 0px;
		padding:1%; 	
	width:90%;font-size:36px;color: #FBF211;text-align:center; 	font-weight:bold;
	}
	
.opt{
	width:100%;
	background-color: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9b7418+0,f9d57a+30,fff0b7+51,ffe382+75,bc8c1c+100 */
background: #9b7418; /* Old browsers */
background: -moz-linear-gradient(left, #9b7418 0%, #f9d57a 30%, #fff0b7 51%, #ffe382 75%, #bc8c1c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #9b7418 0%,#f9d57a 30%,#fff0b7 51%,#ffe382 75%,#bc8c1c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #9b7418 0%,#f9d57a 30%,#fff0b7 51%,#ffe382 75%,#bc8c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b7418', endColorstr='#bc8c1c',GradientType=1 ); /* IE6-9 */;
    font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	}
.opt ul{width:100%;
	text-align:center; 
	max-width: 1200px;
       padding:1% 0% 1% 0;
    overflow: hidden;
	margin:0 auto;
}	
.opt li{
background:#540911;
    color:#fff;
	width:45%;
	font-size:20px;
  	margin:2% 1% 1% 1%;
    padding:1% 2% 1% 2%;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	border-radius:50px;
	transition:0.5s;}

.opt li a{
	color:#FFFFFF;
	display:block;
	text-decoration:none;}

.opt li:hover{
	transform:scale(0.95,0.95);}	
}


.opt a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}