/*nav bar*/
.navtext1{text-align: center;}
.navtext2{text-align: left;}

.navlogo li{display:inline-block;}
.navlogo li:first-child{text-align:cneter;padding-right: 15px;}
.navlogo li>ul:first-child {font-size: 1.6em;/* padding-bottom: 8px; */margin-top: -17px;}
.navlogo img{
  height: 125px;
  width:200px;
  margin-top: -40px;;

    }
/*.navbar-default .navbar-nav > li > a.active {color: #fff;background-color: #00afd1;}*/

.search-side{padding-top: 10px;}


/*Index*/
.icon-large {font-size: 7em;}
.indrx-hr5 {margin-top: 180px;}



/*Product Menu*/

.image-service-box{
    margin: 10px 20px;
    width: 250px;
}
.products_menu .loadmore, .page-news .loadmore, .search-page .loadmore{
    text-align: center;
    padding: 15px 0;
    background-color: #ddd;
    font-size: 1.3em;
    color: #444;
}
.products_menu .loadmore:hover, .page-news .loadmore:hover, .search-page .loadmore:hover{color:#fff;background-color: #00afd1;}
.img-thumbnail{width: 100%}
.image-service-box h4 {text-align: center;font-size:16px;}



    /*slider*/
.touch-slider .owl-controls .owl-buttons div {padding: 0 15px;}
.owl-theme .owl-controls .owl-page span {width: 10px;height: 10px;}

/*loading more*/
.loadhide,.loadhide2{display: none}
.loadhide:hover img {opacity: 0.7;}
.loadmore-box:hover, .loadmore-box-hover{
    opacity: 0;transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}
.loadmore-box, .loadmore-box-hover:hover{opacity: 1;}
.loadmore-box-hover{margin-top: -265px;}
.loadmore-text{margin-top: -20px;}



/*Single Products*/
    /*slider*/
.site-slider{
    /* margin-top:95px; */
    background:#eee;
    border-bottom: 1px solid #eee;
    }
.bx-viewport{text-align: center;}
.thumb{width: auto;height: 30px;}
.products_title{font-size: 2em;line-height: 2em;}
/*.products-content{font-size: 1.3em;}*/
.fa-circle {padding-right:3px;}
.products-panels-title{font-size: 1em}
.panel-group{margin-top: -30px}
.fa-file-text-o:before {padding-right: 10px;}
.fa-video-camera:before {padding-right: 8px;}
.bx-controls-direction .fa-angle-left, .bx-controls-direction .fa-angle-right{background-color: #444;}
.bx-controls-direction .fa-angle-left:hover, .bx-controls-direction .fa-angle-right:hover{background-color: #00afd1;}

.brand {
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    font-family: sans-serif;}

.brand .head-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #ddd;
    margin: 0;
}
.content-title-1{margin-top:35px;}
.content-title{
    color:#00afd1;
    font-size: 1.2em;
}
#content{
    min-height: 75vh;
}
/*.content-main {padding-left: 20px;}*/
#main-slide {
    margin-top: 76px;
}
form#form1 {
    margin-bottom: 10px;
}
div#content1 {
    margin-top: 50px;
}
@media (min-width: 767px){

   
    .bx-controls-direction{left: 0px;}
    .bx-controls-direction .fa-angle-left{float:left;}
    .bx-controls-direction .fa-angle-right{float:right;}

}
/*Info*/
.page-banner p {
    font-size:1.3em;
    font-weight: 700;
    padding-left: 10px;
    line-height: 1.5em;
    padding-top: 10px;
}

/*CONTACT*/
 select{
    font-size: 13px;
    font-family: 'Microsoft Jhenghei','Open Sans', sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}

/*SEARCH*/
.search-img{width:150px;}
.search-products{margin-bottom: 30px}


/*Footer*/
.copyright-section-right{text-align: right}



@media (max-width: 992px) {
.navlogo li{margin-top:-150px;}
.navlogo li>ul:first-child {font-size:1.1em;padding-bottom: 0px; margin-top: -50px}
.navlogo li>ul{font-size:0.5em;line-height: 1.2em;}

.indrx-hr5{margin-top:80px;}
.image-service-box{width:300px;}
.loadmore-box-hover{margin-top: -310px;}
.bx-controls-direction{display: block;}
.copyright-section-right{text-align: center;}

}
@media (max-width : 767px) {
    .site-slider{
        margin-top:67px;
    }
    .navlogo img{
        width:150px;
        height:100px;
       
    }
 #main-slide{
    margin-top: 67px;
     }

.navlogo li{margin-top:-10px;}
.navlogo li>ul:first-child {margin-top: 0px}
.navbar-header{height: 67px;;margin-top:0px}
.image-service-box{width: 333px}
.mix {
    padding: 10px 30px;
}
.loadmore-box-hover{margin-top: -325px;}

}

/* 10/30ÃƒÂ¤Ã‚Â¿Ã‚Â®ÃƒÂ¦Ã¢â‚¬ÂÃ‚Â¹ */
.nav-tabs{border:none;}
.nav-tabs > li > a ,.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
   /* border-radius: 10px; */
   border: 2px solid #757575;
   /* background: #333; */
}
.nav-tabs > li > a{border:2px;/* border-style:solid; */background: #EEE;margin: 5px 2px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 2px solid #919191;
    /* border-style:solid; */
    color: #060606;
    /* margin-bottom: 10px; */
    /* border-bottom: #ddd; */
    /* background: #EEE; */
}
.tab-content{
  /*border:none;*/
  /*padding-top: 30px;*/
  /*padding-bottom: 50px;*/
  /*background:#eee;*/
  /*margin-top: 20px;*/
  /*border: 1px solid#757575;*/
}
.bx-controls-direction,.owl-buttons {display: none;}

ul.nav.nav-tabs {
    margin-bottom: -10px;
}
.header{
    /* min-height: 50px; */
}
ol.carousel-indicators li {
    width: 50px !important;
    border-radius: 0px !important;
    border: none !important;
    background: #fdb655;
    height: 10px !important;
}
#main-slide .carousel-indicators .active {
    background-color: #FFFFFF;
    border: #fdb655 2px solid !important;
}
@media (max-width : 480px) {
.image-service-box{width: 100%;margin: 0 auto;}
}