@charset "utf-8";

/* widget-board-gallery */
.widget-board-gallery { position: relative;padding:20px}
.widget-board-gallery .carousel-nav a { background: rgb(245, 245, 245); border: 1px solid transparent; border-image: none; top: -50px; width: 30px; height: 30px; text-align: center; right: 0px; color: rgb(55, 55, 55); line-height: 26px; font-size: 18px; margin-top: 0px; position: absolute; opacity: 1; }
.widget-board-gallery .carousel-nav a:hover { background: rgb(55, 55, 55) !important; color: rgb(255, 255, 255); }
.widget-board-gallery .carousel-nav a.left { right: 36px; }
.widget-board-gallery .carousel-nav a.right { right: 0px; }
.widget-board-gallery .carousel-nav a:hover { background: rgb(255, 255, 255); }
.widget-board-gallery .carousel-item { margin: 0px 0px 15px; border: 1px solid rgb(231, 231, 231); transition:0.3s linear; border-image: none; overflow: hidden; position: relative; cursor: default; -webkit-transition: all 0.3s linear; }
.widget-board-gallery .carousel-item::before { display: table; content: ""; }
.widget-board-gallery .carousel-item::after { display: table; content: ""; }
.widget-board-gallery .carousel-item::after { clear: both; }
.widget-board-gallery .label-band { z-index:2; font-family: tahoma; top: 5px; letter-spacing:1px; width: 100px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; transform: rotate(45deg); -o-transform: rotate(45deg);	-ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.widget-board-gallery .label-band2 { z-index:2; font-family: tahoma; top: 100px; letter-spacing:1px; width: 100px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; }
.widget-board-gallery .label-tack { left: 0px; top: 0px; z-index: 1; padding:10px 15px; position: absolute; }
.widget-board-gallery .img { display:block; position:relative; height:0; overflow:hidden; text-align:center; background:#f5f5f5; }
.widget-board-gallery .img img { display:block; position:absolute; top:0; left:0; margin:0 auto; width:100%; height:auto; border:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.widget-board-gallery .img:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.widget-board-gallery .figure { overflow: hidden; position: relative;  }
.widget-board-gallery .figure .figure-title { display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:0px; }
.widget-board-gallery .figure .figure-subject { font-size:20px; letter-spacing:-1px; background: rgba(34, 34, 34, 0.7); line-height:40px; color: rgb(255, 255, 255); text-shadow: 2px 2px 2px rgb(0,0,0); position: absolute; left:0; bottom: 22px; width:100%; margin-top:0px; padding:6px 15px; text-align:center; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.widget-board-gallery .figure:hover .figure-subject { color: orangered; }
.widget-board-gallery .figure .figure-caption { text-align: center; padding: 0px; transition:transform 0.4s, opacity 0.1s 0.3s; left: 0px; top: auto; width: 100%; height: 100%; bottom: 0px; position: absolute; opacity: 0; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); }
.widget-board-gallery .figure:hover .figure-caption { transition:transform 0.4s, opacity 0.1s; opacity: 0.8; transform: translateY(0px); -o-transition: -o-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; -webkit-transition: -webkit-transform .4s, opacity .1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }
.widget-board-gallery .figure .figure-caption ul { list-style: none; margin: 0px; padding: 5px; text-align: center; left: 0px; width: 100%; bottom: 0px; position: absolute; background: rgb(0, 0, 0); }
.widget-board-gallery .figure .figure-caption ul li { display: inline-block; padding:0 10px; color: rgb(255, 255, 255); }
.widget-board-gallery h2 { margin:0; padding:15px; text-align:center;background:#fff; font-size: 14px; font-weight: 500; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.widget-board-gallery .rank-icon { display:inline-block; padding:0px 6px; font-size:11px; letter-spacing:-1px; line-height:16px; margin-right:2px; }
.widget-board-gallery .item-info { padding: 10px 15px; border-top-color: rgb(241, 241, 241); border-top-width: 1px; border-top-style: solid; }
.widget-board-gallery .item-info::before { display: table; content: ""; }
.widget-board-gallery .item-info::after { display: table; content: ""; clear: both; }
.widget-board-gallery .item-info .cnt { color: orangered; font-size:11px; font-weight:bold; font-family:verdana; letter-spacing:-1px; }