@charset "UTF-8";

/* layout
------------------------------*/
#precedeselect {
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 #precedeselect {
width: 790px;
margin: 10px auto;
}
.position_r {
position: relative;
}
/* secTitle
------------------------------*/
#precedeselect .secTitle {
height: 28px;
margin: auto;
background: #EBEBEB;
border-bottom: 1px solid ##EBEBEB;
line-height: 29px;
text-align: left;
font-weight: bold;
color: #191F2D;
}
#precedeselect .secTitle h2 {
padding-left: 8px;
line-height: 27px;
text-align: left;
font-size: 1.4em;
font-weight: bold;
color: #191F2D;
word-break: break-all;
}
/* fixBox
------------------------------*/
#precedeselect .fixBox {
margin: 0 auto 10px;
}
#precedeselect .fixBox *:focus {
outline: none;
}
#precedeselect .fixBox ul {
display: table;
margin: 0 auto 13px;
}
#precedeselect.fix6Area ul {
width: 762px;
}
#precedeselect .fixBox li {
display: table-cell;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: top;
overflow: hidden;
}
#precedeselect.fix6Area li {
width: 127px;
padding: 15px 7px 0;
}
#precedeselect .fixBox .thum_box {
margin:0 auto;
vertical-align: top;
text-align: center;
}
#precedeselect.fix6Area .thum_box {
height: 160px;
}
#precedeselect .fixBox .thum_box a {
display: inline-block;
}
#precedeselect .fixBox .thum_box img {
border: solid 1px #eee;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#precedeselect.fix6Area .thum_box img {
max-width: 113px;
max-height: 160px;
}
#precedeselect .fixBox .title_name {
max-height: 14px;
margin: 4px auto 2px;
line-height: 14px;
text-align: center;
font-size: 11px;
color: #333;
overflow: hidden;
}
#precedeselect .fixBox .title_name a {
line-height: 14px;
font-size: 11px;
color:#333;
}
#precedeselect .fixBox .author_name {
height: 16px;
margin: auto;
line-height: 16px;
text-align: center;
font-size: 11px;
color: #a0a0a0;
overflow: hidden;
}
#precedeselect .fixBox .author_name a {
line-height: 16px;
font-size: 11px;
color: #a0a0a0;
}
#precedeselect .fixBox .btn_box a,
#precedeselect .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;
}
#precedeselect .fixBox .btn_box a:hover {
background: #FFF;
}
#precedeselect .bottomBtns{
padding: 5px;
text-align: right;
}
#precedeselect .bottomBtns:before{
content:'⇒';
}
/* cam_mark
------------------------------*/
#precedeselect .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;
}
#precedeselect .cam_mark.free {
border: 1px #36C solid;
color: #36C;
letter-spacing: 2px;
padding: 1px 1px 0 5px;
}
#precedeselect .cam_mark.inc_m {
border: 1px #36C solid;
color: #36C;
letter-spacing: -1px;
padding: 1px 2px 0 2px;
}
#precedeselect .cam_mark.down {
border: 1px #F06 solid;
color: #F06;
letter-spacing: -1px;
padding: 1px 2px 0 3px;
}
#precedeselect .cam_mark.pack_m {
border: 1px #390 solid;
color: #390;
letter-spacing: -1px;
padding: 1px 2px 0 2px;
}
#precedeselect .cam_mark.point {
border: 1px #6633FF solid;
color: #6633FF;
letter-spacing: 1px;
padding: 1px 0 0 3px;
}
#precedeselect .cam_mark {
border: 1px #F06 solid;
color: #F06;
letter-spacing: -1px;
padding: 1px 2px 0 3px;
}