.navbutton {    DISPLAY: NONE;}
.mobileinfo {    display: none;}

img.webmain {    display: block;}
img.mobilemain {    display: none;}

@media screen and (max-width: 1200px){
.cirimg01 {
    width: 30%;
    height: 300px;
}}


/*平板 （1024以下）*/

@media screen and (max-width: 1024px) {
    .aboutboxtitle h2.title {
    FONT-SIZE: 2EM;
}
    
    p.description {
    font-size: 1.2em;
    text-align: left!important;
}
    
    #Menu li a {
    padding: 8px 15px 4px 15px;
}

.aboutboxtitle {
    WIDTH: 100%;
    position: absolute;
    top: 15%;
}


}



@media screen and (max-width: 1023px) {
    
.cirimg01 {
    width: 250PX;
    height: 250PX;
    border-radius: 50%;
    margin: 0 auto;
    float: unset;
    MARGIN-BOTTOM: 10PX;
}

    img.webmain {   display: none; }
img.mobilemain {  display: block;     margin-top: 50px; }

    
    .mobileinfo LI {
    /* width: 50%; */
    list-style: none;
    float: left;
    padding: 7px 5px;
}

.mobileinfo {    display: block;}

.mobileinfo LI a {
    color: #000;
    PADDING: 0 20PX;
}

.mobileinfo UL {
    /* DISPLAY: BLOCK; */
    WIDTH: 85%;
HEIGHT: 115PX;
    border-bottom: 1px solid #000;
    PADDING-TOP: 15PX;
}

.mobileinfo {
    display: block;
    text-align: center;
}
    
    #Menu ul {    border-top: 0px solid #2c5000;margin-top:30%}
    
    #Menu {    DISPLAY: NONE;}

div#myNav #Menu li A {
    float: unset;
}

div#myNav #Menu {    DISPLAY: BLOCK;}
    div#myNav #Menu li {
    text-align: center;
    width: 100%;
}
div#Logo {       TEXT-ALIGN: CENTER;
    width: 100%;}

.logoinfo {
    POSITION: UNSET;
    WIDTH: 100%;
    TEXT-ALIGN: CENTER;    FONT-SIZE: 1EM;}

img#LogoImage {
    FLOAT: UNSET;
    WIDTH: 80PX;
    MARGIN-TOP: -35PX;}

div#SearchForm {text-align: CENTER;
    position: unset;
    width: 100%;    padding-top: 10px;
}

a#toptel {    PADDING: 10PX 80PX;}
.navbutton {    DISPLAY: BLOCK;
    position: absolute;
    right: 5PX;
    TOP: 25px;
    Z-INDEX: 9999;}


#Header {    height: 170px;}

img.serimg {
    width: 100%;
    margin: 0 auto;
}

table.conttable TD {
    DISPLAY: BLOCK;
    WIDTH: 100%;
}

#Wrapper { margin-top: 80px;}

}




/*手機版（900以下）*/

@media screen and (max-width: 900px) {
    
    .aboutboxtitle {
    WIDTH: 100%;
    position: absolute;
    top: 10%;
}

}