/* override bootstrap styles---update 10.05*/
/* Wrapper for page content to push down footer */
html,
body {
    height: 100%;
}

#wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto  -225px;  /* -305px*/  /* Negative indent footer by its height */
    padding: 0 0 225px;  /* 305px*/  /* Pad bottom by footer height */
}

#footer {
    height:225px;  /* 305px*/
}
/* End of Wrapper for page content to push down footer */

/*--------------------------
html,body,footer, .header, .banner-wrap, .banner-container{
  max-width: 100%;
}
---------------------------*/

/*--------------------------
html{font-size:100%;}
body{ font-size:14p x;}
---------------------------*/
body {
    color:#231815;
    background-color:#F7F7F7;
    font-family: Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif"
}

h1, .h1 {font-size:2.25em} /*36*/
h2, .h2 {font-size:1.875em} /*30*/
h3, .h3 {font-size:1.5em} /*24*/ 
h4, .h4 {font-size:1.25em} /*18*/
h5, .h5 {font-size:0.875em} /*14*/
h6, .h6 {font-size:0.75em} /*12*/


/*li li, li p, li span, li p span, p span{font-size:1em}*/
#w960{   width:1170px;
         clear:both;
}

.container{
    /*width:960px;*/
    width:1170px;
    max-width:100%;
}

@media (min-width: 992px) and (max-width: 1024px) {
    .container{
        width: 1024px;
    }
}

.fix{  width:1024px; }

.inline{  display: inline-block;}

.nopadding {
    padding: 0 !important;
    margin: 0 0px !important;
}

.darkgray{  color:#231815; font-weight:bold;}
.gray{  color:#3E3A39;}
.gray2{
    color:#595757;
    margin-left:1em;
    text-indent: -1.2em;
    line-height: 28px;
}
.line28{  line-height:28px;}
.line22{  line-height:22px;}
.mr40{  margin-right:2.5em;} /* -40px */
.mb40{  margin-bottom:2.5em;} /* 40px */
.mb25{  margin-bottom:1.563em;} /* 25px */
.mt14{  margin-top:0.875em;} /* 14px */
.mtn15{  margin-top:-0.9em;} /* 15px */
.mt30{  margin-top:1.875em;} /* 30px */
.mt45{  margin-top:2.813em;} /* 45px*/
.mt60{   margin-top:3.75em;} /* 60px */
.ml15{   margin-left:0.938em;} /* 15px */
.ml25{   margin-left:1.563em;} /* 25px */
.ml30{   margin-left:1.875em;} /* 30px */
.ml40{   margin-left:2.5em;} /* 40px */
.ml45{   margin-left:2.813em;} /* 45px */
.ml50{   margin-left:3.125em;} /* 50px */
.mml60{   margin-left:3.75em;} /* 60px */
.mmr10{  margin-right:10px;}
.m20{   margin: 1.25em 1.563em 1.25em 1.875em;} /*20px 25px 20px 30px*/
.mmt60{   margin-top:0px;}
.hline {border-bottom: 0.08em solid  #C2BFBE; width:100%;} /* 1px */
.hline5 {border-bottom: 0.313em solid  #7495A7;} /* 5px */
.hline5b {border-bottom: 0.313em solid  #000;} /* 5px */
.hline-dot {
    border-bottom:  thin dotted #888;
    margin-bottom: 0.625em;  /* 10px */
    margin-top: 0.313em;  /* 5px */
}

/*--------------- Tables ----------------*/
.bg_blue{
    background-color:#6EC6D1;
    color:#fff;
    font-weight:normal;
}

.border-3 > tbody > tr > td{
    border-color:#A7DBE1;
}

.border-6 > tbody > tr > td{
    border-bottom: 0.08em solid #A7DBE1;  /* 1px */
    max-width: 100%;
    height: 2.5em;  /* 25px */
    border-top: 0px;
}

/*--------------- Page ----------------*/
.option a{
    font-size:1em;  /*17改16*/
    line-height:2.25em; /* 36px */
    color:#595757;
    padding-right:1.125em; /* 25px 改18px */
}

.option a:hover, .option a:focus, .option a:active{
    font-size:1.125em; /*18*/
    font-weight:bold;
    text-decoration:none;
}

.content, .content h2{  color:#000;}

.content h5{ line-height:1.5em;} /* 20px */

.content .left {
    padding-left: 0.75em; /* 12px */
    text-indent:-0.75em; /* 12px */
}
.content  .w16, .content  .w16 a{   font-size:1em; color:#000; }  /* 16 */
.content  .w18{   font-size:1.125em; color:#0070A3; font-weight:bold;} /* 18 */

.content  .w16 a:hover, .content  .w16 a:active,
.content  .w18 a:hover, .content  .w18 a:active{
    color:#000; text-decoration:none;}

.list-group-item {
    padding: 0.625em 0.313em;   /* 10px 5px */
    margin-bottom: -0.08em; /* -1px */
    background-color: transparent;
    border: 0px solid #ddd;
    border-bottom:  thin dotted #888;
}

.bg_title{
    margin-top:1.5em; /* 20px */
    padding:0.625em; /* 10px */
    background-color:#B2DEE4;
}

.bg_gray{
    background-color:#DFE6E9;
}

/*--------------- Header ----------------*/
.header {
    /*position: fixed;*/
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #4A4234;
    z-index:999;
}

.navbar-header {
    margin:0;
    padding:0;
}

.header-container {
    width: 100%;
}

.nav-container {
    padding-right: 0;
    margin:0;
}

.navigation {
    list-style: none;
    /*height: 3.438em;    55px */ 
    height: 3em;
    /*text-align: right;*/
    /*padding-top: 1.5em;    24px */ 
    padding-top: 1em;
    /*margin-left:-0.25em;*/
    margin-left:-1em;
}

.navigation li {
    display: inline-block;
}

.navigation li a {
    color: #fff;
    font-size: 1em; /* 13改14 */
    /*padding: 0 0.1em 0 0em;   /*  1.5px */
}

.navigation li a:hover {
    color: #B2DEE4;
}

.navigation li {
    color: #fff;
    font-size: 0.95em; /* 13改15 */
}

/*--------------- End Header ----------------*/

/*--------------- SUB-PAGE---------Banner+Search Box-------------*/
.sub-wrap {
    background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/img/banner-bg2.png') no-repeat;
    background-size: cover;
    position: relative;
    top:0px;
    width: 100%;
    height: 16px;  /*--------------這邊可以調整banner高度---------------------*/
    margin-top: 0px;
    overflow: hidden;
    /*z-index: 9;*/
    background-position: 50% 50%;
}

.sub-container {
    background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/img/banner-bg.png') no-repeat;
    background-size: cover auto;
    position: relative;
    top:0px;
    width: 100%;
    height: 16px;  /*--------------這邊可以調整banner高度---------------------*/
    margin-top: 0px;
    overflow: hidden;
    z-index: 10;
    background-position: 50% 50%;
}

.sub-search-left {
    color: #fff;
    padding: 1.5em 2em 0em 1em;  /*padding: 24px 32px 0px 0px;*/
    /*left:0.625em; 10px;*/
}

.sub-search-input {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 254px;
    height: 2.5em;  /*50px */
    color:#3E3A39;
    background:#fff;
    padding-left: 0; /*20px */
    /*border:3px solid #B2DBDE;*/
}

#sub-search-input {
    display: inline-block;
    height: 100%;
    width:200px;
    /*border: 0;*/
    border-radius: 0;
    /*background-color: transparent;*/
}

#sub-search-input:focus {
    outline: 0;
}

.sub-search-submit {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background: #3E3A39;
    border: 0;
    border-radius: 0;
    height: 38px;  /* 40px */
    width: 55px;  /* 3.75em */
    color: #fff;
}

/*--------------- Banner of  Index----------------*/

.col-left {
    background:#B2DBDE;
    height:7.85em;/*112px*/
    height:8em\9; /* IE8 Fix*/
}

.col-right {
    background:#779AAD;
    height:7.85em;/*112px*/
    height:8em\9; /* IE8 Fix*/
}

.banner-wrap {
    background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/img/banner-bg.png') no-repeat;
    background-size: cover;
    position: relative;
    top:0px;
    width: 100%;
    /*height: 240px;*/
    margin-top: 0px;
    overflow: hidden;
    /*z-index: 9;*/
    background-position: 50% 50%;
}


.banner-container {
    background-size: cover auto;
    position: relative;
    top:0px;
    width: 100%;
    /*height: 240px;*/
    margin-top: 0px;
    overflow: hidden;
    z-index: 0;
    background-position: 50% 50%;
}


.banner-left {
    color: #fff;
    padding: 1.5em 2em 0em 0em;  /*padding: 24px 32px 0px 0px;*/
    /* left:0.625em10px;*/
}

.search-input {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 21em; /*380px*/
    height: 2.75em;  /*44px */
    color:#3E3A39;
    background:#fff;
    padding-left: 0; /*20px */
}

#search-input {
    display: inline-block;
    height: 100%;
    width:18em; /*290pxpx*/
    /*border: 0;*/
    border-radius: 0;
    /*background-color: transparent;*/
}

#search-input:focus {
    outline: 0;
}

.search-submit {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background: #3E3A39;
    border: 0;
    border-radius: 0;
    height: 2.75em;  /* 44px */
    width: 60px;  /* 3.75em */
    color: #fff;
}

.subtitle a {
    font-size: 0.9375em;/*15*/
    color:#FFF;
    float: right;
    margin-right:6.5em;
}

.subtitle a:hover, .subtitle a:active {
    color:#0070A3;
}

.hotsearch a {
    font-size: 1.125em;/*18*/
    color:  #000057; /*yellow;*/
    float: left;
    margin-left:5em;
    font-weight:bold;
    text-decoration:underline;
}

.hotsearch a:hover, .hotsearch a:active {
    color: black;
}

.hotsearch-xs a {
    font-size: 1.125em;/*18*/
    color: #000057;
    float: left;
    margin-left:1.5em;
    font-weight:bold;
    text-decoration:underline;
}

.hotsearch-xs a:hover, .hotsearch a:active {
    color: black;
}

.banner-center {
    color: #fff;
    padding: 0em 0 0em  1em; /*  0px 0 0px 32px */
}

.banner-center h4, .banner-center .h4 {
    color: #0050A3;
    font-weight:bold;
    line-height:1.3em; /* 28px */
    /*padding-top:5px;*/
    padding-left:10px;
}


.banner-right{
    padding: 0em  0 0em  1em; /*  0px 0 0px 16px */
    padding: 0em  0 0em  0em\9; /* IE8 Fix*/
}

.banner-right h4, .banner-right .h4{
    color: #0050A3;
    font-weight:bold;
    line-height:1.3em; /* 28px */
    /*padding-top:5px;*/
    padding-left:10px;
}

/*--------------- End Banner ----------------*/

/*-------====== Media Quaries ======--------*/
@media (max-width: 767px) {
    /*---------- Header ------------*/
    .fix{  width:100%; }
    .header {
        position:relative;
        height: auto;
        background: #4A4234;
        padding-bottom:0px;
        padding-top:5px;
        margin:0 auto;
        width:100%;
    }
    /*---------- Banner ------------*/
    .banner-wrap {
        height: auto;
        background: transparent;
        background-color: #666;
        top:-20px;
    }

    .banner-container {
        background: transparent;
        width: 100%;
    }

    .banner-left {
        background-color: #B2DEE4;
        padding: 40px 32px 0px 10px;
        left:-20px;
    }

    .subtitle a{
        font-size: 0.75em;/*12*/
        right:50px;
    }

    .search-input {
        position: relative;
        display: inline-block;
        text-align: left;
        height: 25px;
        width: 85%;
        color:#3E3A39;
        background:#fff;
        padding-left: 20px;
    }

    #search-input {
        display: inline-block;
        height: 25px;
        width: 85%;
        border: 0;
        border-radius: 0;
        background-color: transparent;
    }

    .search-submit {
        height: 25px;
        width: 45px;
    }

    .banner-center{
        background-color: #7BB6D3;
        padding: 15px 20px 5px 40px;
        left:-20px;
    }

    .banner-right {
        background-color: #7799AC;
        padding: 5px 20px 5px 40px;
        left:-20px;
    }
}

@media (min-width: 1025px){
    .banner-wrap {
        background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/img/banner-bg3.png') no-repeat;
        background-size: cover;
        position: relative;
        top:0px;
        width: 100%;
        /*height: 240px;*/
        margin-top: 0px;
        overflow: hidden;
        /*z-index: 9;*/
        background-position: 50% 50%;

    }
}

/* ---------DROPDOWN menus--------------------------------*/
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-default {
    border: 0;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/images/br_Commerce_menu.gif) 0 0 repeat-x;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2dabde+0,53cbf1+40,0060ac+100 */
    /*    background: #2dabde; /* Old browsers */
    /*    background: -moz-linear-gradient(top,  #2dabde 0%, #53cbf1 40%, #0060ac 100%); /* FF3.6-15 */
    /*    background: -webkit-linear-gradient(top,  #2dabde 0%,#53cbf1 40%,#0060ac 100%); /* Chrome10-25,Safari5.1-6 */
    /*    background: linear-gradient(to bottom,  #2dabde 0%,#53cbf1 40%,#0060ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dabde', endColorstr='#0060ac',GradientType=0 ); /* IE6-9 */
}

.navbar-default .navbar-nav > .open > a:focus  {
    background-color: transparent;
}

.navbar-nav > li:a {
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
    font-size:1.2em;/*17改19*/
    font-weight:bold;
    /*line-height:1.25em;  /* 18px改20px */
    /*height:2.6em;  /* 62px改48px  */
    /*margin-top:0em;  /* 5px */
    background-color: transparent;
    /*padding: 12px 10px 10px 20px;*/

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FF0;
    background-color: #00A0F7;
    font-weight:bold;	
    /*font-size:1.2em; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nav .dropdown > a:hover,
.nav .dropdown > a:focus,
.nav .dropdown > a:active{
    /*background-color:#D4DDE1;*/
    /*font-size:1.25em;  /*18改22*/
    font-weight:normal;
}

.nav .dropdown-toggle .caret { display:none; }

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.375em; /* -6px */
    margin-left: -0.08em; /* -1px */
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -110%;
    width:110%;
    margin-left: 0px;
}

.pull-left,
.pull-left:hover > a,
.pull-left:hover > a:active,
.pull-left:hover > a:focus{
    width:100%;
}

/* ---------2015/9/22----------------------*/

.dropdown-submenu.left-submenu {
    float:none;
}

.dropdown-submenu.left-submenu > .dropdown-menu {
    left: -100%;
    /*width:auto;*/
    margin-left: 10px;
    float:left;
}

.left-submenu,
.left-submenu:hover > a,
.left-submenu:hover > a:active,
.left-submenu:hover > a:focus{
    width:auto;
}

.dropdown-menu li a {
    padding-left: 0.5em; /*8px;*/
    padding-right: -0.35em; /*-6px;*/
}

/* -------------------------------*/

.dropdown-menu {
    /* min-width: 200px;*/
    width:auto;
    left:-2.1em; /* -40px */
}

.dropdown-menu {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    background-color:#B2DEE4;
    font-size:1.1em; /*16改17*/
    color:#231815;
    padding:0;
    border:none;
}

.dropdown-menu:before  {
    position: relative;
    top:-0.625em; /* -11px 改 -10px */
    left: 6.25em; /* 100px */
    display: inline-block;
    border-right: 0.45em solid transparent;  /* 6px */
    border-top: 0.6em solid #0060AC; /* 6px */
    border-left: 0.45em solid transparent; /* 6px */
    border-top-color:  #0060AC;
    content: '';
}

.dropdown-submenu>.dropdown-menu:before  {
    display: none;
}

.dropdown-submenu>.dropdown-menu {
    top:0;left:100%;
    margin-top:0px;
    margin-left:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    background-color:#7799AC;
    font-size:1em; /*15改16*/
}

.dropdown-submenu>.dropdown-menu > li >a {
    color:#fff;
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 0.313em 0 0.313em 0.313em;   /* 5px 0 5px 5px */
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -0.625em; /* -10px */
    margin-top: 0.313em; /* 5px */
    width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#fff;
}

.dropdown-menu> li >a:hover,
.dropdown-menu> li >a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:hover > a:active,
.dropdown-submenu:hover > a:focus{
    background:#7799AC;
    color:#fff;
}

.dropdown-submenu>.dropdown-menu > li > a:hover,
.dropdown-submenu>.dropdown-menu > li >a:focus{
    background:#B2DEE4;
    color: #231815;
}

.slash{
    /*padding-top:2.8em; /* 45px */
    /*width:0.1em; /* 1px */
    /*height:3.125em;  /* 50px */
    /*color:#000;*/
    /*background:#A8DDE3;*/
    /*-webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -sand-transform: rotate(30deg);
    margin:0.5em 0.5em 0 0.5em;   /*   8px 9px 0 3px */
}

/*-------====== Media Quaries ======--------*/

/*  Dropdown Menu*/

@media (max-width: 767px) {
    .collapsing, .in {background-color: #f7f7f7; margin-top:10px;}
    .collapsing ul li a, .in ul li a {color:#000!important;}
    .collapsing ul li a:hover, .in ul li a:hover {color: #1B2A7A!important;}
    .collapsing ul li a:focus, .in ul li a:focus {color: #666!important;}

    .navbar-default .navbar-toggle {
        background-color: #999;
        margin:0px;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #555;
    }

    .navbar-nav  {
        display: inline;
    }

    .navbar-default {
        background:transparent;
        border:0;
        margin:0px;
        bottom:10px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav > li > a {
        height:35px;
        margin-top:0px;
    }

    .navbar-default .navbar-nav .dropdown-menu> li > a {
        background-color: #B2DEE4;
        border-radius: 0px;
        margin-top: 2px;
    }

    .navbar-default .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu > li>a {
        color: #fff;
        background-color: #7799AC;
        border-radius: 0px;
        margin-top: 2px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #231815;
    }

    .navbar-default .navbar-nav > li.dropdown.open > a{
        background-color:transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color:  #7BB6D3;
        color:#fff;
    }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }

    .dropdown-menu {
        padding-left: 0px;  /*    padding-left: 10px;*/
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }

    li.dropdown.open {
        border: 0px solid red;
    }

    .dropdown-menu:before,
    .dropdown-submenu>.dropdown-menu:before  {
        display: none;
    }
}

@media (max-width: 767px) {
    .dropdown-submenu.left-submenu {float:none;}

    .dropdown-submenu.left-submenu > .dropdown-menu {
        left: 0;
        width:auto;
        margin-left: -50px;
        float:right;
    }

    .left-submenu,
    .left-submenu:hover > a,
    .left-submenu:hover > a:active,
    .left-submenu:hover > a:focus{
        width:100%;
    }
}


@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
        margin-top:1px;
    }
    #navbar {
        text-align: center;
    }
}

@media (min-width: 768px)  and (max-width: 800px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 0.9375em;/*15*/
        /*line-height:18px;*/
        margin:0 -5px;
    }

    .nav .dropdown > a:hover,
    .nav .dropdown > a:focus,
    .nav .dropdown > a:active{
        font-size: 1em;/*16*/
        font-weight:bold;
    }

    .nav-first{
        margin-left:35px;
    }

    .nav-last{
        margin-left:-50px;
    }
}

/* ---------TABS tables--------------------------------*/

.nav-pills >li >a,
.nav-pills > li >a:focus {
    color: #00B0FF;
    font-size:1.2em; /*19*/
    font-weight:bold;
    text-align:center;

}
.nav-pills > li >a:hover{
    /*color: #717071;*/
    color: #00B0FF;
    background-color: transparent;
}

.nav-pills >li.longName >a,
.nav-pills >li.longName >a:focus {
    color: red;
    font-size:1.2em; /*19*/
    font-weight:bold;
    text-align:center;
}
.nav-pills > li.longName >a:hover{
    /*color: #717071;*/
    color: red;
    background-color: transparent;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    /*color:#fff; 
    text-align:center;
    background:#E41310;*/
    /*舊站底圖*/
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/images/br_subbtm.gif) 0px 8px no-repeat;
    color: #FFF;
}


.nav-pills > li.midName.active > a, 
.nav-pills > li.midName.active > a:hover, 
.nav-pills > li.midName.active > a:focus {
    /*color:#fff; 
    text-align:center;
    background:#E41310;*/
    /*舊站底圖*/
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/images/br_subbtm_b.gif) 4px -2px no-repeat;
    color: #FFF;
}

.nav-pills > li.longName.active > a, 
.nav-pills > li.longName.active > a:hover, 
.nav-pills > li.longName.active > a:focus {
    /*color:#fff; 
    text-align:center;
    background:#E41310;*/
    /*舊站底圖*/
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/images/br_subbtm_b.gif) 0px 9px no-repeat;
    color: #FFF;
}

.border-bottom > tbody > tr > td{
    /*    border-bottom: 1px solid #A7DBE1;
        max-width: 100%;
        height: 0em;
        font-size:1em;
        color:#0070A3;
        vertical-align:bottom;
    */
    border-bottom: 0px;
    border-top: 0px;
}

.tab-content{    margin-top:1em;} /* 16px  */

/* ---------end of TABS tables--------------------------------*/


/*-------====== Media Quaries( TABS tables) ======--------*/
@media (max-width: 767px) {
    .nav-pills >li >a,
    .nav-pills > li >a:focus {
        color: #fff;
        font-size:1.2em; /*19*/
        font-weight:bold;
        text-align:center;
        background:#717071;
    }

    .nav-pills > li >a:hover{
        background:#00B0FF;
        color: #fff;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        color:#fff;
        font-size:1.4em;  /*22*/
        font-weight:bold;
        text-align:center;
        background:#E41310;
    }
}

/* ---------
.blue-ocean{    color:#0070A3;  }
.blue-baby{    color:#A7DBE1;  }
.blue-sky{    color:#00B0FF;  }

.menudeco{
width:1px;
height:15px;
background:#fff;
margin:20px 0 0 0;
}
--------------------------------*/

/* --- box --- */

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
    position: relative;
    padding-right: 0.9em; /*16px  */
    /* padding-left: 0.313em; 5px  */
    min-height: 0.08em; /* 1px  */
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

.box {
    width: 100%;
    height:82px; /* 82px 5.125em*/
    /*background:#6EC6D1;*/
    text-align:center;    
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0070A3), color-stop(1, #378de5));
    background:-moz-linear-gradient(top, #0070A3 5%, #378de5 100%);
    background:-webkit-linear-gradient(top, #0070A3 5%, #378de5 100%);
    background:-o-linear-gradient(top, #0070A3 5%, #378de5 100%);
    background:-ms-linear-gradient(top, #0070A3 5%, #378de5 100%);
    background:linear-gradient(to bottom, #0070A3 5%, #378de5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0070A3', endColorstr='#378de5',GradientType=0);
    background-color:#0070A3;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    border-radius:18px;
    border:0px solid #007BF3;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    padding:18px 0px 0px 0px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528ecc;
}
.box:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #0070A3));
    background:-moz-linear-gradient(top, #378de5 5%, #0070A3 100%);
    background:-webkit-linear-gradient(top, #378de5 5%, #0070A3 100%);
    background:-o-linear-gradient(top, #378de5 5%, #0070A3 100%);
    background:-ms-linear-gradient(top, #378de5 5%, #0070A3 100%);
    background:linear-gradient(to bottom, #378de5 5%, #0070A3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#0070A3',GradientType=0);
    background-color:#378de5;	
    text-decoration:none;
}
.box:active {
    position:relative;
    top:1px;
}
.box .w17 {
    font-size:1.25em; /*18改20*/
    color:#fff;
}

.box .w17 a:hover{
    text-decoration:none;
}

.box .w17b {
    font-size:1.25em; /*18改20*/
    color:#fff;
    padding-left:40px ; /* 40px 2.5em */
}

.moveleft {
    padding-left:3.125em; /* 50px */
}

.box-bottom {
    font-size:0.95em; /*15*/
    line-height:1.5em; /* 24px */
    color:#0070A3;
    padding:0.625em 0em 0.625em 0; /* 10px 5px 10px 0px */
}

.box-bottom-underline {
    font-size:0.95em;  /*15*/
    line-height:1.5em; /* 24px */
    padding:0.625em 0.313em 0px 0px; /* 10px 5px 0px 0px */
    text-decoration:underline;
    line-color:#0070A3;
}

.box-bottom-underline a:hover{
    text-decoration:underline;
    color:#000;
    line-color:#0070A3;
}

.box-bottom .black {
    color:#000;
}

.circle {
    display:inline-block;
    width:25px;
    height:25px;
    background:#fff;
    border-radius:50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    position:relative;
    top:1px;
    left:-0px;
    behavior: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170339/https://gcis.nat.gov.tw/mainNew/pie/PIE.htc);
}

.circle:hover {
    background:#DFE6E9;
}

.circle i {
    /*color:#6EC6D1;
    line-height:45px;
    font-weight:100px;*/
    margin-top:-5px;
    padding-left:-3px;
}

/*---------- Footer ------------*/
footer {
    /* margin-top:40px;*/
    padding-top:0.625em; /* 10px */
    padding-bottom:2.5em; /* 40px */
    background-color:#D4DDE1;
}

footer .logo{
    display:inline-block;
    position:absolute;
    top:0.2em; /* 30px */
    padding-right:0.5em;  /*20px */
    left:0px;
}

footer .logo2{
    /*display:inline-block;
    position:absolute;
    top:10px;
    padding-left:1.25em;  20px */
}

footer .logo3{
    /*display:inline-block;
    //position:absolute;
    //top:0.625em;  10px 
    //padding-left:7.5em;  100px 改120px*/
}

footer .w13 {
    font-size:0.95em; /*13改15*/
    margin-top:0.05em; /* 20px */
    line-height: 1.5em; /* 24px */
    color:#000;
    z-index: 9999;
}

footer .w13 a, footer .w13 a:hover, footer .w13 a:active{
    /*font-size:0.95em;   13改15*/
    margin-top:1.25em; /* 20px */
    line-height: 1.5em; /* 24px */
    color:#00F;
}

footer .w14,
footer .w14 a {
    font-size:0.875em; /*14*/
    color:#595757;
    margin-top:3.125em; /* 50px */
}

footer .w17 ,
footer .w17 a{
    font-size:1.063em; /*17*/
    color:#007ACB;
}

footer .w17 a:hover,
footer .w14 a:hover{
    color:#000;
}

footer .moveleft {
    padding-left:4.375em; /* 70px */
}

footer .decoline{
    padding:0px 1.25em 0 0.313em; /* 0px 20px 0 5px */
    font-size:0.625em; /*10*/
    font-weight:bold;
}

footer hr {
    border-color:#BEC2C4;
    margin:5px 0 15px -1.25em;
}

@media (max-width: 767px) {
    footer .logo{
        display:inline-block;
        position:relative;
        top:20px;
        padding-right:20px;
    }

    footer .logo2{
        display:inline-block;
        position:relative;
        top:0px;
        padding-left:px;
    }

    footer .logo3{
        display:inline-block;
        position:relative;
        top:10px;
        padding-left:20px;
    }

    footer .w14,
    footer .w14 a {
        margin-top:20px;
    }
}

@media (max-width: 768px) {
    .mt60{    margin-top:10px;}
    .mmt60{   margin-top:80px;}
    .mmr10{  margin-right:10px;}
}

@media (max-width: 767px) {
    body {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 480px) {
    .mml60{ position:relative; float:left; top:5px; margin-left:-10px;}
}
@media(min-width:481px) and (max-width: 768px) {
    .mml60{ top:2px; margin-left:0px;}
    .inline{  display: block;}
}


/*12.28修改 "進階檢索" 文字位置*/
@media (max-width: 320px) {
    .subtitle a{
        left:40px;
    }
}

@media(min-width:560px) and (max-width: 780px) {
    .subtitle a{
        left:165px;
    }
}

@media (min-width: 965px) and (max-width: 1024px) {
    .navbar-default .navbar-nav > li > a {
        font-size:1.1em;
    }

    .nav .dropdown > a:hover,
    .nav .dropdown > a:focus,
    .nav .dropdown > a:active{
        font-size:1.1em;
    }
}
/*---------- 常用連結 12/31 ------------*/
.navbar-link{
    border:0px;
    border-radius: 0;
    background-color:#7799AC;
    margin:0;
}

.navbar-link > .navbar-nav > li:a {
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}

.navbar-link .navbar-nav > li > a {
    color: #fff;
    font-size:1.2em;
    font-weight:300;
}

.navbar-link .navbar-nav > li > a:hover,
.navbar-link .navbar-nav > li > a:focus {
    color: #fff;
}

.navbar-link .nav .dropdown > a:hover,
.navbar-link .nav .dropdown > a:focus,
.navbar-link .nav .dropdown > a:active{
    /* background-color:#666;*/
    font-size:1.2em;
    font-weight:300;
}

.navbar-link .dropdown-menu {
    left:0em;
}

.navbar-link .dropdown-menu {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    background-color:#ccff99;
    color:#fff;
    padding:0px 20px 20px 0px;
    border:none;
    margin-bottom: -0.05em;
}

.navbar-link .dropdown-menu:before  {
    position: relative;
    top:-0.625em;
    left: 6.25em;
    display: inline-block;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    content: '';
}

.navbar-link .dropdown-menu.columns-4 {
    min-width: 950px;
}
.navbar-link .dropdown-menu li a {
    /*padding: 10px 10px;*/
    font-weight: 600;
}
.navbar-link .multi-column-dropdown {
    list-style: none;

}
.navbar-link .multi-column-dropdown li a {
    display: block;
    clear: both;
    /*line-height: 1.428571429;*/
    color: #333;
    white-space: normal;	
    height:75px;
    width:200px;
    margin-left:-17px;
}
.navbar-link .multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .navbar-link  .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }

    .navbar-link .multi-column-dropdown li a {
        color: #fff;
    }

    .navbar-link{
        background:#7799AC;
        position: relative;
        border:0;
        margin:0px;
        bottom:10px;
    }
}
ul.list_a {
    padding-left:25px;
    font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif";
}
ul.list_b {
    list-style-type: none;
    padding-left:25px;
    font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif";
}
/*覆蓋bootstrap.css 3867行*/
.nav > li {
    margin: 0 10px 0 10px;
}
/*覆蓋bootstrap.css 3871行*/
.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 3px;
}
/*覆蓋bootstrap.css 3975行*/
.nav-pills > li {
    margin: 0 10px 0 0;
}
/*次頁全站檢索之進階檢索*/
.subtitle1 a {
    font-size: 0.9375em;/*15*/
    color:#000;
    float: right;
    margin-right:-2.5em;
}

.subtitle1 a:hover, .subtitle1 a:active {
    color:#0070A3;
}

.hotsearch1 a {
    font-size: 1.125em;/*18*/
    color:#D00000;
    float: left;
    font-weight:bold;
    text-decoration:underline;
    text-align: left;
    margin:-1px 0 -5px -110px;
}

.hotsearch1 a:hover, .hotsearch a:active {
    color:blue;
}

.hotsearch2 a {
    font-size: 1.125em;/*18*/
    color:#D00000;
    float: left;
    font-weight:bold;
    text-decoration:underline;
    text-align: left;
    margin:-1px 0 -5px 0;
}

.hotsearch2 a:hover, .hotsearch a:active {
    color:blue;
}

/*胖頁尾*/
.opnemenu_area {
    position: relative;
    /*height: 680px;*/
    border-top: 4px solid #7799AC;
    background-color: #F7F7F7; /*#00387b*/
}
.opnemenu_area .openbtn, .opnemenu_area .closebtn {
    display: none;
}
.opnemenu_area .allmenu {
    max-width: 1100px; /*1010px;*/
    margin: 0 auto;
    position: relative;
    padding: 20px 0 40px 0;
}
.opnemenu_area .allmenu .onemenu {
    width: 20%;
    float: left;
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(5), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(5) ~ .onemenu {
    width: 10%;
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(6), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(6) ~ .onemenu {
    width: 16.66667%;
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(7), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(7) ~ .onemenu {
    width: 14.28571%;
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(8), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(8) ~ .onemenu {
    width: 12.5%;
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(9), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(9) ~ .onemenu {
    width: 12.5%; /*11.11111%;*/
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(10), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(10) ~ .onemenu {
    width: 11.11111%; /*20%*/
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(11), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(11) ~ .onemenu {
    width: 9.09091%;
}
.opnemenu_area .allmenu .onemenu:first-child:nth-last-child(12), .opnemenu_area .allmenu .onemenu:first-child:nth-last-child(12) ~ .onemenu {
    width: 8.33333%;
}
.opnemenu_area .allmenu .onemenu h3 {
    position: relative;
    margin: 0 6px;
    margin-bottom: 10px;
}
.opnemenu_area .allmenu .onemenu h3 a {
    color: #4040FF;/*#40d2f2;*/
    font-size: 0.9em;
    /*font-weight:normal;*/
}
.opnemenu_area .allmenu .onemenu ul {
    margin: 0 10px 0 0;
    list-style: none;
}
/*.opnemenu_area .allmenu .onemenu ul li + li*/
.opnemenu_area .allmenu .onemenu ul li {
    margin-top: 6px;
    text-align:justify;
    width:5em;
}
.opnemenu_area .allmenu .onemenu ul li a {
    display: block;
    /*line-height: 1.6;*/
    color: #4040FF;/*color: #ffffff;*/
    margin: 0 0 0 -35px;
    padding:3px 0;
    font-size: 0.95em;
}
.opnemenu_area .allmenu .onemenu ul li a:hover {
    /*color: #9fd4fc;*/
}
.opnemenu_area .shadow {
    display: none;
}
/* 公司法修修法專區我有話要說 */
.comment-respond textarea {
    /*border: 2px solid #40d2f2;*/
    border-radius: 10px;
    width: 300px;
}
.comment-respond input[type="text"],input[type="email"] {
    /*border: 2px solid #40d2f2;*/
    border-radius: 3px;
    height: 2em;
}
.comment-respond #author {
    width: 98px;
}
.comment-respond #email {
    width: 198px;
}
.comment-respond input[type="submit"] {
    background-color: #0070A3;
    /*border: 0;*/
    color: white;
    text-align: center;
    border-radius: 10px;
    height: 2.5em;
    position: relative;
    right:5px;
    margin: 0 5px;
}
.comment-respond label {
    margin-bottom: 0;
}
.entry-title {
    font-size: 1.5625em;/*25*/
    margin-bottom: 7px;
    letter-spacing: 0.5px;
    font-weight: bold;
}

@media screen and (min-width: 790px) {
    .entry-title {
        font-size: 1.75em;/*28*/
    }
}

.entry-title a:hover {
    text-decoration: underline;
}

.single .entry-title {
    font-size: 2em;/*32*/
}
.keyin {
    /*float:left;
    margin:20px;*/
}
#respond {
    padding-top: 20px;
}

#respond .comment-form label {
    display: block;
    margin-bottom: 4px;
}

#respond .form-allowed-tags {
    font-size: 0.75em;/*12*/
}

#respond .form-allowed-tags code {
    background: none;
}

#respond .comment-reply-title {
    font-size: 1.125em;/*18*/
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#respond .comment-notes {
    display: none;
}

#respond label {
    font-size: 0.9375em;/*15*/
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.full-screen .comments-area {
    max-width: 1130px;
    margin: 0 auto;
}

#comment .comments-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

#thoughts .comment-list {
    list-style: none;
    padding-left: 0px;
}

#thoughts .comment-list .pingback {
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0;
    margin: 0;
}

#thoughts .comment-list .pingback p {
    margin: 0px;
}

#thoughts .comment-list .pingback:last-child {
    margin-bottom: 40px;
}

#comments .comment-list {
    list-style: none;
    padding-left: 0px;
}

#comments .comment-list .pingback {
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0;
    margin: 0;
}

#comments .comment-list .pingback p {
    margin: 0px;
}

#comments .comment-list .pingback:last-child {
    margin-bottom: 40px;
}

#comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link {
    color: #aaaaaa;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 0.6875em;/*11*/
}

#comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover {
    color: #fab702;
}

#comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after {
    /*content: "/"; */
    padding: 0px 5px;
}

#comments .comment .comment-wrapper .comment-meta a:last-child:after {
    content: "";
}

#comments .comment .comment-wrapper .comment-meta cite .fn {
    font-weight: bold;
    font-style: normal;
    margin-right: 5px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.875em;/*14*/
}

#comments .comment .comment-wrapper .comment-meta cite span {
    padding: 3px 10px;
    background: #e9e9e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}

#comments .comment .comment-wrapper a {
    text-decoration: none;
}

#comments .comment .children {
    padding-left: 30px;
}

#comments .comment .children .children {
    padding-left: 30px;
}

#comments .comment .children .children .children {
    padding-left: 0px;
}

@media screen and (min-width: 790px) {
    #comments .comment .children {
        padding-left: 90px;
    }
    #comments .comment .children .children {
        padding-left: 90px;
    }
    #comments .comment .children .children .children {
        padding-left: 90px;
    }
}

#comments .form-allowed-tags {
    display: none;
}

#comments a {
    text-decoration: none;
}

#comments a:hover {
    text-decoration: underline;
}
.message_show {
    width: 100%;
    font-family: "新細明體", Arial;
    font-size: 0.8125em;/*13*/
    color: #003366;
    line-height: 30px;
    text-align: center;
    color: red;
    padding-top: 10px;
    font-weight: bold;
}
a.sr-only {
    background: transparent;
    color: #FFF;
    float: left;
}
input:focus {
    color: #000;
    /*height: 30px;*/
    /*background-color: lightcyan;*/
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    border: 2px	solid #f00; 
    outline: none;
}
a:focus,textarea:focus {
    color: #000;
    /*background-color:lightcyan;*/
    border: 2px	solid #f00; 
    outline: none;
}
select:focus {
    color: #000;
    /*height: 30px;*/
    /*background-color: lightcyan;*/
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    border: 2px	solid #f00; 
    outline: none;
}
img.African_swine_fever {
    border: 1px solid #fff;
}
a:focus img.African_swine_fever {
    border: 2px solid #f00;
}






/*
     FILE ARCHIVED ON 17:03:39 五月 11, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 6:48:18 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/