@import "https://fonts.googleapis.com/css?family=Anton";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,span {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body { 
  position: relative;     
  -webkit-tap-highlight-color:transparent;
  font-family: "CANDARA","Poppins", "儷黑 Pro", "LiHei Pro", "微軟正黑體","Microsoft Jhenghei", Helvetica, sans-serif, Arial;
  font-size: 16px;
}
a{
    text-decoration: none;  
    color: black;  
}
.content{    
    width: 100%;
    max-width: 710px;
    height: 100%;
    /*min-height: 700px;*/
    position: relative;
    margin: auto;    
    text-align: center;    
}
#menu{
    position: relative;
    top: 0px;    
    height: 85px;
    width: 100%;
    background: #231f20;
    z-index: 1;
}
#logo_bar{
    width: 100%;
    background: white;
    height: 50px;
    top: 0px;
    position: relative;
}
#logo_bar img{
    position: relative;
    margin: auto;
    display: block;
    top: 15px;
}
#menu_bar{
    display: block;
    position: absolute;
    height: 30px;
    bottom: 0px;
    width: 100%;
    background: black;
}
#menu_bar a{
    //color: #b7b7b7;    
    color: white;
    text-align: center;
    display: inline-block;
    width: auto;
    min-width: 50px;
    cursor: pointer;
    margin: 0px 12px 0px 12px;
    font-size: 18px;    
    /*text-transform: lowercase;*/
}
#menu_bar .home.chi,
#menu_bar .lang.chi{
    font-size: 16px;
}
#menu_bar a.selected, #menu_bar a:hover{
    color: white;
    /*text-transform: uppercase;*/
}
#menu_bar_mini{
    display: none;
}
.mobile_hide{
    display: block !important;
}
#main{
    position: relative;
    z-index: 0;
}
#main .content img{
    width: 100%;
    height: auto;
}

@media (max-width: 720px){
    .mobile_hide{
        display: none !important;
    }
    #menu_bar_mini{
        display: block;
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 25px;
        height: 17px;
        background: url("images/mini_menu.png");
        background-size: contain;
        cursor: pointer;
    }
    #menu_bar{
        display: none;
        position: absolute;
        height: auto;
        top: 5px;
        bottom: auto;
        width: 100%;
        z-index: 1;
    }
    #menu_bar a{
        display: block;
        width: 100%;
        line-height: 30px;
    }
}