@charset "utf-8";
/* CSS Document */
.blue_bg {
    background-color: #0033A0;
  position: relative;
    z-index: 0;
}

.white_bg {
    position: relative;
    z-index: 0;
}
.slider_icon {
  margin: 0 -10px;
  padding: 10px 20px;
  overflow: hidden;
}
.slider_icon .stitle {
    position: relative;
    margin: 20px 0;
    padding: 0 0 0 13px;
    color: #ffffff;
    font-weight: bold;
    font-size: 130%;
}

.white_bg .slider_icon .stitle {
    color: #0033a0;
}

.slider_icon .iconlist {
    padding: 40px 0 10px 0;
}

.slider_icon .stitle::before {
    content: "";
    width: 5px;
    display: block;
    position: absolute;
    top: 2px;
    bottom: 2px;
    background: rgb(138,141,143);
    background: -moz-linear-gradient(top,  rgba(138,141,143,1) 0%, rgba(220,220,220,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(138,141,143,1) 0%,rgba(220,220,220,1) 100%);
    background: linear-gradient(to bottom,  rgba(138,141,143,1) 0%,rgba(220,220,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8d8f', endColorstr='#dcdcdc',GradientType=0 );
    left: 0;
}
.slider_icon .more a {
    display: inline-block;
    background-color: #0033A0;
    border-radius: 3px;
    padding: 10px 15px 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    position: relative;
}

.white_bg .slider_icon .more a {
    background-color: transparent;
    color: #0033A0;
}

.slider_icon .more a:hover {
    text-decoration: underline;
}

.slider_icon .more a:hover::after {
    right: 5px;
}

.slider_icon .more a:after {
    right: 0;
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)translate(0,-50%);
    top: 45%;
    transition: all 200ms ease-out 0s;
}

.white_bg .slider_icon .more a:after {
    border-top: solid 2px #0033A0;
    border-right: solid 2px #0033A0;
}
.slider_icon .slick-list {
  width: 90%;
  margin: auto;
}
.slider_icon .slick-slide {
  text-align: center;
}
.slider_icon .slick-slide p {
  color: #fff;
  font-size: 110%;
  padding: 10px 10%;
  letter-spacing: 2px;
}

.white_bg .slider_icon .slick-slide p {
    color: #000;
}

.en .slider_icon .slick-slide p {
    letter-spacing: 0;
}
.slider_icon .slick-slide img {
  margin: auto;
}
.slider_icon .slick-prev, .slider_icon .slick-next {
  width: 35px;
  height: 35px;
  z-index: 9;
  opacity: 0.2;
}

.slider_icon .slick-prev:hover,.slider_icon .slick-prev:focus,.slider_icon .slick-next:hover,.slider_icon .slick-next:focus {
    opacity: 1;
}
.slider_icon .slick-next {
  right: 0;
}
.slider_icon .slick-prev {
  left: 0;
}
.slider_icon .slick-prev:before {
  border-bottom: solid 8px #ffffff;
  border-left: solid 8px #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slider_icon .slick-next:before {
  border-top: solid 8px #ffffff;
  border-right: solid 8px #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.white_bg .slider_icon .slick-prev:before {
  border-bottom: solid 8px #000;
  border-left: solid 8px #000;
}
.white_bg .slider_icon .slick-next:before {
   border-top: solid 8px #000;
  border-right: solid 8px #000;
}
.slider_icon .slick-prev:before, .slider_icon .slick-next:before {
  content: "";
  width: 35px;
  height: 35px;
  display: block;
}

/*more*/
.slider_icon .more{
    text-align: right;
    margin: 20px 0 15px 0;
    padding: 0;
}

/*上下交錯輪播*/
.slider_icon.B .slick-list {
  padding: 40px 0 0 0;
}
.slider_icon.B .slick-slide:nth-child(2n+1) {
  position: relative;
  top: -30px;
}
/*無輪播整齊*/

.slider_icon .iconlist a, .slider_icon .iconlist_normal a {
  text-align: center;
  color: #fff;
  display: block;
  text-decoration: none;
}
.slider_icon .iconlist a:hover, .slider_icon .iconlist_normal a:hover {
  text-decoration: none;
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.slider_icon.C .iconlist_normal div {
  padding: 35px 10px;
  margin: 0 auto;
  min-width: 190px;
  max-width: 200px;
}


.slider_icon.C .iconlist_normal p {
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 120%;
    line-height: 135%;
}
@media screen and (min-width: 767px) {
    .container-fluid .slider_icon {
    /* padding: 10px 60px; */
}
}