/*
---------------------------------------------*/
body{
    min-width:1170px;padding:50px 0 0 0;
    background:#f1f1f2;
}
.websize{margin:auto;width:1170px;}
a {
  color: #141414;
}
a:hover,
a:focus {
  color: #565656;
}
#wrapper{overflow:hidden;}
#header{
  position:fixed;
  z-index:1001;
  width:100%;
  top:0px;  
}
#header .topbar{
  background: #e62082;
  height:50px;line-height:50px;
}

#logo{
  position:absolute;
  background:url("/images/logo.png") left top no-repeat;
  background-size: 170px 27px;
  font-size:0;
  width:0px;
  height:0px;
  line-height:0px;
  margin:12px 0 0 0;
  padding:27px 170px 0 0;
  z-index:3;
  outline:none;
}

#header .mainNav{
  margin:0 0 0 185px;font-size:15px;
}

#header .mainNav > ul{
  float:left;
  list-style: none;
  padding: 0;
  margin:0;line-height:50px;
}
#header .mainNav > ul > li > a{color:#fff;text-decoration:none; text-shadow:1px 1px 1px #272621;outline: 0;}
#header .mainNav > ul > li{float:left;position:relative;}
#header .mainNav > ul > li > a{display:block;padding:0 12px;}
#header .mainNav > ul > li.active > a,
#header .mainNav > ul > li:hover > a{color:#ffa790;}
#header .mainNav > ul > li:hover > ul{
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}
#header .mainNav > ul > li > ul{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: block;
  float: left;
  min-width: 160px;
  padding:1px;
  margin: -1px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(230, 32, 130, .55);
  border-radius: 4px;
  border-radius:0px;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(230, 32, 130,.15);
  box-shadow: 5px 5px 0px 0px rgba(230, 32, 130,.15);
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.2s,opacity 0.2s linear;
}
#header .mainNav > ul > li > ul > li:nth-child(even){background:#f9f9f9;}
#header .mainNav > ul > li > ul > li > a {
  display: block;
  padding: 8px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #e5549c;
  white-space: nowrap;
  transition:0.2s;
}
#header .mainNav > ul > li > ul > li > a:hover,
#header .mainNav ul > li > ul > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e5549c;
}
#header .mainNav > ul > li > ul > .active > a,
#header .mainNav > ul > li > ul > .active > a:hover,
#header .mainNav > ul > li > ul > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e5549c;
  outline: 0;
}
/*=======================================================================*/

#header .memberNavi{
  position:absolute;right:0;top:0;;
  list-style: none;
  padding: 0;
  margin:0;
  line-height:50px;
}
#header .memberNavi .member >a .badge{position:absolute;margin:0 0 0 -10px ;}
#header .memberNavi .avatar{width:40px;}
#header .memberNavi > li > a{color:#fff;text-decoration:none; text-shadow:1px 1px 1px #272621;outline: 0;}
#header .memberNavi > li{float:left;position:relative;}
#header .memberNavi > li > a{display:block;padding:0 12px;}
#header .memberNavi > li.active > a,

#header .memberNavi > li:hover > a{color:#ffa790;}
#header .memberNavi > li:hover > ul{
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}
#header .memberNavi > li > ul{
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: block;
  float: left;
  min-width: 160px;
  padding:1px;
  margin: -1px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(230, 32, 130, .55);
  border-radius: 4px;
  border-radius:0px;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(230, 32, 130,.15);
  box-shadow: 5px 5px 0px 0px rgba(230, 32, 130,.15);
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.2s,opacity 0.2s linear;
}
/*
#header .memberNavi > li > ul.searchBox{
  left:auto;
  right:0px;
  min-width:300px;width:300px;
  padding:7px 10px 5px 10px;
}*/

#searchBox{position: relative;z-index: 22;margin-left: auto}
#searchBox >form button{border:0;background:transparent;width: 31px;height: 31px;text-align:center;padding:0;color:#fff}
#searchBox >form input{transition: opacity .2s ease;border:1px solid #ddd;font-size:13px;line-height: 29px;text-indent:5px;visibility:visible;opacity: 1;width:180px;margin:auto}
#searchBox >form input:placeholder-shown{visibility:hidden;opacity: 0;width:0}

#searchBox:hover >form input,
#searchBox >form input:focus{visibility:visible;opacity: 1;width:180px}
#searchBox >form input + button + span,
#searchBox >form .back,
#searchBox .content{display:none}

#header .memberNavi > li > ul > li:nth-child(even){background:#f9f9f9;}
#header .memberNavi > li > ul > li > a {
  display: block;
  padding: 8px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #e5549c;
  white-space: nowrap;
  transition:0.2s;
}
/*
#header .memberNavi > li > ul > li > a:hover,
#header .memberNavi > li > ul > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e5549c;
}
#header .memberNavi > li > ul > .active > a,
#header .memberNavi > li > ul > .active > a:hover,
#header .memberNavi > li > ul > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e5549c;
  outline: 0;
}
*/


#header nav.mobileNav,
#header nav.mobileMember{
  display:none;
}

#header nav.mobileNav ul{
  border-right:1px solid #e33a8e;
  background: #f7c3dd;
  background: -moz-linear-gradient(bottom,  #f7c3dd 0%, #f159a4 100%);
  background: -webkit-linear-gradient(bottom,  #f7c3dd 0%,#f159a4 100%);
  background: linear-gradient(to bottom,  #f7c3dd 0%,#f159a4 100%);
  padding:0;
  margin:0;
  position:fixed;
  z-index:5;
  width:60%;
  height:100%;
  top:0;
  left:0;
  color:#be005e;
  overflow:auto;
  list-style:none;
  transform: translate3d( -103%, 0, 0 );
  -webkit-transform: translate3d( -103%, 0, 0 );
  transition: transform 200ms linear;
}
body.navin #header nav.mobileNav > ul{
  transform: translate3d( 0, 0, 0 );
  -webkit-transform: translate3d( 0, 0, 0 );
}
#header nav.mobileNav ul li{
  margin:0;
  padding:0;
  line-height:45px;
  font-size:19px;
  width:100%;text-align:center;
}
#header nav.mobileNav ul li a{
  color:inherit;
  display:block;
  padding:0;
  text-decoration: none;
}
#header nav.mobileNav ul li{
  border-bottom:1px solid #fd92c7;
  box-shadow: 0px 1px 0px #fdb3d7;
}

#header nav.mobileNav .mBtn{
  left:0px;
}
#header nav.mobileMember .mBtn{
  right:0;
}
#header nav .mBtn{
  position:absolute;right:0;top:0px;
  color:#fff;
  border:none;
  display:inline-block;
  padding:0 15px 0 15px;
  cursor:pointer;
  line-height:50px;height:50px;font-size:21px;
}
#header nav .mBtn > i{
  vertical-align: baseline;
}

#header nav.mobileMember ul{
  border-left:1px solid #f7c3dd;
  background: #ffe032;
  background: -moz-linear-gradient(bottom,  #f7c3dd 0%, #f159a4 100%);
  background: -webkit-linear-gradient(bottom,  #f7c3dd 0%,#f159a4 100%);
  background: linear-gradient(to bottom,  #f7c3dd 0%,#f159a4 100%);
  padding:0;
  margin:0;
  position:fixed;
  z-index:5;
  width:60%;
  height:100%;
  top:0;
  right:0;
  color:#be005e;
  overflow:auto;
  list-style:none;
  transform: translate3d( 103%, 0, 0 );
  -webkit-transform: translate3d( 103%, 0, 0 );
  transition: transform 200ms linear;
}
body.memin #header nav.mobileMember > ul{
  transform: translate3d( 0 0, 0 );
  -webkit-transform: translate3d( 0, 0, 0 );
}

#header nav.mobileMember ul li{
  margin:0;
  padding:0;
  line-height:45px;
  font-size:19px;
  width:100%;text-align:left;
}
#header nav.mobileMember ul li a{
  color:inherit;
  display:block;
  padding:0;
  text-decoration: none;padding:0 0 0 20px;
}
#header nav.mobileMember ul li{
  border-bottom:1px solid #fd92c7;
  box-shadow: 0px 1px 0px #fdb3d7;

}

#header .backdrop{
  position:fixed;width:100%;height:100%;right:0;top:0;visibility: hidden;background:transparent;transition: 200ms linear;z-index:3;
}

body.navin #header nav.mobileNav > .backdrop,
body.memin #header nav.mobileMember > .backdrop{
  visibility: visible; background:rgba(0,0,0,.8);
}

#container{margin:15px 0;}
#container .container_left{float:left;width:300px;margin:0;}
#container .container_right{float:right;width:860px;}

#footer{
  margin:0;
  line-height:20px;
  padding:12px 0;
  background: #e5549c;color:#fff;
  }
#footer a{color:#fff;padding:0 5px;}
#footer p{margin:0;}
#footer ul{list-style:none;margin:0px;text-align:center;}
#footer ul li{display:inline-block;color:#fff;}



/*global*/
.category{
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .105);
          box-shadow: 0 3px 5px rgba(0, 0, 0, .105);
          padding:0;
          margin:0 2px 15px 0;
          background:#fff;
    border:1px solid #ea4697;
    padding:10px;
}
.category a{display:inline-block;float:left;line-height:25px;margin:0 5px;padding:0 12px;color:#666;text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);text-decoration:none}
.category a:hover{background:#eee;color:#333;}
.category a.active{background:#e5549c;color:#fff;}

.postList{overflow:hidden;margin:0 -5px;}
.postList.full > ul{margin:0 10px;}
.postList > ul{position:relative;padding:0;margin:0;}
.postList > ul > li{position:absolute;width:25%;margin:0;padding:5px;}
.postList > ul.row3 > li{width:33.333%;margin:0;}
.postList > ul > li > div{
	background:#fff;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  overflow:hidden;
  border:1px solid #f1f1f2;
}
.postList > ul > li.ad > div{
  text-align:center;
}



.postList > ul > li.item .cover{width:100%;height:auto;}
.postList > ul > li.item .bottom{padding:10px;width:100%;}
.postList > ul > li.item .avatar{width:25px;margin:0 10px 0 0;}
.postList > ul > li.item .author{display:inline;}
.postList > ul > li.item .cat{float:right;}
.postList > ul > li.item h2{float:left;margin:0;padding:0 10px 10px 10px;
	line-height:23px;
	overflow:hidden;font-size:15px;width:100%;color:#222;
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .275);
	 text-shadow: 0 1px 1px rgba(0, 0, 0, .275);
}
.postList > ul > li.item a:hover{color:#f3542c;}

.postList .ads250{width:250px;height:250px;display:inline-block;overflow:hidden;}

.rowList ul{margin:0;background:#fff;padding:0 10px;border-radius:5px;}
.rowList ul li{float:left;width:400px;border-bottom:1px solid #efefef;margin:0 15px 0 0;padding:10px 0;}
.rowList ul li img{height:60px;width:60px;margin:0 10px 0 0;float:left;}
.rowList ul li h3{margin:0;padding:0;font-size:17px;margin:0 0;height:60px;line-height:30px;overflow:hidden;}

.tabs{border:1px solid #c98dfc;overflow:hidden;margin:0;padding:0;}
.tabs .navi{background:#fff;margin:0;padding:0;list-style:none;}
.tabs .navi li{float:left;line-height:40px;cursor:pointer;color:#666;width:100%;text-align:center;}
.tabs .navi li.active,
.tabs .navi li:hover{background:#c98dfc;color:#fff;transition: all 0.3s ease-in;}
.tabs .navi.col-2 li{width:50%;}
.tabs .navi.col-3 li{width:33.333%;}
.tabs .navi.col-4 li{width:25%;}
.tabs .navi.col-5 li{width:20%;}
.tabs .content{background:#fff;}
.tabs .content .list{padding:6px 10px;margin:0;}
.tabs .content .list li{padding:6px 0;margin:0;color:#222;}
.tabs .content .list li:last-child{border:none;}
.tabs .content .list li h4{font-size:14px;margin:0px;padding:0;line-height:20px;overflow:hidden;white-space:nowrap;}
.tabs .content .list li span{display:inline-block;padding:0px;margin:0 10px 0 0;color:#fff;font-size:13px;line-height:22px;height:22px;width:22px;text-align:center;background:#d8d8d8;font-family:arial;}
.tabs .content .list li:nth-child(1) span,
.tabs .content .list li:nth-child(2) span,
.tabs .content .list li:nth-child(3) span{background:#dc0d91;border-radius:50%;}
.tabs .content .list li a{color:#000;transition:0.5s;}
.tabs .content .list li a:hover{color:#dc0d91;}

.scrollTop{
  position:fixed;
  bottom:60px;
  right:90px;
  cursor:pointer;
  text-align:center;
  padding:0 10px;
  display:none;
}
.scrollTop i{font-size:37px;color:#ca0132; 
  -webkit-text-shadow: 0 3px 5px rgba(0, 0, 0, .175);
          text-shadow: 0 3px 5px rgba(0, 0, 0, .175);
}

/*modal*/
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .modal-body{padding:15px 30px;}

#modal-recruit img{width:100px;border:5px solid #dfdfdf;margin:10px 0 20px 0;}
#modal-recruit .msg{font-size:19px;font-weight:bold;}
#modal-recruit a{width:35%;margin:20px 5px;}

#modal-idle .modal-dialog{width:1060px;}
#modal-idle .modal-dialog .modal-content{border-radius:0;}

#modal-idle .modal-dialog iframe{border:0px;width:100%;height:570px;overflow:hidden}
/*alert*/
.web-alert{position:fixed;bottom:10px;right:25px;
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
.web-alert a{color:#a94442;}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.star{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:21px;color:#ffa20f;}
.star-1:before{content:"\f006"}
.star-2:before{content:"\f006 \f006"}
.star-3:before{content:"\f006 \f006 \f006"}
.star-4:before{content:"\f006 \f006 \f006 \f006"}
.star-5:before{content:"\f006 \f006 \f006 \f006 \f006"}
.star-6:before{content:"\f005"}
.star-7:before{content:"\f005 \f005"}
.star-8:before{content:"\f005 \f005 \f005"}
.star-9:before{content:"\f005 \f005 \f005 \f005"}
.star-10:before{content:"\f005 \f005 \f005 \f005 \f005"}
/*custom width*/
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w170{width:170px}
.w180{width:180px}
.w190{width:190px}
.w200{width:200px}
.w210{width:210px}
.w220{width:220px}
.w230{width:230px}
.w240{width:240px}
.w250{width:250px}
.w260{width:260px}
.w270{width:270px}
.w280{width:280px}
.w290{width:290px}
.w300{width:300px}

.rank{background:url("/images/rank.png") no-repeat;display:inline-block;width:16px;height:16px;line-height:inherit;margin:0 3px;}
.rank-1{background-position:0 0;}
.rank-2{background-position:-16px 0;}
.rank-3{background-position:-32px 0;}
.rank-4{background-position:-48px 0;}
.rank-5{background-position:-64px 0;}
.rank-6,.rank-7,.rank-8,.rank-9,.rank-10{background-position:-80px 0;}

.modal-md{width:350px}
.modal-xl{width:800px}
.fileUpload {
    position: relative;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    
}
.coverPreview img{max-height:150px;width:auto;border:1px solid #efefef;padding:3px;margin:0 0 10px 0;}
.active_0{font-weight:bold;font-size:17px}


.ad-close{
    position:absolute;
    margin:0;top:3px;right:3px;
    background:#fff;
    border-radius:50%;
    line-height:22px;
    width:22px;
    text-align:center;
    font-size:17px;
    z-index:9999;
    box-shadow:0 0px 3px rgba(100,100,100,.5);
    cursor:pointer
}

/*bootstrap reset*/

/*modal*/
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #d1c7b8;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-backdrop {
  background-color: #1e1200;
}
.modal-title {
  border-bottom:1px solid #d1c7b8;
  box-shadow:0;
}

/*form*/
.form-control:focus {
  border-color: #e62082;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 32, 130, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 32, 130, .6);
}
/* Pagination */
.pagination {
  height: auto;
}
.pagination li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
.pagination li a{background:#f8a9d1;border:none;color:#a70555;}
.pagination li:first-child a,
.pagination li:last-child a{border-radius:0;}
.pagination li a:hover,
.pagination li.active a {
  background:#e62082;color:#fff;
}
/* breadcrumb */
.breadcrumb {
  padding: 8px 0;
  margin: 15px 0 0 0;
  background: none;
}
.breadcrumb a{color:#b6005a;outline:none;}
.breadcrumb > li > h1,
.breadcrumb > li > h2,
.breadcrumb > li > h3{
  margin:0;padding:0;
  font-size: 14px;
  line-height: 1.42857143;
  display:inline;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #e62082;
}

/*loading*/

.loading{
  background:#fff;
  border-radius:5px;
  padding:15px 0;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border:1px solid #d8d8d8;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
  font-size:16px;
  line-height:16px;margin-bottom:15px;
}

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin:0 0 2px 0;
}
.la-ball-clip-rotate {
    display: inline-block;
    font-size: 0;
    color: #fff;
    vertical-align:middle;
}
.la-ball-clip-rotate.la-dark {
    color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-clip-rotate {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate > div {
    width: 16px;
    height: 16px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
       -moz-animation: ball-clip-rotate .75s linear infinite;
         -o-animation: ball-clip-rotate .75s linear infinite;
            animation: ball-clip-rotate .75s linear infinite;
}

/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.hide {
  display: none;
}


#webalert{
  display:none;
  background:#ffe2f0;color:#e62082;border:1px solid #e62082;
  width:280px;position:fixed;right:10px;bottom:10px;
}
#webalert button{color:#e62082;opacity:1;text-shadow:0}

/*responsive*/

@media (max-width: 1190px){
  body{min-width:100%;width:100%;}
  .websize{width:100%;}
  #logo{
    margin:12px 0 0 10px;
  }
}

@media (max-width: 1090px){
  #header .mainNav > ul > li > a{display:block;padding:0 5px;}
  #modal-idle .modal-dialog{width:100%}
  .postList > ul > li .cover{height:auto;}
}
@media (max-width: 980px){
  body{margin:128px 0 0 0;padding:0;}
  #header .topbar{height:80px;}
  #logo{font-size:0;margin-left:-85px;left:50%;}
  #header .mainNav > ul{position:absolute;margin:0;width:100%;top:30px;left:0;text-align:center;}
  #header .mainNav > ul > li{float:none;display:inline-block;}

  .postList > ul > li{width:33.3333333%;}

}

@media (max-width: 820px){
.modal-xl{width:95%}
}
@media (min-width: 1190px){
  #mSearchBox{display:none}
}
@media (max-width: 1190px){
  body{margin:88px 0 0 0;padding:0;}
  #searchBox{display:none}
  #mSearchBox{position: relative;height:40px;background:#fff;display:flex;justify-content:center;align-items:center;}
  #mSearchBox > form{display:inline-block;}
  #mSearchBox > form input,#mSearchBox > form button{height:30px;line-height: 29px;border:1px solid #ccc;padding:0;margin:0;}
  #mSearchBox > form input{font-size:13px;text-indent:5px;width:180px;border-radius:5px 0 0 5px;}
  #mSearchBox > form button{width: 31px;text-align:center;color:#333;border-radius:0 5px 5px 0;border-left:none}
  #mSearchBox > form button > i{vertical-align: baseline;}
}

@media (max-width: 720px){
  body{margin:100px 0 0 0;padding:0;}
  #header .topbar{height:50px}
  #logo{font-size:0;margin:13px -72px 0;left:50%; background-size: 145px 23px;}
  
  #header nav.mainNav{display:none;}
  #header nav.mobileNav{display:block;}

  .postList > ul > li,.postList > ul.row3 > li{width:50%;}
}


@media (max-width: 640px){
  
  #footer{margin-bottom:50px;}
  
  .modal-md{width:95%}
  
  #modal-idle .modal-dialog iframe{height:380px;}
  
  #header ul.memberNavi{display:none;}
  
  #header nav.mobileMember{display:block;}
  #header nav.mobileMember .member{display:none;}
  .category a{line-height:35px;padding:0;width:25%;text-align:center;margin:0 0 10px 0;}

  .rowList ul{margin:0 10px;}
  .rowList ul li{float:none;width:100%;margin:0;}

 .loading{
	 margin:0 10px 15px 10px;
	}
}

@media (max-width: 480px){

  .postList > ul > li, .postList > ul.row3 > li{
    width:100%;
  }
/*
  .postList{margin:0;}

  .postList > ul > li,.postList > ul.row3 > li{width:100%;}

  .postList.full > ul{margin:0;}

  .postList > ul > li.item,
  .postList > ul.row3 > li.item{width:100%;margin:0;padding:5px 10px;}
  .postList > ul > li.item > div{height:100px; }

  .postList > ul > li.item .cover{position:absolute;top:15px;left:0px;width:120px;height:80px;clip: rect(0px,100px,80px,20px);}
  .postList > ul > li.item .bottom{padding:10px 10px 0 100px;}
  .postList > ul > li.item h2{padding:0 0 0 100px;line-height:16px;overflow:hidden;max-height:48px;font-size:13px;}

*/
}
#gSearch{min-height:35px;height:35px;display:flex;justify-content:center;align-items:center;padding-top:10px}