@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;}
/*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: 1.1em;}
	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 {
}