/* ==== Google font ==== */


#navigation { background:#399; position:fixed; top:0px; }

.logomark { display:block; padding:1em; background:#399; }

.navbar-custom .nav.navbar-nav { background-color: rgba(255, 255, 255, 0.4); }
.navbar-custom ul.nav li a { color: #444; }

.btn-skin { color:#fff; font-size:18px; font-weight:bold; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#f90; box-shadow: 2px 2px 2px rgba(0,0,0,.4); }
.btn-skin:hover,
.btn-skin:focus,
.btn-skin.active { color:#fff; text-decoration:underline; background:#960; box-shadow:none; }

.about-box,
.service-box { margin: 0 0 1em; padding:20px; border: 1px solid #eee; box-shadow: 0 0 4px rgba(0, 0, 0, .2); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff; }

.about-box h4 { font-size:18px; margin:0 0 .5em; padding: 0 0 .5em; border-bottom: 1px solid #399; }
.about-box p { margin:0; }
.about-box p.aboutAdd { margin:0; font-size:12px; color:red; line-height: 1.5em !important; }

.service-icon .img-responsive { margin: 0 auto; }
.service-desc h5 { font-size:12px; font-weight:normal; line-height:1.6em; }
.service-desc h5 strong { font-size:18px; line-height:1.6em; }

.fancybox-wrap { z-index:999999; }

.col-home { position:relative; min-height:1px; padding-right:10px; padding-left:10px; }

.service-icon img { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.service-desc h5 { }

.recruit-box .table { font-size:90%; }


footer { background: #4e706f; }
footer a { color:#fff; text-decoration:none; }
footer h3,
footer h4 { margin:0 0 .3em; padding: 0 0 .3em; font-size:14px; color:#fff; border-bottom: 1px solid #fff; }
footer h3 span { font-size:24px; }

a.ftBrand { color: #fff; text-decoration:none; }

.telNo { font-size: 24px; }


@media (max-width: 992px) {
	.service-desc h5,
	.service-desc h5 strong { font-size:12px; line-height:1.5em; }
}

@media (max-width: 768px) {
	.section-heading h2 { font-size:32px; letter-spacing:inherit; }
	.topImg { font-size:small; line-height:1.5em; }
	.btn-skin { font-size:12px; font-weight:normal; }
	.service-desc h5 { font-size:12px; font-weight:normal; line-height:1.6em; }
	.service-desc h5 strong { font-size:18px; line-height:1.6em; }
}

@media (max-width: 480px) {
	h3 { font-size:24px; }
	.site-logo { margin:0; }
	.site-logo img { margin:0; width:150px; }
}

@media (min-width: 480px) {
	.col-home { float:left; width:50%; }
}

@media (min-width: 768px) {
	.col-home { float:left; width:20%; }
	.btn-skin { font-size:14px; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
	.btn-skin { font-size:18px; }
}

@media print {
	a[href]:after { content: "" !important; }
	abbr[title]:after { content: "" !important; }
	.about-box,
	.service-box { border: 1px solid #999; }
	.ftBrand,
	.ftBrand strong,
	.telNo { font-size:18px; line-height:1.2em; }
}