/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

a{
	color:#34b5ba;
}

/*th{
	text-align: center; 
	background-color:#34b5ba;
	font-weight:bold;
	color:#FFF;
}

table{
	border:#34b5ba;
}
th, td{
	padding:0.5em;
}*/

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
  .container {
    max-width: 1100px;
	}
}


.english-fonts{
	font-family: "Roboto Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.chinese-fonts{
	 font-family: 'Microsoft JhengHei', 'Open Sans', sans-serif;
}

.carousel{
	margin-top: 110px;
}

.carousel-item {
	/*height: 65vh;*/
	min-height: 200px;
	background: no-repeat left center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.carousel-caption, .carousel-indicators .active{
	color:#333;
	}

.portfolio-item {
  margin-bottom: 30px;
}

.card-header {
	border-bottom-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #34b5ba;	
}

.navbar>.container, .navbar>.container-fluid {
	display: block;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: flex-start;
}

.ml-auto, .mx-auto{
	margin-left:0;
}

.bg-dark-rpthk{
	background-color:#0c5460;
}
.bg-rpthk a{
	color:#FFF;
}



.bg-rpthk{
	background-color:#34b5ba;
}
.navbar-rpthk .navbar-brand {
	color: #fff
}
.navbar-rpthk .navbar-brand:focus, .navbar-rpthk .navbar-brand:hover {
	color: #fff
}
.navbar-rpthk .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .75)
}
.navbar-rpthk .navbar-nav .nav-link:focus, .navbar-rpthk .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, 1)
}
.navbar-rpthk .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, .25)
}
.navbar-rpthk .navbar-nav .active>.nav-link, .navbar-rpthk .navbar-nav .nav-link.active, .navbar-rpthk .navbar-nav .nav-link.show, .navbar-rpthk .navbar-nav .show>.nav-link {
	color: #fff
}
.navbar-rpthk .navbar-toggler {
	color: rgba(255, 255, 255, .75);
	border-color: rgba(255, 255, 255, .1)
}
.navbar-rpthk .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-rpthk .navbar-text {
	color: rgba(255, 255, 255, .75)
}
.navbar-rpthk .navbar-text a {
	color: #fff
}
.navbar-rpthk .navbar-text a:focus, .navbar-rpthk .navbar-text a:hover {
	color: #fff
}
.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem
}

#member_area a{
	color:#34b5ba;
}

.list{
	padding:20px;
}

.list .list_subject{
	font-weight:bold;
	font-size: 1.25em;
}

.list .list_odd, .list .list_even{
	margin-top:1em;
}

/*.top-content { padding: 40px 0 170px 0; }*/

.top-content .text { color: #fff; }
.top-content .text h1 { color: #fff; }
.top-content .description { margin: 20px 0 10px 0; }
.top-content .description p { opacity: 0.8; }
.top-content .description a { color: #fff; }
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

/*.form-box { padding-top: 40px; }*/

.f1 {
	padding: 15px;
	background: #fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }

.f1-steps { overflow: hidden; position: relative; margin-top: 20px; }

.f1-progress { position: absolute; top: 24px; left: 0; width: 100%; height: 1px; background: #ddd; }
.f1-progress-line { position: absolute; top: 0; left: 0; height: 1px; background: #f35b3f; }

.f1-step { position: relative; float: left; width: 33.333333%; padding: 0 5px; }

.f1-step-icon {
	display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #ddd;
	font-size: 16px; color: #fff; line-height: 40px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.f1-step.activated .f1-step-icon {
	background: #fff; border: 1px solid #f35b3f; color: #f35b3f; line-height: 38px;
}
.f1-step.active .f1-step-icon {
	width: 48px; height: 48px; margin-top: 0; background: #f35b3f; font-size: 22px; line-height: 48px;
}

.f1-step p { color: #ccc; }
.f1-step.activated p { color: #f35b3f; }
.f1-step.active p { color: #f35b3f; }

.f1 fieldset { display: none; text-align: left; }

.f1-buttons { text-align: right; }

.f1 .input-error { border-color: #f35b3f; }

.rpt-menubar{
	margin-top:110px;
}
@media (max-width: 767px) {
	
	.top-content { padding: 40px 0 110px 0; }
	.rpt-menubar { margin-top:110px; }

}

@media (max-width: 415px) {

	.f1 { padding-bottom: 20px; }
	.f1-buttons button { margin-bottom: 5px; }
	.rpt-menubar { margin-top:140px; }

}


.dropdown-menu a, .dropdown-menu .dropdown-item a{
	color: #34b5ba;
}

table.datatable th{
	text-align: center; 
	background-color:FFF;
	font-weight:normal;
	color:#34b5ba;
}

table.datatable{
	border:#34b5ba;
}
table.datatable th, table.datatable td{
	padding:0;
}