@charset "utf-8";

.floatLeft {
  float:left;
}
.floatRight {
  float:right;
}
.clearLeft {
  clear:left;
}
.clearRight {
  clear:right;
}

.widgetContainer {
}
.widgetContainer .open {
  display:block !important;}

.widgetContainer a {
  text-decoration:none;
}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus {
  /* text-decoration:underline; */
}
.widgetContainer img {
  border:0;
}
.widgetContainer em {
  position:relative;
  line-height:1;
  display:inline-block;
  margin:-5px 0;
  *padding:0 1px;
  font-style:normal;
}
.widgetContainer form {
  margin:0;
  padding:0;
}
.widgetContainer fieldset {
  border:0;
  margin:0;
  padding:0;
}

.widgetNavigator {
  margin:0;
  padding:0;
  text-align:right;
  clear:both;
}
.widgetNavigator li {
  list-style:none;
  display:inline;
}
.widgetNavigator li button {
  width:16px;
  height:16px;
  padding:0;
  background-color:transparent;
  background-image:url(../img/white/buttonWidgetNavigation.gif);
  border:1px solid #999;
  cursor:pointer;
}
.widgetNavigator li button.prev {
  background-position:left center;
  *background-position:-1px center;
}
.widgetNavigator li button.next {
  background-position:right center;
  *background-position:13px center;
}
.widgetNavigator li button span {
  position:absolute;
  display:block;
  width:0;
  height:0;
  overflow:hidden;
  visibility:hidden;
}

.widgetZineA {
  position:relative;
  height: 300px;
  margin:0;
  padding:0;
  font-size:12px;
  line-height:1.5;
  display: flex;
}
.widgetZineA:after {
  content:"";
  display:block;
  clear:both;
}
.widgetZineA li {
  width: 166px;
  padding: 5px;
  list-style:none;
  overflow:hidden;
  border: 1px solid #eee;
}
.widgetZineA li + li {
  margin-left: 6px;
}
.widgetZineA li:hover {
  border-color: #10305c;
}
.widgetZineA li p {
  margin:0;
  padding:0;
}
.widgetZineA li p.thumbArea {
  position:relative;
  width:100%;
  overflow:hidden;
  text-align: center;
}
.widgetZineA li p.titleArea {
  margin-bottom:4px;
}
.widgetZineA li p.titleArea a,
.widgetZineA li p.titleArea span {
  display: block;
}
.widgetZineA li p.titleArea .board {
  padding-right:5px;
}
.widgetZineA li a.text {
  display:block;
  margin-bottom:4px;
}
.widgetZineA li p.authorArea {
}
.widgetZineA li .thumb {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}
.widgetZineA li .thumb img {
  position:relative;
  width:100%;
}
.widgetZineA li .thumb .imgNone {
  display:block;
  position:relative;
  width:100%;
  height:80%;
  padding-top:20%;
  background:#eee;
  text-align:center;
  cursor:pointer;
  border-radius: 4px;
  color:#aaa;
}
.widgetZineA li .thumb .category {
  display:block;
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  padding:2px 0 0 0 !important;
  cursor:pointer;
  text-align:center;
  font-weight:normal;
  background:#000;
  color:#fff;
  opacity:0.6;
   filter:alpha(opacity=60);
  -ms-filter:alpha('opacity=60');
  
}
.widgetZineA li .category {
  padding-right:5px;
  font-weight:normal;
}
.widgetZineA li .title {
  font-weight:bold;
}
.widgetZineA li .replyNum a {
  font:10px Tahoma;
  margin:0 -1px;
}
.widgetZineA li .author {
  margin-right:10px;
}
.widgetZineA li .date {
  font:11px Tahoma;
}
.widgetZineA li .hour {
  font:11px Tahoma;
}

.widgetZineA li .board {
  color:#333;
  background:url(../img/white/lineTextDiv.gif) no-repeat right center;
}
.widgetZineA li .title {
  color:#666;
}
.widgetZineA li .replyNum a {
  color:#ff1a1a;
}
.widgetZineA li .author {
  color:#333;
}
.widgetZineA li .category {
  color:#333;
  background:url(../img/white/lineTextDiv.gif) no-repeat right center;
}
.widgetZineA li .date {
  color:#333;
}
.widgetZineA li .hour {
  color:#888;
}
.widgetZineA li .text {
  color:#888;
}