@charset "UTF-8";

/* --------- do not remove ---------------*/
/*
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
*/

a, p, li {
    word-break: break-word
}
/* --------- do not remove ---------------*/



a, p, li, td, div, label, input, h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif, 'Noto Sans TC', 新細明體, simsun;
}

.refText { font-size: 80%; line-height:1.4 !important;}


a, p, li, td, div, label, input {
	font-size:0.8rem;
	text-align:justify;
}

h1 { font-size:1.6rem; color:#e25e5a; }
h2 { font-size:1.4rem; color:#1da1f2; }
h3 { font-size:1.2rem; color:#e25e5a; }
h4 { font-size:1rem; }

.headLogo { height:30px; }

/* medium up */
@media screen and (min-width: 40em) {
a, p, li, td, div, label, input {
	font-size:0.9rem;
}
h1 { font-size:1.7rem; }
h2 { font-size:1.5rem; }
h3 { font-size:1.3rem; }
h4 { font-size:1.1rem; }

.headLogo { height:40px; }
}

/* large */
@media screen and (min-width: 65em) {
a, p, li, td, div, label, input {
	font-size:1.1rem;
}
h1 { font-size:1.9rem; }
h2 { font-size:1.7rem; }
h3 { font-size:1.5rem; }
h4 { font-size:1.3rem; }

.headLogo { height:50px; }
}

.facebookbtn {
	color:#fff !important;
	background-color:#4267b2 !important;	
}
.topBtn {
  display: inline-block;
  text-align: center;
  line-height: 1.55rem;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border-radius: 3px;
  font-size: 0.6rem;
  background-color: #659afe;
  color: #fefefe;
	display:inline-block;
  padding: 0.2em;
  margin: 0 0.5rem 1rem 0;
	box-sizing: border-box;
	text-decoration:none;
	font-weight:400;
	position:relative;
	border: 1px solid #fff;
	outline: #659afe solid 2px;
	height:1.8rem;
	width:1.8rem;
	}
  .topBtn:hover, .topBtn:focus {
    background-color: #91ddd9;
    color: #fefefe;
		outline: #91ddd9 solid 2px; }
	.topBtn.topBtnL {
		font-size:0.9rem;
	}



.menu li a { word-break:normal } 

body {
	background-color:#fff;
}

.row, hr {
 /* */
 max-width: 72.5rem;
 /* */
}

.button {
  background-color: #659afe;
}
.button:hover, .button:focus {
  background-color: #91ddd9;
}
a { color:#558aee; }
a:hover { color:#91ddd9; }



.headFixRow {
	background:#659afe;
	padding-top:0rem;
	padding-bottom:0rem;
}
.headFixRowLogo { background-color:#FFFFFF; padding-top:0.5rem; padding-bottom:0.5rem; margin-top:0px; }
#mainLogo { max-height:50px; }

.headRow { 
	/*background-image:url(/20250917150033oe_/https://www.jococ.org/img/framework/bg_head.png); */
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top;
}
.pageTitleWrap { 
	width:100%; padding:1rem 0;
}

.footerWrap { 
	width:100%; padding:1rem 0;
	/*background-image:url(/20250917150033oe_/https://www.jococ.org/img/framework/bg_footer.png); */
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:100% auto;
}
.footerWrap p, .footerWrap, .footerWrap div, .footerWrap a {
	color:#e25e5a;
	font-size:0.8rem;
}
.mainLogoText { font-size:0.8rem; font-weight:bold; color:#150185; }


.contentAreaStyle1 { width:100%; background-color:#eee; padding:1rem 0; min-height:20rem; background-image:url(/20250917150033oe_/https://www.jococ.org/img/framework/bg_contentAreaStyle1.png); background-repeat:no-repeat; background-position:bottom right; }

/* medium up */
@media screen and (min-width: 40em) {

.headFixRow {
	padding-top:0rem;
	padding-bottom:0rem;
}
#mainLogo { max-height:65px; }
.mainLogoText { font-size:1rem; }


.contentAreaStyle1 { background-size:30% auto; }
}

/* large */
@media screen and (min-width: 64em) {

#mainLogo { max-height:140px; }
.mainLogoText { font-size:1.5rem; }

}


.cleanTable,
.cleanTable thead,
.cleanTable tbody,
.cleanTable tfoot { border:none !important; background:none !important; }
.cleanTable, .cleanTable tbody tr:nth-child(even), .cleanTable td { background:none !important; }

.cleanTable tbody th,
.cleanTable tbody td {
	padding: 0.2rem 0.2rem 0.2rem; }


.styledTable thead,
.styledTable tbody,
.styledTable tfoot,
.styledTable table,
.styledTable thead table,
.styledTable tbody table,
.styledTable tfoot table,
.styledTable tbody th table tbody th,
.styledTable tbody th table tbody td,
.styledTable tbody td table tbody th,
.styledTable tbody td table tbody td {
    border: none !important;
    background: none !important;
}

.styledTable {
    border-top: 1px solid #e6e7e9;
    border-left: 1px solid #e6e7e9;
}

.styledTable, .styledTable tbody tr:nth-child(even) {
    background: #fff !important;
}

.styledTable tbody th,
.styledTable tbody td {
    padding: 0.5rem 0.5rem;
    border-bottom: 1px solid #e6e7e9;
    border-right: 1px solid #e6e7e9;
	color:#000000;
}

.smallTextTable,
.smallTextTable tbody th,
.smallTextTable tbody td { font-size:90% !important; }



.styledTable.programmeTable th:not(:first-child),
.styledTable.programmeTable td:not(:first-child) {
	padding-left:10%;
}

table.selfTestForm thead,
table.selfTestForm tbody,
table.selfTestForm tfoot {
	background-color: #d9e2f3; }

table.selfTestForm {
    border-top: 1px solid #e6e7e9;
    border-left: 1px solid #e6e7e9;
}
table.selfTestForm tr td {
    border-bottom: 1px solid #e6e7e9;
    border-right: 1px solid #e6e7e9;
}

.oneMinTestFormGeneralOdd td{
	background-color:#00C100 !important;
}
.oneMinTestFormGeneralEven td{
	background-color: #D7FFD7 !important;
}

.oneMinTestFormFemaleLast { border-bottom:1px solid #ff0000 !important; }
.oneMinTestFormFemaleOdd{ background-color: #FF6262 !important; }
.oneMinTestFormFemaleEven{ background-color: #FFE8E8 !important; }
.oneMinTestFormMaleLast { border-bottom:1px solid #0000ff !important; }
.oneMinTestFormMaleOdd{ background-color:#8A8AFF !important; }
.oneMinTestFormMaleEven{ background-color: #D7D7FF !important; }



ul.orbit-container {
    height: auto !important;
}
li.orbit-slide {
    max-height: none !important;
}

.smallTextTable {
	font-size:0.9rem !important;
}


/* medium */
.is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #fc5068;}
.js-drilldown-back > a::before { border-color: transparent #fc5068 transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {   border-color: transparent #fc5068 transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {   border-color: transparent transparent transparent #fc5068; }
/* small */
.is-accordion-submenu-parent > a::after { border-color: #fc5068 transparent transparent; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #fc5068 transparent transparent !important; }




.top-bar { padding: 0rem; }
.title-bar { }
.menu { padding-bottom:0rem; }


.title-bar {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da1f2+0,150185+100 */
background: #1da1f2; /* Old browsers */


color: #91ddd9 !important;
}


.top-bar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da1f2+0,150185+100 */
background: #1da1f2; /* Old browsers */


}

.menu > li > a {

font-family:Helvetica, 微軟正黑體, Arial, sans-serif;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da1f2+0,150185+100 */
background: #1da1f2; /* Old browsers */

color: #fff !important;

font-weight:500;
text-align:left;
border-bottom:2px solid #1da1f2;
}

.menu > li > a:hover,
li.menuActive > a {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a31010+0,930000+100 */
background: #cf2a2a; /* Old browsers */

color:#fff !important; /* old */
font-weight:500;
border-bottom:2px solid #cf2a2a;
}

.top-bar ul { background: none; /* none; /* old */ }
.top-bar ul ul { background: none; /* old */ }
#main-menu {}

.menu > li > a,
.menuSep { color:#ffffff; }

/* medium up */
@media screen and (min-width: 40em) {
	.top-bar  {
	  padding: 0px; }

	#main-menu { text-align: center; font-size:0px; }
	#main-menu > ul.menu { display: inline-block; }
		  	
	.menu > li > a {
		}
}

/* large */
@media screen and (min-width: 64em) {
	.top-bar, #main-menu {
	  padding: 0px !important;
	  margin:0px !important;
	  }
	.menu > li > a {
	    padding: 0.7rem 0.5rem;
		}

}




/*  font size   */
.pageTitle { font-size:1.6rem; color:#e25e5a; }
.title { font-size:1.2rem; color:#e25e5a; font-weight:bold; }
.subTitle { font-size:1rem; color:#e25e5a; }

/* medium up */
@media screen and (min-width: 40em) {
	.pageTitle { font-size:1.7rem; }
	.title { font-size:1.3rem; }
	.subTitle { font-size:1.1rem; }
	
}

/* large */
@media screen and (min-width: 64em) {
	.pageTitle { font-size:1.8rem; }
	.title { font-size:1.4rem; }
	.subTitle { font-size:1.2rem; }
	
}







@media print {
  body {
    width: 64em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
   @page {
    margin: 0.1cm; }
	
  .mainMenuImg {
    margin-right:3px
  }
  
  .small-1 {     width: 8.33333%;  }
  .small-2 {     width: 16.66667%;  }
  .small-3 {     width: 25%;  }
  .small-4 {     width: 33.33333%;  }
  .small-5 {     width: 41.66667%;  }
  .small-6 {     width: 50%;  }
  .small-7 {     width: 58.33333%;  }
  .small-8 {     width: 66.66667%;  }
  .small-9 {     width: 75%;  }
  .small-10 {     width: 83.33333%;  }
  .small-11 {     width: 91.66667%;  }
  .small-12 {     width: 100%;  }
  
  .medium-1 {     width: 8.33333%;  }
  .medium-2 {     width: 16.66667%;  }
  .medium-3 {     width: 25%;  }
  .medium-4 {     width: 33.33333%;  }
  .medium-5 {     width: 41.66667%;  }
  .medium-6 {     width: 50%;  }
  .medium-7 {     width: 58.33333%;  }
  .medium-8 {     width: 66.66667%;  }
  .medium-9 {     width: 75%;  }
  .medium-10 {     width: 83.33333%;  }
  .medium-11 {     width: 91.66667%;  }
  .medium-12 {     width: 100%;  }
  
  .large-1 {     width: 8.33333%;  }
  .large-2 {     width: 16.66667%;  }
  .large-3 {     width: 25%;  }
  .large-4 {     width: 33.33333%;  }
  .large-5 {     width: 41.66667%;  }
  .large-6 {     width: 50%;  }
  .large-7 {     width: 58.33333%;  }
  .large-8 {     width: 66.66667%;  }
  .large-9 {     width: 75%;  }
  .large-10 {     width: 83.33333%;  }
  .large-11 {     width: 91.66667%;  }
  .large-12 {     width: 100%;  }
  
  a[href]:after { content: ""; }

  abbr[title]:after { content: ""; }
  
  .no-print { display:none !important; }
}