/*** commenu ***/
[class*="btn"] {transition:.5s;}
.dFlex {display:flex;}
.type-photo .list .data:hover {
    box-shadow:0 0 2px 5px #95b1bf;
    -webkit-animation:bbs-ani2 1s;
    -moz-animation:bbs-ani2 1s;
    -ms-animation:bbs-ani2 1s;
    -o-animation:bbs-ani2 1s;
    animation:bbs-ani2 1s;
}
.type-photo .list .data:hover .img1 {background-size:contain;}
.incNotice .data:hover .subject a,
.type-list .data:hover .subject a,
.type-photo .data:hover .subject a,
.vContent .dataFile .duf:hover .btnDown {
    -webkit-animation:bbs-ani1 1s infinite linear alternate;
    -moz-animation:bbs-ani1 1s infinite linear alternate;
    -ms-animation:bbs-ani1 1s infinite linear alternate;
    -o-animation:bbs-ani1 1s infinite linear alternate;
    animation:bbs-ani1 1s infinite linear alternate;
}
/*** category ***/
.bbsCategory {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:30px;}
.bbsCategory>[class*="btn-cat"] {border:#dfdfdf solid 1px; border-radius:3px; overflow:hidden; padding-top:1px; margin:.1em;}
.bbsCategory>[class*="btn-cat"]>a {display:block; padding:10px 20px; background-color:#f6f7f9; position:relative;}
.bbsCategory>[class*="btn-cat"]>a:hover, .bbs-category>.btn-cat-selected>a {background-color:#dfdfdf; color:#ff9900;}
.bbsCategory>[class*="btn-cat"]>a>[class*="zicon-"] {display:none; color:#999; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:14px;}
.bbsCategory>.btn-cat-selected>a {padding-left:30px;}
.bbsCategory>.btn-cat-selected>a>[class*="zicon-"] {display:inline-block;}

/*** search ***/
.bbsSearch {margin-bottom:50px; text-align:center;}
.bbsSearch form {padding:0; margin:0;}
.bbsSearch .search-box {display:inline-flex; border:#999 solid 1px; background-color:#fff; border-radius:100px; overflow:hidden;}
.bbsSearch .search-box>select[name*="where"] {display:none;}
.bbsSearch .search-box>input {border:none; display:inline-block; outline:none; padding:5px 15px; font-size:14px; vertical-align:middle;}
.bbsSearch .search-box>button.search_btn {font-size:14px; padding:10px; background-color:transparent; color:#999; border:none;}
.bbsSearch .search-box>input.search_input:focus {color:#ff9900;}
.bbsSearch .search-box>button.search_btn:hover {cursor:pointer; color:#fff; color:#ff9900;}

/*** button ***/
.btnGroup {margin-bottom:20px; display:flex; justify-content:space-between;}
.btnGroup a {display:inline-block; padding:10px 15px;}
.btnGroup a[class^="btn-"] {color:#fff;}
.btnGroup a[class^="btn-"]:hover {z-index:1;}
.btnGroup a[class^="btn-"] [class*="zicon-"] {margin-right:3px; opacity:.5;}
.btnGroup .btn-default {background-color:#4a4a4a;}
.btnGroup .btn-default:hover {background-color:#302f2b; box-shadow:#302f2b 0 0 2px 2px;}
.btnGroup .btn-blue {background-color:#008eff;}
.btnGroup .btn-blue:hover {background-color:#0f76c8; box-shadow:#0f76c8 0 0 2px 2px;}
.btnGroup .btn-red {background-color:#c30000;}
.btnGroup .btn-red:hover {background-color:#a30c0c; box-shadow:#a30c0c 0 0 2px 2px;}
.btnGroup.s1 a[class^="btn-"] {margin:.5%; border-radius:3px;}

/*** content list ***/
.incNotice .data:hover,
.type-list .data:hover
{background-color:#ffcc00; color:#fff;}
.type-list .no-data,
.type-photo .no-data
{width:100%; padding:120px 0; font-size:20px; text-align:center;}
/* notice */
.incNotice {display:flex; flex-direction:column; padding:5px; background-color:rgba(255,255,255,.7); margin-bottom:20px; box-shadow:#dfdfdf 0 1px 3px 3px;}
.incNotice .data {display:flex; justify-content:space-between; align-items:center; margin:5px; background-color:#fff; color:#999; transition:.5s; box-shadow:#dfdfdf 0 1px 2px;}
.incNotice .data>span {flex-grow:0; padding:10px; font-size:14px;}
.incNotice .data>span:nth-child(2) {flex-grow:1; font-size:18px;}
/* list */
.type-list {margin-bottom:20px; font-size:12px;}
.type-list .list {display:flex; flex-direction:column; background-color:rgba(255,255,255,.7); padding:10px;}
.type-list .data {display:flex; justify-content:space-between; align-items:center; background-color:#fff;}
.type-list .data .inc {padding:10px; width:8%; flex-grow:0; text-align:center; line-height:140%;}
.type-list .data .inc:nth-child(1) {width:5%;}
.type-list .data .inc:nth-child(2) {flex-grow:1; text-align:left;}
.type-list .data .inc:nth-child(3) {width:10%;}
.type-list .data .subject {font-size:130%;}
.type-list .data .subject a {vertical-align:middle;}
.type-list .data .name {text-align:left;}
.type-list .data.hd {background-color:#232629; color:#fff;}
.type-list .data.hd .inc {text-align:center; text-transform:capitalize;}
.type-list .icon {font-size:70%; background-color:#4f6878; color:#fff; padding:2px 5px; border-radius:3px;}
.type-list .new {font-size:70%; color:#ff0000;}
/* gallery */
.type-photo {margin-bottom:20px; font-size:14px;}
.type-photo .list {display:flex; flex-wrap:wrap;}
.type-photo .data {width:19%; margin:.5%; margin-bottom:2%; background-color:#fff; position:relative;}
.type-photo .data .thumbox {width:100%; padding-bottom:70%; background-color:#7a8d99; position:relative; overflow:hidden;}
.type-photo .data .thumb {position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%); transition:.3s;}
.type-photo .data .thumb:hover {width:150%; height:150%;}
.type-photo .data .img1 {background-repeat:no-repeat; background-position:center; background-size:cover;}
.type-photo .data .cntbox {padding:10px; padding-bottom:40px;}
.type-photo .data .cat {color:#5e6970;}
.type-photo .data .subject {font-size:120%; font-weight:bold; letter-spacing:-1px; line-height:130%; word-break:keep-all;}
.type-photo .data .subject a {color:#5a6f7d;}
.type-photo .data .link {position:absolute; left:0; bottom:0; width:100%;}
.type-photo .data .link a {display:block; padding:5px; text-align:center; background-color:#dfdfdf; color:#0e7fb6;}
.type-photo .data .link a:hover {background-color:#7a8d99; color:#ffcc00;}
.type-photo .data .link.not a {color:#999;}
.type-photo .data .link.not a:hover {color:#fff;}
.type-photo .no-data {width:100%; padding:120px 0; font-size:20px; text-align:center;}

/*** paging ***/
.bbsPaging {display:flex; justify-content:center; font-size:18px; color:#999; width:100%; margin-bottom:20px;}
.bbsPaging .pg-s1 {text-align:center; background-color:#fff; border:#f6f7f9 solid 1px; min-width:40px; padding:10px 0;}
.bbsPaging .pg-s1:first-child {border-left:#f6f7f9 solid 1px;}
.bbsPaging .pg-s1.selected {background-color:#dfdfdf; color:#333;}
.bbsPaging .pg-s1>a {display:block;}
.bbsPaging .pg-s1>a:hover {color:#ff0000;}

/*** view ***/
.bbsView {margin-bottom:50px;}
.bbsView .btnGroup {justify-content:center;}
.vHeader {background-color:rgba(255,255,255,.7); padding:10px; margin-bottom:20px; border-radius:3px;}
.vHeader .vTitle {background-color:#fff; padding:10px; font-size:20px; margin-bottom:10px; color:#5a6f7d;}
.vHeader .vTitle h3 {margin:auto;}
.vHeader .vInfo {justify-content:space-between; align-items:center;}
.vHeader .vInfo span:first-child {display:flex; align-items:center;}
.vHeader .vInfo span:last-child {position:relative; align-items:center;}
.vHeader .vInfo span:last-child [name="btn-default"] {padding:5px;}
.vHeader .vInfo .popMenu {display:none; position:absolute; right:0; top:100%; min-width:100px; background-color:rgba(255,255,255,.7); box-shadow:#dfdfdf 0 1px 2px 2px; padding:5px; z-index:1;}
.vHeader .vInfo .popMenu .btn {background-color:#fff; transition:.5s;}
.vHeader .vInfo .popMenu .btn a {display:block; padding:5px;}
.vHeader .vInfo .popMenu .btn a:hover {color:#fff;}
.vHeader .vInfo .popMenu .btn [class*="zicon-"] {margin-right:3px; color:#999;}
.vHeader .vInfo .popMenu .btn:hover [class*="zicon-"] {color:#fff;}
.vHeader .vInfo .popMenu .btn.my:hover {background-color:#442c2c;}
.vHeader .vInfo .popMenu .btn.user:hover {background-color:#656c51;}
.vHeader .vInfo .popMenu .btn.snsF:hover {background-color:#2d5b9f;}
.vHeader .vInfo .popMenu .btn.snsT:hover {background-color:#31a3cd;}
.vHeader .vInfo .pic {display:inline-block; width:30px; height:30px; border-radius:100%; background:center; background-repeat:no-repeat; background-size:cover;}
.vHeader .linkBox {margin-top:10px;}
.vHeader .linkBox .link a {display:block; padding:5px 10px;background-color:#dfdfdf;}

.vContent, .vFooter {background-color:rgba(255,255,255,.7); padding:10px; margin-bottom:20px;}
.vContent {font-size:14px; color:#333;}
.vContent .bbsCnt {background-color:#fff; padding:20px;}
.vContent .btnGroup {margin-top:20px;}
.vContent .dataKeyword {flex-wrap:wrap; padding:10px; background-color:#fff; margin-top:20px;}
.vContent .dataKeyword a {display:block; padding:5px; color:#4f5667;}
.vContent .dataKeyword a:hover {color:#ffaa00;}
.vContent .dataKeyword a::before {content:"#"; color:#999;}
.vContent .dataFile {flex-direction:column; margin:20px 0;}
.vContent .dataFile .duf {justify-content:space-between; align-items:center; background-color:#bed1dd;}
.vContent .dataFile .duf [class*="zicon-"] {opacity:.5;}
.vContent .dataFile .duf .fName {padding:5px 10px;}
.vContent .dataFile .duf .btnDown {padding:10px; background-color:#7b8b94; color:#fff;}
.vContent .dataFile .duf .btnDown:hover {box-shadow:#7b8b94 0 0 1px 2px;}

.vFooter .dataInfo li {padding:10px; background-color:#fff;}
.vFooter .dataInfo li [class*="zicon-"] {margin-right:3px; opacity:.5;}


.colorscripter-code {width:100% !important; overflow:scroll;}

/*** keyframes ***/
@-webkit-keyframes bbs-ani1 {
    0 {color:#b51c12;}
    50% {color:#4b75d4;}
    100% {color:#b51c12;}
}
@-moz-keyframes bbs-ani1 {
    0 {color:#b51c12;}
    50% {color:#4b75d4;}
    100% {color:#b51c12;}
}
@-ms-keyframes bbs-ani1 {
    0 {color:#b51c12;}
    50% {color:#4b75d4;}
    100% {color:#b51c12;}
}
@-o-keyframes bbs-ani1 {
    0 {color:#b51c12;}
    50% {color:#4b75d4;}
    100% {color:#b51c12;}
}
@keyframes bbs-ani1 {
    0 {color:#b51c12;}
    50% {color:#4b75d4;}
    100% {color:#b51c12;}
}
@-webkit-keyframes bbs-ani2 {
    from {box-shadow:0 0 2px 5px rgba(149, 177, 191, 0);}
    to {box-shadow:0 0 2px 5px #95b1bf;}
}
@-moz-keyframes bbs-ani2 {
    from {box-shadow:0 0 2px 5px rgba(149, 177, 191, 0);}
    to {box-shadow:0 0 2px 5px #95b1bf;}
}
@-ms-keyframes bbs-ani2 {
    from {box-shadow:0 0 2px 5px rgba(149, 177, 191, 0);}
    to {box-shadow:0 0 2px 5px #95b1bf;}
}
@-o-keyframes bbs-ani2 {
    from {box-shadow:0 0 2px 5px rgba(149, 177, 191, 0);}
    to {box-shadow:0 0 2px 5px #95b1bf;}
}
@keyframes bbs-ani2 {
    from {box-shadow:0 0 2px 5px rgba(149, 177, 191, 0);}
    to {box-shadow:0 0 2px 5px #95b1bf;}
}

/*** @media style ***/
@media screen and (min-width:1201px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (min-width:1025px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:892px) {
    .incNotice .data {flex-wrap:wrap; position:relative;}
    .type-photo .list .data {width:23%;}
}
@media screen and (max-width:768px) {
    .type-photo .list .data {width:48%;}
    .vContent .bbsCnt img {width:100%;}
}
@media screen and (max-width:426px) {
    .incNotice .data {padding-left:30px;}
    .incNotice .data>span:nth-child(1) {position:absolute; top:0; left:0;}
    .incNotice .data>span:nth-child(2) {width:100%;}
    .type-photo .list .data {width:98%;}
}
@media screen and (max-width:326px) {
}