@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Noto+Sans+TC:wght@300&family=Rubik:wght@500&display=swap');@import url("https://event.travel.com.tw/header2019/css/headerStyle.css");
/**/
#demo .carousel-indicators{ width: 1200px; display: grid; justify-content: right; left: inherit; right:inherit; bottom: inherit; margin-left: 0; top:44%; left: 50%; transform: translate(-50%, -50%);pointer-events: none;}
#demo .carousel-indicators li{ color: #fff;  background: rgba(0,0,0,.85); text-indent: inherit; text-align: center; width:8em; height: auto; padding: 0em 1.5em; margin-bottom: 1px; text-shadow: 0 0 5px #000, 0 0 10px #000;pointer-events: auto;  }
#demo .carousel-indicators li.active{ background: rgba(255,255,255,1);color: #333;text-shadow: none;} .carousel-inner img { width: 100%; height: 100%; }
.gayBg{ background-color: #eee; padding-bottom: 15px;}
#search{ position: relative;}#search ul{ position: absolute; z-index: 999; top: -50px; width: 100%;font:12pt/1.6em"Microsoft JhengHei","微軟正黑體", Arial, Helvetica, sans-serif;  background-color: rgba(0,0,0,0.3)}#search li a{ color: #fff; padding: .7em;text-shadow: 0 0 3px #000, 0 0 5px #000;white-space: nowrap;}#search li a.active{ color: #333; border-bottom: 2px solid #ec1414;text-shadow: none;}#search .form-check-label{ font-size: 11pt; }#search .mB0{ margin-bottom: 0;}#search .form-check-input{ position: inherit; vertical-align: -.05em; margin: .6em .2em .6em 0;}
#search .form-control{ background-color: #eee; border-radius: 0;}
#searchM{ padding: 15px 15px 0 15px;}.f10{ font-size: 10pt;}.f11{ font-size: 11pt;}#searchM i{ vertical-align: -.3em;}.btn-danger{ background-color: #ff4b3a; border-color: #ec1414;}
#pkg hr{ margin-top: 5px;}#pkg button{ margin-top: 29px;}#taiwan .btn{ padding: .4em .4em;}#taiwan button{ margin-top: 29px;}
/**/
body{overflow-x: hidden;}.box {width: 1200px; margin:0 auto;  font:10pt/1.6em Verdana, Arial, Helvetica, sans-serif; position:relative;}
img { height: auto;max-width: 100%;vertical-align: bottom;}
.ch{ font:11pt/1.6em"Microsoft JhengHei","微軟正黑體", Arial, Helvetica, sans-serif; }
.org{ color: #f26e18}.yellow{ color: #febc2e;}.red{ color: #e00;}.green{ color: #00a764;}.blue{ color: #008dc6;}.purple{color: #9360a0;}.hrG{ border-top: 5px solid #eee;}
.num01{font-family: 'Rubik', sans-serif;}.num02{font-family: 'Lato', sans-serif;}.ch01{font-family: 'Noto Sans TC', sans-serif;}
#push{ padding-top: 30px;}#push,#push .col,#push .col-12,#push .table-responsive .table td{padding-left: 7px; padding-right: 7px;}#push .table-responsive .table td{ border: 0;}#push img{ width: 100%!important}
#mini a{ display: block; position: relative; background-color: #000;}.imgText{ position: absolute; bottom: 0; left: 50%;transform: translate( -50%,0); z-index: 9; color: #fff; text-align: center;text-shadow: 0 0 5px #000, 0 0 5px #000;  }
#push .table-responsive .table{ width: 1200px; }#push h4{ font-size: 15pt;}#mini a img{ border: 1px solid #fff; opacity: 1; background-color: #000; }#mini a:hover img{ opacity: .5;}#mini h4{ font-weight: bold;}
#tour03 .list-group-item{  border: 0; border-bottom: 1px dotted #ccc; padding: .75rem .5rem;}#tour03 big{ font-size: 130%;}#tour03 .list-group-item-action:hover{ background-color: #f2f4f5}
#tourA04{ margin-bottom: 10px; margin-top: 10px;}#tourA04 .nav{border-left: 1px solid #e0e0e0;}#tourA04 .nav li{border: 1px solid #e0e0e0;border-left:0; }#tourA04 .nav-pills .nav-link{ border-radius: 0;  color: #333;}#tourA04 .nav-pills .nav-link.active{ background-color:#eee; height: 100%; }#tourA04 .nav li a{ background-color: #fff;}#tourA04 .nav li a:hover,#tourA04 .nav-pills .nav-link.active:hover{ background-color: #e0e0e0;}
#picA04 a p,#picB04 a .line02{ color: #333; font-size: 12pt; padding-top: .5em; background-color: #fff; margin-bottom: 0;}#picA04 a p small,#picB04 .line02 small,#picA04 a:hover p small{ color: #666;}#picA04 a:hover,#picB04 a:hover{text-decoration: none;}#picA04 a:hover p{  margin-bottom: 0; background-color: #f8f9fa;}#picA04 a:hover p b{text-decoration: underline;}#picA04 td,#picB04 td{ width: 25%;}
#picB04 .line02{ border: 1px solid #ced4da; border-top: 0; padding: 7px;}#picB04 a .price01{ background-color: #008dc6; color: #fff; text-align: center; padding: .2em; margin-bottom: 0;}#picB04 .price01 small{ color: #fff;}#picB04 a:hover .price01{background-color: #ff4f3c;}
.g-scrolling-carousel .items{ padding: 5px 0; }
.g-scrolling-carousel .items a { display: inline-block; margin-right: 10px; text-align: center;}
.g-scrolling-carousel {position: relative; }
.g-scrolling-carousel .items { overflow-x: hidden;white-space: nowrap;width: 100%;-webkit-overflow-scrolling: touch; }
.g-scrolling-carousel .items::-webkit-scrollbar { display: none; }
.jc-right,.jc-left { width: 36px;  height: 36px; color:#757575; margin-bottom: auto; margin-top:auto;box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 4px 8px 0 rgba(0,0,0,0.20); background: #fff;border-radius: 50%; cursor: pointer;  position: absolute;  top: 0;            bottom: 0;  z-index:2; opacity: 0.94; border: 1px solid #eee;}
.jc-right { right:-18px; }.jc-left {left:-18px; }
.jc-right:hover,.jc-left:hover{  opacity: 0.98; }
.jc-right svg,.jc-left svg{ position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto; width: 24px; height: 24px; fill: #757575; }
.jc-right:hover svg,.jc-left:hover svg{ fill: #000;}
 @media (pointer: coarse) {.jc-right,.jc-left {display: none !important;}}
.noselect {  user-select: none; }
@media (max-width: 1140px) {#demo ul.carousel-indicators{display: none}}
@media (max-width: 1200px){.box {width: 100%;}#five{overflow-x: auto;}.g-scrolling-carousel .items { overflow-x: scroll;}#push img{ max-width: inherit;}#mini img{width: 179px;}#tour03 img{ width: 302px;}#picA04 img,#picB04 img{ width: 223px;}}
#buttonT{ border-top:1px solid #ced4da;border-bottom:1px solid #c8c8c8; background-color: #dcdcdc; margin-top: 35px;}#buttonT .col-sm{  text-align: center; border-left: 1px solid #fff;border-right: 1px solid #c8c8c8;  white-space: nowrap; padding: .5em;}
#buttonT a{ color: #444}#buttonT a:hover{ color: #000; text-decoration: none;}
#foot{ background-color: #eee;border-top:1px solid #fff; padding-top: 30px; padding-bottom: 30px; color: #666;}#foot hr{ margin: 5px 0; border-color: @dcdcdc;}#foot a{ color: #333;}#foot a.map{ border: 1px solid #333; margin: 0 2px;}#foot a:hover.map{ text-decoration: none; background-color: #333; color: #fff;}#foot .fa-facebook-square{color:#355b95;}#foot .fa-line{color:#00c45f;}#foot li{ padding-right:10px;}#foot .btn{ margin-bottom: 10px;}#foot .col-lg-2{ padding-top: 4%;}#foot .col-lg-2 img{ width: 145px;}
#myService .form-row{ margin-bottom: 15px; }#myService label{ text-align: right;}.bgGray{ background: linear-gradient(to bottom,#fff 0%,#fff 85%,#eee 100%);}.bgGray01{ background: linear-gradient(to bottom,#f8f9fa 0%,#f8f9fa 95%,#eee 100%);}#myService .modal-body{ padding-bottom: 0; }#myService .modal-footer,#mySearch .modal-footer,#myWay .modal-footer{ padding: .5rem}.goldT{ color: #a7792e;}.bgRed{background: linear-gradient(to bottom,#ff3019 0%,#cf0404 100%)}
#mySearch li,#myWay li{ margin-right: 5px; margin-bottom: 5px;}#mySearch li a,#myWay li a{ color: #257cb4; background-color: #fff; border: 1px solid #ddd;}#mySearch li a:hover,#myWay li a:hover{ color: #fe2f19; background-color: #eee; }#mySearch li a.active,#myWay li a.active{ background: linear-gradient(to bottom,#d3b861 0%,#a17633 100%);color: #fff;}.inputLine input,.inputLine select{ border-radius: 0;border: 0; border-bottom: 1px solid #ccc;}.inputLine .container{ padding-left: 5px; padding-right: 5px;}
#share{position: fixed; right:30px; bottom: 30px;  padding:13px 40px 13px 15px; }
.goTop { position:absolute; width:40px; height:40px; text-align:center; right:0; bottom:0; padding-top:5px; color:#fff; background-color: rgba(0,0,0,0.5); border-radius: 50%; font-size:20pt; line-height:13pt; cursor: pointer; opacity: 0.85;}
.goTop :hover{color:#333; }
#myBtn {  display: none;  position: fixed;  bottom: 50px;  right: 30px;  z-index: 99;  font-size: 20pt;  border: none;  outline: none;   background-color: rgba(0,0,0,0.5);  color: white;  cursor: pointer;  padding: 0 8px;  border-radius: 50%;}
#myBtn:hover {  background-color: #555;}
#float{position:fixed;bottom:10%;left:0;z-index:99;}#float a{ color: #fff; font-size: 13pt; cursor: pointer;}#float .alert{ padding: 0; margin-bottom: 0; border: 0;}#float .close{ float:none; clear: both}#float a:hover{ text-decoration: none;}
#act02,#act01{writing-mode:vertical-lr;position:absolute;white-space: nowrap;letter-spacing:.1em;border-radius:0 6px 6px 0; }#act02{ bottom: 0;}#act01{ bottom: 8em;}#act02 .orgB{ background-color: #f3701b;}#act02:hover,#act01:hover{background-color:#9360a0!important}#myWarning ol{padding-right:30px}#myWarning li,#act01 li{line-height:1.8em}#myWarning li strong{color:#e60213}#myWarning p{background-color:#eee;text-align:center;padding:1em;}
#myWay .tab-content hr{ margin-top: .5rem; margin-bottom: .5rem;}#myWay .tab-content .col-sm-12,#myWay .tab-content .col-sm-2{ color: #0066cc;}.lineB01{ border: 0; border-bottom: 1px dotted #80b3e6}.lineB02{border: 0; border-bottom: 1px dashed #ddd}.btnBlue{ color: #fff; background-color: #337ab7; border: 1px solid #2e6da4; margin-right:5px; margin-bottom: 5px; }.btnBlue:hover{ color: #fff45c; background-color: #286090; border: 1px solid #204d74; }
.modal .material-icons{ vertical-align: -.15em;}.modal .btn-danger{background: linear-gradient(to bottom, #fe2f19 0%,#d00504 100%); border: 1px solid #cf0404;box-shadow: 2px 2px 4px #999;}
/**/
@media (max-width: 768px) {#push{padding-left: 15px; padding-right: 15px;}#tourA04 .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center;}#buttonT{border-bottom:0;}#buttonT .col-6{border-bottom:1px solid #c8c8c8;border-top:1px solid #fff; }.dNone{ display:none;}#myService label{ text-align: left;}#myService .btn-danger{ display: block; width: 100%;}#float{width:100%; bottom: 0; }#act02,#act01{width:100%;writing-mode:horizontal-tb;bottom: 0; }#act01{ left:10em;}#foot{padding-bottom: 45px;}#foot .fa-2x{ font-size: 3em;}}