/*!
 izBootstrap
 */
 
 /* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------- */
/* ---------------------------------Header+Nav--------------------------------- */
/* ---------------------------------------------------------------------------- */
.navbar-default {border-color: transparent;background-color: #222;}
.navbar-default .navbar-brand {color: #6ECADC;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {color: #6ECADC;}

.navbar-default .navbar-collapse {border-color: rgba(255,255,255,.02);}

.navbar-default .navbar-toggle {border-color: #6ECADC;background-color: #6ECADC;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #6ECADC;}

.navbar-default .nav li a {text-transform: uppercase; font-weight:bold;letter-spacing: 1px;color: #fff; font-size:14px; letter-spacing:4px; }
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {outline: 0;color: #fff; background:url(../images/website_image/dh.png);}

.navbar-default .navbar-nav>.active>a {border-radius: 0;color: #fff;background-color: #6ECADC;}  /* ------------------------------------------------------------------------------------------------------------ */
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {color: #fff;background-color: #6ECADC;}

@media(min-width:768px) {
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }
    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }
    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #222;        /* ---------------------------------------------------------------------------- *å¯¼èˆªèƒŒæ™¯è‰²ä¿®æ”? ---------------------------------------------------------------------------- */    
    }
	.navbar-default.navbar-shrink  li a { color:#fff;}  /* ------------------------------------------- *å¯¼èˆªæ–‡å­—é¢œè‰²ä¿®æ”¹* ---------------------------------------------------------------------------- */ 
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}
header{text-align: center;color: #fff;background: url(../images/bg.jpg) no-repeat scroll center center ;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;height: 650px;}	
header img{display: block; margin: 200px auto  50px auto;}
header .intro-text .intro-heading {text-transform: uppercase;font-weight: 700;font-size: 50px;}
header .intro-text .intro-lead-in {margin-bottom: 30px;font-family: 'Shadows Into Light', cursive;font-style: italic;font-size: 42px;}
@media(min-width:635px) {
    header .intro-text {
        padding-bottom: 80px;
    }
}
@media(max-width:420px) {
	header .intro-text .intro-heading {font-size: 33px;}
	header .intro-text .intro-lead-in {font-size: 22px;}
	header .intro-text {padding-bottom: 40px;}
}
/* ---------------------------------------------------------------------------- */
