/* ==========================================================================
  Base Styles and Bootstrap Modifications
  ========================================================================== */

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 background-color: #ff952b;
 color: white;
}



.navbar-inverse {
 border-color: #fff;
 -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
 box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
 background: #ffffff;
 /*
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fffcdd');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fffcdd')";
 background-image: -moz-linear-gradient(top, #ffffff, #fffcdd);
 background-image: -ms-linear-gradient(top, #ffffff, #fffcdd);
 background-image: -o-linear-gradient(top, #ffffff, #fffcdd);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fffcdd));
 background-image: -webkit-linear-gradient(top, #ffffff, #fffcdd);
 background-image: linear-gradient(top, #ffffff, #fffcdd);
 */
}

.navbar-collapse {
 background: #2b2b2b;
}

.navbar-collapse li {
 border-bottom: 1px dotted #e5e5e5;
}


.navbar-default {
background-color: #fff;
}

.navbar-toggle {
border-color: transparent;
border: 0px solid transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 background-color: #ff952b;
 color: white;
}












.navbar-header {
 width: 100%;
 padding: 10px 0;
}

.navbar-header li{
 float: left;
 margin: 0 0.75%;
}

.navbar-header li.nav01{
 width: 70%;
 min-hight: 12%;
}

.navbar-header li.nav02 {
 width: 12%;
 min-hight: 12%;
}

.navbar-header li.nav03 {
 width: 12%;
 min-hight: 12%;
}



.navbar-header li.nav02 img, .navbar-header li.nav03 img, .navbar-header li.nav04 img {
 width: 100%;
}



#main {
 position: relative;
 width: 80%;
 min-width: 100%;
 height: auto;
 margin: 0 auto 30px;
}

#main_fr {
 position: relative;
 width: 100%;
 height: auto;
 margin: 0 auto;
 border: 1px solid #ccc;

 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
}



.btn_opa:hover {
 filter: alpha(opacity=80);
 opacity: 0.80;
}


.h_inner {
 background: #5daeeb;
 color: #fff;
 font-size: 11px;
 margin: 0 auto;
 padding: 4px 6px;
 width: 100%;
 
}

h1 {
 font-size: 100%;
 font-weight: normal;
 margin: 0;
 padding: 1px 3px;
}


.img-responsive02 {
    display: block;
    max-width: 90%;
    height: auto;
}

.img-responsive03 {
    display: block;
    max-width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 15px 0 30px 0;
}





ul {
 list-style: none;
}

li {
 list-style: none;
}




/* ==========================================================================
  MEDIA QUERIES
  ========================================================================== */


@media screen and (max-width:1050px), screen and (max-device-width:1050px){
 body .header{background-attachment: scroll;}
}

/*ipad portrait*/
@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait){
 .header{
	 background-attachment: scroll;
 }

	 
	 
}

@media screen and (max-width:769px) {
 #headerwrap {
 margin: 100px 0 0 0;
 }
 #content {
  margin: 130px 0 0 0;
 }
}

@media screen and (max-width : 480px){
 #headerwrap {
 margin: 80px 0 0 0;
 }
 #content {
 margin: 20px 0 0 0;
 }
}


/* margin: 76px 0 0 0; */
@media screen and (max-width : 320px){
 #headerwrap {
 margin: 96px 0 0 0;
 
 }
}