.document-list-page .inner-area{margin:0 10px}.document-list-page .banner-container{padding-top:20px}.document-list-page .banner-container img{display:block;max-width:100%;max-height:100%}.document-list-page .x-document-list{padding-top:20px}.document-list-page .x-document-list>ul{zoom:1;font-size:0;text-align:center}.document-list-page .x-document-list>ul:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.document-list-page .x-document-list>ul:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}.document-list-page .x-document-list>ul>li{width:calc(25% - 8px);padding-left:10px;display:inline-block}.document-list-page .x-document-list>ul>li:first-child{padding-left:0}@media only screen and (max-width:767px){.touch .document-list-page .box-one .x-article-box{text-align:center;font-size:0}.touch .document-list-page .box-one .x-article-box .image-container{float:none;width:auto;display:inline-block;margin:0 0 15px 0}.touch .document-list-page .box-one .x-article-box .control-area-one{width:100%;max-width:560px;margin:0 auto}.touch .document-list-page .box-one .x-article-box .article-bottom-buttons{float:none;display:inline-block}.touch .document-list-page .box-one .x-article-box .title-container .intro{max-height:100%}.touch .document-list-page .x-document-list>ul{overflow-x:auto;overflow-y:hidden;white-space:nowrap}.touch .document-list-page .x-document-list>ul::-webkit-scrollbar-track{background-color:#fff}.touch .document-list-page .x-document-list>ul::-webkit-scrollbar{height:7px;background-color:#fff}.touch .document-list-page .x-document-list>ul::-webkit-scrollbar-thumb{background:#141414}.touch .document-list-page .x-document-list>ul>li{width:calc(33.33% - 8px)}}@media only screen and (max-width:479px){.touch .document-list-page .box-two>.title-container .title{text-align:center}.touch .document-list-page .x-document-list>ul>li{width:calc(50% - 8px)}}