@charset "utf-8";
/* CSS Document */
html,body{ overflow-x: hidden; max-width: 100%;width: 100%; }

*{ font-family:Arial, Helvetica, sans-serif,'微軟正黑體','Microsoft JhengHei', '微软雅黑', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei','微軟正黑體 Bold','微軟正黑體','新細明體','PMingLiU';  padding:0; margin:0; -webkit-transition:0.2s all;  -moz-transition:0.2s all; -ms-transition:0.2s all; transition:0.2s all; }
a{color:#000;-webkit-transition:0.2s all;  -moz-transition:0.2s all; -ms-transition:0.2s all; transition:0.2s all; font-family:'微軟正黑體', 'Microsoft JhengHei', '微软雅黑', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei','微軟正黑體 Bold','微軟正黑體','新細明體','PMingLiU'; }
p{ font-size:100%; line-height:1.3em; margin-bottom:5px;}
#CONTENT h1{ font-size:320%; }
#CONTENT h2{ font-size:180%; }
#CONTENT h2 a { color:#633;}
#CONTENT h3{ font-size:270%; text-shadow:#fff 1px 1px; text-align:center; font-weight:bold; border-bottom:1px solid #000; padding-bottom:10px;}
#CONTENT h4{ font-size:130%; font-weight:bold; text-shadow:#fff 1px 1px; color:#e61b62; }
#CONTENT h5{ margin:0; padding-left:10px; font-size:180%; margin-bottom:10px; font-weight:800}
#header{ background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; padding:20px 0 10px 0; margin-bottom:10px; margin-top:-7px; max-height:360px;}
#clear{ clear:both}
#topic{ display:block; width:934px;  margin:0 auto;}

/*DROPDOWN*/
.navbar-nav>li:hover>.dropdown-menu{ display:block}
.navbar-nav li .dropdown-menu:hover li{ display:block}
.navbar-nav li .dropdown-menu li:hover ul{ display:block}
.navbar-default .navbar-nav>li>a{color:#fff; font-size:115% !important }
.dropdown-menu{ width:155px !important }
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;}
/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
.dropdown-submenu:active>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}
.padding-left-ten-px { padding-left: 10px; }
.red-text { color: #FF0000; }
.twitter-blue { color: #1ec7fe; }
.facebook-blue { color: #3c599f; }
.linkedin-blue { color: #0080b2; }
.navbar-right{padding-right: 25px;}
.form-group{padding: 10px;}
.form-panel-width { width: 220px; }/*YOU CAN MAKE PANEL AS WIDE AS NEEDED*/
.color-blue {color: #0080c5;}
.color-red {color: #FF0000;}
.error-message {font-size: 10px;}


@media screen and (min-width: 30em ) {
  .form-panel-width { width: 100%; }
}

/*紅CNY過年*/

.navbar-default .navbar-nav>.cny>a:hover, .navbar-default .navbar-nav>.cny>a:focus{ background:#d3ad05;}
.nav .cny:hover>a, .nav .cny>a:hover, .nav .cny>a:focus{background-color:#d3ad05;}
.cny .dropdown-menu li:hover { background:#d3ad05;}
#cny_wrapper #page a:hover{ background:#d3ad05; color:#fff}
#cny_wrapper  h5{ border-left:15px solid #d3ad05;}


/*menu*/
#content{ padding:10px 0}
#path_wrapper{ width:100%; background:#fff; margin:0 auto; z-index:3}
#path_wrapper .container{ padding:20px 30px 0px ; background:#fff}
#path{ float:left; width:100%; line-height:1.5em; margin-bottom:10px; font-size:110% }
#path ul{ float:left; max-width:700px; margin:0}
#path li{ float:left;  list-style:none;}
#path li a{ color:#545759; border-left:1px solid #666; padding:0 7px; font-size:95%;}
#path #wv a{ color:#545759; border-left:none; padding:0 7px; font-size:95%;}
#wv_wrapper #path li a:hover,#wv_wrapper #path li.active a{ color:#fff; background:#d3ad05; padding:1px 7px; text-decoration:none;}
#cny_wrapper #path li a:hover,#cny_wrapper #path li.active a{ color:#fff; background:#d43802; padding:1px 7px;text-decoration:none;}
#path p{ float:left; margin:0}
#wv_wrapper #path #now{ background:#d3ad05; color:#fff; padding:1px 10px; display:block;  float:left; margin-right:5px}
#cny_wrapper #path #now{ background:#d43802; color:#fff; padding:1px 10px; display:block;  float:left; margin-right:5px}
#page{ width:100%;  clear:both; float:left}
#page a{ text-align:center;display:block;  padding:2px 7px; min-width:80px; max-width:250px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background:#6E3A3A; float:left; color:#fff; margin:2px 5px 2px 0}
#wv_wrapper #page a:hover{ text-decoration:none;background:#d3ad05;}
#page a:hover{ text-decoration:none;}

/*recommendation*/
#recom h3{ color:#C03; border:0; background:url(../images/recom_bg.jpg) no-repeat  top center; background-size:cover;  padding:15px; text-shadow:none; margin-bottom:5px;}
#recom h3 span{ display:block; font-family:"Times New Roman", Times, serif; font-style:oblique; font-size:50%}
#recom #box{ color:#828282 ; padding:10px 20px; border:1px dotted #F9D0D0;margin:0 auto; background-color:#fdf2b8;}
#recom #box #recom_img{ display:block; padding:0; margin-bottom:15px;}
#recom #box #recom_img img{width: 100%;max-width: 140px; display:block; margin:0 auto} 
#recom #box #recom_txt{ font-size:120%; padding:0 5px; margin-bottom:10px; color:#4b312c; line-height:160%;}
#recom #box #recom_txt span{ color:#e61b62; font-weight:bold;}
#recom #box #recom_txt h6{ font-size:120%; font-weight:bold; line-height:1.2em; margin:0; color:#c03; }
#recom #box #price{ width:100%; text-align:center; color:#fff; font-weight:bold; font-size:120%; display:block; background:#c4bc96; clear:both; margin-bottom:10px; line-height:1.8em;text-decoration:none;}
#wv_wrapper #recom #box #price:hover{ background:#d3ad05;}
#cny_wrapper #recom #box #price:hover{ background:#d43802;}

/*行程內容*/
#product{ padding:30px }
#product h2{ color:#624742; font-size:1.5em;}
#product h5 { color:#6E3A3A; }
#product_box{ color:#776f5b; padding:10px 20px; border:1px solid #999;  margin:0 auto; position:relative; margin-bottom:15px;}
#wv_wrapper #product_box #price{ line-height:1.3em;  background:#e61b62; color:#fff; font-size:120%; display:block; padding:10px; text-align:center ; margin-top:5px;}
#wv_wrapper #product_box #price:hover{ background:#d3ad05; display:block;text-decoration:none; }
.date{ color:#e61b62;}
/*年終歲末酬賓大放送*/
.sale_info{ width:95%; color:#828282 ; padding:10px 20px; border:1px solid #999;  margin:0 auto; position:relative; margin-bottom:15px; background-image:url(../images/s/sale_bg.jpg);}

.60day{ color:#39C;}
.30day{ color:#F60;}
/*訂房*/

#htl ul, li {margin: 0;padding: 0;list-style: none;}
#htl .abgne_tab {clear: left;margin: 10px 0;}
#htl ul.tabs {width: 100%;height: 32px;}
#htl ul.tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-left: none;
text-align:center;display:block;  padding:2px; min-width:80px; max-width:130px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background:#000; float:left; color:#fff; margin:2px 5px 2px 0
}
#htl ul.tabs li a {display: block; color:#fff;}
#htl div.tab_container {clear: left;width: 100%;background: #fff;}
#htl div.tab_container .tab_content {padding: 20px;}
#htl div.tab_container .tab_content h2 {margin: 0 0 20px;font-weight:bold}
#htl_img img{ width: 100%;max-width: 140px;margin: 0 auto;display: block;margin-bottom: 10px;}