/* Reset CSS  */
ol, ul{margin: 0; padding: 0; border: 0; vertical-align: baseline; list-style: none;}
.row{margin-left: -15px; margin-right: -15px;  }
.col{padding-left: 5px;}
/* 取消col預設 結束 */

body {
  font-family:'Noto Sans TC', 'Helvetica', 'Arial', 'sans-serif';
  background: url("../img/page/news_header.jpg");
  background-color: #eeefef;
  background-repeat: no-repeat;
  -moz-background-size: cover;        /*for Firefox*/
  -webkit-background-size: cover;        /*for Google Chrome、Safari*/
  -o-background-size: cover;        /*for O pera*/
  background-size: cover;           /*for IE*/
}

section {padding: 0px;}
p ,ul{font-size: 18px; line-height: 1.7;}

/* RWD 語法自定義 Start */
/* 992px以上（包含）的都適用  */
@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
    background: url("../img/Header_top.jpg"), #0298c3;
    -moz-background-size: cover;        /*for Firefox*/
    -webkit-background-size: cover;        /*for Google Chrome、Safari*/
    -o-background-size: cover;        /*for Opera*/
    background-size: cover;         /*for IE*/
  }
}
/* --------------▼  registration  ▼--------------- */
.blue{ color: #4a6cc3;}

/* --------------▼  body  ▼--------------- */

/* 共用設定 麵包屑  */
.breadcrumb {padding : 0rem 0rem}

.breadcrumb {
  margin-top: 140px;
  font-size: 18px;
  color: #0c7aa7;
  letter-spacing:2px;
}

.breadcrumb-item a, a:hover{
  color: #0c7aa7;
  text-decoration:none;
}

.breadcrumb .active{
  color: #0c7aa7;
  /*text-decoration: no;*/
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #0c7aa7;
}
/* 共用設定 麵包屑 結束 */


/* --------------▼  menu 電腦版  ▼--------------*/
.menu-bg {     /* 選單區塊底色*/
  display: block;
  background-color: rgba(192, 211, 228, .3);
  border-top: 3px solid #3a93d1;
}

.menu {   /* 文字設定 */
  display: inline-block;
}

ul.menu li {  /* 按鈕行內元素 */
  display: inline;
}

ul.menu li a {
  font-size: 18px;
  text-align: center; /* 水平置中 */
  line-height: 35px; /* 文字垂直高度 */
  color: #0b609b;
  float: left;
  text-decoration: none;
  border-right: 1px solid #b3cae0;
  padding: 5px 35px 10px 35px;
  text-shadow: 0px 1.2px 1.5px #fff;
  background: linear-gradient(#e0ecf8,#acceed);
}

ul.menu li .active {
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0px 1.2px 1.5px #5592bd;
  background: linear-gradient(#0b4775 , #0b609b, #0b4775);
}

ul.menu li a:hover{
  /*font-size: 20px;*/
  font-weight: bold;
  color: white;
  text-shadow: 0px 1.2px 1.5px #5592bd;
  background: linear-gradient(#0b4775 , #0b609b, #0b4775);
}


/* --------------▼  menu 手機版 下拉選單  ▼--------------*/
.mud-bg {     /* 選單區塊底色*/
  background-color: rgba(192, 211, 228, .3);
}

.mud {   /* 文字設定 */
  margin: 0;
  border-radius: 0;
  border: 0px;
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #5592bd;
  background: linear-gradient(#0b4775 , #0b609b, #0b4775);
  padding: 10px 43px 10px 32px ;
}

.dropdown-menu {
  font-size: 18px;
  text-align: center; /* 水平置中 */
  line-height: 35px; /* 文字垂直高度 */
  border: 1px solid #b3cae0;
  border-radius: 0;
  text-decoration: none;
  background: linear-gradient(#e0ecf8,#acceed);
}

.dropdown-menu a:hover{
  font-size: 20px;
  font-weight: bold;
  color: white;
  width: 100%;
  padding: 5px 35px 10px 35px;
  text-shadow: 0px 1.2px 1.5px #5592bd;
  background: linear-gradient(#0b4775 , #0b609b, #0b4775);
}

.dropdown-item {
  font-size: 18px;
  text-align: center; /* 水平置中 */
  line-height: 35px; /* 文字垂直高度 */
  color: #0b609b;
  border-radius: 0;
  text-decoration: none;
  text-shadow: 0px 1.2px 1.5px #fff;
  background: linear-gradient(#e0ecf8,#acceed);
}

/* 下拉選單 結束*/

/* ----------▼  page05  ▼----------------*/

.country-data-bg{
  background: linear-gradient(#e5e5e5,#eeefef); /*(#eaeaea,#eeefef);*/
  padding:0px 20px 20px 20px;
  margin: 0;
}


.country-data-t1{
  font-size: 20px;
  font-weight: bold;
  color: #0b609b;
}

.country-title-icon {
  width: 60px;
  margin-bottom: 5px;
  margin-right: 13px;
}

.country-data-t2 {
  text-align: left;
  font-size: 16px;
  line-height: 30px;
  background-color: #d2d8d9;
  padding-left: 8px;
}


.digital {
  font-family: 'Helvetica';
  font-size: 25px;
  line-height: 32px;
  font-weight: bold;
  color:#787b78;
}

.unit {
  font-size: 15px;
  line-height: 15px;
  padding-left: 1px;
  color:#333;
}

.years {
  font-size: 14px;
  line-height: 14px;
  color:#787b78;
  padding-left:5px;
  margin-top: 20px;
}

.years-icon {
  width: 13px;
  height: 13px;
  line-height: 20px;
  margin-right: 7px;
  margin-top: 2px;
}
/* page05 結束 */

/* page05 結束 */

/* ----------▼  page04  ▼----------------*/
.report-title {
  font-size: 20px;
  font-weight: bold;
  color: #0b609b;
  margin-left: 0;
}

.report-download{

  font-size: 15px;
  margin-left: 2px;
  color: #3779c7 ;
}

.report-date{
  font-size: 18px;
  margin-left: 2px;
  font-weight:bold;
  color: #666 ;
}

.report-content p{
  font-size: 18px;
  color: #4a4a4a ;
}

.report-hr{
  border-bottom: 3px solid #0b609b;
  margin:40px 0 40px 0;
}

/* page04 結束 */



/* ----------▼  page03  ▼-------------------*/


.policy-title-icon {
  width: 60px;
  margin-bottom: 6px;
  margin-right: 10px;
}

/* 文章列表 */
.policy-title {
  display: block;
  font-weight: bold;
  color: #0b609b;
}

.policy-list {
  display: inline;
  color: #000 ;
}

.policy-date{
  display: inline;
  font-size: 16px;
  margin-left: 2px;
  color: #666 ;
}

.policy-hr{
  border-bottom: 3px solid #c7ced5;
  padding-bottom: 25px;
  margin-bottom: 22px;
}
.form-icon{
  display: inline-block;
  width: 21px;
  height: 21px;
  color: #fff;
  font-size: 14px;
  margin: 0 0 0 3px;
  line-height: 21px;
  text-align: center;
  border-radius: 50%;
  background: #dd3c61 ;
}

a.policy-btn {
  float: right;
  color: #fff;
  font-size: 16px;
  background: #3575c5;
  margin-bottom: 20px;
  padding: 2px 15px 5px 15px;
  border: 0px;
}

a:hover.policy-btn{
  color: #fff;
  background-color: #2b61a3;
}
/* 文章列表 end */

/* 數據 */

.data{
  width: 100%;
  background: linear-gradient(#e5e5e5,#eeefef); /*(#eaeaea,#eeefef);*/
  padding:0px 20px 20px 20px;
  margin: 0;
}

.data-title{
  font-size: 20px;
  font-weight: bold;
  color: #0b609b;
}

.data-info{
  font-size: 16px;
  background: #fff;
  text-align: center;
}

.data-info p{
  font-size: 15px;
  background: #fff;
  padding: 0 5px;
}

a.data-btn {
  display: inline-block;
  margin-top: 20px;
  color: #fff;
  font-size: 15px;
  background: #3575c5;
  padding: 5px 15px 5px 15px;
  border: 0px;
}

a:hover.data-btn{
  color: #fff;
  background-color: #2b61a3;
}
/* 數據 end */
/* page03 結束 */



/* ---▼  page01~05 共用 headerTitle  ▼------- */
.headerTitle{
  font-size: 28px;
  font-weight: 900;
  color: #0b609b;
  letter-spacing:3px;
}
/* page01~05共用 結束 */

/* ---------▼  page02  ▼--------------------- */
.newsTitle{
  font-size: 26px;
  font-weight: 900;
  color: #4a4a4a;
}

.wrap{
  margin: 0 auto;
  width: 100%;
}

.tt{
  display:inline-block;
  border-right: #ccc 2px solid;
}

.ttl{
  display:inline-block;
  float: left;
  font-size: 20px;
}

.ttr{
  display:inline-block;
  float:left;
  font-size:20px;
  color: #4a4a4a;
  margin-left: 20px;
}

.ttr span{
  color: #486cc2;
}

.ttr  a,a:hover{
  color: #4a4a4a;
}


/* 手機版 */
.p-title{
  padding-left: 20px;
  padding-bottom: 5px;
  display:block;
  font-size: 20px;
  border-left: #ccc 2px solid;
}

.p-cont{

  display:inline-block;
  font-size:20px;
  color: #4a4a4a;
}

.p-cont span{
  color: #486cc2;
}

.p-cont a,a:hover{
  color: #4a4a4a;
}

.p-cont-hr{
  border-bottom: 2px solid #ccc;
  margin:30px 0 25px 0;
}

/* 手機版 結束*/
/* page02 結束  */

/* ------▼  page02 分頁數字選單 <123>  ▼-------- */
ul.pagination {
  display: inline-block;
  padding: 0;
  margin: 0;
}

ul.pagination li {
  display: inline;
}

ul.pagination li a {
  color: #4e6ec5;
  float: left;
  padding: 2px 11px;
  margin: 1px ;
  text-decoration: none;
  border-radius: 50% 50%;
}

ul.pagination li a.active {
  background-color: #4e6ec5;
  color: white;
  border-radius: 50% 50%;
}

ul.pagination li a:hover:not(.active) {
  background-color: #ddd;
}
/* page02 分頁數字選單 <123> 結束 */

/* ----------▼  page01  ▼------------------ */
.headerName{
  font-size: 18px;
  font-weight: bold;
  color: #595959;
}

hr {
  max-width: 100%;
  margin: 20px 0px;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}

article h3 {
  font-weight:bold;
  font-size:20px;
  color: #0a6093;
}

article hr{
  border:none;
  border-top:3px solid #0a6093;
}

/* 延伸閱讀 開始 */
.list li {
  line-height: 1.5;
}

.list li a{
  decoration: none;
}
.list li img{
  width: 18px;
  height: 18px;
  margin-bottom: 3px;
  margin-left: 3px;
}
/* page01 結束 */

 /* -------------- footer --------------- */

/* 介於 992px 與 320px 之間的尺寸 phone */
@media screen and (min-width: 319px) and (max-width: 992px) {

#Footer .container {
  margin-top:70px; /*baisy 加註*/
  max-width: 92vw;
  height: auto;
}
}


footer {
  padding: 25px 0;
  color: rgba(201, 209, 220, 1);
  background-color: #0f5792;
}


.footerback{
 /*background: url("../img/page/news_footer_img.jpg");   !* ../img/footer-img.jpg *!*/
 /*background-color: transparent;*/
}


/*baisy 加註 footer 底圖設定*/
/* footer-background 介於 1024px 與 769px 之間的尺寸 pad */
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  /*baisy 加註*/
   #Footer .container {
    margin-top:30px;
  }
 }
/*加註 end*/


/*baisy 加註 footer 底圖設定*/
/* footer-background 介於 1024px 與 769px 之間的尺寸 pad */
@media screen and (min-width: 769px) and (max-width: 1024px) {

   #Footer .container {
    margin-top:100px;
    margin-bottom:50px;
  }
/*加註 end*/

  .footerback{
   background: url("../img/page/news_footer_md.jpg");
   background-repeat: repeat-x;
   background-color: transparent;
   -moz-background-size:100%;
   -webkit-background-size:100%;
   -o-background-size:100%;
   background-size:100%;
  }
 }


 /* footer-background 介於 768.98px 與 567px 之間的尺寸 phone */
 @media screen and (min-width: 569px) and (max-width: 768.98px) {
  /*baisy 加註*/
   #Footer .container {
    margin-top:80px;
  }
  /*加註*/

   .footerback{
    background: url("../img/page/news_footer_sm.jpg");
    background-repeat: repeat-x;
    background-color: transparent;
    -moz-background-size:100%;
    -webkit-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
   }
  }


  /* footer-background 介於 568.98px 與 280px 之間的尺寸 small-phone */
@media screen and (min-width: 280px) and (max-width: 568.98px) {
  /*baisy 加註*/
   #Footer .container {
    margin-top:50px;
  }
  /*加註*/

    .footerback{
     background: url("../img/page/news_footer_xs.jpg");
     background-repeat: repeat-x;
     background-color: #0f5792;
     -moz-background-size:100%;
     -webkit-background-size:100%;
     -o-background-size:100%;
     background-size:100%;
    }
  }
  @media screen and (min-width: 1025px) and (max-width: 1366px) {#mainNav .navbar-nav > li > a {font-size: 100%;}}