@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:#da4405; }i{ margin-right:5px; }.fC{display: flex;  align-items: center;  justify-content: center;}
/**/
#menu01{ font-size:15pt; padding: 0 10% 0 10%; background: linear-gradient(to bottom, rgba(223,217,201,1) 0%,rgba(217,224,213,1) 100%);}#menu01.nav-pills>li{ padding: 1em; width: 49%;}
#menu01.nav-pills>li>a{color:#fff; background-color:#1a9465;border-radius: 30px; }#menu01.nav-pills>li>a:hover{ color: #1a9b64; }
#menu01.nav-pills>li.active>a,#menu01.nav-pills>li.active>a:hover{  background-size: 45%; color:#fff; background-color:#1a9b64; }
#content{padding-bottom: 7%; background:#d9e0d5 url("../images/foot.png") center bottom no-repeat; background-size: 100%;}
#content h3{ background: url(../images/titleBg.png?240510) no-repeat; background-size:100%; height:47px; width:210px; padding-top:11px; padding-left: 3%; text-align:center; margin-bottom:15px; margin-left: 3%; font-size:16pt; margin-top:0; position:relative;color:#006625; font-family: "Noto Sans TC", serif;font-weight:500;}#content h3 a{ position:absolute; display:block; top:-110px;}
#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:#003399;font-family: "Noto Sans TC", serif;font-weight: 400; }
#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%);}
.tab-pane{ padding:0}.tab-pane h3{ padding:0;}.trip{ padding:0 3%;}.trip .col-sm-4 img{ margin-bottom: 30px;}
.modal-footer{ text-align:center; background: url("../images/footBg.png") repeat-y;border: none; color: #555; font-size: 10pt; padding-top: 0;}.breadcrumb{ background:transparent; padding-top:10px; margin-right:30px; margin-bottom:0; font-size: 10pt;}.breadcrumb a{ color:#805730; font-size: 13pt;}
#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(0,0,0,0.2); padding:13px 40px 13px 15px; }#share i{ margin-right:0.3em;}#share i.fa-facebook,#share i.fa-line{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%); vertical-align:-0.2em; }#share i.fa-line{ color:#009900;}#share a{color:#333; }.badge{ background-color: transparent; font-size: 100%; color: #555; font-weight: normal;}

/* Add media queries for smaller screens */
@media (max-width: 768px) {.trip{ padding:0 1%;}#menu01.nav-pills>li>a{ margin-top: 8px; margin-bottom: 8px;}.breadcrumb{ margin-right:10px;}.trip .col-sm-4 img{ margin-bottom: 0px;}{ margin-bottom:0px;}#calendar{padding-left:30px; padding-right:30px;}#calendar .col-sm-6{ padding-left:15px; padding-right:15px;}#foot{ padding-bottom:50px; }}