@charset "utf-8";

@import "../initial";

.layout-content {
  .container {
	padding: 25px 15px; 
	line-height: 1.5;
    @extend .response-content;
    @media (min-width: $screen-md){
	  min-height: 600px;
    }
  }

  //top-wrap
  .top-wrap{
  	& div{
  		margin-bottom: 15px;
  	}
  }
  .ba-banner-widget-5{
  	background-color: rgba(255,255,255,0.8);
  	border: 1px solid #d2d2d2;
  	padding: 15px 30px;
  	.w-ba-banner__wrap{
  		width: auto;
  		max-width: none;
  	}
  }

  // page content, table
  .breadcrumb{
  	background-color: #fff;
  }
  .view_count {
    opacity: 0.6;
  }
  .i-annc__table{
  	background-color: #eee;
  }
  .i-annc .i-annc__title{
  	color: $theme-color-second;
  	&:hover{
  		color: $theme-color-five;
  	}
  }
  
  @media (min-width: $screen-md){
  	.top-wrap .ba-banner-widget-5{
    margin-top: -60px;
      .w-ba-banner__wrap{margin-bottom: 0;}
    }
  }

  @media (max-width: $screen-md){
    .top-wrap .ba-banner-widget-5{
      padding: 15px;
      .w-ba-banner__wrap.image-only{
      margin: 0;
        a{
          display: block;
          padding: 0 0 15px 0;
          &:last-child{
            padding-bottom: 0;
          }
        }
      }
    }
  }

  @media (max-width: $screen-md)and(min-width: $screen-sm){
    .top-wrap .ba-banner-widget-5{
      .w-ba-banner__wrap.image-only {
          margin: 0 -7px -15px;
          a{
            padding: 0 7px 15px 7px;
          }
      }
    }
  }

}

  // css3 特效
  .mw-block{
    .widget-gallery a:hover{
      img{
        opacity: 0.7;
        transition: all 0.2s;
      }
    }
  }
  .top-wrap{
    .w-ba-banner a:hover{
      img{
        opacity: 0.8;
        border: 2px solid $theme-color-four;
        transition: all 0.2s;
      }
    }
  }