/*************** Start ***************/

/******* Header ********/

#navbar .navbar-brand a img {
    max-height: 45px;
}

.site-topbar {
    background: transparent;
    z-index:1000;
    position: relative;
}

.site-navbar {
    background: rgba(255,255,255,0.6);
}

@media (min-width: 1200px) {
#header {
    background: url(http://www.web999.com.tw/_D00002/S00018/images/slide_20161014155125.jpg) no-repeat;
    background-size: cover;
    height: 150px;
}
}

/**** Navbar ****/

.nav>li>a, .nav>li>a {
    color: #193b4c;
    text-shadow: 1px 1px 4px #bbb;
}


/**** Language ****/

.language a:hover, .language a.active {
    border-color: transparent;
    opacity:1;
}

.language a {
    border: 0px;
    opacity:0.33;
}

.language a[href][title=繁體中文] {
}

.language a[href][title=简体中文] img {
    display:none!important;
}

/*日本國旗*/
.language a[href][title=简体中文] {
    width:auto;
    height:18px;
    content:url(http://www.web999.com.tw/_D00002/S00018/images/Flag_of_Japan.svg_20161014192025.jpg);
    border: 0px;
    opacity:0.33;
}
.language a[href][title=简体中文]:hover {
    opacity:1;
}

/*search*/
@media (min-width: 1100px){
.search-main-box {
    right: 25%;
}
}

@media (max-width: 1099px){
.search-main-box {
    right: 20%;
}
}
@media (max-width: 991px){
.search-main-box {
    right: 10px;
}
}

/******** Main ********/
.site-main {
    padding-top: 0px;
    background: #eee;
}

@media (min-width: 992px) {
#news, #profile, #products, #faq-main, #portfolio, #contact-main, #coming_soon, #inquiry-main, #cart-main, .left-section {
    padding-top: 180px;
}

#news .left-section {
    padding-top: 0px;
}
}

@media (max-width: 991px) {
#news, #profile, #products, #faq-main, #portfolio, #contact-main, #coming_soon, #inquiry-main, #cart-main, {
    padding-top: 90px;
}

#news .left-section {
    padding-top: 0px;
}
}

.left-section a {
    background: #ccc;
    border-left: 0px;
    color:#222;
}
.left-section a:hover {
    background: #999;
    color: #fff;
}

.section .section-title {
    color: #225c84;
    text-shadow: 1px 1px 1px #ccc;
}

/******** Footer ********/

.site-footer {
    background: #35A1C8;
    color: #eee;
}

/******** Profile ********/
.section.section-hilite {
    background: transparent;
    padding: 25px;
}
blockquote {
    border-left: 0px;
}

.section.section-testimonial .carousel-indicators li {
    background: #eee;
}


/******** Product ********/
#products ul li {
    /*width: 262px;*/
}

#products {
    background-color: transparent;
}

#products ul li a {
    /*height: 170px;*/
    max-height: initial;
}

#catalog {
    background:#ccc;
    padding-top:10px;
}

#catalog li a.current, #catalog li a:hover {
    background:transparent;
    color: #f15f4c;
    transition: .3s;
    border: 0px;
}

#catalog li a {
    background-color: transparent;
    border: 0px;
}

#catalog li a.current img {
    opacity: 0;
}
