canvas {
	width: 100%;
}


body {
  color: #5a5a5a;
  overflow-x: hidden;
  background: url('../images/main-bg.png') no-repeat #e5e5e5;
}


.menu {
	background-color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px; 
	-webkit-box-shadow: inset 0px -10px 49px -29px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px -10px 49px -29px rgba(0,0,0,0.5);
	box-shadow: inset 0px -10px 49px -29px rgba(0,0,0,0.5);
}


.navbar-brand {
	left: 0;
right: 0;
width: 24%;
margin: 0 auto;
position: absolute;
}


.navbar-wrapper {
		margin-top: 0 !important;
} 


.navbar-wrapper ul li a {
	background-color: #2a4470;
	color: #fff;
	font-family: 'Segoe UI','Segoe UI Web','Segoe UI Web Regular','Segoe UI Symbol','Helvetica Neue','BBAlpha Sans','S60 Sans',Arial,sans-serif;
	font-size: 14px;
	padding: 17px 25px !important;
	-webkit-box-shadow: inset -23px 0px 10px -15px rgba(41,61,97,1);
	-moz-box-shadow: inset -23px 0px 10px -15px rgba(41,61,97,1);
	box-shadow: inset -23px 0px 10px -15px rgba(41,61,97,1);
}


.navbar-wrapper ul li:first-child a {
	border-top-right-radius: 3px;
}


.navbar-wrapper ul li a:hover, .navbar-wrapper ul li a.active {
	background-color: #182336;;
	-webkit-box-shadow: inset -23px 0px 30px -10px rgba(16, 21, 30, 1);
	-moz-box-shadow: inset -23px 0px 30px -10px rgba(16, 21, 30, 1);
	box-shadow: inset -23px 0px 30px -10px rgba(16, 21, 30, 1);
}

.con {
	background-color: #2a4470;
	padding: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
} 
.navbar-collapse {
	float: left;
}

.menu ul {
	padding: 24px 30px;
	font-family: Microsoft JhengHei;
	font-size: 14px;
	
}

.res {
	background-position: 0px 61% !important;
}

.menu ul.nav li a {
	font-size: 14px;
	padding: 7px 14px;
	color: #575757;
	border-radius: 3px;
}

.menu ul.nav li {
	display: inline-flex;
}

.menu ul.nav li span {
	margin: 6px 5px;
	color: #d0d0d0;
}

.menu ul li ul.dropdown-menu li {
	border-bottom: 1px solid #ccc;
	display: block;
}


.menu ul li ul.dropdown-menu li:last-child {
	border-bottom: none;
}

.menu ul li ul.dropdown-menu {
	padding: 0;
	text-align: left;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.menu ul li ul.dropdown-menu li a{
	padding: 10px;

}

.menu ul li ul.dropdown-menu li a:hover {
	background-color: #B42C28;
	border-radius: 0;
}


.menu ul.dropdown-menu li:last-child a:hover{
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px;
}


.icon {
	float: right;
	margin-top: 13px;
}

.icon ul {
	padding: 0;
	margin-bottom: 0;
	list-style-type: none;
}




.navbar-wrapper ul li.search a {
	background-color: #db9a1d;
	box-shadow: none;
	padding: 18px 13px 20px !important;
}

.navbar-wrapper ul li.search a:hover, .navbar-wrapper ul li.like a:hover, .navbar-wrapper ul li.blog a:hover {
	background-color: #E4AB3C;
}


.navbar-wrapper ul li.like a {
	background-color: #da7f1d;
	box-shadow: none;
	padding: 18px 13px 20px !important;
}


.navbar-wrapper ul li.blog a {
	background-color: #db6a1d;
	box-shadow: none;
	padding: 18px 13px 20px !important;
	border-top-right-radius: 3px; 
}




.icon ul li {
	display:inline-block;
	margin-right: -4px;
}

.icon ul li:last-child {
	margin-right: -1px;
	display: inline-block !important;
	
}

.carousel-caption {
	padding-bottom: 30px;
	text-align: center;
	top: 10%;
	text-shadow: none;
}

.carousel .item {
	height: 180% !important;

}

.com .overlay {
	background-color: transparent; 
	position: absolute ;
	height: 98%; 
	width: 90% ;
	opacity: 0.5 ;
	border-radius: 5px;
	display: block;
	z-index: 0;
}




.com .overlay:hover {
	background-color: #656565;
	position: absolute;
	height: 98%;
	width: 90%;
	opacity: 0.5;
	border-radius: 5px;
	display: block;
	z-index: 0;
}

.bg .overlay:hover h4 {
	opacity: 0.8 !important;
	color: #000;
	z-index: 1;
}
.me {
	background-color: #000;
}

.carousel-caption h4 {
	font-family: 'Signika';
	font-size: 14px !important;
	color: #000;
	margin-left: 8px;
	margin-bottom: 10px !important;
	color: #fff;
	font-size: 20px !important;
	text-shadow: 0px 0px 10px #666;
}

.carousel-caption h1 {
	font-family: 'Signika';
	color: #FFF;
	font-size: 32px;
	margin-bottom: 10px;
	text-shadow: 0px 0px 10px #666;
}

.carousel-caption a {
	font-family: Microsoft JhengHei;
	font-size: 12px !important;
	background-color: #000 !important;
	border-color: #000 !important;
	padding: 8px 28px !important;
	border-radius: 3px;
}

.carousel-caption a:hover {
	opacity: 0.9;
}

.title {
	background-color:#b42c28;
	opacity: 0.8;
	position: absolute;
	z-index: 9999;
	bottom: 0;
	width:100%;
	color: #FFF;
}

.title h3 {
	font-family: Trajan Pro;
	margin-bottom: 0;
}

.circle {
	background: url('../images/circle.png') no-repeat;
	height: 10px;
	background-position: center;
}


.circle-dark {
	background: url('../images/circle-dark.png') no-repeat;
	height: 45px;
	margin: 0 8%;
	background-position: center;
	margin: 0 8%;

}

.title p {
	font-family: Microsoft JhengHei;
	margin-top: 10px;
	margin-bottom: 20px;
}

.bg {
	background: url('../images/bg.jpg') repeat;
	height: auto;
	max-width: 100%;
	padding: 25px;
	position: relative;
}

.bg .row {
	padding: 0 0px; 
}

.bg h4 {
	font-family: Trajan Pro;
	color: #000;
	background-color: #FFF;
	opacity: 0.5;
	border-radius:4px;
	padding: 6px 10px;
	text-align: center;
	display: block;
	position: absolute;
	top: 45%;
	font-size:18px;
	z-index: 999
}

.border {
	/*background: url('../images/down-arrow.png') no-repeat center center;*/
	border-top: 20px solid #2a4470;
	margin: 0 8%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: relative;
}

.down {
	position: relative;
}

.border img, .down img {
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	display: block;
	margin: 0 auto;
}

.content {
	font-family: 'Signika';
	text-align: center;
}

.right-arrow {
	position: absolute;
	top: 20%;
	right: 3%;
}

.content {
	background: url('../images/parabola.png') no-repeat;
	padding: 50px;
}

.content .row {
	margin-top: 40px;
	padding: 0 60px;
}

.content .row h2 {
	color: #2a2a2a;
}


.content .row h3 {
	margin-top: 10px;
	color: #111111;
}

.content .row h4 {
	color: #4e4e4e;
}


.content .row p {
	padding: 5px 12px;
	font-size: 14px;
	color: #636363;
}

.recruitment {
	padding: 10px 100px;
}

.recruitment h2 {
	font-family: 'Signika';
	text-align: center;
	
}

.recruitment .row {
	margin: 20px 0; 
}


.recruitment ul li a {
	color: #636363;
	font-size: 14px;
	text-decoration: none;
	font-family: 'Signika';
	outline: none;
}

.recruitment ul li a:hover {
	color: #000;
}

.recruitment ul li {
	color: #db7f1d;
	text-align: left;
	padding: 5px 0;
}

footer {
	text-align: center;
	font-family: Calibri;
}

footer h2 a {
	color: #acacac;
	text-decoration: none !important;
}

footer h2 a:hover {
	color: #666;
}

footer p {
	font-size: 12px;
	color: #777777;
}


img.banner-img {
	margin: 0 auto;
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0px 0px 6px #666;
	position: relative;
}

.banner h1 {
	position: absolute;
	top: 40%;
	left: 40%;
	font-weight: bold;
	text-shadow: 0px 0px 5px #666;
	color: #fff;
	font-family: 'Signika';
	text-transform: uppercase;
}

.bread {
background-color: #ffffff;
margin-bottom: 0px;
padding: 15px 20px;
border-radius:0; 
}

ol.bread li a {
font-size: 14px;
color: #8f8f8f;
text-decoration: none;
font-family: Calibri;
margin-left: 5px;
}

.breadcrumb>li+li:before {
padding: 0 5px;
color: #8f8f8f;
content: "" !important;
background: url('../images/breadcrumb.png') no-repeat center;
}

.content-about {
	margin: 0 58px;
}



ol.bread li a.active {
	color:#484848;
}

.content-about {
	background-color: #fff;
	padding-bottom: 50px;
	text-align: left;
	box-shadow: 0px 0px 10px #ccc;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.inq {
border: 1px solid #e4e4e4;
float: right;
margin-right: 15px;
padding: 0;
background-color: #f4f4f4;
border-radius: 5px; 
}

.inq h3 {
color: #6f6f6f;
background-color: #e9e9e9;
margin: 0;
padding: 15px 98px;
text-transform: uppercase;
font-family: Calibri;
}

.inq form {
padding: 30px 20px;
}

.inq form .form-group .form-control {
height: 40px !important;
}


.content-about .row {
	margin-right:0;
	margin-left: 0;
}

.content-about  .col-md-9 {
	padding-left: 25px;
}

.content-about p {
	font-family: 'Signika';
	color: #6f6f6f;
	font-size: 14px;
	margin-bottom: 30px;
}


@media (min-width: 992px) {
	.col-md-3 {
	width: 23%;
	}
}


.content-about h4 {
	font-family: 'Signika';
}

.content-about ul.team {
	font-family: 'Signika';
	padding-left: 20px;	
	color: #6f6f6f;
	margin: 25px 0;
}

.content-about ul.team li {
	margin-bottom: 5px;
}


.left1 {
	background: url('../images/left.png') no-repeat right 0;
	top: 47%;
	height: 37px;
	width: 4%; 
	z-index: 9 
}



.right1 {
	background: url('../images/right.png') no-repeat left 0;
	top: 47%;
	height: 37px;
	width: 4%; 
	z-index: 9; 
	left: auto;
	right: -0.5%;
}

.left1:hover {
	opacity: .9;
}

.form_g {
margin-bottom: 20px;
}

.content-about h1 {
	padding: 20px 25px;
}

.content-about h1, .content-about h3 {
	font-family: 'Signika';
	margin: 0;
	

}


.form_c {
border: 2px solid #7c7c7c;
border-radius: 0;
width: 47%;
font-family: 'Signika';
font-size: 18px;
font-weight: normal;
height: 40px;
color: #737373;
display: inline-block;
}

.form_d {
margin-bottom: 15px;
border: 2px solid #7c7c7c;
border-radius: 0;
width: 98%;
font-family: 'Signika';
font-size: 18px;
font-weight: normal;
height: 150px;
padding: 5px 10px;
color: #737373;
}

.bt {
background-color: #2e628e;
color: #fff;
border: none;
border-radius: 0;
font-size: 20px;
font-family: 'Signika';
text-transform: uppercase;
padding: 11px 21px;
}

.cont {
margin-left: 40px;
}

.cont ul {
margin-top: 30px;
margin-right: 0;
margin-left: 0;
padding: 0;
}

.cont ul li {
list-style-position: outside;
background-image: url("../images/sprite.png");
background-repeat: no-repeat;
background-position: left 1px;
padding: 0px 0px 10px 0px;
color: #454545;
font-size: 18px;
font-family: 'Signika';
list-style-type: none;
}

.bt:hover {
color: #FFF;
background-color: #2B79BB;
}

.cont ul li p {
color: #505050;
margin-bottom: 10px;
text-align: justify;
font-family: 'Signika';
font-size: 18px !important;
}


.bwWrapper {
    position:relative !important;
    display: block;
    left: 0 !important;
    top: 0 !important;
     }

a.bwWrapper {
      text-decoration: none;
     }



.modal-title {
	text-align: center;
	font-family: 'Signika';
}

.modal-body {
	height: auto;
}

.container-iframe ul li {
	font-family: 'Signika';
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
}

@media (min-width: 768px) { 
	.modal-dialog {
width: 700px;
margin: 30px auto;
}
}

.col-md-6 {
width: 50%;
float: left;
}


.error-outline {
	 border:2px solid #E50000;
	}
	.error-label {
		color:maroon!important;	
	}
	.error {
		color:maroon;
		font-weight:bold;
		font-size:13px;
	}
	.success {
		color:green;
		font-weight:bold;
		font-size:13px;
	}