@charset "utf-8";


section .inner{ border-left: 1px #e2e2e2 solid; border-right: 0; position: relative; font-size:0; letter-spacing: 0; word-spacing: 0; width: 1200px;}
section .items li{width: calc(20% - 1px); border-right: 1px #e2e2e2 solid; height: 228px; display:inline-block; border-bottom: 1px #e2e2e2 solid; font-size:14px; letter-spacing: 0px; word-spacing: 0px;}
section .items li.borderless-left { border-left: 0; }
section .items li.borderless-right { margin-right: 0; }

section .items li.more { background-color: #3798e7; text-align: center; vertical-align: middle; cursor: pointer;}
section .items li.more img{display:inline-block;margin-top: 100px; }

section .items .content_menu{}
section .items .content_menu .content_menu_wrap{ padding: 30px 30px 0 30px; }
section .items .content_menu .content_menu_wrap .content_menu_ul{display: inline-block; vertical-align: top; margin-right: 40px; }
section .items .content_menu .content_menu_wrap .no-margin-right{margin-right: 0;}
section .items .content_menu .intitle{ color: #014e8e; font-size: 18px; border-bottom: 2px  #014e8e solid; display: inline-block; padding-bottom: 4px; margin-bottom: 15px; vertical-align: top; display: block; }
section .items .content_menu li{border: 0; display: block; height: auto; width: 100%; margin-bottom: 6px; }
section .items .content_menu li.on a{ color: #1b3b7b; border-bottom: 1px #1b3b7b solid; font-weight: 500; }
section .items .content_menu li::before{content:url('../img/icon_arrow_now.png'); position: relative; top: -3px; margin-right: 10px; }
section .items .content_menu li a:hover{ color: #1b3b7b; border-bottom: 1px #1b3b7b solid; font-weight: 500; }

section .items .site_title { font-size: 18px; margin: 20px 0 12px 20px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal !important;
}
section .items .site_text { font-size: 12px; color: #707070; margin: 0 0 30px 20px; }
section .items .site_logo{text-align: center; line-height: 90px; font-size: 26px; font-weight: 600; }
section .items .site_logo img{vertical-align: middle; max-width: 90%;}

section .items li{ position: relative; }
section .items #overlay { border: #3798e7 solid 3px; width: calc(100% - 6px); height: calc(100% - 6px); position: absolute; top: 0px; left: 0px; z-index: 200;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
section .items #overlay a{width: 100%; height: 100%; display: block;}
section .items #overlay.on{ display: block; opacity: 1;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
section .items #overlay::after{ content: url('../img/icon_overlay_more.png'); position: absolute; right: 0px; bottom: 0px; height: 45px; width: 45px; }