#art{width:100%;max-width:800px;overflow:hidden;}
#art h1{padding:20px;line-height:30px;font-size:24px;text-align:center;color:#333;}
#art h2{font-size:18px;color:#555;padding-bottom:8px;}
#art h2 a{color:#2ba54e;}
#art h2 a:hover{color:#ff6a00;}
#artcon{padding:20px 40px;text-align:left;font-size:16px;color:#666;line-height:30px;}
#artcon p{text-indent:2em;padding-bottom:15px;}
#artcon p a{color:#2ba54e; text-decoration:underline;}
#artcon p a:hover{color:#ff6a00;}
#artcon img{max-width:90%;display:block;margin-left:auto;margin-right:auto;}
.artlist{padding:20px 0px;}
.artlist li{padding:0px 20px;line-height:30px;border-bottom:1px solid #e6F6F6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.artlist li a{color:#333;}

@media screen and (max-width:640px){
    body{width:100%;}
    html{background:none;background-color:#FFF;}
    .banner{overflow:hidden;height:auto;}
    .banner img{width:100%;}
    #menu{height:60px;}
    #menu li{line-height:26px;width:25%;}
}