@charset "UTF-8";
/* 
 * Bootstrap 3 解析度區塊斷點
 */
/**
 * 預設字型
 */
/**
 * flex-box
 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex.stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.flex.middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex.top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex.bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex .self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.flex .self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.flex .self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

/**
 * 載入字型
 */
/**
 * 依 px 計算出 em
 *
 * @param  Number  $fontSize  目標像素大小
 * @param  Number  $baseSize  父層像素大小; 預設 16
 * @param  String  $unit      輸出單位 em|rem; 預設 em
 * @return String             計算後 em 值
 */
/**
 * 文字段行
 */
/**
 * 絕對置中
 *
 * @param  Number  $zIndex    z-index
 * @param  String  $position  自訂元素 position
 */
/**
 * 水平置中
 *
 * @param  Number  $zIndex    z-index
 * @param  String  $position  自訂元素 position
 */
/**
 * 垂直置中
 *
 * @param  Number  $zIndex    z-index
 * @param  String  $position  自訂元素 position
 */
/**
 * 去除 chorme 表單欄位高亮外框
 */
/**
 * 去除表單數字欄位按鈕
 */
/**
 * 快速套用 transition 動態
 */
/** @media 助理方法 srart **********************************************/
/**
 * 大於 $size 套用樣式
 *
 * @param  Number  $width  最小範圍
 */
/**
 * 小於 $size 套用樣式
 *
 * @param  Number  $width  最大範圍
 */
/**
 * 介於 $min 與 $max 之間套用樣式
 *
 * @param  Number  $width  最大範圍
 */
/** @media 助理方法 end **********************************************/
.jvectormap-label {
  width: 360px;
  max-width: 100%;
  background-color: rgba(14, 68, 125, 0.82);
}

.jvectormap-label .marker-info h2 {
  font-family: 'Microsoft JhengHei';
  font-size: 1.5em;
  font-weight: normal;
  color: #FFF;
  border: none;
  margin: 10px 0 15px 0;
}

.jvectormap-label .marker-info dl {
  font-family: 'Microsoft JhengHei';
  margin: 10px 0;
}

.jvectormap-label .marker-info dl dt::after {
  content: '：';
}

@media (max-width: 991px) {
  .jvectormap-label {
    width: 400px;
  }
}

@media (max-width: 767px) {
  .jvectormap-label {
    display: none !important;
  }
}

#globalpoint #map1 .jvectormap-zoomin,
#globalpoint #map1 .jvectormap-zoomout {
  width: 1em;
  height: 1em;
}

#globalpoint #listview .map_data {
  position: relative;
}

#globalpoint #listview .map_data .item-content {
  position: relative;
  padding: 20px;
  height: 100%;
}

#globalpoint #listview .map_data .item-content > .row {
  height: 100%;
}

#globalpoint #listview .map_data .item-content .item_title {
  position: relative;
  font-size: 1.5625em;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

#globalpoint #listview .map_data .item-content .item_title::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #DCDCDC;
}

#globalpoint #listview .map_data .item-content .item-info dl {
  margin-bottom: 1em;
}

#globalpoint #listview .map_data .item-content .item-info dl dt::after {
  content: '：';
}

#globalpoint #listview .map_data .item-content::before {
  content: '';
  border: 1px solid #DCDCDC;
  display: block;
  width: calc(100% + 10px);
}

@media (min-width: 991px) {
  #globalpoint #listview .map_data .item-content::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
    height: calc(100% - 40px);
  }
  #globalpoint #listview .map_data .item-content.odd:before {
    left: -15px;
  }
  #globalpoint #listview .map_data .item-content.even:before {
    right: -15px;
  }
  #globalpoint #listview .map_data .item-content.odd .item_title::after {
    width: calc(100% + 15px);
  }
  #globalpoint #listview .map_data .item-content.even .item_title::after {
    width: calc(100% + 35px);
  }
}

@media (max-width: 991px) {
  #globalpoint #listview .map_data .item-content::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
    width: calc(100% + 35px);
    height: calc(100% - 40px);
  }
  #globalpoint #listview .map_data .item-content .item_title::after {
    width: calc(100% + 37px);
  }
}

@media (max-width: 767px) {
  #globalpoint #listview .map_data .item-content .item_title::after {
    width: 100%;
  }
}

#globalpoint #listview .map_data .item-content div[class*=col-] {
  margin-top: 20px;
  margin-bottom: 20px;
}

#globalpoint #globalpoint_title {
  font-size: 2.1875em;
  border-bottom: 3px solid #aa0000;
  padding-bottom: 0.28571em;
  margin-top: 1.71429em;
  margin-bottom: 0.85714em;
}

#globalpoint #globalpoint_menu {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-left: -0.5em;
  margin-right: -0.5em;
}

#globalpoint #globalpoint_menu li {
  position: relative;
  font-size: 1.5625em;
  font-weight: bold;
  margin-bottom: 0.8em;
}

@media (max-width: 991px) {
  #globalpoint #globalpoint_menu li {
    width: 50%;
  }
}

@media (max-width: 767px) {
  #globalpoint #globalpoint_menu li {
    width: 100%;
  }
}

#globalpoint #globalpoint_menu li a {
  position: relative;
  display: block;
  padding: 0.2em 3em;
  text-align: center;
  text-decoration: none;
  color: #000;
}

#globalpoint #globalpoint_menu li a:hover, #globalpoint #globalpoint_menu li a.active {
  color: #FFF;
}

#globalpoint #globalpoint_menu li a:hover::before, #globalpoint #globalpoint_menu li a.active::before {
  border: 1px solid #aa0000;
  background-color: #aa0000;
}

#globalpoint #globalpoint_menu li a::before {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% - 0.64em);
  height: 100%;
  border: 1px solid #DCDCDC;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
/*# sourceMappingURL=style_533.css.map */