.a1Date{font-family:Bahnschrift;color:#B78F75;font-size:40px;}
.a1Title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:25%;}
.a1Title a {font-size:25px;font-weight:bold;color:#555555;text-decoration:none;}
.a1Title a:hover{color:#152E77;text-decoration:underline;}
.a1Msg{color:#595757;font-size:13px;line-height:25px;}
.a1See:hover{transform:scale(1.1);}

#artListTab a img:hover{transform:scale(1.05);}
.artListDate{font-size:13px;color:#595757;}
.artListTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30%;}
.artListTitle a{font-size:25px;font-weight:bold;color:#555555;text-decoration:none;}
.artListTitle a:hover{color:#152E77;text-decoration:underline;}
.artListMsg{color:#595757;font-size:13px;line-height:25px;}

#artShow{width:77%;float:right;padding-left:2%;min-height:550px;border-left:solid 1px lightgray;}
#artShow .title{font-size:24px;line-height:50px;font-weight:bold;}
#artShow .artmsg{font-size:24px;color:#B78F75;font-weight:bold;}
#artShow .artContent{line-height:25px;}
#artShow img{display:inline-block;}

@keyframes a1LogoToBig{from{width:0%;} to{width:100%;}}
#a1Logo{
    animation: a1LogoToBig 1s;
-moz-animation: a1LogoToBig 1s;	/* Firefox */
-webkit-animation: a1LogoToBig 1s;	/* Safari 和 Chrome */
-o-animation: a1LogoToBig 1s;	/* Opera */
}

@keyframes artListTabUp{from{top:200px;} to{top:0px;}}
#artListTab{
    position:relative;
    animation: artListTabUp 1s;
-moz-animation: artListTabUp 1s;	/* Firefox */
-webkit-animation: artListTabUp 1s;	/* Safari 和 Chrome */
-o-animation: artListTabUp 1s;	/* Opera */
}

@keyframes artListLeftDivOP{from{transform:scale(1.5);} to{}}
#artListLeftDiv{
    animation: artListLeftDivOP 2s;
-moz-animation: artListLeftDivOP 2s;	/* Firefox */
-webkit-animation: artListLeftDivOP 2s;	/* Safari 和 Chrome */
-o-animation: artListLeftDivOP 2s;	/* Opera */
}