@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:#d10063; }i{ margin-right:5px; } 
/**/
#menu01{ font-size:15pt;background:#d9d9d6 url(../images/repeatX.jpg) bottom repeat-x; padding: 32px 30px 42px 371px;  }
#menu01.nav-pills>li>a{ color: #186e02; font-weight: bold; padding-top: 0; padding-bottom: 0;}#menu01.nav-pills>li>a:hover{ color: #fcb72c; background: transparent;}
#menu01.nav-pills>li.active>a,#menu01.nav-pills>li.active>a:hover{  background-size: 45%; color:#ad2861; background-color:  transparent; border-radius: 0; border-left: 3px solid #ad2861;border-right: 3px solid #ad2861;}
#content{ background-color:#f2f2f2;padding-bottom: 4%;  }
#content h3{ background: url(../images/titleBg.png) 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:#283a56; font-weight: bold;}#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:#3366cc; }#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; background-color:#dfdfdc; border: none; color: #916f5d; font-size: 10pt;}.breadcrumb{ background:transparent; padding-top:15px; margin-right:30px; margin-bottom:0; font-size: 10pt;}.breadcrumb a{ color:#81511c;; 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{padding:15px 15px 25px 15px;}#menu01.nav-pills>li>a{ margin-top: 8px; margin-bottom: 8px;}.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; }}