@import url("../../file/css/icon/css/all.min.css");

#cssmenu picture{display:none;}
.logo{background:none;height:auto;}

@layer announce{

section *{font-family:'Noto Sans TC', sans-serif;}
h1,h2,h3,dd,dl,ol,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;line-height:1.5em;}
/* .bgcolor1{background:url(../images/1101081_02.png) no-repeat top;background-size:cover;} */
/* .bgcolor2{background:linear-gradient(to bottom, #ddb88c 5%, #fdefd9 10%);} */
.bgcolor1{background:url(../images/1101081_01.jpg) no-repeat top;border-bottom:5px solid #d6d6d6;}
.bgcolor2{background-color:#fdefd9;} 
.bgcolor3{background:linear-gradient(to bottom, #fffbea 20%, #FFF 90%);}
.bgcolor5{background:linear-gradient(to right, #a46017 10%, #edd154 50%, #a46017 90%);}
.bg-white{background-color:white;}
.bg-gray{background-color:#f5f5f5;}
.date table td.border-bottom-gold{padding:0.25rem 0;line-height:3rem;}
.border-bottom-gold > div{border-bottom:1px solid #ddd4a7;line-height:3rem;}
.fcolor1{color:#BE103E;}
.exam-box .fcolor2{color:#BE103E;}
#event_master *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* 考試公告 */
#Header{border-bottom:none;}
h1{font-size:4rem;}
h2{font-size:2.4rem;background-color:#d9d8de;margin:0;padding:0.8% 0;}
h3{font-size:2.4rem;background:linear-gradient(to right, #8d0127 10%, #af0134 50%, #56010f 100%);margin:0;padding:1.0% 0;letter-spacing:1rem;color:#fffcea;font-family:Noto Serif TC;font-weight:normal;border-bottom:solid 4px #ca902a;text-align:center;}
small{font-size:0.9em;display:block;}
#Master_title img{margin:auto;display:block;}
.bulletin{padding-top:3rem;margin-bottom:1rem;letter-spacing:0.3rem;/*letter-spacing:1rem;font-size:3rem;*/font-size:3.5rem;text-align:center;color:#BE103E;width:100%;font-weight:bold;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;}
.exam-box{width:100%;margin:0 auto 0;}
.exam-box ul{text-align:left;width:1200px;margin:0 auto;padding:0 5%;font-size:1.25rem;/*font-size:1.5em;*/}
.exam-box ul>li{margin:2rem auto;}
.exam-box li, .exam-box p{color:#590110;margin:0.5rem auto;}
.exam-box li a{color:#590110;}
.exam-box li b{border-bottom:solid 3px #ae0133;padding:0 0.5em 0.2em;margin-right:0.8em;text-align:center;font-family:Noto Serif TC;font-weight:700;display:inline-block;font-size:1.5rem;}
.exam-box li .tracking-widest{letter-spacing:0.75em;padding:0 0 0.2em 0.5em;}
.submenu a{display:inline-table;vertical-align:middle;margin:auto 1rem;font-family:Noto Serif TC;}
.trial{margin:auto;padding:2% 2% 0;font-size:1.5em;}
.trial:nth-of-type(2){margin:0 auto 2%;}
.trial ol li{list-style-type:decimal;margin-left:4rem;}
.trial .apply{font-size:initial;}
.apply{text-align:center;margin:1rem auto;display:inline-block;width:100%;}
.askarea_out .apply-online{font-size:1.5rem;width:auto;margin:auto auto auto 1rem;}
.askarea_out .apply-online a{background:linear-gradient(to bottom, #b10034 10%, #77021f 90%);}
.apply a, .exam-box .apply-btn{background:linear-gradient(to bottom, #edd154 10%, #a46017 90%);color:white;padding:0.5rem 1rem;display:inline-block;margin:0.5rem;font-size:1.4em;text-decoration:none;border-radius:0.5em;letter-spacing:0.2em;font-family:Noto Serif TC;}
.exam-box .apply-btn{font-size:1.5rem;margin:-0.5rem 0.5rem;}
.indent{margin-left:2.5rem;text-indent:-2.5rem;}
.date table td, .date table th{border:1px solid #ddd4a7;padding:0.25rem;}
.date table th{background:#c9a362;color:white;letter-spacing:2px;font-weight:normal;}
.date tr:nth-child(even){background-color:#FFF;}
.date tr:nth-child(odd){background-color:#f5f5f5;}
.tip{background-color:#CA902A !important;}
.tip2{background-color:#9d8660 !important;}
.tip3{background-color:#9f6606 !important;}
.tip4{background-color:#A94D36 !important;}
.date table{width:100%;text-align:center;background-color:white;color:#590110;}
.date table td{width:calc(100%/5);}
.date2 table td{/*width:calc(100%/4);*/width:calc(100%/3.75);}
.date3 table td{width:calc(100%/7);}
.decimal>li{list-style-type:decimal;margin-left:2rem;}
.exam-box .disc{padding:0 0 0 1.25rem;}
.exam-box .disc>li{list-style-type:disc;margin:0;}
/*2022/02/25 Add*/
.tabout_bg{margin:auto;color:#f1ce6d;text-align:center;border-bottom:solid 6px #97012c;align-items:flex-end;}
.notyet{color:#b95f79;}
.tabout_bg a{font-family:Noto Serif TC;font-size:2.0rem;color:#484339;background-color:#efebdc;border-radius:1rem 1rem 0 0;padding:0.2rem;/*padding:0.2rem 0;width:calc(100%/2);*/border-right:2px solid #e5d9c4;width:100%;}
.tabout_bg a span{font-family:Noto Serif TC;}
/*.tabout_bg a:first-of-type{display:none;}
.tabout_bg a:last-of-type{width:100%;cursor:inherit !important;}*/
.tabout_bg a:hover{}
.fade-enter-active, .fade-leave-active{transition:opacity .7s;}
.fade-enter, .fade-leave-to{opacity:0;transition:opacity 0.1s;}
.tabout_bg a.active{color:#9e0231;font-size:2.5rem;text-decoration:none;background-color:#efe4d0;border-radius:1.3rem 1.3rem 0 0;letter-spacing:0.15rem;font-weight:bold;border-top:solid 4px #e5d9c4;cursor:auto !important;/*background:linear-gradient(to right, #8d0127 10%, #af0134 50%, #56010f 100%);*/}
.tabout_bg a.active .active_block{display:block;}
/*2022/02/25 Add End*/
.senior-sign{padding-bottom:1rem;}
.senior-sign li a{color:white;}
.senior-sign li{list-style-type:decimal;display:list-item;color:white;font-size:1.25rem;}
.footer-wrap{text-align:center;padding:2rem 0;background-color:#343434;color:#c8b183;}
.footer-wrap a{color:#c8b183;}
.line-vertical{border-right:1px solid #5f584b;padding-right:1rem;margin-right:1rem;}
.table-six table td{width:calc(100%/6);}
.asktitle ul li{font-size:1.25rem;list-style-type:disc;}
.exam-box .input-subject{font-size:initial;width:auto;padding:initial;} 
.input-subject li{display:inline-block;color:white;margin:auto 1rem auto auto;} 
.exam-box .input-subject input{margin:auto 0.25rem;}
.target-fix{position:relative;top:-5rem;display:block;visibility:hidden;}
.trial .trial-intro{display:block;border-bottom:solid 1px #ca902a;padding-bottom:0.2em;margin-bottom:0.3em;}   
.promote{position:fixed;top:60%;right:0;text-align:center;}
.circle{width:150px;height:154px;border-radius:50%;background-color:#a32b2c;font-size:1.125rem;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;border-top:6px #d5ba8b solid;border-bottom:6px #d5ba8b solid;border-right:3px #d5ba8b solid;border-left:3px #d5ba8b solid;padding:1rem 0.5rem 2rem;}
.circle a{color:white;}
.promote i{color:#FEE022;font-size:1.75rem;animation:jump 1s ease 1s infinite alternate;position:relative;}
@keyframes jump{
    from{top:0px;}
    15%{top:-8px;}
    50%{top:0px;}
    90%{top:0px;}
    100%{top:0px;}
}
.d-change{background-color:#BE103E;color:white;padding:0 4px 0 3px;margin-left:4px;font-size:0.95rem;display:inline-block;}
.shine{animation:myfirst 1.5s infinite alternate ease-in-out;position:relative;}
@keyframes myfirst{
    0%{opacity:1}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
.askarea p{margin:2% auto 3%;font-size:2rem;color:white;}
/* Banner */
#banner_item{transition:.5s;position:fixed;right:-202px;transform:translateX(-100%);width:202px;z-index:8;-webkit-filter:drop-shadow(0px 0px 7px #00000033);filter:drop-shadow(0px 0px 7px #00000033);}
#banner_item .hooper{height:auto !important;outline:none;}
#banner_item .hooper-indicator{background:rgb(255 255 255 / 60%);}
#banner_item .hooper-indicator.is-active{background:#4285f4;}
#banner_item td{padding:0;}
#banner_item label{background:#4c4c4c;position:absolute;color:#ffffff;left:-2.125rem;width:2.25rem;text-align:center;height:100%;border-radius:1rem 0 0 1rem;writing-mode:vertical-lr;}
#banner_item label i{cursor:pointer;position:absolute;bottom:3px;left:3px;writing-mode:horizontal-tb;
width:100%;}
#banner_item label span{position:relative;height:100%;display:block;padding-left:0.25rem;}
#switch{display:none;}
#switch:checked+#banner_item{transform:translateX(0);}
#switch:checked+#banner_item i{transform:scaleX(-1);} 
.vod{height:39px;}

@media screen and (min-width:1201px){
    #cssmenu{height:0;}
    #cssmenu>ul{bottom:-13.5rem;top:auto;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width:100%;}    
    .bgcolor1{height:252px;}
    #Master_title img, .submenu{width:1200px;}/*主圖位置ID*/    
    .tabout_bg{width:1200px;}
    .tabout_bg a{padding:0.2rem 1.5rem;}
    .trial{font-size:1.25rem;width:1200px;}    
    .date{width:1000px;/*margin:auto;*/margin:auto auto 2rem;}
    .trial .trial-intro{font-family:Noto Serif TC;font-weight:700;font-size:1.1em;letter-spacing:0.2em;}	 
    .footer-wrap>div{width:1200px;margin:auto;}
    .asktitle ul{width:80%;}
    /*ask*/
    .askarea_out *{font-family:;font-size:1em;}
    .askarea_out{background:linear-gradient(to right, #ac6c1d 10%, #d7af42 50%, #a9671b 90%);width:100%;display:inline-block;text-align:left;}
    .askarea{width:1200px;margin:0 auto;}
    .askarea img{width:10%;height:auto;display:inline-block;}
    .askarea .asktitle,.askarea .asktitle p{text-align:center;}
    .askarea .asktitle{color:#FFF;}
    .askarea #formlist{width:80%;margin:2%  auto;color:#FFF;}
    .askarea SELECT,.askarea input{border-radius:7px;	background-color:#FFF;	border:#FFF;padding:0.25rem;margin:auto 1% 1% auto;}
    .askarea SELECT{width:20%;}
    .askarea input{color:#A1A1A1;}
    .askarea input[name="sContent"]{width:50%;}
    .askarea input[type="text"]{width:25%;}
    .askarea input[type="radio"]{margin-left:3%;}
    .askarea input[type="submit"],.askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#8d0127;padding:0.5em;}  
    #banner_item{bottom:12%;}    
    /*瀏覽器相容性通知*/
    #noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #006699;background-color:#3399CC;_z-index:9999;z-index:9999;	position:fixed; _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0;}
    #noie a{color:#FC0;}
    .hottxt{ color:#ffd942; font-size:13px; }
}
@media screen and (max-width:1200px){    
    .bgcolor1{background-size:cover;}
    .bulletin{padding:1rem 1rem 0;margin-bottom:auto;}
    #Master_title{display:block;}/*主圖位置ID*/
	.exam-box ul{width:100%;font-size:17.6px;}
	h3{font-size:1.5rem;padding:1.3%;}
	.apply a{font-size:1.0em;}
    .exam-box .apply-btn{margin:0.5rem auto;font-size:1rem;}
	.trial{width:100%;padding:1% 5%;font-size:1.1em;}
    .date{margin:0.25rem auto 0.5rem;width:90%;}
    .indent{margin-left:2.25rem;text-indent:-2.25rem;}
    .trial ol li{margin-left:3.25rem;} 
    .tabout_bg a{font-size:1.25rem;}   
    .tabout_bg a.active{/*font-size:1.75rem;font-size:1.5rem;*/}
    .exam-box .subject{padding:0 0 0.5rem;font-size:0.8em;}
    .subject input{vertical-align:middle;}
    .senior-sign li{margin-left:2rem;}     
    .promote{top:auto;bottom:10%;}
    /*資料集中1200px寬外框*/
    #event_sec,#event_third,#event_fourth,#event_fifth{margin:2% auto;display:inline-block;width:100%;padding:0%;}    
    /*ask*/
    .askarea{background:linear-gradient(to right, #ac6c1d 10%, #d7af42 100%);height:auto;padding:4% 2% 1%;}
    .askarea .asktitle,.askarea .asktitle p{text-align:center;}
    .asktitle p{font-size:1.25rem;}
    .askarea .asktitle{font-size:1.0em;color:#FFF;margin-bottom:5%;}    
    #formlist{margin:3% auto auto 0%;padding-right:1%;font-size:0.8em;color:#FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{width:100%;}
    SELECT,input{border-radius:7px;font-size:1.0em;margin:auto 1% 1rem auto;background-color:#FFF;height:30px;}
    SELECT{width:100%;border:#FFF;padding:0.5%;}
    input{border:#FFF;padding:1%;color:#C6C6C6;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color:#8d0127;	-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/	font-size:1em;margin-top:5%;	padding:1%;	height:auto;}
    input[type="radio"]{width:1em;height:1em;margin-left:3%;}   
    .exam-box .input-subject{margin-bottom:1rem;font-size:0.8rem;}
    .exam-box .input-subject input{height:auto;vertical-align:middle;} 
    .bulletin span{display:none;}
    .sm\:mt-2{margin-top:0.5rem;}
    #banner_item{bottom:15%;}
    #banner_item label{border-radius:.5rem 0 0 .5rem;}
    #banner_item label i{font-size:.5rem;}
}
@media screen and (min-width:768px) and (max-width:1199px){
    .date .sm\:block, .tabout_bg .sm\:block{display:initial !important;}
    .tabout_bg .md\:block{display:block !important;}
    .tabout_bg a{padding:0.2rem 1rem;}
}
@media screen and (max-width:767px){
    .date table td.sm\:leading-6{line-height:1rem;}
    .date table td.sm\:leading-6 > div{line-height:2rem;padding-bottom:0.5rem;margin-bottom:0.5rem;}
    .sm\:text-left{text-align:left;}
    .date .sm\:pl-4{padding-left:1rem;}
    .date{overflow-x:scroll;}
    .date table{width:150%;}
    .line-vertical{display:block;border:none;margin:auto;padding:0;}
    .asktitle ul li{margin-left:1rem;}
    .bulletin{font-size:2rem;letter-spacing:0.25rem;}    
    .exam-box ul>li{margin:1rem auto;}
    .promote{bottom:0;left:0;}
    .circle{width:100%;height:auto;border-radius:initial;border:initial;padding:0.5rem 0;}
    .promote i{margin-right:0.25rem;}
    .footer-wrap{padding:2rem 0 3rem;}        
    #banner_item{width:100px;right:-100px;}      
    #banner_item .hooper-indicator{width:6px;}
    .tabout_bg a.active{font-size:1.725rem;/*font-size:1.75rem;*/}
}

}


/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0){ /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}
@media \0screen\,screen\9{/*IE 6 7 8*/
}
@media screen\0{/*IE 8 9 10 11*/
}
@media print{
}