.sys-style-a .title h2.s-title {
    font-size: 1.3em;
    margin-top: 3px;
    min-height: 50px;
    margin: 1% auto;
    text-align: center;
    padding-top: 10px;
    border: 2px dotted;
    border-radius: 50px;
    background-color: #5289c1;
    color: #fff;
	width: 96%;
}
.sys-style-a .title h2.s-title:before {
    content:url(../img/oaad-doc-pic.png);
    font-size: 120%;
    margin-right: 6px;
	vertical-align:middle;
}



.sysform1 {
    border: 5px solid #9fbcda;
    border-radius: 8px;
    margin: 0 auto;
    width: 95%;
}

.sysform1 .form-a {
    width: 100%;
    min-height: 100px;
}
table.FormStyle tr, table.FormStyle td,table.FormStyle-c tr,table.FormStyle-d tr {
    display: block;border:1px solid transparent;
}
table.FormStyle-c tr,table.FormStyle-d tr{border:0; min-height:inherit;}

table.FormStyle tr,table.FormStyle-c tr:nth-child(1),table.FormStyle-d tr:nth-child(1){border:3px solid #cbcde0; min-height:150px; border-radius:0 0 20px 20px;}



table.FormStyle {
    width: 90%;margin: auto;}

td.FieldTitleTd {
    padding: 8px;   background-color: #687fb7;
    font-weight: bold; color: #fff;
    font-size: 1.2em;}
	
select#formSRH_exam_type {
    width: 100%;
    height: 40px;
    margin-top: 15px;
    background-color: aliceblue;
    color: #161e63;
    font-size: .95em;
    line-height: 40px; border:2px solid #ccc;}
	
.sysform1 .form-a{border:0;}
span#lblMsg { color: #e82f60;}

input#formSRH_search_button,#LinkButton1,#Button1 {
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: medium;
    background-color: #3480c1;
    color: #fff;
    border: 0;
    border-radius: 4px;
	-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);}

#LinkButton1{ width:auto; padding:8px;}




.title { margin-bottom: -10px;}

element.style {
}
.b01-area-s1 h2 span {display: block;font-size: .5em;margin-left: 0;margin-top: -3px;}
.b01-area-s1 h2 img {
    width: 50px;
    max-width: 100%;
    height: auto;
    display: block;
    float: left;
}
.b01-area-s1 {
    padding: 10px;
    min-width: 17%;
    float: left;
    margin-left: 20px;
}
table#formSRH_FormTable tr:nth-child(1) {
    min-height: 30px;
    border-radius: 0;
    border: 0;
    border-bottom: 2px dotted #b5b3d2;
    color: #302158;
    font-weight: bold;
}
input#formSRH_id_no {
    width: 100%;
    margin: 10px auto;
    height: 40px;
    border: 3px solid #ccc;
    background: aliceblue;
    color: #273186;
    font-size: medium;
    text-align: center;
    font-weight: bold;
}

.FormStyle-a{width:60%;}
.FormStyle-b{width:80%;}
#formSRH_chk_no{width:100%;}
#formSRH_chk_no tr{width:100%; display:block; text-align:center;}
#formSRH_chk_no td {
   width: 145px;
    border-bottom: 2px solid #bfbaba;
    display: block;
    float: left;
    margin: 10px 15px;
    height: 25px;
    line-height: 25px;
    background: #e1e6f3;
    border-radius: 30px;
    color: #57566f;
    font-size: .95em;
    font-weight: bold;
}
font.FieldTitleFont {
    font-size: .83em;
}
#formREC_FormTable.FormStyle tr{
    min-height: 35px;}
	
#formREC_FormTable.FormStyle tr:nth-child(1){
border:0; border-bottom:2px dotted #b5b3d2; border-radius:0; padding-bottom:0;}

span#formREC_FormTitle {
    display: block;
    border-left: 4px solid #426aa7;
    padding-left: 6px;
	color: #302158;
    font-weight: bold;
}	
	
#formREC_FormTable.FormStyle tr:nth-child(2){ border:0;}
td.ContectTd center { text-align: left;}

#formREC_FormTable.FormStyle tr:nth-child(3),#formREC_FormTable.FormStyle tr:nth-child(4){ display:none;}

.sys-form-a {
    text-align: left; width: 90%;}

.sys-form-a td.FieldTitleTdX {
    width: 150px;   background: #687fb7;
    padding: 8px;   color: #fff;
    font-size: .9em;  font-weight: bold;}
.sys-form-a font.FieldTitleFont { font-size: .75em;}
.sys-form-a td.FieldTitleTd{width:150px}
.sys-form-a td.ContectTd input[type="text"] {
    width: 250px;    line-height: 25px;
    border: 2px solid #ccc;    border-radius: 3px;
    background: #f4f9ec;    color: #145fd8;
    font-weight: bold;    font-size: .9em;}
.sys-form-a td.ContectTd input[type="button"] {
    width: 100px; height: 30px;
    margin-left: 3px; background: #3c5692;
    border-radius: 15px;  color: #fff;
    font-size: .9em;  font-weight: bold;
	box-shadow: 1px 2px 1px 1px #ccc;
	border: 2px solid #3b4c6b;}
	
.sys-form-a td.ContectTd select {
    width: 250px;  height: 35px; background: #cdd930;
    color: #666;    border: 3px solid #666;
    font-weight: bold;    font-size: medium;}
.sys-form-a font.ContectFont {
    color: #1e3775; font-weight: bold;
    font-size: .9em;  margin: auto 8px;white-space:nowrap;}
input#formREC_grd_date10,select#formREC_grd_date11,select#formREC_grd_finish,select#formREC_grd_grade,input#formREC_eye_tel1,input#formREC_comzip,input#formREC_domzip,
input#formREC_tel_21,input#formREC_tel_31,input#formREC_tel_33
{width: 60px;}

.sys-form-a table {
    margin: .5% 0 .5% 0;
    border-bottom: 2px solid #ccdae6;
    width: 100%;}
	
input#formREC_Insert,input#formREC_Print,input#formREC_Cancel,.agree-btna,.agree-btnb,#BtnAgree,#Button2,input#formREC_Print2,input#formREC_Print3
{ width: 140px;  height: 30px; font-size: .95em;
margin:6px auto;
  border-radius: 3px;border: 0; color: #fff;font-weight: bold;
-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);}

input#formREC_Insert,.agree-btna,#BtnAgree {background: #569aef;}
input#formREC_Print,input#formREC_Cancel ,.agree-btnb,#Button2{background: #acb5bd;}

#formREC_Cancel {
    display: none;
}
.agree-btna,.agree-btnb,#BtnAgree,#Button1,#Button2{ display:inline-block; width:150px; line-height:30px;}

table.clum-f15 { border: 0;}
table.clum-f16{border-bottom:0;}

input#formREC_Print.formbtn-wide {
    background: #596db4;
    width: 92%;
    white-space: pre-wrap;
    height: 50px;
}

#Form_EA0222EDT04 input#formREC_Print.formbtn-wide {
    width: 295px;
    white-space: pre-wrap;
    height: 80px;
    border-radius: 10px;
    border: 5px solid #c1c4f3;
    background: #7abcff;
    background: -moz-linear-gradient(top, #7abcff 0%, #473ad8 100%);
    background: -webkit-linear-gradient(top, #7abcff 0%,#473ad8 100%);
    background: linear-gradient(to bottom, #7abcff 0%,#473ad8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#473ad8',GradientType=0 );
	text-align:left;
}


#Form_EA0222EDT04 .btn-area:before {
    content: "請務必點下方藍色按鈕才算真正完成報名，感謝";
    font-weight: bold;
    color: #1230e3;
    display: block;
    padding: 1% 1% 0 3px;
    border-bottom: 0;
    font-size: 1.3em;
}

#Form_EA0222EDT04 #formREC_Cancel {
    display: none;
}

#Form_EA0222EDT04 .btn-area {
    margin: 10px .5% 1.5% 1.5%;
}

.sys-style-a fieldset table a ,.sys-style-b fieldset table a {
    background: #729ef4;
    color: #fff;
    display: block;
    padding: 5px;
    border-radius: 5px;
    font-size: .9em;
    box-shadow: 1px 4px 3px 1px #867c7ccc;
    border: 2px solid #244d9c;
    text-decoration: none;
}



table.wrong-msg {
    width: 90%;
}

table.wrong-msg tr, table.wrong-msg td {
    display: grid;
    width: 100%;
}

span#formREC_ValidationSummary {
    font-size: .85em;
    background: #f5f28b;
    display: block;
    padding: 8px;
    border-bottom: 5px solid #e6db91;
    width: 100%;
    margin: auto;
    color: #dc4112;
    font-weight: bold;
    border-radius: 8px;
    line-height: 1.8em;
}

.agreetxt h2,.agreetxt p,.agreetxt li{ text-align:left;}


.agreetxt ol { margin: 0; padding: 0 0 0 20px;}

.agreetxt li {
    margin: 12px auto;
    font-size: .85em;
    color: #1d67b1;
    font-weight: 700;
}
.agreetxt li li {
    color: #351b9a;
    font-size: .95em;
    list-style: square;
    list-style-type: disclosure-closed;
    list-style-position: inside;
    margin: 8px 0;
    font-weight: bold;
    border-bottom: 1px dotted #807e9c;
    line-height: 1.6em;
}
.agreetxt li ul {
    margin: 10px auto;
    padding: 1%;
    background: #eeefe7;
    border-radius: 5px;
    border: 2px solid #b0bcea;
    border-bottom: 5px solid #ccc;
}

.agreetxt h2 {
    font-size: medium;  background: #deebf5;
    padding: 10px 15px;   border-radius: 5px;
    color: #2b224c;}

/*forienger*/

.agree-square {
    background: #fbfcc9;padding: 10px;
    width: 90%; border-radius: 8px;
    margin: auto;font-size: .9em;
    font-weight: bold;}

.sys-style-a .title h2.s-title span {
    font-size: .83em;    padding: 6px;
    display: block;}
#batrecord_DataGrid tr:nth-child(1){display:none;}

/*#batrecord_DataGrid .ContectFont::before,#batrecord_DataGrid .ContectFontX::before{content:"志願序Order of preference";}*/

table#batrecord_FormTable,table#batrecord_FormTable tr,#batrecord_DataGrid {
    border: 0;
}

/*#batrecord_DataGrid .ContectFont::before, #batrecord_DataGrid .ContectFontX::before,*/ .tab-name {
    content: "志願序Order of preference";
    display: inline-block;
    width: 200px;
    font-size: .88em;
    background: aliceblue;
    padding: 2px 2px 2px 8px;
    margin-right: 15px;
    color: #111a8e;
    letter-spacing: .5px;
    font-weight: bold;
}


#batrecord_DataGrid .ContectTd ,#batrecord_DataGrid .ContectTdX {
    min-height: 100px;
}
table#batrecord_DataGrid input[type="text"] {
    border: 1px solid #b3cce6;    padding: 5px;
    border-bottom: 3px solid #b4c5de;
    color: #4278a5; width:30%;}

table#batrecord_DataGrid input[type="button"] {
    background: #3887ce;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    width: 80px;
    height: 35px;
    border: 2px solid #0c357f;
    border-bottom: 6px solid #31609a;
    font-size: 1em;
    }

table.clumf-a1 { border: 0;}

table.clumf-a4 {
    height: 50px; line-height: 50px; background: #687fb7; color: #fff;}

table.clumf-a4 span{color: #fff;}

table.clumf-a5 .ContectTd input[type="text"] {width: 90%;}	

.clumf-a1 .FieldTitleTd ,.clumf-a2 .FieldTitleTd ,.clumf-a3 .FieldTitleTd,.clumf-a5 .FieldTitleTd {
    background: #eef6f7;
    color: #444caf;
}
.clumf-a1 tr:nth-child(2) td:nth-child(2) input[type="text"],.clumf-a2 tr:nth-child(3) td:nth-child(2) input[type="text"],.clumf-a3 tr:nth-child(3) td:nth-child(2) input[type="text"],.clumf-a5 tr:nth-child(2) td:nth-child(8) input[type="text"] {
    width: 55px;
    text-align: center;
	margin-right:3px;
}

.clumf-a1 tr:nth-child(1) td:nth-child(even),.clumf-a1 tr:nth-child(2) td:nth-child(even),.clumf-a2 tr:nth-child(3) td:nth-child(2),.clumf-a3 tr:nth-child(3) td:nth-child(2),.clumf-a5 tr:nth-child(2) td:nth-child(4),.clumf-a5 tr:nth-child(2) td:nth-child(8){
	color: #4ea7b2;
    font-size: .9em;
    letter-spacing: 2px; font-family:"微軟正黑體", Arial;}
	
table.clumf-a5 tr {
    display: inline-grid; width: 100%;}	
table.clumf-a5 td.FieldTitleTd{ display: inline-grid; width:99%; margin:0 auto .3% auto;}
select#formREC_degree { width: 100%; text-align: center;}
table.clumf-a5 .ContectTd input[type="text"] {width: 100%;}
.clumf-a6 td.ContectTd select {width: 100px;}
span#formREC_space3 {white-space: normal;}
table.clumf-a10 tr, table.clumf-a10 td.FieldTitleTd {display: grid; width: 98.9%;}
.sys-form-a .clumf-a10 td.ContectTd input[type="text"] {width: 100%;}
table.clumf-a10 td {font-size: .95em;}
table.clumf-a12 {border-bottom: 0;}
.no-border{border:0;}
table.FormStyle-c,table.FormStyle-d { width: 70%;}
table.FormStyle-c tr,table.FormStyle-d tr { padding-bottom: 10px;  margin-bottom: 10px;}

table.FormStyle-c tr:nth-child(1) td ,table.FormStyle-c tr:nth-child(2) td,table.FormStyle-c tr:nth-child(3) td ,
table.FormStyle-d tr td
{display: block;  width: 98%;  margin: auto;}


table.FormStyle-c tr:nth-child(1) td:nth-child(odd),
table.FormStyle-d tr:nth-child(1) td:nth-child(1),
table.FormStyle-d tr:nth-child(1) td:nth-child(3),
#FrmLogin table.FormStyle-d#tblLogin tr:nth-child(1) td:nth-child(5)
 {
    margin-bottom: 6px;  margin-top: 8px;
    line-height: 2em;  height: 2em;
    padding-left: 8px;  border-left: 20px transparent;
    border-bottom: 2px solid; background: #687fb7;
    color: #fff;  font-weight: bold;
    border-radius: 5px 5px 0 0;}

select#ctrl_code {
    width: 100%;    height: 2.5em;
    line-height: 2.5em;    background: #f1f3f9;
    color: #3f80c1;    font-size: .95em;
    border-radius: 3px;    text-align: center;
    border: 2px solid #ccc;}

input#id_no {
    width: 100%;   line-height: 2.5em;
    height: 2.5em;    background: #f1f3f9;
    color: #2f5071;    font-size: .95em;
    border-radius: 3px;    text-align: center;
    font-weight: bold;    border: 2px solid #ccc;
}

input#exam_no {
    width: 100%;    height: 2.5em;
    line-height: 2.5em;    background: #f1f3f9;
    border-radius: 3px;    text-align: center;
    font-size: .95em;}

input#OC_date {
    width: 150px;height: 35px;
    background: #807add;    color: #fff;
    border-radius: 15px;    margin-top: 10px;
    font-size: .95em;    font-weight: bold;    border-bottom: 5px solid #000;}

table.FormStyle-c tr:nth-child(2) input[type="submit"],table.FormStyle-d tr:nth-child(2) input[type="submit"]{margin:1%;}
table.FormStyle-c tr:nth-child(3) h3 ,table.FormStyle-d tr:nth-child(3) h3 { background: aliceblue;padding: 6px; color: #5660ab; font-size: 1.1em;}
p span#lblMsg {
    color: #536aa3;  font-size: .95em;  line-height: 1.7em; font-weight: bold;
    display: block;  padding: 1%;  border: 2px solid #d0e0ef;
    border-radius: 5px;
}
.FormStyle-d h3 {
    background: aliceblue;    color: #335776;
    padding: 8px;    font-size: 1.15em;
    border-radius: 5px;    margin-bottom: 0px;
}

span#LblError { display: block;  background: #feeaf3; color: #4c44cc; font-size: .95em;  padding: 1.5%;  width: 100%;  letter-spacing: 1px; font-weight: bold;  border: 2px solid #f1cdcd;}
.FormStyle-d span#LblError{ padding: 1%;width: 98%;}

table#formREC_FormTable tr:nth-child(1) {width: 100%; display: block;}

td#formREC_FormTitle_td {
    border-bottom: 1px dotted #000;width: 100%;display: block; padding:20px 0 0 0;}

table#formREC_FormTable input[type="submit"],.FormStyle-b #formREC_Print,.FormStyle-b #formREC_Print2,.FormStyle-b #formREC_Print3,.FormStyle-b #formREC_Print4,.FormStyle-b #formREC_Print5{
    width: 100%;  height: 50px; background: #4b6294; font-size: 1em;}

/*20220916修改*/
#Form_EAF0222EDT03 .FormStyle-b #formREC_Print, 
#Form_EAF0222EDT03 .FormStyle-b #formREC_Print2, 
#Form_EAF0222EDT03 .FormStyle-b #formREC_Print3, 
#Form_EAF0222EDT03 .FormStyle-b #formREC_Print4, 
#Form_EAF0222EDT03 .FormStyle-b #formREC_Print5
{border-bottom: 5px solid #000;border-radius: 50px;}
#Form_EAF0222EDT03 .ContectTd br{display:none;}
/*------------------*/
	
#formREC_FormTable #formREC_Cancel,.FormStyle-b #formREC_Cancel {background: #925fa2;width: 300px;
    border-radius: 50px;}	

.FormStyle-b #formREC_Cancel{height:50px;}	
	
.sys-style-b{border:2px; border-radius:10px; background:#fdfdff; width:95%; margin:1% auto; padding:1%;}

/*20210930修改*/
td#batrecord_ValidationSummary_td {
    width: 98.9%;
    background: #fff3ff;
    color: #4077ff;
}
table#batrecord_FormTable tr {
    min-height: auto;
}
.clumf-a1 tr:nth-child(2) td:nth-child(2) input[type="text"]{width:250px;}
#formREC_month,#formREC_day,#formREC_year{width:55px;}

/*20220805外國學生僑外生登入*/
#FrmLogin input#exam_no {
    background: #d6d4d4;
    border: 1px solid #dad6d6;
	border-radius:5px 5px 15px 15px; 	
	font-size: 1em;
    color: #6165e2;
    letter-spacing: 2px;
    font-weight: bold;
	position: relative;
	top:50px;
}

#FrmLogin #OC_date{
    position: relative;
	top:-45px
}

#FrmLogin table.FormStyle-d td br{display:none;}

#FrmLogin .agreetxt {
    width: 80%;
}
/*20221109*/
a#linkSIndex {
    width: 150px;
    background: #766e64;
    display: block;
    padding: 10px;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    border: 3px solid #ccc;
    box-shadow: 2px 2px 3px #666;
    margin: 10px auto;
}	
/*media query*/
@media screen and (max-width: 1373px){
.sys-form-a table.clum-f1 input[type="text"] {width: 150px;}
.sys-form-a table.clum-f3 input[type="text"]{width: 130px;}
.sys-form-a table.clum-f3 select {width: 100px;}	
}
@media screen and (max-width: 1314px){
.sys-form-a table.clum-f5 input[type="text"] {width: 150px;}}
@media screen and (max-width: 1270px)
{#formREC_eye_tel2,#formREC_eye_mobi,#formREC_tel_22,#formREC_tel_1,#formREC_tel_32{width:170px;}}

@media screen and (max-width: 1199px){
.sys-form-a table.clum-f13 input[type="text"] {width: 150px;}}

@media screen and (max-width: 1146px)
{#formREC_tel_22,#formREC_tel_32,#formREC_tel_1{width:130px;}}

@media screen and (max-width: 1075px){
.sys-form-a table.clum-f1 input[type="text"],.sys-form-a table.clum-f5 input[type="text"],#formREC_eye_tel2,#formREC_eye_mobi{ width:120px;}}

@media screen and (max-width: 1057px){
.sys-form-a table.clum-f10 input[type="text"]{width:160px;}}

@media screen and (max-width: 1037px){
.sys-form-a table.clum-f14 input[type="text"]{width:200px;}}

@media screen and (max-width: 1015px){
.sys-form-a table.clum-f3 input[type="text"]{width: 100px;}
.sys-form-a table.clum-f3 select {width: 90px;}}

@media screen and (max-width: 997px){
.sys-form-a tr, .sys-form-a td { display: inline-table; width: 100%;}
.sys-form-a td.FieldTitleTdX,.sys-form-a td.FieldTitleTd{width: 97%; border-radius:4px;}
.sys-form-a td.ContectTd input[type="text"],.sys-form-a td.ContectTd select,.clumf-a1 tr:nth-child(2) td:nth-child(2) input[type="text"]{width:100%;margin: .3% auto;}
.sys-form-a td.ContectTd input[type="button"]{margin-top: 5px;}
td.ContectTd center{ white-space:pre-wrap;}
table.wrong-msg {width: 88%;margin: 0 auto;}
span#formREC_ValidationSummary {width: 97%;}
.clumf-a6 td.ContectTd select {width: 99% !important;}
td#batrecord_ValidationSummary_td{ width:96%;}
#formREC_tel_22, #formREC_tel_32, #formREC_tel_1{width:100%;}
}

@media screen and (max-width: 830px){
.b01-area-s1 h2 img,.b01-area-s1{float:none;}
.b01-area-s1{margin-left:0;padding:0;}
.b01-area-s1 h2{ font-size:1.8em;}
.b01-area-s1 h2 span{ font-size:.65em;}}

@media screen and (max-width: 500px){
.sys-form-a table.clum-f12 .ContectFont{ white-space:pre-wrap;}
.sys-style-a .title h2.s-title{ font-size:1em;}
.tab-name,table#batrecord_DataGrid input[type="text"]{width:100%;}
table#batrecord_DataGrid input[type="text"]{margin: 1% auto}

span#batrecord_DataGrid__ctl2_batrecord_seq_no
,span#batrecord_DataGrid__ctl3_batrecord_seq_no
,span#batrecord_DataGrid__ctl4_batrecord_seq_no
{
    text-align: center;
    display: block;
    width: 30px;
    background: #6475b3;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    border: 3px solid #abbbdd;
    color: #fff;}
table#batrecord_DataGrid input[type="button"]{width:80px;}	
}

@media screen and (max-width: 460px){#FrmLogin .FormStyle-d{width:90%;}#Form_EA0222EDT04 input#formREC_Print.formbtn-wide {
	width: 100%;}}

@media screen and (max-width: 324px){#Form_EA0222EDT04 input#formREC_Print.formbtn-wide {
border-radius: 15px;
    border: 3px solid #c1c4f3;
	text-align: left;}}

@media screen and (max-width: 320px){
	input#formREC_Insert,input#formREC_Print{ margin: 6px 0 6px -1px;}
}