@charset "utf-8";

.document-rank-container a:hover {text-decoration:none !important;}

.document-rank-gallery-a {overflow:hidden;}
.document-rank-gallery-a > li {position:relative; float:left; margin-left:10px; margin-top:20px; height:365px; border:1px solid #dadadd; background-color:#fff;}
.document-rank-gallery-a > li a {display:block;}
.document-rank-gallery-a > li a.banner {line-height:373px; font-size:20px; font-weight:bold; text-align:center;}
.document-rank-gallery-a > li .thumbnail-area {border-bottom:1px solid #dadadd; background-color:#efefef;}
.document-rank-gallery-a > li .subject-area {margin:17px 15px 5px; height:40px; line-height:20px; font-size:14px; font-weight:bold; color:#1d1d1b; overflow:hidden;}
.document-rank-gallery-a > li .desc-area {margin:0 15px; height:33px; line-height:18px; font-size:12px; color:#777; overflow:hidden;}
.document-rank-gallery-a > li .nick-area {margin:0 10px 15px; padding:15px 2px 0; overflow:hidden;}
.document-rank-gallery-a > li .nick-area > li {color:#777;}
.document-rank-gallery-a > li .nick-area > li.nick {float:left; width:60%;}
.document-rank-gallery-a > li .nick-area > li.regdate {float:right; width:35%; text-align:right;}
.document-rank-gallery-a > li .category-area {position:absolute; top:15px; left:15px;}
.document-rank-gallery-a > li .category-area span {display:inline-block; padding:0 7px; height:22px; line-height:22px; color:#1d1d1b; *display:inline; *zoom:1;}
.document-rank-gallery-a > li .category-area span.yellow {font-weight:bold; background-color:#ffcc00;}
.document-rank-gallery-a > li .category-area span.blue {font-weight:bold; background-color:#00ccff;}
.document-rank-gallery-a > li .category-area span.green {font-weight:bold; background-color:#99cc00;}
.document-rank-gallery-a > li .category-area span.black {color:#fff; background-color:#1d1d1b;}

.document-rank-gallery-z {overflow:hidden;}
.document-rank-gallery-z > li {position:relative; float:left; margin-left:00px; margin-top:13px; height:365px; border:1px solid #dadadd; background-color:#fff;}
.document-rank-gallery-z > li a {display:block;}

.document-rank-gallery-b {overflow:hidden;}
.document-rank-gallery-b > li {position:relative; float:left; border:1px solid #dadadd; background-color:#fff;}
.document-rank-gallery-b > li a {display:block;}
.document-rank-gallery-b > li .thumbnail-area {background-color:#efefef;}
.document-rank-gallery-b > li .subject-bg {position:absolute; bottom:0; left:0; height:30px; background-color:#1d1d1b; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
.document-rank-gallery-b > li .subject-txt {position:absolute; bottom:5px; left:0; padding:0 10px; height:20px; line-height:20px; font-size:11px; color:#fff; overflow:hidden;}
.document-rank-gallery-b > li .rank-icon {position:absolute; top:0; left:10px; width:21px; height:32px; line-height:28px; text-align:center; font-weight:bold; color:#fff; background:url(../images/icon_rank_band.png) no-repeat;}

.document-rank-gallery-c {overflow:hidden;}
.document-rank-gallery-c > li {position:relative; float:left; border:1px solid #dadadd; background-color:#fff;}
.document-rank-gallery-c > li a {display:block;}
.document-rank-gallery-c > li .thumbnail-area {border-bottom:1px solid #dadadd; background-color:#efefef;}
.document-rank-gallery-c > li .subject-area {margin:10px 10px 0; height:40px; line-height:20px; font-size:14px; font-weight:bold; color:#1d1d1b; overflow:hidden;}
.document-rank-gallery-c > li ul.desc-area {margin:15px 10px 0; height:18px;}
.document-rank-gallery-c > li ul.desc-area > li {display:inline-block; margin-right:10px; font-weight:bold; color:#777; *display:inline; *zoom:1;}
.document-rank-gallery-c > li ul.desc-area > li i {margin-right:3px; font-size:14px;}
.document-rank-gallery-c > li p.desc-area {margin:10px 10px 0; height:33px; line-height:16px; color:#777; overflow:hidden;}
.document-rank-gallery-c > li .nick-area {margin:10px; padding:10px 2px 0; border-top:1px solid #dadadd; overflow:hidden;}
.document-rank-gallery-c > li .nick-area > li {color:#777;}
.document-rank-gallery-c > li .nick-area > li.nick {float:left; width:70%;}
.document-rank-gallery-c > li .nick-area > li.regdate {float:right; width:28%; text-align:right;}
.document-rank-gallery-c > li .category-area {position:absolute; top:15px; left:15px;}
.document-rank-gallery-c > li .category-area span {display:inline-block; padding:0 7px; height:22px; line-height:22px; color:#1d1d1b; *display:inline; *zoom:1;}
.document-rank-gallery-c > li .category-area span.yellow {font-weight:bold; background-color:#ffcc00;}
.document-rank-gallery-c > li .category-area span.blue {font-weight:bold; background-color:#00ccff;}
.document-rank-gallery-c > li .category-area span.green {font-weight:bold; background-color:#99cc00;}

.document-rank-webzine-a {overflow:hidden;}
.document-rank-webzine-a > li {position:relative; float:left; margin-left:12px; margin-top:12px; width:512px; border:1px solid #dadadd; background-color:#fff; overflow:hidden;}
.document-rank-webzine-a > li a {display:block;}
.document-rank-webzine-a > li .thumbnail-area {float:left; background-color:#efefef;}
.document-rank-webzine-a > li .info-area {float:left; padding:15px 10px; width:252px;}
.document-rank-webzine-a > li .info-area .subject-area {margin-bottom:10px; height:40px; line-height:20px; font-size:14px; font-weight:bold; color:#1d1d1b; overflow:hidden;}
.document-rank-webzine-a > li .info-area .desc-area {height:90px; line-height:18px; color:#777; overflow:hidden;}
.document-rank-webzine-a > li .info-area .nick-area {margin:15px 0 0; padding:10px 2px 0; border-top:1px solid #dadadd; overflow:hidden;}
.document-rank-webzine-a > li .info-area .nick-area > li {float:left; width:50%; color:#777;}
.document-rank-webzine-a > li .info-area .nick-area > li.regdate {text-align:right;}
.document-rank-webzine-a > li .info-area .nick-area img {margin-right:3px;}
.document-rank-webzine-a > li .category-area {position:absolute; top:15px; left:15px;}
.document-rank-webzine-a > li .category-area span {display:inline-block; padding:0 7px; height:22px; line-height:22px; color:#1d1d1b; *display:inline; *zoom:1;}
.document-rank-webzine-a > li .category-area span.yellow {font-weight:bold; background-color:#ffcc00;}
.document-rank-webzine-a > li .category-area span.blue {font-weight:bold; background-color:#00ccff;}
.document-rank-webzine-a > li .category-area span.green {font-weight:bold; background-color:#99cc00;}

.document-rank-webzine-c {overflow:hidden;}
.document-rank-webzine-c > li {position:relative; float:left; border:1px solid #dadadd; background-color:#fff; overflow:hidden;}
.document-rank-webzine-c > li a {display:block;}
.document-rank-webzine-c > li .thumbnail-area {float:right; padding:17px 15px;}
.document-rank-webzine-c > li .thumbnail-area p {background-color:#efefef;}
.document-rank-webzine-c > li .info-area {float:left; padding:17px 0 17px 15px; width:272px;}
.document-rank-webzine-c > li .info-area .subject-area {margin-bottom:10px; height:40px; line-height:20px; font-size:14px; font-weight:bold; color:#1d1d1b; overflow:hidden;}
.document-rank-webzine-c > li .info-area .desc-area {height:70px; line-height:18px; color:#777; overflow:hidden;}
.document-rank-webzine-c > li .nick-area {margin-top:14px; padding-top:14px; border-top:1px solid #dadadd; overflow:hidden;}
.document-rank-webzine-c > li .nick-area > li {color:#777;}
.document-rank-webzine-c > li .nick-area > li.nick {float:left; width:60%; }
.document-rank-webzine-c > li .nick-area > li.regdate {float:right; width:35%; text-align:right;}
.document-rank-webzine-c > li .category-area {margin-bottom:13px;}
.document-rank-webzine-c > li .category-area span {display:inline-block; padding:0 7px; height:22px; line-height:22px; color:#1d1d1b; *display:inline; *zoom:1;}
.document-rank-webzine-c > li .category-area span.yellow {font-weight:bold; background-color:#ffcc00;}
.document-rank-webzine-c > li .category-area span.blue {font-weight:bold; background-color:#00ccff;}
.document-rank-webzine-c > li .category-area span.green {font-weight:bold; background-color:#99cc00;}

.document-rank-webzine-d {overflow:hidden;}
.document-rank-webzine-d > li {position:relative; float:left; width:512px; border:1px solid #dadadd; background-color:#fff; overflow:hidden;}
.document-rank-webzine-d > li a {display:block;}
.document-rank-webzine-d > li .thumbnail-area {float:left; background-color:#efefef;}
.document-rank-webzine-d > li .info-area {float:left; padding:15px 10px; width:252px;}
.document-rank-webzine-d > li .info-area .subject-area {margin-bottom:10px; height:40px; line-height:20px; font-size:14px; font-weight:bold; color:#1d1d1b; overflow:hidden;}
.document-rank-webzine-d > li .info-area .desc-area {height:90px; line-height:18px; color:#777; overflow:hidden;}
.document-rank-webzine-d > li .info-area .nick-area {margin:15px 0 0; padding:10px 2px 0; border-top:1px solid #dadadd; overflow:hidden;}
.document-rank-webzine-d > li .info-area .nick-area > li {float:left; width:50%; color:#777;}
.document-rank-webzine-d > li .info-area .nick-area > li.regdate {text-align:right;}
.document-rank-webzine-d > li .info-area .nick-area img {margin-right:3px;}
.document-rank-webzine-d > li .txt-area {padding:15px;}
.document-rank-webzine-d > li .txt-area .subject-area {margin-bottom:10px; padding-right:120px; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#1d1d1b; overflow:hidden;}
.document-rank-webzine-d > li .txt-area .desc-area {height:35px; line-height:18px; color:#777; overflow:hidden;}
.document-rank-webzine-d > li .txt-area .nick-area {margin:15px 0 0; padding:10px 2px 0; border-top:1px solid #dadadd; overflow:hidden;}
.document-rank-webzine-d > li .txt-area .nick-area > li {float:left; width:50%; color:#777;}
.document-rank-webzine-d > li .txt-area .nick-area > li.regdate {text-align:right;}
.document-rank-webzine-d > li .txt-area .nick-area img {margin-right:3px;}
.document-rank-webzine-d > li .category-area {position:absolute; top:15px; left:15px;}
.document-rank-webzine-d > li .category-area span {display:inline-block; padding:0 7px; height:22px; line-height:22px; color:#1d1d1b; *display:inline; *zoom:1;}
.document-rank-webzine-d > li .category-area span.yellow {font-weight:bold; background-color:#ffcc00;}
.document-rank-webzine-d > li .category-area span.blue {font-weight:bold; background-color:#00ccff;}
.document-rank-webzine-d > li .category-area span.green {font-weight:bold; background-color:#99cc00;}
.document-rank-webzine-d > li .txt-area .category-area {left:inherit; right:15px;}


.document-rank-webzine-e {overflow:hidden;}
.document-rank-webzine-e > li {position:relative; float:left; border:1px solid #dadadd; background-color:#fff; overflow:hidden;}
.document-rank-webzine-e > li a {display:block;}
.document-rank-webzine-e > li .thumbnail-area {float:left; padding:0px 15px;}
.document-rank-webzine-e > li .thumbnail-area p {background-color:#efefef;}
.document-rank-webzine-e > li .info-area {float:left; padding:17px 0px 17px 15px; width:165px;}
.document-rank-webzine-e > li .info-area .subject-area {margin-bottom:10px; height:40px; line-height:20px; font-size:14px; font-weight:bold; color:#1d1d1b; overflow:hidden;}
.document-rank-webzine-e > li .info-area .desc-area {height:70px; line-height:18px; color:#777; overflow:hidden;}
.document-rank-webzine-e > li .nick-area {margin-top:14px; padding-top:14px; border-top:1px solid #dadadd; overflow:hidden;}
.document-rank-webzine-e > li .nick-area > li {color:#777;}
.document-rank-webzine-e > li .nick-area > li.nick {float:left; width:60%; vertical-align: middle;}
.document-rank-webzine-e > li .nick-area > li.regdate {float:right; width:40%; text-align:right;vertical-align: middle;}
.document-rank-webzine-e > li .category-area {margin-bottom:13px;}
.document-rank-webzine-e > li .category-area span {display:inline-block; padding:0 7px; height:22px; line-height:22px; color:#1d1d1b; *display:inline; *zoom:1;}
.document-rank-webzine-e > li .category-area span.yellow {font-weight:bold; background-color:#ffcc00;}
.document-rank-webzine-e > li .category-area span.blue {font-weight:bold; background-color:#00ccff;}
.document-rank-webzine-e > li .category-area span.green {font-weight:bold; background-color:#99cc00;}

.document-rank-banner-a {width:100%;}
.document-rank-banner-a .bx-wrapper {margin:0; padding:0; border:1px solid #dadadd;}
.document-rank-banner-a .bx-wrapper .bx-viewport {left:0; box-shadow:none; border:0;}
.document-rank-banner-a .bx-wrapper .bx-pager {top:20px; bottom:initial; right:15px; margin:0; padding:0; width:auto;}
.document-rank-banner-a .bx-wrapper .bx-pager.bx-default-pager a {margin:0 0 0 2px; width:22px; height:22px; line-height:22px; text-align:center; color:#fff; text-indent:inherit; border-radius:0; -moz-border-radius:0; background-color:#1d1d1b;}
.document-rank-banner-a .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#f70969;}
.document-rank-banner-a li .info-area {position:absolute; bottom:0; left:0; width:100%; height:160px; background-color:#1d1d1b; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
.document-rank-banner-a li .info-area .subject-area {margin:15px 20px; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#fff; overflow:hidden;}
.document-rank-banner-a li .info-area .desc-area {margin:0 20px 10px; height:55px; line-height:18px; color:#ccc; overflow:hidden;}
.document-rank-banner-a li .info-area .nick-area {margin:0 20px; padding:10px 2px 0; border-top:1px solid #666; overflow:hidden;}
.document-rank-banner-a li .info-area .nick-area > li {color:#ccc;}
.document-rank-banner-a li .info-area .nick-area > li.nick {float:left; width:60%;}
.document-rank-banner-a li .info-area .nick-area > li.nick a {color:#fff; vertical-align:middle;}
.document-rank-banner-a li .info-area .nick-area > li.nick img {display:inline-block; *display:inline; *zoom:1;}
.document-rank-banner-a li .info-area .nick-area > li.regdate {float:right; width:35%; text-align:right;}
.document-rank-banner-a li .category-area {position:absolute; top:20px; left:15px;}
.document-rank-banner-a li .category-area span {display:inline-block; padding:0 7px; height:22px; line-height:22px; color:#1d1d1b; *display:inline; *zoom:1;}
.document-rank-banner-a li .category-area span.yellow {font-weight:bold; background-color:#ffcc00;}
.document-rank-banner-a li .category-area span.blue {font-weight:bold; background-color:#00ccff;}
.document-rank-banner-a li .category-area span.green {font-weight:bold; background-color:#99cc00;}

.rank-wrap {background-color:#efeff4 !important;}
.rank-wrap .title-area {margin:15px; padding-bottom:15px; border-bottom:1px solid #dadadd; overflow:hidden;}
.rank-wrap .title-area h3 {float:left; width:50%;}
.rank-wrap .title-area ul {float:right; width:50%;}
.rank-wrap .title-area ul li {float:right; margin-left:1px;}
.rank-wrap .widget-rank-a {padding:0 15px;}
.rank-wrap .widget-rank-a table {margin:0; padding:0; width:100%;}
.rank-wrap .widget-rank-a table th,
.rank-wrap .widget-rank-a table td {padding-bottom:11px; font-size:13px; font-weight:bold; vertical-align:middle; color:#1d1d1b;}
.rank-wrap .widget-rank-a table td.date {text-align:right; color:#777;}
.rank-wrap .widget-rank-a table td a {color:#1d1d1b;}

.banner-wrap {background-color:#efeff4 !important;}
.banner-wrap .title-area {margin:15px 15px 10px; overflow:hidden;}
.banner-wrap .banner-area {padding:0 15px;}
.banner-wrap .banner-area li {margin-bottom:5px; text-align:center;}