@charset "utf-8";
@font-face { font-family: 'fontello'; src: url('../font/fontello.eot?77412853'); src: url('../font/fontello.eot?77412853#iefix') format('embedded-opentype'), url('../font/fontello.woff?77412853') format('woff'), url('../font/fontello.ttf?77412853') format('truetype'), url('../font/fontello.svg?77412853#fontello') format('svg'); font-weight: normal; font-style: normal; }
.demo-icon { font-size: 1.125em; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
/*--修改bootstrap原件設定--*/
html { font-size: 100%; }
.glyphicon { font-size: 1.125em; }
body { font-family: Arial, Helvetica, sans-serif; line-height: 1.42857143; background-color: #c9e5fd; }/*--第655行--*/
.thumbnail>img { max-height: 200px; }/*--第669行--*/
.h1, h1 { font-size: 1.75em; line-height: 135%; }/*--第695行--*/
.h2, h2 { font-size: 1.5625em }/*--第697行--*/
.h3, h3 { font-size: 1.25em; line-height: 130%; }/*--第699行--*/
.h4, h4 { font-size: 1.125em; line-height: 140%;}/*--第671行--*/
.h5, h5 { font-size: 0.875em }/*--第673行--*/
.img-thumbnail { padding:0; border: none; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }/*--第673行--*/

.h6, h6 { font-size: 0.75em }/*--第675行--*/
.form-control { opacity: 0.8; }/*--第1371行--*/
.search .btn { color: #FFF; background-color: #000; opacity: 0.8; }/*--第1541行--*/
.btn { font-size: 1.0625em; padding: 6px 12px 4px 12px; }/*--第1541行--*/
.search .btn:hover { color: #CCC; }
.search .btn:focus { color: #9FF; }
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { margin-top: -2px; }/*--第1821行--*/
.nav>li>a { position: relative; display: block; padding: 10px; }/*--第1827行--*/
.navbar-collapse.in {overflow-x: hidden;}/*--第1931行--*/
.navbar-fixed-top { top: 50px; }/*--第1967行--*/
.navbar-default { background-color: inherit; background: url(../img/navbar-default.png) repeat; border-color: transparent; }/*--第2075行--*/
.navbar-default .navbar-nav>li>a { color: #FFF; }/*--第2083行--*/
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #FF0; background-color: transparent; }/*--第2085行--*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #CFF; background-color: transparent; min-height: 30px; }/*--第2087行--*/
.navbar-toggle .icon-bar { width: 35px; height: 4px; border-radius: 2px }/*--第1985行--*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgba(87,87,87,0.8); }/*--第2093行--*/
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }/*--第2095行--*/
.breadcrumb { padding: 8px 15px 8px 0; margin-bottom: 20px; list-style: none; background-color: transparent; border-radius: 0; }/*--第2171行--*/
.thumbnail { margin-right: 20px; }/*--第2291行--*/
.list-group-item { color: #fff; /*background-color: #8fdad3; border: 1px solid #8fdad3;*/ background-color: #2B8279; border: 1px solid #2B8279; }/*--第2408行--*/
a.list-group-item { color: #fff }/*--第2414行--*/
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { color: #fff; background-color: #2B7D88; border-color: #2B7D88 }/*--第2426行--*/
.close { font-size: 1.5625em; margin-right: 15px; margin-top: 7px; }/*--第2628行--*/
.modal-body { margin-top: 25px; }/*--第2660行--*/
.btn-default, .btn-primary { color: #fff; background-color: #000; border-color: #000; }
.btn-default:hover, .btn-primary:hover { color: #fff; background-color: #666; border-color: #666; }
/*--自定CSS設定----------------------------------------*/
/*--共同--*/
h1 { color: #1b4956; }
header.hero-spacer { background-color: transparent; padding: 0; margin-top: 60px; margin-bottom: 20px; }
.movie header.hero-spacer { margin-top: 0; }
.btn2 { font-style: normal; border-color: black; color: black; border-radius: 0; }
.btn2:hover { color: #fff; background-color: #000; }
.btn3 { font-style: normal; border-color: white; background-color: black; color: white; border-radius: 0; font-size: 1.0625em; }
.btn3:hover { color: white; background-color: black; border-color: black }
.hr { border-bottom: 1px dotted #898b8c; }
hr { border-top: 1px solid #898b8c; }
.mp { position: absolute; left: 50%; top: 200px; width: 450px; }
.mp .search { margin-bottom: 13px; }
section.Content { margin: 20% 13.5% 0; padding-bottom: 60px; }
.lp, .cp, .Forward { margin-top: 10px; margin-bottom: 20px; padding: 20px; background-image: url(../img/bg.png); background-repeat: no-repeat; background-position: left top; background-color: rgba(255,255,255,0.8); overflow: hidden; }
.lp .row { margin: 0 0 20px; padding: 0 0 10px; }
.lp h3, .lp h3 a, .lp h4, .lp a h4 { color: #1b4956; }
.lp a:hover h4 {color: #1b4956 !important;}
.lp h4 { margin: 1px 0; font-weight: 500; }
.agencies { margin-top: 20px; }
.np { font-size: 0.813em; }
.np .row { margin: 0 -5px 0 -1px; }
.np h2 { font-size: 2.5em; color: #FFF; text-shadow: 0px 0px 5px #000; }
.np h3 { margin: 0 0 10px; padding: 0; letter-spacing: 0.01em; font: 200 1.5em/140% Verdana, Geneva, sans-serif; }
.taipei101 { font-size: 0.75em; text-align: right; letter-spacing: 0.03em; color: #FFF; text-shadow: 0px 0px 4px #000; }
.taipei101.N, .taipei101.M { font-size: 0.75em; letter-spacing: 0.03em; color: #FFF; text-shadow: 0px 0px 4px #000; margin:0; padding: 0; position: absolute; bottom:60px; right:50px; }
@media (max-width: 767px) {
.taipei101.N, .taipei101.M { position: relative; vertical-align:bottom; text-align:right; margin-top:80px; /*margin-right:-30px;*/ margin-bottom:0; }
.taipei101.M {margin-right:3.5%;}
}
.menubg .col-xs-7, .menubg .col-sm-7, .menubg .col-lg-7, .menubg .col-xs-5, .menubg .col-sm-5, .menubg .col-lg-5, .np .col-lg-3, .np .col-lg-2, .np .col-lg-4, .np .col-lg-5, .np .col-lg-6, .np .col-lg-7, .np .col-lg-8, .np .col-sm-3, .np .col-sm-2, .np .col-sm-4, .np .col-sm-5, .np .col-sm-6, .np .col-sm-7, .np .col-sm-8, .np col-xs-12, .lp .col-lg-3, .lp .col-lg-2, .lp .col-lg-4, .lp .col-lg-5, .lp .col-lg-6, .lp .col-lg-7, .lp .col-lg-8, .lp .col-sm-3, .lp .col-sm-2, .lp .col-sm-4, .lp .col-sm-5, .lp .col-sm-6, .lp .col-sm-7, .lp .col-sm-8, .lp .col-sm-12, .lp col-xs-12 { padding-left: 0; padding-right: 0; }
span.image2 img { display: inline-block; max-width: 100%; height: auto; line-height: 1.42857143; /*padding: 4px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px;*/ -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
section.function { }
section.function ul { list-style: none; text-align: right; }
section.function ul li { display: inline; margin: 0 0 0 10px; padding: 0; vertical-align: middle; background-image: none; }
/*--photo--*/
.photo .col-sm-4, .photo .col-lg-4 { padding-left: 16px; padding-right: 16px; }
/*--thumbnail2--*/
.thumbnail2 { display: block; padding: 0px; margin-bottom: 0;/* border-radius: 4px;*/ overflow: hidden; line-height: 1.42857143; background-color: #000; border: none; }
.thumbnail2 a>img, .thumbnail2>img { margin-right: auto; margin-left: auto }
a.thumbnail2.active, a.thumbnail2:focus, a.thumbnail:hover { border-color: #337ab7 }
.thumbnail2 .caption { padding: 9px; color: white }
.thumbnail2 span.image { display: block; background-color: #FFF; height: 180px; overflow: hidden; }
/*--News,Resources,Photos,emergencyContacts,governmentAgencies--*/
.News a, .Resources a, .Photos a, .emergencyContacts a, .governmentAgencies a, .grayBox a { display: block; color: #FFF; background-color: rgba(0,0,0,0.5); margin-top: 5px; margin-bottom: 5px; padding: 15px 20px; }
.News a:hover, .Resources a:hover, .Photos a:hover, .emergencyContacts a:hover, .governmentAgencies a:hover, .grayBox a:hover { background-color:rgba(0,0,0,0.9); text-decoration: none !important; }
.News a h3, .Resources a h3, .Photos a h3, .emergencyContacts a h3, .governmentAgencies a h3 { margin:0 0 10px;}
.News a, .Resources a, .grayBox a { margin-right:5px;}
.grayBox a { margin-bottom: 0; height: 80px;}
.grayBox h3 { line-height: 150%; height: 50px; overflow: hidden;}
.News a, .Resources a, .Photos a, .emergencyContacts a, .governmentAgencies a {overflow: hidden;}
.News a { height:189px;}
.News p.Calendar { font-style: italic; }
/*--1p-*/
.list, .list2 { margin: 8px 0; }
.list ul, .list2 ul { border-top: 1px dotted #999999; list-style: none; margin: 0 0 30px; padding: 0; }
.list ul li { padding: 10px 170px 10px 25px; margin: 0; background: url(../img/list_li.png) no-repeat 7px 16px; border-bottom: 1px dotted #999999; position: relative; }
.list2 ul li { padding: 10px 10px 10px 25px; margin: 0; background: url(../img/list_li.png) no-repeat 7px 19px; border-bottom: 1px dotted #999999; position: relative; }
.list ul li h3, .list ul li p, .list2 ul li h3, .list2 ul li p { margin:0; padding:0;}
.list ul li a, .list2 ul li a { text-align: left; color: #000; }
.list li span.date { font-style: italic; margin: 0 0 0 10px; text-align: right; padding: 0; color: #666666; width: 160px; position: absolute; top: 11px; right: 0px; }
.list ul li a:hover, .list ul li a:hover.styleA { color: #990000; }
.list ul li a.styleA, .list2 ul li a.styleA h4 .list2 ul li a.styleA:hover h4 { color:#09C;}
.list2 ul li .date, .list2 ul li em { margin-right: 20px; font-style: italic; }
/*--search--*/
.welcome { float: left; vertical-align: middle; margin-top: 6px; margin-right: 10px; }
/*--tree--*/
.tree { margin-left: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.tree h2 { margin: 0; padding: 0; color: #1e8594; }
.tree h2 a { text-decoration: underline; color: #1e8594; }
.tree ul > li { font-size: 1.375em; list-style: none; margin: 10px 0; }
.tree ul > li > img { margin-right: 10px; }
.tree ul > li > span { color: #383939; display: block; margin-top: -25px; margin-left: 20px; }
.tree ul > li > span a { text-decoration: underline; color: #383939; }
.tree ul > li > a:hover, .tree h2 a:hover { color: #F00; }
.tree ul li li { font-size: .938em; margin-left: 15px; padding-left: 22px; background-image: url(../img/tree_li_icon.png); background-repeat: no-repeat; background-position: 10px 11px; }
.tree ul li li span { color: #0386c7; margin-top: 0; margin-left: 0; }
.tree ul li li span a { color: #0386c7; }
p.ribbon { margin-left: 20px; }
/*--cp--*/
.cp a { text-decoration: underline; }
.cp p { font-size: 1em; }
.cp .image { float: left; margin: 0 20px 10px 0; padding: 0; width: 370px; clear: both; }
.cp .image img { width: 100%; /*--border: 5px solid #FFF;--*/ -moz-box-shadow: 1px 2px 5px #302f30; -webkit-box-shadow: 1px 2px 5px #302f30; box-shadow: 1px 2px 5px #302f30; }
.cp .table { background: #FFF; border-radius: 3px;font-size: 1em; }
.cp .table th { font-weight: 200; color: #669999; }
.cp ul { list-style: none; margin: 0; padding: 0; }
.cp ul li { font-size: 1em; display: block; padding: 10px 10px 0px 25px; margin: 0; background: url(../img/list_li.png) no-repeat 7px 20px; overflow: hidden; }
.cp ul li h3 { display: inline; margin: 0; padding: 0; }
.cp ul li p { margin: 0; padding: 0; }
.cp .btn3 { text-decoration: none; }
.download ul li { background: url(../img/list_li.png) no-repeat 7px 17px; }
ul.ribbon { list-style: none; background: none; margin:0; padding:0;}
ul.ribbon li { display:inline; list-style: none; background: none; margin:0 15px 0 0; padding:0;}
/*--footer--*/
/*--googleArea--*/
.googleArea { position: absolute; left: 50%; bottom: 58px; margin-left: -500px; background: url(../img/black95.png) repeat; color: #FFF; padding: 20px; width: 300px; }
.googleArea h2 { margin: 0 0 10px; padding: 0; font-size: 1em; color: #FFF; text-align: left; }
/* bannerzone| notice*/
#bannerzone { position: absolute; left: 50%; bottom: 100%; margin-left: -500px; background: url(../img/black95.png) repeat; color: #FFF; padding: 20px; width: 530px; }
#bannerzone h2 { margin: 0 0 10px; padding: 0; font-size: 1em; color: #FFF; text-align: left; }
#owl-demo .item { margin: 3px; }
#owl-demo .item img { display: block; width: 100%; height: auto; }
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { outline:1px solid #900; -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-theme .owl-controls { margin-top: 5px; text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1;  *display: inline;/*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 0.75em; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1;  *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 0.75em; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }

#ctrl_btn { position: absolute; top: 20px; right: 10px; margin: 0; height: 13px; text-align: right; }
#ctrl_btn button { margin: 0 2px; padding: 0; width: 7px; height: 8px; float: left; text-indent: -9999em; border: none; cursor: pointer; }
#bnnrctrl_prev { background: url(../img/btnVisualPrev.png) no-repeat 50% 50%; }
#bnnrctrl_stop { background: url(../img/btnPopupStop.png) no-repeat 50% 50%; }
#bnnrctrl_auto { display: none; background: url(../img/btnPopupPlay.png) no-repeat 50% 50%; }
#bnnrctrl_next { background: url(../img/btnVisualNext.png) no-repeat 50% 50%; }
#ctrl_btn .num { position: absolute; top: -3px; right: 15px; font-size: 0.6875em; font-weight: bold; }
#ctrl_btn .num span { font-size: 0.6875em; color: #c90018 }

footer.page-footer nav a, footer nav a:hover { text-decoration: none; color: #FFF; }
footer.page-footer nav ul { list-style: none; margin: 0; padding: 0; }
footer.page-footer nav>ul { width: 1000px; margin: 0 auto; padding: 10px; border-radius: 6px; }
footer.page-footer nav>ul>li { width: 115px; margin: 0 2px 10px; padding: 0; display: inline-block; vertical-align: top; text-align: left; }
footer.page-footer nav ul ul { width: 115px; list-style: none; border-top: 1px solid #FFF; padding: 0; margin: 5px 0 0; }
footer.page-footer nav li li { margin: 0.4em 0; }
footer.page-footer nav li a { display: block; padding: 4px 4px 3px; border-radius: 4px; }
footer.page-footer nav li a:hover { background: #E3E3E3; color: #000; }
footer.page-footer nav li a:focus { background: #E3E3E3; color: #000; outline: none; }
footer.page-footer nav ul ul ul { display: none; }
footer.page-footer .footer { font-size: 0.75em; }
footer.page-footer ul, footer.page-footer p, .facebook, .logo { display: inline-block; }
footer.page-footer ul { margin: 0; padding: 0; }
footer.page-footer p { margin:5px 0;}
footer.page-footer .logo { margin: 0 10px 0 35px; }
footer.page-footer .facebook { margin: 0 10px; }
footer.page-footer .facebook a { display:inline-block; margin:5px;}
footer.page-footer .facebook a img { width:26px;}
footer.page-footer ul li { display: inline-block; margin: 0 10px 0 0; padding: 0; }
footer.page-footer a { color: #FFF; }
footer.page-footer a:hover { color: #FF0; }
footer.page-footer ul.Calendar li.Date { display: inline-block; background-color: #1e1e1e; padding: 5px; text-align: center; vertical-align: middle; }
.Time span { margin: 0 10px; }
ul.disclaimer li { background: url(../img/footer-li.png) no-repeat left center; padding: 0 0 0 10px !important; }
ul.disclaimer li:first-child { background: none; padding-left: 0 !important; }
@media screen and (min-width: 1200px) {/*--如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS--*/
span.image2 { display: block; margin-right: 0; }.navbar-collapse.collapse { display: block!important;}
a.navbar-brand { position: absolute; top: -30px; left: 50%; margin-left: -500px; float: none; width: 208px; padding: 0; line-height: 20px; }/*--第1971行--*/
.navbar-nav { position: absolute; left: 50%; margin-left: -260px;text-align: center; }
.navbar-nav>li { float: left; width: 100px;  }/*--第2010行--*/
.navbar-nav>li:first-child { width: 60px; }
.navbar-nav>li>a { padding-top: 4px; padding-bottom: 0; }/*--第2012行--*/
footer.page-footer nav { width: 100%; position: absolute; left: 0; bottom: 100%; margin: 0; padding: 0; background: url(../img/black95.png) repeat; color: #FFF; }
footer.page-footer { color: #FFF; position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px; background-color: rgba(0,0,0,0.8); z-index: 3000; text-align: center; vertical-align: middle; }
.H24 a { height: 24.4em; }
.H22 a { height: 265px; }
.H22 h3 {height: 230px;}
.H19 a { height: 230px; }
.H19 h3 {height: 200px;}
.H16 a { height: 165px; }
.H16 h3 {height: 130px;}
.H12 a { height: 145px; }
.H12 h3 {height: 105px;}
.H11 a { height: 130px; }
.H11 h3 {height: 100px;}
section.Content { width: 1000px; margin: 15% auto 0 !important; }

}
@media screen and (min-width: 768px) and (max-width: 1200px) {/*--如果使用者之視窗寬度介於 768px ~ 1200px，將會再載入這裡的 CSS--*/
span.image2 { display: block; margin-right: 0; }
a.navbar-brand { position: absolute; top: -30px; left: 2%; margin-left: 0px; float: none; width: 208px; padding: 0; line-height: 20px; }/*--第1971行--*/
.navbar-nav>li { float: none; display: inline-block;}/*--第2010行--*/
/*.navbar-nav { position: relative; left: auto; margin-left: 11px; text-align: center; }
.navbar-nav>li { float: left; width: 110px; background: url(../img/navbar-nav-li.png) no-repeat left 34px; }--第2010行--*/
/*.navbar-nav>li:first-child { width: 80px; }
.navbar-nav>li>a { padding-top: 4px; padding-bottom: 0; }--第2012行--*/

footer.page-footer nav { width: 100%; position: absolute; left: 0; bottom: 100%; margin: 0; padding: 0; background: url(../img/black95.png) repeat; color: #FFF; }
footer.page-footer { color: #FFF; position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px; background-color: #262626; z-index: 3000; text-align: center; vertical-align: middle; }
.H24 a, .H24 h3, .H22 a, .H22 h3, .H19 a, .H19 h3, .H16 a, .H16 h3, .H12 a, .H12 h3, .H11 a, .H11 h3 { height: auto; }
section.Content { margin: 25% 2% 0; }
.mp { position: absolute; left: 35%; top: 200px; width: 450px; }
.taipei101.N { position: relative; vertical-align:bottom; text-align:right; margin-top:80px; margin-right:-50px; margin-bottom:0; }
}
@media (min-width:992px) {
section.Content { margin: 10em 7% 0;}
}
@media screen and (max-width: 767px) {/*--如果使用者之視窗寬度<=768px，將會再載入這裡的CSS--*/
section.Content { margin: 9% 4% 0; padding-bottom: 0; }
.thumbnail2 { margin-bottom: 20px; }
.navbar-collapse { padding-left: 35px; font-size: 1em; background-color: rgba(0,0,0,0.7); }/*--第1929行--*/
.mp, np { position: relative; left: auto; top: auto; margin-top: 16%; margin-left: 8%; width: 84%; }
.welcome { display: block; float: none; vertical-align: middle; margin: 10px 0 20px; text-align: center; }
.taipei101 { left: 0; margin-left: 0; }
.News a h3, .Resources a h3, .Photos a h3, .emergencyContacts a h3, .governmentAgencies a h3 { font-size: 1.0625em; }
.News a { height:130px;}
.Header { min-height: 100px; }
a.navbar-brand { position: absolute; top: -45px; left: 10px; margin-left: 0; }/*--第1971行--*/
.googleArea, #bannerzone { position: absolute; left: 0; bottom: 100%; margin-left: 0; padding: 10px; width: 100%; }
ul#bannerzonelist { width: auto; }
footer.page-footer { color: #FFF; position: relative; width: 100%; padding: 0; background-color: rgba(0,0,0,0.8); z-index: 3000; text-align: left; vertical-align: middle; }
footer.page-footer nav { background: url(../img/black95.png) repeat; width: 100%; padding: 10px 10px 0; }
footer.page-footer nav>ul { width: 100%; padding: 0 0 0 10%; }
footer.page-footer .facebook { margin: 0; }

/*--.cp--*/
.cp .image { float: none; margin: 0; width: 100%; clear: both; }
.cp .image img { margin-bottom: 10px; }
/*--lp--*/
.list ul li { padding: 10px 10px 10px 25px; }
.list li span.date { width: auto; position: relative; top: 0; left: 0; }
.tree { margin-left: 0; }
.lp .photo .row {margin: 0;padding: 0;}
/*--mp頁廣告輪播--*/
#bannerzone { position: absolute; left: 0; bottom: 100%; margin: 0; background: url(../img/black95.png) repeat; color: #FFF; padding: 5% 20%; width:100%; }

}
@media screen and (max-width: 600px) {/*-- 如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。--*/
.News a { height:173px;}
}
@media (max-width: 1200px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-top:1px solid #e7e7e7;}
.navbar-nav {position: relative;left: 1em;margin-left: 0;text-align: left;}
.navbar-nav>li { display:block;  /*--第2010行--*/ margin:7.5px 5px; }
.navbar-header { float: inherit; }
.navbar-toggle { display: inline; position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-collapse { padding-left: 35px; font-size: 1em; background-color: rgba(0,0,0,0.7); }
footer.page-footer { color: #FFF;/*position: fixed;*/ left: 0; bottom: 0; width: 100%;  padding: 0 10px; background-color: rgba(0,0,0,0.8); z-index: 3000; text-align: left; vertical-align: middle; }
footer.page-footer nav { background: url(../img/black95.png) repeat; width: 100%; padding: 10px 10px 0; }
footer.page-footer nav>ul { width: 100%; padding: 0 0 0 10%; }
footer.page-footer .footer { margin-left: 45px; margin-top: 0.5em; padding-top: 10px; position: relative; }
footer.page-footer .footer a.logo { position: absolute; left: -80px; top: 0.7em; }
footer ul.Calendar { display:none;}
}
@media (max-width: 768px){
.navbar-nav {margin-left: -30px;}
}