/* ==========================================================================
   Global styles starts here
   ========================================================================== */
  body{background: #ded2bc;margin-top: 65px;margin-bottom: 40px;font-size: 12px;}
  h1, h2, h3, h4, h5, h6{margin: 0;}
  h1{}
  h2{}
  h3{}
  h4{}
  h5{}
  h6{}
  p{
  color: #0a0a0a;
  font-size: 12px;
  line-height: 22px;
  font-family: 'source_sans_proregular';
  /* padding-bottom: 15px; */
  }
  .no-border-right{border-right: none !important;}
  .icon{color: #c2a270;
font-size: 10px;
display: inline-block !important;
cursor: pointer;
width: 12px !important;
height: 12px !important;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
border: 3px solid #c2a270;
padding: 6px;
background: #1b1b1b;
font-size: 15px;

}
.icon:hover{border: 3px solid #fff; color: #fff; text-decoration: none;}
.last{padding-bottom: 0;}
.ruler-top{border-top: 1px solid #292929;}
.no-space{margin-left: 0 !important;}
.align-right{text-align: right;}
/* ==========================================================================
   Menu styles starts here
   ========================================================================== */
  .site-header{background: #c8fff5;border-radius: 3px 3px 0 0;overflow: hidden;font-family: 'fjalla_oneregular';}
  .logo{ font-family: 'fjalla_oneregular'; float: left; padding: 20px;}
  .logo h1{font-size: 16px;line-height: 32px;color: #403b32;text-transform: uppercase;font-weight: normal;}
  .menu{float: right;}
  .menu .navbar .nav{margin-right: 0;}
  .menu .navbar .nav > li{border-right: 1px solid #7498da;}
  .menu .navbar .nav > .active > a{color: #584f41; background: #c2a270; box-shadow: none;}
  .menu .navbar .nav > li > a {text-transform: uppercase; color: #584f41; font-size: 12px; line-height: 30px; text-shadow: none; padding: 23px 15px;}
  .menu .navbar .nav > li > a:hover{color: #fff;background: #ded2bc;}

  .mini-menu{display: none;}
    .mini-menu .selectnav{display: none; width: 100%;background: #1b1b1b;font-weight: 600;padding: 10px;height: 42px; color: #fff; border-radius: 5px; cursor: pointer; outline: 0; border:none !important;}
    .selectnav select{appearance: none; border:none !important;}
    .mini-menu label {position:relative; width: 100%;}
    .mini-menu label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:14px; top:86px;
    padding:0 0 2px;

    position:absolute;
    pointer-events:none;
    }
    .mini-menu label:before {
    content:'';
    right:6px; top:80px;
    width: 25px; height: 25px;
    background:#1b1b1b;
    position:absolute;
    pointer-events:none;
    display:block;
    }



/* ==========================================================================
   General styles starts here
   ========================================================================== */
    .banner-shadow{background: url(../img/shadow.png) no-repeat center;}
    .banner{ text-align: center; }
    .banner .carousel {margin: 0;}
    .banner .carousel-caption { background: none;}
    .banner .social-icons{margin-bottom: 5px;}
    .banner .social-icons ul{margin: 0;}
    .banner .social-icons ul li{list-style: none; display: inline-block; margin-right: 5px;}
    .banner .carousel-inner:hover img{-webkit-filter: blur(10px); transition:all 5s; }
    .banner .carousel-caption .icon{opacity: 0;}
    .banner .carousel-inner:hover [class^="fw-icon-"]{ transition:all 1s; opacity: 0.9 !important;  }

  .featured-heading{
          text-align: left;
          background: rgba(255, 255, 255, 0.65);
          padding: 35px 0;
          /* text-transform: uppercase; */
          border-top: 1px solid #292929;
          border-bottom: 1px solid #080808;
          }
  .featured-heading h1{color: #c2a270; font-size: 30px; line-height: 30px; font-family: 'fjalla_oneregular';
             padding-bottom: 20px; font-weight: normal;}
  .featured-heading h2{color: #0a0a0a;font-size: 20px;line-height: 30px;font-family: 'source_sans_prolight';/* padding-bottom: 25px; */}
  .featured-heading h2 strong{color: #fff; font-family: 'source_sans_probold'; }
  .featured-heading h2 span{color: #ac9065;}
  .featured-heading .btn{
  color: #0088cc;
  background: #c8fff5;
  border: 3px solid #0088cc;
  padding: 8px;
  text-shadow: none;
  font-family: 'fjalla_oneregular';
  }
  .featured-heading .btn:hover{color: #232323;border: 3px solid #0c0c0c;}

  .featured-content {padding: 0 30px;padding-top: 35px;padding-bottom: 45px;display: table;background: rgba(255, 255, 255, 0.15);}
  .featured-content .block h1{color: #c2a270; font-size: 18px; line-height: 30px; text-transform: uppercase;
                 padding-bottom: 15px; font-family: 'fjalla_oneregular'; font-weight: normal;}
  .featured-content .block p span{color: #fff; text-decoration: underline;}
  .featured-content .block ul{margin: 0; padding-top: 15px; padding-bottom: 20px;}
  .featured-content .block ul li{list-style: none; display: inline-block;}
  .featured-content .block ul li a{color: #fff; text-transform: uppercase; font-family: 'source_sans_proregular';}
  .featured-content .block ul li a:hover{color: #c2a270; text-decoration: none;}
  .featured-content .block .btn{color: #c2a270; background: #1b1b1b; border: 3px solid #c2a270; padding: 3px; text-shadow: none;
              font-family: 'fjalla_oneregular'; text-transform: uppercase;}
  .featured-content .block .btn:hover{ color: #fff; border: 3px solid #fff;}

  .portfolio-block{
                  padding-right: 0;
                  display: table;
                  padding-bottom: 10px;
                  border-bottom: 1px solid #000000;
                  }
  .portfolio-block h1{font-size: 30px; line-height: 34px; color: #c2a270; text-transform: uppercase; font-family: 'fjalla_oneregular'; 
                     font-weight: normal; padding-bottom: 15px; }
  .portfolio-block h2{font-size: 20px; line-height: 30px; color: #626262; font-family: 'source_sans_prolight'; 
                      padding-bottom: 15px; font-weight: normal;}
  .portfolio-block .links a{background: #545454; padding: 5px 12px; color: #d2b383; margin-right: 5px;
                     font-family: 'fjalla_oneregular'; border-radius: 3px;}
  
  .portfolio-block .links a:hover{background: #c2a270; color: #1b1b1b; text-decoration: none;} 
  .portfolio-block ul{margin-top: 40px; margin-bottom: 0;}                   
  .portfolio-block ul li{list-style: none; display: inline-block; margin-bottom: 30px; margin-left: 0; margin-right: 30px;}
  .contact-info{padding: 35px; text-transform: uppercase; background: #1b1b1b; border-top: 1px solid #292929;
               text-align: center; }
  .contact-info h1{font-size: 30px; line-height: 34px; color: #c2a270; text-transform: uppercase; font-family: 'fjalla_oneregular'; 
                     font-weight: normal; padding-bottom: 15px; letter-spacing: 1px;}
  .contact-info h2{font-size: 20px; line-height: 30px; color: #626262; font-family: 'source_sans_prolight'; padding-bottom: 30px; font-weight: normal;}
  
  .contact-info form input[type="text"], input[type="email"], textarea{background: #1b1b1b; border: 1px solid #292929; 
                  color: #5d5d5d;  margin-bottom: 20px;}
  .contact-info form input[type="text"]{margin-right: 12px; min-height: 38px; font-family: 'source_sans_proregular';}
  .contact-info form input[type="email"]{min-height: 38px; font-family: 'source_sans_proregular';} 
  .contact-info form textarea{margin-bottom: 20px; font-family: 'source_sans_proregular';}                  
  .contact-info form .btn{background: #c2a270; color: #1b1b1b; font-size: 18px; line-height: 22px; font-family: 'fjalla_oneregular';
                        padding: 8px; text-shadow: none; text-transform: uppercase; border-bottom: none; } 
  .contact-info form .btn:hover{background: #545454; color: #c2a270;}                                         
/* ==========================================================================
   Sidebar styles starts here
   ========================================================================== */



/* ==========================================================================
   Footer styles starts here
   ========================================================================== */
  .site-footer{background: #ded2bc;padding-top: 40px;padding-bottom: 30px;border-radius: 0 0 3px 3px;}
  .site-footer h1{color: #c2a270; font-size: 18px; line-height: 30px; font-family: 'fjalla_oneregular'; text-transform: uppercase; font-weight: normal;}
  .site-footer ul{margin: 0;}
  .site-footer ul li{list-style: none; font-family: 'source_sans_proregular';}
  .site-footer ul li a{color: #5d5d5d; font-size: 14px; line-height: 22px; padding-bottom: 10px;}
  .site-footer ul li a:hover{color: #fff; text-decoration: none;}


/* ==========================================================================
   Responsive Tweaks starts here
   ========================================================================== */
.navbar .btn-navbar {background: #403b32; margin-top: 20px; margin-right: 20px;}
.navbar .btn-navbar:hover{background: #fff; color: #403b32; text-shadow: none;}



/*基
-------------------------------------------------------------------------------*/
.featured-heading img {
    width: 40%;
    float: left;
    margin:0 10px 10px 0;
}
.col-lg-4 {
  clear:both;
}
.col-lg-4 h2 {
  padding:0;
}
div#innercontentslist img {
    margin-bottom: 20px;
}
.onebl {
    clear: both;
}
.solobl {
    margin: 0 0 20px 0;
}
.topcontents {
    color: #0a0a0a;
}

.span6.align-right {
    color: #0a0a0a;
}
/*2column
---------------------------------------------------------------------------*/
.column2 {
  width:45%;
  margin-left:4%;
  float:left;
}

.column2 .switch {
  margin-bottom:20px;
}
.twoblo {
  clear:both;
}


/*4column
---------------------------------------------------------------------------*/
.column4 {
  width: 23%;
  margin: 0 0 1% 2%;
  float:left;
}
.column4 .switch {
  margin-bottom:20px;
}
.portfolio-block img {
    width: 100%;
}

/*respon
---------------------------------------------------------------------------*/
@media screen and (max-width : 1024px) {
.column2 {
  width:100%;
  margin:0;
}
.column4 {
  width:100%;
  margin:0;
}
  body{
    background: url(../img/body-bg.jpg);
    margin-top: 0;
    margin-bottom: 0;
    word-break: break-all;
}

.featured-heading img {
    width: 100%;
    float: none;
    margin: 0;
}

}