@charset "utf-8";
/* CSS Document */
/*ul,li{margin:0;padding:0;list-style:none}*/
.abgne_tab{clear:left;width:100%;margin:10px 0;padding:10px 0;}
ul.tabs{width:100%;height:32px;border-left:1px solid #d5d5d5}
ul.tabs li{float:left;height:31px;line-height:31px;overflow:hidden;position:relative;margin-bottom:-1px;border:1px solid #d5d5d5;border-left:none;background:#f6f6f6}
/*ul.tabs li a{display:block;padding:0 20px;color:#000;border:1px solid #fff;text-decoration:none}
ul.tabs li a:hover{background:#ccc}
ul.tabs li.active{background:#fff;border-bottom:1px solid #fff;color:#c31411;}
ul.tabs li.active a:hover{background:#fff}*/

ul.tabs li a{color:#28111b;display:block;padding:0 20px;text-decoration:none;}
ul.tabs li a:hover{color:#c31411;}
ul.tabs li.active a{color:#c31411;}
ul.tabs li.active a:hover{color:#c31411;}



div.tab_container{clear:left;width:100%;/*border:1px solid #999;*/border-top:none;background:#fff}
div.tab_container .tab_content{padding:20px}
div.tab_container .tab_content h2{margin:0 0 20px}
/******************************************************************/


.column{width:calc(100% - 2%);margin:0 1%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;font:11.25pt  "微軟正黑體";font-weight:700;color:#000000;}
.column .cell_over{width:calc(100%/6);color:#ffffff;background:#ff6600;text-align: center; box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1)}
.column .cell_over a{color:#ffffff;}
.column .cell_over p{padding:1.5em 1em;}

.column .cell{width:calc(100%/6);color:#000000;background:#f6f6f6;text-align: center;box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1)}
.column .cell:hover {color:#ffffff;background:#ff6600;}
.column .cell:hover a{color:#ffffff;}
.column .cell a{color:#000000}
.column .cell p{padding:1.5em 1em;}

@media only screen and (max-width: 479px) {
.column .cell_over{width:calc(100%/3);}	
.column .cell{width:calc(100%/3);}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.column .cell_over{width:calc(100%/4);}	
.column .cell{width:calc(100%/4);}		
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.column .cell_over{width:calc(100%/5);}
.column .cell{width:calc(100%/5);}		
}



/*高中生*/
.column01{width:calc(100% - 2%);margin:0 1%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;font:11.25pt  "微軟正黑體";font-weight:700;color:#000000;}
.column01 .cell_over{width:calc(100%/4);color:#ffffff;background:#ff6600;text-align: center; box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1)}
.column01 .cell_over a{color:#ffffff;}
.column01 .cell_over p{padding:1.5em 1em;}

.column01 .cell{width:calc(100%/4);color:#000000;background:#f6f6f6;text-align: center;box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1)}
.column01 .cell:hover {color:#ffffff;background:#ff6600;}
.column01 .cell:hover a{color:#ffffff;}
.column01 .cell a{color:#000000}
.column01 .cell p{padding:1.5em 1em;}

@media only screen and (max-width: 479px) {
.column01 .cell_over{width:calc(100%/2);}	
.column01 .cell{width:calc(100%/2);}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.column01 .cell_over{width:calc(100%/3);}	
.column01 .cell{width:calc(100%/3);}		
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.column01 .cell_over{width:calc(100%/3);}
.column01 .cell{width:calc(100%/3);}		
}


/******************************************************************/
#button_block{width:100%;height:auto;overflow:hidden;}
#button_block ol{width:100%;float:left;padding: 0;margin:0;}
#button_block ol li{float:left;width:100%;font:11.25pt  "微軟正黑體";font-weight:700;text-align:center;}


#button_block .buttonsp a{float:left;background:#f6f6f6;color:#000;display:block;width:30%;height:35px;padding:1.5em 0;vertical-align:middle;border:1px solid #d5d5d5;border-left:none;}
#button_block .buttonsp a:hover{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:35px;padding:1.5em 0;vertical-align:middle;border:1px solid #d5d5d5;border-left:none;}

/*****************************************************/
#button_block .button a{float:left;background:#f6f6f6;color:#000;display:block;width:30%;height:35px;padding:1.5em 0;vertical-align:middle;border:1px solid #d5d5d5;border-top:none;border-left:none;}
#button_block .button a:hover{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:35px;padding:1.5em 0;vertical-align:middle;border:1px solid #d5d5d5;border-top:none;border-left:none;}
#button_block .button_over a{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:35px;padding:1.5em 0;vertical-align:middle;border:1px solid #d5d5d5;border-top:none;border-left:none;/*border-top:none;*/}

/***************************height**********************************/
#button_block .Hbuttonsp a{float:left;background:#f6f6f6;color:#000;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;display: flex;justify-content: center; align-items: center;}
#button_block .Hbuttonsp a:hover{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;display: flex;justify-content: center; align-items: center;}

/*****************************************************/
#button_block .Hbutton a{float:left;background:#f6f6f6;color:#000;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;border-top:none; display: flex;justify-content: center; align-items: center;}
#button_block .Hbutton a:hover{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;border-top:none;display: flex;justify-content: center; align-items: center;}
#button_block .Hbutton_over a{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #fa7800;border-top:none;display: flex;justify-content: center; align-items: center;}

/***************************height3**********************************/
#button_block .Hbutton3sp a{float:left;background:#f6f6f6;color:#000;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;display: flex;justify-content: center; align-items: center;}
#button_block .Hbutton3sp a:hover{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;display: flex;justify-content: center; align-items: center;}

/*****************************************************/
#button_block .Hbutton3 a{float:left;background:#f6f6f6;color:#000;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;border-top:none; display: flex;justify-content: center; align-items: center;}
#button_block .Hbutton3 a:hover{float:left;background:#fa7800;color:#fff;display:block;width:30%;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #d5d5d5;border-top:none;display: flex;justify-content: center; align-items: center;}
#button_block .Hbutton3_over a{float:left;background:#fa7800;color:#fff;display:block;width:30;height:42px;padding:0.5em 0.5em;vertical-align:middle;border:1px solid #fa7800;border-top:none;display: flex;justify-content: center; align-items: center;}