@charset "utf-8";
/* CSS Document */
@import url(https://event.travel.com.tw/test/header2016/css/headerStyle.css);
@import url(https://event.travel.com.tw/test/header2016/css/footStyle.css);
@import url(https://fonts.googleapis.com/css?family=Hammersmith+One);
body {overflow-y: scroll;overflow-x: hidden;}
.box {width: 950px; margin:0 auto;  font:10pt/1.6em Verdana, Arial, Helvetica, sans-serif; position:relative; }
@media (max-width: 950px) {.box {width: 100%;}}
img { height: auto;max-width: 100%;}.clearAll{ clear:both;}
.ch,#search,#sale02,#sale,#info,#team,#myService,.modal-content,big,#warning,#act01,#act02{font-family:"Microsoft JhengHei","微軟正黑體", Arial, Helvetica, sans-serif;}
#content,#foot,#info ul{ width:950px; margin:0 auto;}
a:hover,#webMap a:hover,#area a:hover,#team a:hover,#search .tab-content a:hover i,#sale02 a.list-group-item:hover{ color:#fc5c00}
.mR,#search .tab-content .mR{ margin-right:5px;}
#myBanner .carousel-control.left,#myBanner .carousel-control.right{ background:none;}
/*輪播*/
#silder{ padding:0; position:relative; margin-bottom:20px;}
#silder .carousel-control.left,#silder .carousel-control.right,#myBanner .carousel-control.left,#myBanner .carousel-control.right{ background:none;}
.slider {	position:relative;width:100%;height:445px;clear: both;}
.rslides { position: absolute; top: 0; left: 0px; list-style: none; overflow: hidden; width: 100%; height:100%; padding: 0; margin: 0; text-align: center; z-index: 0;}
.rslides li { -webkit-backface-visibility: hidden; display: none; width: 100%; left:0; top: 0; opacity: 1; z-index: 0; }
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img { display: block; height: auto; float: left;border: 0; }
.rslides li a{ display:block;  width:100%; height:580px;}
.slide1 {background-position: center top;background-repeat: no-repeat; height: 580px; min-width: 950px;  *display:none;  }
.thumb { width: 100%;  height: 55px; z-index: 2; top:365px;position: absolute;*position:absolute; *bottom:0;}
.thumb ul {  width: 950px; padding-left:550px; margin: 0 auto ; }
.thumb li { display: block; float: left; width: 5%; height: 55px; line-height: 45px; text-align: center; color: #dedede; cursor: pointer; overflow: hidden; padding-top: 10px;}
#thumbs li.active { color: #fff; background: url(../images/circle.png) center 26px no-repeat;  }
#area{position:absolute; top:0; left:50%; margin-left:-475px; z-index:99; height:100%; width:220px; background: linear-gradient(to bottom, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%);   }
#area .list-group-item{ height:46px; padding:12px 0px;background-color:transparent; border-color:#bbb; border-left:0; border-right:0; border-radius:0; font-size:11pt; }#area .list-group-item .col-xs-6{ padding-right:0;text-shadow: 1px 1px 2px #FFF, 0 0 25px #FFF, 0 0 5px #FFF;}#area .list-group-item .col-xs-6 i{ margin-right:5px;}
#area .active{ height:40px; text-align:center;padding:8px; font-size:12pt;background: linear-gradient(to bottom, #eab92d 0%,#c79810 100%); border-radius:0;}
#area .list-group-item a{ color:#333; }
/*搜尋*/
#search{ margin-bottom:20px; background:url(../images/repeatY.gif) right  0 repeat-y;}
#search .col-xs-8,#search .col-xs-4,#search .col-xs-2,#search .col-xs-10,#search .col-xs-1,#search .col-xs-11,#search .col-xs-4 .col-xs-9,#search .col-xs-4 .col-xs-3{ padding:0;}#search .col-xs-4{padding-left:15px; }#search .col-xs-4 i{ margin-right:5px;}
#search .nav-tabs>li>a,#sale02 .nav-tabs>li>a{ margin-right:0;}
#search .nav li a,#sale02 .nav li a{background: linear-gradient(to bottom, #eee 0%,#e5e5e5 70%,#ddd 100%); border-top:1px solid #ddd; color:#59503e; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:12px 17px;}#sale02 .nav li a{ font-weight:bold; font-size:11pt;padding:12px 3px;}
#search .nav li a:hover,#sale02 .nav li a:hover{ color:#fc5c00}
#search .nav li.active a,#sale02 .nav li.active a{background: linear-gradient(to bottom, #c79810 0%,#eab92d  50%,rgba(255,255,255,1) 100%); color:#333; border-bottom:1px solid #fff;padding:12px 19px 12px 20px;}#sale02 .nav li.active a{padding:12px 3px;}
#search .tab-content,#sale02 .tab-content{ border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;  padding:15px 15px 0 15px; }#sale02 .padL .tab-content{ padding-bottom:15px; }
#search .tab-content a i{ color:#666; margin:0 5px;}
#search .tab-content hr{ margin-top:15px; margin-bottom:15px;}
#search .tab-content .form-control{ padding:6px 6px;}#search .tab-content .date{  background:url(../images/dateBg.png) right center no-repeat; width:180px;}#search #linename{ width:320px; margin-right:5px;}
#search .col-xs-6{ padding-left:15px;}#search .col-xs-6 strong{  margin-right:30px;}#search .checkbox-inline{ margin-left:20px;}#search .col-xs-6 button{ margin-right:7px;}
#search .tab-content label{ padding:0 5px;}
#search .tab-content .form-group{ display:block; margin-bottom:15px;}
#search .col-xs-4 img{position:relative; border:10px solid #e5e5e5;}
#search .col-xs-4 h4{ font-size:12pt; margin:5px 0;}#search a:hover .tooltipText p{color:#ffe400}
#search .tooltipText{width: 282px; position:absolute; bottom:10px; left:25px; color:#fff; padding:0.5em 1em;background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); }
#key{ text-align:center;  width:100%}
#search .col-xs-1,#search .col-xs-2{border-right:1px  dashed #ccc;}#search .col-xs-1{ text-align:center; padding-top:4px;height:36px;}
#search .col-xs-2{ height:88px; line-height:1.7em;  }
#search .btn-default,#myService .col-sm-10 .btn-default{background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); color:#fff; border-color:#ea5507;box-shadow: 2px 2px 4px #aaa; padding:4px 12px;}
#search small{ color:#666; padding:0 5px;}
/*sale4*/
#sale{ margin-bottom:20px;border-right:1px solid #ddd;}#sale a:hover,#sale02 a:hover{ text-decoration:none;}#sale i,#sale02 i{ padding-right:4px; }
#sale a .title{ font-size:10pt; padding:10px 0 10px 0;background: linear-gradient(to bottom, #ffffff 90%,#bbb 100%); }#sale a:hover .title{ border-top:3px solid #e60112;background: linear-gradient(to bottom, #fff 90%,#ff9c66 100%); box-shadow:#F00 inset;}
#sale a big,#sale02 a big{ font-size:11pt; color:#1b1b1b; font-weight:bold; }#sale a:hover big,#sale02 a:hover big,#area .list-group-item a:hover{ color:#e60012}#sale a p,#sale02 a p{ color:#999; margin-bottom:0; padding-left:9px;}
.purpleL{ border-top:3px solid #9c6bac}.blueL{ border-top:3px solid #0091d0}.greenL{ border-top:3px solid #0ab264}.yellowL{ border-top:3px solid #fabf07}
#sale .col-xs-3{ padding:0;border-left:1px solid #ddd;}.padL{ padding-left:0;padding-right:8px;}.padR{ padding-right:0;padding-left:8px}
.tooltip01{ position: relative; display: inline-block; text-align:center;}#sale .tooltip01 font{ padding-top:150px; display:block;}.tab-content .tooltip01 font{ padding-top:50px; display:block;}
 .tooltip01 font b{font-family: 'Hammersmith One', sans-serif; font-weight:normal;font-size:23pt;} .tooltip01 font small{ font-size:12pt;}
.tooltip01 .tooltiptext{ visibility: hidden; width: 100%; height:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); color: #fff; padding: 5px 0; position: absolute; z-index: 1; bottom: 0; left:0; padding:10px 15px;  opacity: 0; transition: opacity 1s;}
.tooltip01:hover .tooltiptext { visibility: visible; opacity: 1;}
/*eur,ame..*/
#sale02 .col-xs-6 .col-xs-6{ padding:1px 1px 10px 1px;  font-size:10pt; margin-bottom:1px; }
#sale02 img{ margin-bottom:10px;}#sale02 a.col-xs-6{box-shadow:1px 1px 10px #fff; height:204px; display:block;}#sale02 a:hover.col-xs-6{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#sale02 a.list-group-item{ border:1px solid transparent; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; color:#333; font-weight:bold;}
#sale02 a.list-group-item:first-child,#sale02 a.list-group-item:last-child{ border-radius:0;}#sale02 a.list-group-item .pull-right{ color:#cf0404; font-weight:normal;}
/*banner*/
#myBanner{ margin-bottom:35px;}
#myBanner .col-xs-3,#myBanner01 .col-xs-3{ text-align:center; padding-left:0; padding-right:0; }
#myBanner .item,#myBanner01 .item{ padding:0 35px;}
#myBanner .carousel-control,#myBanner01 .carousel-control{ width:1%; color:#1b1b1b;text-shadow: none; font-size:8pt; }
#myBanner .carousel-control.left,#myBanner .carousel-control.right,#myBanner01 .carousel-control.left,#myBanner01 .carousel-control.right{ padding:30px 0 0 0; background-image:none; background-color:#fff; width:15px;}
#myBanner a span,#myBanner01 a span{ font-size:18pt;}
/*合作專區*/ 
#team{ margin:35px 0;}
#team a{ color:#222; cursor:pointer}
#team .col-xs-4,#team .col-xs-3{ padding-left:20px;}
#team p{ padding-top:10px;}
#team i{ vertical-align:middle; margin-right:15px; color:#a7792e;}
#team a:hover{ text-decoration:none;}
/*float*/ 
#float{position:fixed; top:70%; left:0;}
#warning,#act01,#act02{  writing-mode:vertical-lr; z-index:999; position:absolute;}#act01{top:-163px; left:0; z-index:888;  }#act02{top:-342px; left:0; z-index:777;  }
#warning .btn-group-lg>.btn,.btn-lg{ border-radius:0 6px 6px 0; padding:10px 12px;}
#warning a.btn-warning,#act01 a.btn-warning,#act02 a.btn-success{ background-color:#ee6f04; border:0; letter-spacing:0.2em;}#act01 a.btn-warning{ background-color:#9c6bac}#act02 a.btn-success{ background-color:#005ea5}
#warning a.btn-warning:hover,#act01 a.btn-warning:hover,#act02 a.btn-success:hover{ background-color:#e60315;}
#myWarning .modal-header,#eva .modal-header{ background: linear-gradient(to bottom, #fff 0%,#fff 85%,#eee 100%);}
#myWarning h4,#eva h4{ padding:1em; color:#a7792e;}#myWarning ol,#eva ol{ padding-right:30px;}#myWarning li,#act01 li,#eva li{ line-height:1.8em;}#myWarning li strong{ color:#e60213;}
#myWarning p,#eva p.block{ background-color:#eee; text-align:center; padding-top:1em; padding-bottom:1em;}#eva p.block{ text-align:left; padding:1em;}