@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@font-face {
    /*font-family: SentyPea;
    src: url("../webfonts/SentyPea.ttf");*/
    font-family: Noto Sans TC;  
    color: #3A3A3A;  
}
body {
	background-image:url(../img/bg.png);
	background-repeat: repeat;
}
:root {
  scroll-padding-top: 7rem;
}

.bg-gray { background-color: #8C8C8C; }
.bg-gray-light { background-color: #D8D8D8; }
.add {background-color: #FFE19C;}
.add:hover {
	background-color: #FFC847;
	cursor: pointer;
}
.ls-1 {
	letter-spacing: 0.1rem;
}
.text-red { color: #D1504A; }
.bb {border-bottom: solid 1px #ccc;}
.navbar {
	background-color: #DF022E;
	padding: 0 3rem;
}
.navbar .logo {
	width: 370px;
}
.navbar .nav-item .nav-link {
	letter-spacing: 1px;
	font-size: 1.05rem;
}
.navbar-expand-lg .navbar-nav .nav-link {    
    margin-right: 1.5rem;
    margin-left: 1.5rem;
 }

@media (max-width: 992px) {
	.navbar {
		padding: 0;
	}
	.navbar .logo {
		width: 290px;
	}
	#menu {
		margin: 1rem 0;
	}
	.navbar .nav-item .nav-link {
		padding: 0.5rem 0;
	}	
	
}
@media (max-width: 1200px) {
	.navbar-expand-lg .navbar-nav .nav-link {		
		margin-right: .65rem;
		margin-left: .65rem;
	}
}

@media (min-width: 992px){
	.navbar .navbar-collapse {
		display: flex;
		justify-content: flex-end;
	}
}

.banner img {
	margin-top: 1.5rem;
}

.search .form-select,
.search .dropdown button {	
/*	width: 20rem;*/
	width: 92%;
	height: 4rem;
	margin: 1rem;
}
.search .form-select,
.search .dropdown-menu {
/*	width: 20rem;*/
	width: 92%;
}
.search .dropdown button,
.search .form-select,
.search .dropdown-item,
.search .form-control,
.search .form1 button {
	font-size: 1.25rem;
}
.search .form-select {
	padding: 1rem 2rem;
}
.search .form-control {
/*	width: 40rem;*/
	width: 92%;
    height: 4rem;
    background-color: #EDEDED;
    border: 0;
    margin: 1rem 0;	
}
.search .btn {
	text-align: left;
}
.search .form1 {
	position: relative;	
}
.search .form1 button {
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	padding: 1rem 2rem;
	border-radius: 50px;
}
.search .form1 .form-control {
	padding-left: 2rem;
}
.round15 {
	border-radius: 15px;
}
@media (max-width: 992px) {
	.search .dropdown button,
	.search .form-select,
	.search .dropdown-item,
	.search .form-control,
	.search .form1 button {
		font-size: 1.25rem;
	}
	.search .form-control {
		margin-left: 1rem;	
	}
	.search .form1 button {
		padding: 1rem 1.25rem;
	}
}



.SectionTitle {
	margin: 3.5rem 0;
	letter-spacing: 2px;
	font-family: 'Noto Sans TC';
	font-weight: 600;
}

.SectionTitle span {
	font-family: Arial;	
	margin-left: 15px;
	font-size: 1.5rem;
}

.job {
	word-wrap: break-word;
}
.job .txt,
.job h6 {
	line-height: 2;
	font-size: 1.1rem;
}
.job .btn-lg {
	letter-spacing: 1px;
	padding: 1rem 2rem;
}

@media (max-width: 992px) {
	.SectionTitle {
		margin: 1.5rem 0;
		line-height: 1.75;
	}
	.SectionTitle span {
		font-size: 1rem;
	}
	.job .btn-lg {
		padding: 0.5rem 1.5rem;
	}
	.job .pay{
		margin-bottom: 1.5rem;
	}
}


#benefits h5 {
	letter-spacing: 2px;
	line-height: 1.25;
}
@media (min-width: 992px) {
	#benefits .col-lg-3 {
		margin: 0 1.5rem;
	}
}
@media (max-width: 767px) {
	#benefits h5 {
		font-size: 1rem;
	}
}



#development .zone {
	width: 100px;
	height: 100px;
	background-color: #00293F;
	border-radius: 18px;	
}
#development .list li {
	margin-bottom: 0.75rem;
	font-weight: bold;
	letter-spacing: 2px;
	list-style: none;
	text-indent: -2.75em;
	margin-bottom: 1rem;
}
#development .plan {
	margin-bottom: 1.75rem;
}

@media (min-width: 992px) {
	#development .plan {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 3.5rem;
	}
}





#location iframe {
	width: 100%;
	height: 450px;
	border:0;
}
#location .contact h5 {
	line-height: 1.5;
}
#location table tr {
	border-color: #1E1E1E;
}
@media (min-width: 992px) {
	#location .contact {
		text-align: center;
	}
}

.next, .pre {
	padding: 0.5rem 3.5rem;
	margin-bottom: 1.5rem;
}
@media (max-width: 992px){
	.next, .pre {
		padding: 0.5rem 1.25rem;
	}
}


#form01 {
	font-size: 1rem;
}
#form01 .form-control{
	padding: 0.375rem 0.5rem;
}
@media (min-width: 992px) {
	.right { text-align:right; }
}
#form01 .course,
#form01 .languages,
#form01 .EmergencyContact {
	position: relative;
}
#form01 .course:before,
#form01 .course:after,
#form01 .languages:before,
#form01 .languages:after,
#form01 .EmergencyContact:before,
#form01 .EmergencyContact:after {
/*	content: url('../img/dot.png');*/
	content: '';
	position: absolute;
	top: 50%;
	background: #282828;
    width: 42%;
    height: 1px;
}
@media (max-width: 767px) {
	#form01 .course:before,
	#form01 .course:after,
	#form01 .languages:before,
	#form01 .languages:after,
	#form01 .EmergencyContact:before,
	#form01 .EmergencyContact:after {
		width: 30%;
	}
}
#form01 .course:before,
#form01 .languages:before,
#form01 .EmergencyContact:before {
	left: 0;
}
#form01 .course:after,
#form01 .languages:after,
#form01 .EmergencyContact:after {
	right: 0;
}
#done img {
	width: 220px;
}
#done {
	letter-spacing: 5px;
	padding-bottom: 3.5rem;
}
#done h5 {line-height: 1.5;}
.required:before {
	content: "*";
	color: #D1504A;
	font-size: 1rem;
}
.progress-nav {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.progress-nav .step {
    display: inline-block;
    vertical-align: top;
    width: 216px;
    max-width: 100%;
    margin-left: -2px;
    margin-right: -2px;
}
@media (max-width: 1200px) {
	.progress-nav .step { width: 185px;}
}
@media (max-width: 992px) {
	.progress-nav .step { width: 140px;}
}
@media (max-width: 576px) {
	.progress-nav .step { width: 74px;}
	.progress-nav { margin-bottom: 10px;}
}

.progress-nav .step span {
    display: block;
    padding: 5px;
}

.progress-nav .step .badge {
    position: relative;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
    padding: 0
}

.progress-nav .step .badge::before {
    content: " ";
    background-color: #CCCCCC;
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}

.progress-nav .active .badge::before {
	background-color: #DF022E;
}
.progress-nav .step .badge::after {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #CCCCCC;
    height: 50px;
    width: 50px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
}

.progress-nav .step .badge .text {
    position: absolute;
    width: 100%;
    top: -0.25em;
    z-index: 1;
}

.progress-nav .step:first-child .badge::before {
    width: 50%;
    left: 50%;
}

.progress-nav .step:last-child .badge::before {
    width: 50%;
    right: 50%;
}



.progress-nav .step.visited .badge::after,.progress-nav .step.active .badge::after {
    background-color: #DF022E;
}

.progress-nav a {
	text-decoration: none;
	color: #282828;
}
#form06 .all {
	padding: 3rem;
}
#form06 .txt {
	margin: 1rem 0;
	word-wrap: break-word;
}

@media (max-width: 992px) {
	#form06 .all {
		padding: 1.5rem;
	}
	#form06 .reverse {
		flex-direction: column-reverse;
	}
	#form06 .txt {
		margin: 0.5rem 0;
		padding-bottom: 0.5rem;
		border-bottom: solid 1px #ccc;
	}
	#form06 .bb {
		border: none;
	}
}
#main-footer {
	background-color: #A70113;
	padding: 0.75rem;
}
#main-footer p {
	margin-bottom: 0;
}

#back-to-top {
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 999;
}

#back-to-top img {
	width: 5rem;
}