@media (min-width: 768px) {
        .index .nav li:nth-child(1) a {
    background: url(http://mmmfile.mmweb.tw/L3/86028/image/logo.png) center center no-repeat;
    background-image: url(http://mmmfile.mmweb.tw/L3/86028/image/logo.png);
    background-position-x: center;
    background-position-y: center;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    display: block;
    width: 100%;
    height: 60px;
    text-indent: -99999px;
    border: none;
    border-top-width: initial;
    border-right-width: initial;
    border-bottom-width: initial;
    border-left-width: initial;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
margin-bottom:10px;
}
}
                                                @media (min-width: 768px) {
        .index .nav li:nth-child(1) {
width:100%;
}
}
#header.large,#header.small{
    background: #fff8e1;
}  
@media (min-width: 1024px) {  
#header.large,#header.small{
    background: url(https://mmmfile.mmweb.tw/L3/86028/image/mainHeaderBg.png) top center no-repeat;
    max-width: 100%;
    height: 100%;
}  
}   
body.index_1_body #middle_area {
    background: url(https://mmmfile.mmweb.tw/L3/86028/image/bodyBg.jpg) center center repeat;
    width: 100%;
    margin: 0px auto 0px auto;
    min-height: 550px;
}
body {
    background: url(https://mmmfile.mmweb.tw/L3/86028/image/bodyBg.jpg) center center repeat;
    background-color: #ffffff;
}
.navbar-default .navbar-brand {
    color: black !important;
}      
.navbar-default .navbar-nav>li>a {
    color: black !important;
font-size: 16px !important;
letter-spacing: 2px;
}  
#header.large .navbar .navbar-nav > li a:hover,
#header.small .navbar .navbar-nav > li a:hover {
  color: #ffffff;
  /* border-bottom: 1px solid #ffdb7c; */
  background: #ffffff;
}  
.footer p{
    color: #000 !important;
}                         
@media (min-width: 1919px) {
#header.large .navbar .navbar-nav > li a,
#header.small .navbar .navbar-nav > li a{
  padding: 0px 14px;
}
}          
.navbar-default .navbar-nav>li>a:hover {
    text-decoration: none;
font-weight: bold !important;
background-color: transparent !important;
font-size: 17px !important;
    background-color: #eee !important;
}      
.nav li a:hover {
text-decoration: none;
font-weight: bold !important;
background-color: transparent !important;
font-size: 17px !important;
}                                     
#header .navbar .navbar-header .navbar-toggle {
    background-color: #d3be9f !important;
}          
#middle_area{
    padding-top: 400px;
}    
@media (max-width: 768px) { #middle_area{ padding-top: 100px; } }                  
@media (min-width: 768px) and (max-width: 1024px) { #middle_area{ padding-top: 200px; } }    
@media (min-width: 1024px) { #middle_area{ padding-top: 400px; } }    
.footer{
    background-color: #a6a6a6;
    padding: 2em 0;
    width: 100%;
    margin: 0 auto;
}

.footer .iconBox{width: 100%;margin: 0 auto 1.5em;text-align: center;}

.footer p{
    text-align: center;
    color: #fff !important;
    padding: 0 0;
    margin: 0 0;
font-size: 15px;
}
.footer .icon{}
.footer .ic{padding-right: 3em;}
.footer .ic2{
    padding-bottom: 9px;
}