/****************** GENERAL ******************/
body {
    color: #333;
}
h2, h3 {
    color: #038D98;
}
a {
    color: #038D98;
}
a:hover {
    color: #038D98;
}
a p {
    color: #333;
}

/***************** BOOTSTRAP *****************/
.btn-primary {
    background-color: #038D98;
    border-color: #038D98;
    color: #fff;
}
.btn-default,
.btn-primary:hover {
    background-color: #aaa;
    border-color: #ddd;
    color: #fff;
}
.label.label-default {
    background: #aaa;
}
blockquote {
    color: #555;
}
.breadcrumb { padding: 0; }
/****************** HEADERS ******************/
#preHeader {
    background: rgba(30, 170, 210, 1);
    color: #fff;
}
#preHeader a {
    color: #fff;
}
#mainHeader {
    background: rgba(255, 255, 255, 1);
}
ul.navbar-nav > li.primary > a.firstLevel {
    color: #333;
}
ul.navbar-nav > li.primary > a.firstLevel.active,
ul.navbar-nav > li.primary > a.firstLevel:hover,
ul.navbar-nav > li.primary > a.firstLevel:focus {
    /*border-bottom: 5px solid #000;*/
    color: #038D98;
    background: none;
}
ul.navbar-nav > li.primary > a.active:before {
	padding: 0 10px 0 0; font-family: FontAwesome; font-size: 18px; content: "\f138"; color: #038D98;
}
ul.navbar-nav > li.primary { margin: 0 0 10px 0; font-size: 18px; }
ul.navbar-nav > li.primary:before {
	margin: 0 0 0 8px;
}

.navbar-toggle .icon-bar {
    background: #333;
}
.navbar-toggle {
    border-color: #333;
}
@media(max-width:767px) {
    ul.navbar-nav > li.primary > a.firstLevel.active,
    ul.navbar-nav > li.primary > a.firstLevel:hover,
    ul.navbar-nav > li.primary > a.firstLevel:focus {
        border-bottom: none;
    }
    #mainMenu .navbar-nav li {
        border-bottom: 1px solid #eee;
    }
}
/*子選項*/
#mainMenu .navbar-nav ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, .8);
}
.navbar-nav ul li {
    position: relative;
}
.navbar-nav ul li a {
    font-size: 16px; color: #999;
}
.navbar-nav ul li a:hover, .navbar-nav ul li.hover > a {
    background: rgba(255, 255, 255, .8);
    color: #0A4655;
}
@media(min-width:768px) {
    .navbar-nav ul {
        background: rgba(255, 255, 255, .8);
    }
}
#lang-btn {
    background: transparent;
    border: 0;
}
#lang-btn:hover,
#lang-btn:focus {
    color: #ccc;
}
#lang-menu a {
    color: #333;
}
.info-header i {
    background: #fff;
    color: #038D98;
}
#searchWrapper {
    color: rgba(10, 70, 85, 1);
    /*
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    */
}
#searchWrapper button:hover {
    background: #038D98;
}
#searchWrapper .form-control {
    color: #fff;
}
#searchWrapper .form-control::-webkit-input-placeholder {
    color: #ddd;
}
#searchWrapper .form-control:-moz-placeholder {
    color: #ddd;
}
#searchWrapper .form-control::-moz-placeholder {
    color: #ddd;
}
#searchWrapper .form-control:-ms-input-placeholder {
    color: #ddd;
}
.page-header {
    background-color: #78CBD1;
    color: #fff;
    border: none;
}
.page-header a {
    color: #fff;
}
.breadcrumb {
    background: transparent;
}

/*************** ROYAL SLIDER ****************/
#full-width-slider {
    color: #000;
}
.infoBlock a {
    color: #fff;
}
.photosBy {
    background: #fff;
    color: #000;
} 
.photosBy a {
    color: #000;
}

/***************** HOMEPAGE ******************/
.iconBlocHome i.fa {
    color: #038D98;
}

/************ ISOTOPE / PORTFOLIO ************/
.isotopeWrapper.loaded {
    background: none;
}
.isotopeContent {
    background: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.more-action figcaption p {
    color: #fff;
}
.more-link:hover .more-action {
    background: rgba(3, 141, 152, 0.5);
}
.more-icon i {
    color: #038D98;
    background: #fff;
}
.lazy-more-btn {
    background: #aaa!important;
    color: #fff!important;
}
.lazy-more-btn:hover {
    background: #fff!important;
    color: #333!important;
}

/*************** MISCELLANEOUS ***************/
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #038D98;
}
.hotBox {
    background: #038D98;
    color: #fff;
}   
.hotBox h2,
.hotBox a {
    color: #fff;
}
#pages-list li a {
    border: 1px solid #ddd;
    background-color: #aaa;
    color: #fff;
}
#pages-list li a:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}
/******************* FOOTER ******************/
#footerRights {
    background: #000;
}
footer {
    background: #333;
    color: #fff;
}
footer a {
    color: #fff;
}
footer p.lead {
    color: #038D98;
}
#toTop {
    /*background: #000;
    border: 1px solid #ddd;*/
}
#toTop:hover {
    /*background: #038D98;
    color: #fff;*/
}
footer section .container { position: relative; }
footer section .container .qcode { position: absolute; top: 30px; right: 30px; }
footer section .container .qcode img { width: 150px; height: 150px; }


@media screen and (min-width: 1px) and (max-width: 640px) {
	footer section .container .qcode {
		position: relative; top: auto; right: auto;
		text-align: center;
	}
	footer section .container .qcode img { width: 200px; height: 200px; }
}