@charset "utf-8";
@import url("reset.css");
/* CSS Document */

html,body,ul,li,a{
	margin: 0;
	padding: 0;
	font-family:"微軟正黑體", "新細明體", "Arial Unicode MS";
    text-decoration: none;
}
body {
    background-size:32px;
    background-image: url(../images/m_bg.jpg);
    background-repeat: repeat-x repeat-y;
}
header {
    width:100%;
    height:50px;
    position: fixed;
    top:0px;
    left:0px;
    z-index: 100;

}
#menuClose {
    padding:0 15px;
    height: 50px;
    background-color:#362e2b;
    position:relative;
    z-index:70;
}
    #menuClose img {
        float: left;
        padding-top: 20px;
    }
    #menuClose span {
        font-size: 20px;
        padding: 15px 0;
        font-family: 'Times New Roman';
        color:#e8380d;
    }
#menuOpen {
    height: 320px;
    background-color: #f5f3f2;
    padding: 0 15px;
    position:relative;
    right:0px;
    top:-320px;
    z-index:50;

}
    #menuOpen li{
        width:100%;
        height:75px;
        

        border-bottom: 1px solid #DDD;
        
    }
    #menuOpen li a {
        display:block;
        width:100%;
        height:75px;
        text-align: right;
        font-size:25px;
        color:#313131;
        font-weight:700;
        line-height:75px;
        transition:0.5s all ease;
    }

	#menuOpen li:last-child {
		border-bottom: none;
	}


footer {
    font-size:10px;
    background-color: #362e2b;
    width:100%;
    height: 50px;
    position: fixed;
    left:0px;
    bottom:0px;
    z-index: 100;
    padding:0 10px;
    
}
   footer .footTxt{
       width:90%;
       height: 50px;
       color:#fff;
       line-height:50px;
    }
   footer a{
       color:#ea5504;
       font-family:Arial;
    }
#mapBtn {
    padding:14px 5px 16px 5px;
    width: 50px;
    height: 50px;
    background-color: #ea5504;
    font-size:15px;
    color:#FFF;
    
}

#mapPage {
    width:100%;
    height:100%;
    background-image: url(../images/m_mapBg.png);
    background-repeat: repeat-x repeat-y;
    position: fixed;
    top:0px;
    left:0px;
    z-index: 80;
    display:none;
}
    #mapPage img {
        width:80%; 
        padding:10%; 
        position:absolute;
        bottom:15%
    }

section {
    padding: 100px 10px;
}

h2 {
    font-size: 20px;
    color: #e8380d;
    font-weight:bold;
    padding:15px 0;
}
h4 {   
    font-size: 16px;
}

#picAll {
    padding-top: 20px;
}

.mainPic {
    width: 100%;
    padding:5px 0;
}
/*
@media screen and (max-width: 640px) {
	body,html {
		line-height:0;
	}
    .menu {
        height: 60px;
        width:100%;
        background-color:#FFF;
        position: relative;
        top: 30px;
        margin: auto;
    }
}