#main{margin: 80px;overflow: hidden;font-size: 14px;}

.l-main{float: left;width:100%;margin-right: -100%;}
.l-main-in{margin-right:340px;padding-right:40px;}
h1{font-size: 24px;margin: 0;text-align: center;}
.article-about{margin-top: 10px;text-align: center;font-size: 12px;color:#999999;}
.article-about .date{display: inline-block;vertical-align: middle;margin: 0 5px;}
.article-main{zoom:1;}
.article-main:after{content: '';display: block;height: 0;overflow: hidden;clear: both}
.article-main .img{padding:10px;border:1px solid #cccccc;background-color:#ffffff}
.article-content{text-align: justify;line-height:1.8;max-width: 1000px;margin: 0 auto}
.article-content p{margin-top: 0;margin-bottom:1em}
.article-m-end{text-align: right;margin-top:10px}
.article-m-end a{color:#3366cc;}
.article-m-end a:hover{color: #0033FF}
.article-end{max-width: 1000px;margin: 40px auto 0;padding-top:10px;clear: both;border-top: 1px solid #cccccc}
.article-end .first,.article-end .prev{float: left;}
.article-end .first{color:#eb8928;}
.article-end .next{float: right;}
.article-end .prev, .article-end .next{max-width:20em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: url(../images/web/arrow-02.png) no-repeat 10px 50%;padding-left: 25px;}
.article-end .prev:hover, .article-end .next:hover{color:#eb8928;}

.l-main .article-content{margin-left: 452px;}
.l-main .article-main .img{text-align: center;}
.l-main .article-main img{max-width: 100%}
.l-main .article-main dt{margin-top:10px;font-weight: 700}
.l-main .article-main dd{margin-left:0;padding-left: 0}
.l-main .article-main .list-link li{padding-left: 24px;background: url(../images/web/list-style-dot.png) no-repeat 13px 13px;}
.l-main .article-main .list-link li:hover{background-color: #ffe5ce}
.l-main .article-main .list-link a{display: block;clear: both;padding:5px}
.l-main .article-main .list-link .odd{background-color:#ffffff;}
.l-main .article-main .list-link .date{float: right;}

/* .r-bar{float: right;width:340px;}
.r-bar .link-list li{padding-left:25px;background: url(../images/web/arrow-02.png) no-repeat 10px 50%;}
.r-bar .link-list a{display:block;height: 36px;line-height: 36px;vertical-align: middle;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.r-bar .link-list .active,.r-bar .link-list .active:hover{background-color:#ffcda0;background-image: url(../images/web/arrow-01.png);}
.r-bar .link-list li:hover{background-color:#ffe5ce;}
.r-bar .link-list a{text-decoration: none}
.r-bar .more{width: 60px;height: 24px;margin: 10px auto 0;cursor: pointer;background: url(../images/web/btn-bg-01.png) no-repeat 50% 0;text-align: center;font: 700 14px/24px Arial}
.r-bar .more:hover{background-position: 50% -24px;color: #ffffff} */