@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');@charset "utf-8";
/* CSS Document */
@import url(https://event.travel.com.tw/header2022/css/headerStyle.css);
.box {width: 1200px; margin:0 auto;  font:11pt/1.6em Verdana, Arial, Helvetica, sans-serif; position:relative;}
@media (max-width: 1200px) {.box {width: 100%;}}
img { height: auto;max-width: 100%;}
.ch,big,h3,#menu01,.month{font-family:"Microsoft JhengHei","微軟正黑體", Arial, Helvetica, sans-serif;}
.red,#content a.list-group-item p.red{ color:#ed1556; }i{ margin-right:5px; }.fC{display: flex;  align-items: center;  justify-content: center;}hr{ padding: 0; margin: 0; width: 20%; border: 0; border-bottom: 1px solid #1058bd; margin: 0 auto;}
/**/#myCarousel{ position: relative}#title{ position: absolute; top: 0; z-index:9;}#myCarousel a{ z-index:99;}#home{ background: url("../images/homeBg.jpg") no-repeat; background-size: 100%; padding-top: 20px;}
#menu01{position: absolute; bottom: 0; font-size:15pt;  width: 100%; background-color:rgba(0,18,94,0.75); }
#menu01.nav-pills>li>a{ color: #fff; letter-spacing: .3em; padding-top: 0; padding-bottom: 0; padding: 1.1em .8em; text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;background-color:  transparent;}#menu01.nav-pills>li>a:hover{  border-bottom: 3px solid #c90119; background: transparent;}
#menu01.nav-pills>li.active>a,#menu01.nav-pills>li.active>a:hover{  color:#fff45c;  border-radius: 0; border-bottom: 3px solid #c90119;}
#content{ background: linear-gradient(to top, rgba(203,220,255,1) 0%,rgba(238,238,238,1) 100%);  padding-bottom: 5%; }
.breadcrumb{ font-family: "Noto Sans TC", serif;  font-weight:400; background:transparent; padding-top:0; margin-right:30px; margin-bottom:0; font-size: 10pt;}.breadcrumb a{ color:#3f2121; font-size: 13pt;text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white;}
#content h3{background: url(../images/titleBg.png) no-repeat; background-size:100%; height:47px; width:210px;  margin-bottom:15px; margin-left: 3%;  font-size:16pt; margin-top:15px; padding-left: 15px; position:relative;color:#00125e; font-family: "Noto Sans TC", serif;font-weight: 400;text-align: center}#content h3 a{ position:absolute; display:block; top:-110px;}.img-thumbnail{ background-color: transparent; }
#content a.list-group-item p{ margin-bottom:0; color:#363a43; font-size:11pt;}
#content a.list-group-item,#content a.list-group-item big{ font-size:13pt; }#content a.list-group-item span{ margin-left:1em;}#content a.list-group-item big{ color:#2e54c0; font-family: "Noto Sans TC", serif;font-weight: 500;}#content a:hover.list-group-item big{ color:#660099; }
#content a.list-group-item{ border:1px solid transparent; border-bottom:1px dotted #aaa; background-color:transparent;}#content .list-group{border-top:1px dotted #aaa; font-size: 12pt;}
#content a.list-group-item:first-child,#content a.list-group-item:last-child{ border-radius:0;}
#content a.list-group-item:focus,#content a.list-group-item:hover{ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);}
.col-sm-4 img{ margin-bottom:15px;}
.tab-pane{ padding:0}.tab-pane h3{ padding:0;}.trip{ padding:0 3%;}
.modal-footer{ text-align:center;  border: none; color: #fff; font-size: 10pt; }
#foot{ padding: 15px; text-align: center; color: #fff;  font-size: 10pt;border-top: 1px solid #fff; background-color: #3e62ad;}
#gotop { position:absolute; width:40px; height:40px; text-align:center; right:0; bottom:0; padding-top:5px; color:#333; font-size:13pt; line-height:13pt; cursor: pointer; opacity: 0.85;}
#share{position:fixed;right:0;bottom:0;background-color:rgba(255,255,255,0.5);padding:13px 5px 13px 15px}#share a{color:#333;font-size:13pt}#share i{margin-right:.3em;vertical-align:-.2em}#share i.fab{font-size:20pt;color:#193479;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%)}#share i.fa-line{color:#090}#share i.material-icons{padding-left: 5px}.badge{ background-color: transparent; font-size: 100%; color: #555; font-weight: normal;}
/* Add media queries for smaller screens */
@media (max-width: 768px) {#home{ background: url("../images/homeBgM.jpg") no-repeat; background-size: 100%; }trip{ padding:0 1%;}#menu01.nav-pills>li>a{letter-spacing: 0em;padding: 1.1em .3em; }.breadcrumb{ margin-right:10px;}.col-sm-4 img{ margin-bottom:0px;}#calendar{padding-left:30px; padding-right:30px;}#calendar .col-sm-6{ padding-left:15px; padding-right:15px;}#foot{ padding-bottom:50px; }.modal-footer{padding-bottom:50px; }}