/* 關於聯傑 about、企業社會責任  */
/* 公司簡介頁面 about 、 共用 */

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../font/glyphicons-halflings-regular.ttf);
}

section#ab,
section#csrb{
  background-color: #1B2A54;
  height: inherit;
}


section#acon,
section#csr #acon{
  padding: 25px 0 90px 0;
}

section#acontext,section#csrcontext{
  text-align: justify;
  width: 700px;
}

section#acontext h2,
section#csrcontext h2{
  margin-bottom: 25px;
}

section#csrcontext p>a{
  margin-top: 10px;
  font-weight: bold;
}

section#csrcontext::after{
  clear: both;
}

aside#asb{
  padding: 35px 30px 35px 45px;
  width: 245px;
}

aside#asb.csr{
  text-align: center!important;
  padding: 30px!important;
}

aside#asb.csr span{
  margin-top: 10px;
}

aside#asb.csr::after{
  clear: both;
}

aside#asb li>a{
  display: inline-block;
  width: 150px;
  vertical-align: middle;
}

section#acon #abtidty{
  margin-top: 35px;
  border-top: 1px solid #1B2A54;
  padding-top: 35px;
  text-align: center;
}

section#acon #abtidty img{
  float: none;
  width: 300px;
}

section#acon #abtidty .abtidtytext{
  margin-top: 35px;
  text-align: justify;
}

section.abtpotos{
  margin-top: 25px;
  margin-bottom: -5px;
  z-index: 1;
  width: 100%;
}

section.abtpotos img{
  display: inline-block;
  width: 410px;
}

section.abtpotos img:first-child{
  padding-left: 0px;
}

section.abtpotos img:last-child{
  padding-right: 0px;
}

section.abtpotos::after{
  content: '';
  background-color: #1B2A54;
  height: 70px;
  display: block;
  z-index: 0;
}

section#acon #video-list{
  margin-top: 50px;
  border-top: 1px solid #1B2A54;
  padding-top: 25px;
}

section#acon #video-list .video{
  width: 320px;
  height: 450px;
  display: inline-table;
  margin-right: 24px;
  color: #1B2A54;
}

section#acon #video-list .video h4{
  margin-bottom: 15px;
}

section#acon #video-list .video p{
  text-align: justify;
  margin-top: 15px;
}

section#acon #video-list .video:last-child{
  margin-right: 0;
}

section#acon table th{
  border-bottom: 1px solid #fff;
  width: 60px;
  line-height: 20px!important
}

section#acon table td.t-l{
  width: 260px;
}

section#acon table td li{
  list-style: initial;
}

/* 經營理念頁面 about-manage */

section#abmngide{
  background-color: #1B2A54;
  padding: 70px 0 65px 0;
  margin-top: 20px;
}

section#abmngide .ide{
  background-color: #fff;
  padding: 25px 35px;
  text-align: center;
  display: inline-grid;
  width: 330px;
  height: 430px;
  margin-right: 6px;
}

section#abmngide .ide:first-child{
  margin-left: 0;
}

section#abmngide .ide h3{
  color: #1B2A54
}


section#abmngide .ide3 {
  margin-right: 0;
}

section#abmngide .ide h3::after{
  content: '';
  display: block;
  height: 20px;
  border-bottom: 1px solid #1B2A54;
  margin-bottom: 25px;
}

section#abmngide .ide li{
  font-size: 110%;
  margin-bottom: 45px;
}

section#abmngide .ide2,
section#abmngide .ide3{
  position: relative;
}

section#abmngide .ide2::before,
section#abmngide .ide3::before{
  content: '';
  display: block;
  height: 10px;
  width: 70px;
  background-color: #DD2D25;
  position: absolute;
  left: -41px;
  top: 52px;
}

section#abmngide .ide2 li{
  margin-bottom: 15px;
}



section#abmngide .ide3 li{
  margin-bottom: 35px;
}

section#abmngide .ide3 li:last-child{
  margin-bottom: 15px;
}


section#abmngide .ide3 li>span{
  color: #004D8C;
}



/* 大事紀頁面 about-manage */

section#acon #abhisty{
  margin-top: 10px;
}

section#acon ul.act4-year{
  margin-bottom: 35px;
}

section#acon ul.act4-year div.yy{
  background-image: url('../img/abt/abt-histy-y.svg');
  background-repeat: no-repeat;
  width: inherit;
  height: 35px;
  display: block;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-left: -1px;
}

section#acon ul.act4-year div.yy span{
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #fff;
  display: block;
  line-height: 22px;
}

section#acon ul.act4-year li.evts{
  margin-left: 30px;
  margin-bottom: 5px;
}

section#acon ul.act4-year li.evts::after{
  margin-bottom: 0;
}

section#acon ul.act4-year li.evts span{
  color: #1B2A54;
  font-weight: 500;
  margin-right: 10px;
}

section#acon ul.act4-year li.evts span,
section#acon ul.act4-year li.evts p{
  display: table-cell;
}

section#acon ul.act4-year li.evts p{
  line-height: 1.95em;
  padding-left: 20px;
}




/* 活動花絮頁面 about-sidelights */

div#abgp .album{
  margin-bottom: 20px;
  width: 216px;
  display: inline-block;
  margin-right: 10px;
}

div#abgp .album:last-child{
  margin-right: 0px;
}


div#abgp .album img{
  padding: 0;
  width: 216px;
}

div#abgp .album:hover img{
  opacity: 0.7;
}


div#abgp .album span{
  display: block;
  color: #fff;
  text-align: center;
}

div#abgp .album span.act5gdate{
  background-color: #DD2D25;
}

div#abgp .album span.act5gtitle{
  background-color: #1B2A54;
  line-height: 2.25em;
}

div#abgp .row{
  margin-bottom: 25px;
}

.modal-content{
  border-radius: 3px;
}

.modal-dialog{
  top: 127px;
}

.modal-header,
.modal-body{
  border: none!important;
  border-radius: 3px;
}

.modal-header{
  min-height: 0px;
  padding: 0!important;
}

.modal-header h4 {
  display: none;
}


.modal-header .close {
    position: absolute;
    right: 12px;
    top: 2;
    color: #1B2A54;
    z-index: 100;
    text-shadow: none;
    opacity: 1;
    font-size: 40px;
}

.modal-header .close span{
  font-size: 45px;
}

.modal-header .close:hover{
  transform: scale(1.1);
}

.modal-body{
  margin: -1px;
  border-radius: 0;
  padding: 0;
}

.modal-footer{
  display: block!important;
  border: none;
  padding: 8px 15px 6px!important;
  color: #1B2A54;
  font-weight: bold;
  border-radius: 0;
}

.ekko-lightbox-nav-overlay{
  width: 120%!important;
  left: -10%!important;
}

.ekko-lightbox-nav-overlay a{
  font-size: 32px;
  color: #1B2A54;
  top: 180px;
  position: absolute!important;
  opacity: 0.6!important;
  text-decoration: none;
}

.ekko-lightbox-nav-overlay a.glyphicon-chevron-left{
  left: 10px;
}

.ekko-lightbox-nav-overlay a.glyphicon-chevron-right{
  right: 10px;
}

.ekko-lightbox-nav-overlay a:hover{
  opacity: 1!important;
}

.ekko-lightbox-nav-overlay a span{
  text-align: left;
}

.modal-backdrop{
  background: #fff!important;
}

.modal-backdrop.in{
  opacity: 0.8!important;
}

.phototitle{
  color: #1b2a54;
  text-align: center;
}





/*紀事*/
.act-expand{
  border-top: 1px solid #1B2A54;
  text-align: center;
}

.act-expand-btn{
  display: inline-block;
  padding: 2px 10px;
  background-color: #004D8C;
  color: #fff;
  cursor: pointer;
  border-radius: 0px 0px 3px 3px;
}

.act-expand-btn:hover{
  background: #DD2D25;
  color: #fff;
}

.act-hide{
  display: none;
}