@import "src/styles/common"

.container
  font-size: 20px
  p
    margin-bottom: 24px
    line-height: 1.7
.background
  //padding-top: 64px
  //padding-bottom: 64px
  color: #3e3e3e
  padding: 96px 0
.inner
  @include container
  h2
    margin-bottom: 32px
    width: 100%
    text-align: center
    color: #2c2c2c
    font-size: 32px
    font-weight: 400


.banner
  width: 100%
  height: auto

.list
  margin-top: 32px

.item
  display: block
  //margin-bottom: 32px
  //padding-bottom: 32px
  //border-bottom: 1px solid #ddd
  box-shadow: rgba(0,0,0,.1) 0 10px 20px -2px
  height: 100%
  transition: all 0.25s
  padding: 16px
  border-radius: 8px
  &:hover
    transform: scale(1.1, 1.1)
  &_title
    font-size: 20px
    font-weight: 500
    //color: #142848
  &_date
    margin-top: 16px
    font-size: 16px
    color: #6a737d
  &_summary
    -webkit-line-clamp: 3
    -webkit-box-orient: vertical
    color: rgba(44,44,44,.6)
    display: -webkit-box
    font-size: 16px
    font-weight: 400
    //height: 5.25rem
    line-height: 1.75
    margin-top: 16px
    overflow: hidden
    text-overflow: ellipsis

.chosen_list
  margin-top: 32px

.chosen_item
  display: block
  //margin-bottom: 32px
  //padding-bottom: 32px
  //border-bottom: 1px solid #ddd
  //box-shadow: rgba(0,0,0,.1) 0 10px 20px -2px
  height: 100%
  transition: all 0.25s
  padding: 16px
  //border-radius: 8px
  &:hover
    transform: scale(1.1, 1.1)
  &_image
    img
      //height: auto
      width: 100%
  &_title
    font-size: 20px
    font-weight: 500
    //color: #142848
    margin-top: 16px
  &_date
    margin-top: 16px
    font-size: 16px
    color: #6a737d
  &_summary
    -webkit-line-clamp: 3
    -webkit-box-orient: vertical
    color: rgba(44,44,44,.6)
    display: -webkit-box
    font-size: 16px
    font-weight: 400
    //height: 5.25rem
    line-height: 1.75
    margin-top: 16px
    overflow: hidden
    text-overflow: ellipsis