*{
     font-family: Arial, Microsoft JhengHei;
}

body{
    margin:0; 
    padding:0;
    position:relative;
    background-repeat:repeat-x;
    background-color: #5dbd70;
    background-image: url("../images/banner_bg.png");
}
.logo{
    width:142px;
    height:47px;
    background-image:url("../images/logo.png");
    background-repeat: no-repeat;
    margin-left:1%; 
    position:absolute;
}

.cloud {
    width: 200px;
    height: 75px;
    top:-30px;
    background-image: url("../images/cloud.png");
    background-repeat: no-repeat;
    position: absolute;
    z-index:10;
    background-size: contain;
    animation: cloud 60s linear infinite  ;
    opacity:.0;
}

@keyframes cloud {
    0% {
        left: -10%;
    }

    20% {
        left: 10%;
        opacity:.5;
    }

    90% {
        left: 70%;
        opacity: .0;
    }

}


.cloud2 {
    width: 200px;
    height: 75px;
    top:-30px;
    background-image: url("../images/cloud2.png");
    background-repeat: no-repeat;
    position: absolute;
    z-index:10;
    background-size: contain;
    animation: cloud2 80s linear infinite ;
    opacity:.0; 
}


@keyframes cloud2 {
    0% {
        right: 0%;
    }

    20% {
        opacity:.5; 
    }

    90% {
        opacity: .0;
    }

    100% {
        right: 95%;
    }
}

.mountain {
    width: 180px;
    height: 75px;
    right:0;
    background-image: url("../images/mountain.png");
    background-repeat: no-repeat;
    position: absolute;
    z-index:9;
    background-size: contain;
    opacity:.9;
}

.title{
    color:#fff  ;
    margin:0 auto;
    text-align:left;
    text-indent:200px;
    font-weight:bold;
    text-shadow:1px 1px 1px #111;
}


.page_body
{
    background-color:#FCF5EE;
    margin:0 0 0 0;
}

.menu_root
{
    margin:0 0 0 -45px;
}

.pcount
{
    font-size:14px;
    font-family:微軟正黑體;
    background-color:#fff;
    margin-bottom:4px;
    text-align:center;
}