@charset "utf-8";

/* layout
------------------------------*/
.recent_title {
width: 780px;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px 5px 0 0;
margin: 20px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contents_right .camBanner .recent_title {
width: 790px;
margin: 10px auto;
}
.position_r {
position: relative;
}
/* secTitle
------------------------------*/
.recent_title .secTitle {
position: relative;
height: 28px;
margin: auto;
background: #EBEBEB;
border-bottom: 1px solid ##EBEBEB;
line-height: 29px;
text-align: left;
font-weight: bold;
color: #191F2D;
}
.recent_title .secTitle .title_name {
padding-left: 8px;
line-height: 27px;
text-align: left;
font-size: 1.4em;
font-weight: bold;
color: #191F2D;
word-break: break-all;
}
.recent_title .secTitle .right_top_link {
position: absolute;
top: 0;
right: 10px;
font-size: 14px;
font-weight: normal;
cursor: pointer;
}
.recent_title .secTitle .right_top_link:hover {
text-decoration: underline;
text-underline-position: under;
text-decoration-line: underline;
text-decoration-skip-ink: none;
}
.recent_title .subTitle {
padding: 4px 8px;
border-bottom: 1px dotted #F3F3F3;
text-align: left;
color: #989898;
}
/* fixBox
------------------------------*/
.recent_title .fixBox {
margin: 0 auto 13px;
}
.recent_title .fixBox *:focus {
outline: none;
}
.recent_title .fixBox ul {
display: table;
margin: 0 auto 13px;
}
.recent_title.fix6Area ul {
width: 762px;
}
.recent_title .fixBox li {
display: table-cell;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: top;
overflow: hidden;
}
.recent_title.fix6Area li {
width: 127px;
padding: 15px 7px 0;
}
.recent_title .fixBox .thum_box {
height: 183px;
width: 130px;
margin:0 auto;
vertical-align: top;
text-align: center;
}
.recent_title.fix6Area .thum_box {
height: 160px;
}
.recent_title .fixBox .thum_box a {
display: inline-block;
}
.recent_title .fixBox .thum_box img {
border: solid 1px #eee;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.recent_title.fix6Area .thum_box img {
max-width: 113px;
max-height: 160px;
}
.recent_title .fixBox .title_name {
max-height: 14px;
margin: 4px auto 2px;
line-height: 14px;
text-align: center;
font-size: 11px;
color: #333;
overflow: hidden;
}
.recent_title .fixBox .title_name a {
line-height: 14px;
font-size: 11px;
color:#333;
}
.recent_title .fixBox .author_name {
height: 16px;
margin: auto;
line-height: 16px;
text-align: center;
font-size: 11px;
color: #a0a0a0;
overflow: hidden;
}
.recent_title .fixBox .author_name a {
line-height: 16px;
font-size: 11px;
color: #a0a0a0;
}
.recent_title .fixBox .btn_box a,
.recent_title .fixBox .btn_box a:hover {
display: block;
padding: 5px 0;
margin: 4px auto 5px;
text-align: center;
text-decoration: none;
border: 1px solid #B3B3B3;
border-radius: 3px;
color: #333;
font-size: 12px;
font-weight: bold;
background: #F9F9F9;
}
.recent_title .fixBox .btn_box a:hover {
background: #FFF;
}
.recent_title .bottomBtns{
padding: 5px;
text-align: right;
}
.recent_title .bottomBtns:before{
content:'⇒';
}
/* cam_mark
------------------------------*/
.recent_title .cam_mark {
position: absolute;
display: inline-block;
z-index: 2;
top: 0;
right: 0;
font-size: 12px;
line-height: 14px;
vertical-align: middle;
background: #fff;
}
.recent_title .cam_mark.free {
border: 1px #36C solid;
color: #36C;
letter-spacing: 2px;
padding: 1px 1px 0 5px;
}
.recent_title .cam_mark.inc_m {
border: 1px #36C solid;
color: #36C;
letter-spacing: -1px;
padding: 1px 2px 0 2px;
}
.recent_title .cam_mark.down {
border: 1px #F06 solid;
color: #F06;
letter-spacing: -1px;
padding: 1px 2px 0 3px;
}
.recent_title .cam_mark.pack_m {
border: 1px #390 solid;
color: #390;
letter-spacing: -1px;
padding: 1px 2px 0 2px;
}
.recent_title .cam_mark.point {
border: 1px #6633FF solid;
color: #6633FF;
letter-spacing: 1px;
padding: 1px 0 0 3px;
}
.recent_title .cam_mark {
border: 1px #F06 solid;
color: #F06;
letter-spacing: -1px;
padding: 1px 2px 0 3px;
}
/* slick
------------------------------*/
.slick-slider{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{
outline: none;
}
.slick-list.dragging{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after{
display: table;
content: '';
}
.slick-track:after{
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide{
float: right;
}
.slick-slide img{
display: block;
}
.slick-slide.slick-loading img{
display: none;
}
.slick-slide.dragging img{
pointer-events: none;
}
.slick-initialized .slick-slide{
display: block;
}
.slick-loading .slick-slide{
visibility: hidden;
}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.recent_title .sliderBlock .slick-list {
width: 710px;
overflow: hidden;
margin: 0 auto;
}
.recent_title .sliderBlock .slick-slide {
margin: 0 5px;
}
.recent_title .sliderBlock .slick-slide .thum_box img {
max-width: 130px;
max-height: 180px;
}
.recent_title .sliderBlock .slick-slide .thum_box + .text_box {
margin: 5px 4px 0;
}
.recent_title .sliderBlock .slick-slide .title_name {
width: auto;
height: 26px;
font-size: 12px;
line-height: 14px;
color: #000;
margin-bottom: 4px;
}
.recent_title .sliderBlock .slick-slide .title_name a {
color: #000;
}
.recent_title .sliderBlock .slick-slide .author_name {
width: auto;
height: 13px;
font-size: 10px;
line-height: 14px;
color: #646464;
text-align: center;
}
.recent_title .sliderBlock .slick-slide .author_name a {
color: #646464;
}
.recent_title .sliderBlock .slick-arrow {
position: absolute;
display: block;
top: 50%;
margin-top: -30px;
width: 16px;
height: 16px;
border: none;
border-top: 2px solid #aaa;
border-right: 2px solid #aaa;
padding: 0;
color: transparent;
background-color: transparent;
outline: none;
cursor: pointer;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.recent_title .sliderBlock .slick-arrow.slick-disabled {
cursor: default;
border-top: 2px solid #E7E7E7;
border-right: 2px solid #E7E7E7;
}
.recent_title .sliderBlock .slick-arrow.slick-prev {
left: 10px;
}
.recent_title .sliderBlock .slick-arrow.slick-next {
right: 10px;
transform: rotate(45deg);
}