@charset "utf-8";
/* CSS Document */

body,button{background-color:#fff;font-family: "思源黑體 TWHK Normal","Noto Sans T Chinese Regular","微軟正黑體";}

/* box-sizing  */
*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hide {clear: both;}
.right{ float:right; }
.left{ float:left; }

/* clearfix */
.clearfix:before,.clearfix:after {display:table;line-height:0;content:"";}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1; /*forIE*/}

/*----layout-----*/
#nav { background:#000; text-align:center; }
#content {
	margin-top: 380px;
	position: relative;
}
#content .warp {
	width:995px;
	padding-bottom:40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#title_head {
	width: 995px;
	margin: 0 auto;
	padding-top: 100px;
	font-size: 40px;
	letter-spacing:3px;
	font-weight:normal;
	
}

/*Banner*/
#Banner{
	margin: 0 auto;
    width: 996px;
    padding: 10px 0;
}

#Banner #Bbottom{
	 width: 996px;
	 height: 84px;

}

/*評鑑*/
#appraisal {
	height: 110px;
	padding: 10px;
	position: absolute;
	z-index: 999;
	right: 30px;
	top: 188px;
	border: #dcdcdc 1px solid;
	background-color: rgba(0,0,0,0.8);
	background-color: #000\9;
	color: #FFF;
	font-size: 15px;
}
#appraisal .people_nu { border-right:#dcdcdc 1px dashed; padding-right:10px; }
#appraisal .clum:first-child { margin-bottom:10px ;}
#appraisal h3 {
	font-size: 15px;
	letter-spacing: 1px;
}
#appraisal h2 {
	font-size: 17px;
	letter-spacing: 1px;
}
#appraisal .score-warp { padding-left:10px; text-align:center; }
/*:root #appraisal .score-warp { margin-top:10px; }*/
#appraisal .score { color:#ffd200; }
#appraisal .score>span {
	font-size: 60px;
	line-height: 1;
}
/*:root #appraisal .score>span{ line-height:10px;}*/
/*-----master------*/
.group, .itinerary {border:#d2d2d2 solid 1px;}


/*���^���}�^*/
/*#title_bg {
	 background-color:rgba(255,255,255,0.8); 
	 background-color:#fff \9; 
	 padding:10px;
}
#title_head h1 { font-size:70px; border-top:#000 dashed 2px;}
#title_head h2 { color:#b70031; margin-bottom:8px; }
*/


/*版頭底圖*/
.slideshow {
	height: 380px;
	width: 100%;
	position: absolute;
	z-index: -1;
	overflow: hidden;
	background-repeat: repeat-x;
	padding: 0px;
	top: 31px;
	left: 0;
}
.slideshow.index{
	background-image: url(../images/top_back.jpg);
	background-position:center top;
	}

.slideshow.indexjapan{
	background-image: url(../images/top_back_japan.jpg);
	background-position:center top;
	}
	
.slideshow.indexhongkong{
	background-image: url(../images/top_back_hongkong.jpg);
	background-position:center top;
	}


.slideshow_top {
    height: 380px;
    width: 994px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
}
/*.slideshow img {
	min-height: 100%;
	min-width: 1680px;
	width: 995px;
	height: 380px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}/*

/*回首頁按鈕*/
.backhome {
	width:154px;
	height:60px;
	padding-top:10px;
	position:absolute;
	top:-60px;
	right:100px;
	background-color:rgba(0,0,0,0.9);
	background-color:#000\9 ;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius:10px 10px 0 0 ;
	transition: all .4s;
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	color:#fff;
	behavior: url(css/PIE.htc);
	}
.backhome span{color:#c8c8c8;}
.backhome:hover{ color:#FF0; }

/*篩選*/
.group{
	 display:block;
	 height:30px;
	 margin:0 8px;
	 padding:0 20px; 
	 line-height:30px;
	 -webkit-border-radius:10px;
	 -moz-border-radius:10px; 
	 border-radius:10px;
	 font-size:15px; 
	 color:#575757;
	 -webkit-transition:0.4s all; 
	 -moz-transition:0.4s all; 
	 -ms-transition:0.4s all; 
	 transition: all .4s;
	 behavior: url(css/PIE.htc);
 }
/*:root .group{ line-height:36px; }/*ie9*/
.group.slect{
	 color:#b70022;
	 border:#b70022 solid 1px;
 }
.desh li {
	 margin:15px 0;
	 display:inline-block;
	 border-left:#535353 dashed 1px; 
}
.desh li:first-child { border-left:#535353 dashed 0px; }
.desh li:hover .group { 
	 color:#b70022;
	 border:#b70022 solid 1px;
	 background-color:#ffe8ee;
}

/*----行程列表-----*/
.itinerary {
	height: 250px;
	margin-bottom: 20px;
	cursor: default;
	overflow: hidden;
	font-size: 15px;
	padding-right: 8px;
}
.itinerary a:link {
	color: #575757;
	text-decoration: none;
	-webkit-transition:0.4s all;
	-moz-transition:0.4s all;
	-ms-transition:0.4s all;
	transition: all .4s;
}
.itinerary a:visited {color: #575757;}
.itinerary a:hover {color: #b70031;}
/*�DƬ�^�K*/
.itinerary .photo_warp {
	width: 350px;
	height: 270px;
	margin-right: 15px;
	background: #fff;
	overflow: hidden;
}

.itinerary .photo_warp>img {
	width: 350px;
	height: 270px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*
.itinerary:hover .photo_warp>img{
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
    transform: scale(1.2,1.2);
	}
	
/*
	
/*內容*/
.itinerary .section {
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}
.itinerary .info {
	min-height: 180px;
}

.itinerary h2 {
	font-size:22px;
	margin-bottom:5px;
	max-height: 58px;
	text-decoration: none;
	margin-top: 10px;
}
.itinerary h2:hover,.itinerary h2:hover span{
color: #b70031;
}

.itinerary h2 span {
	color:#00abca;
	text-decoration: none;
}
.itinerary .section>p {
	line-height:1.4;
	min-height:40px;
	max-height:70px;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}
.itinerary .section ul {
	/* [disabled]height: 155px; */
	margin-top: 10px;
}
.itinerary .section li {
	margin:3px 0 4px 0;
	font-size: 16px;
	line-height: 25px;
	color: #666;
}
.itinerary .section li.date{
	font-size: 19px;
    color: #f8a200;
    font-weight: bold;
}
.price_warp {
	margin-left: 330px;
	border-top: #535353 dashed 1px;
}
.price_warp .price {
	color: #f1274c;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
}
.price_warp .pricetext {
	color: #f1274c;
	font-size: 26px;
	font-weight: bold;
}
.buynow {
	height: 35px;
    width: 120px;
    margin-top: 7px;
    color: #FFF !important;
    background: #b70031;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 18px;
    border: solid 1px #b70031;
    letter-spacing: 1px;
    line-height: 35px;
    display: block;
    text-align: center;
    text-decoration: none !important;
    behavior: url(css/PIE.htc);
    margin-right: 10px;
}
.buynow2 {
	width: 126px;
	color: #FFF !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 18px;
	border: 1px solid #FF6666;
	letter-spacing: 1px;
	line-height: 35px;
	display: block;
	text-align: center;
	text-decoration: none !important;
	behavior: url(css/PIE.htc);
	margin-right: 10px;
	margin-top: 5px;
	height: 35px;
	background-color: #FF6666;
}
.buynow3 {
	width: 126px;
	color: #FFF !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 18px;
	border: 1px solid #FF9900;
	letter-spacing: 1px;
	line-height: 35px;
	display: block;
	text-align: center;
	text-decoration: none !important;
	behavior: url(css/PIE.htc);
	margin-right: 10px;
	margin-top: 5px;
	height: 35px;
	background-color: #FF9933;
}

.buynow:hover,.buynow3:hover,.buynow2:hover {
	height: 35px;
    margin-top: 7px;
    color: #FFF !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 18px;
    border: 1px solid #FF3333;
    letter-spacing: 1px;
    line-height: 35px;
    display: block;
    text-align: center;
    text-decoration: none !important;
    behavior: url(css/PIE.htc);
    margin-right: 10px;
    background-color: #FF3333;
}
/*.itinerary:hover .buynow {background: #cf204f; font-size: 20px;}


/*��Ӱ�S��*/
#BRWin {
	position: absolute;
	z-index: 999;
	top: 411px;
	/*bottom:10%;*/ 
	right: 0px
}
#fixedbanner{
	height: 588px;
	width: 120px;
}

/*?����W?*/
.indexwarp {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
.slideshow2{
    height: 260px;
    width: 100%;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    background-image: url(../images/top_back_02.jpg);
    background-repeat: repeat-x;
    padding: 0px;
    top: 30px;
    left: 0;

}
.slideshow_top2{
    height: 380px;
    width: 995px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
}
#salecontent {
	margin-top: 380px;
}
.sale_TB {
	background-color: #F3F3F3;
}
.sale_KB {
	background-color: #DDDDDD;
}

.salewarp {
	width: 995px;
	margin:0 auto;
}

#footer{
	text-align: center;
	background-color: #CCCCCC;
	background-image: url(../images/cback.png);
	background-repeat: repeat-x;
	background-position: top;
}
.areati {
	height: 40px;
	background-image: url(../images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #A8A8A8;
	font-size: 23px;
	color: #FFF;
	padding-left: 60px;
	margin-bottom: 20px;
	margin-right: 15px;
	padding-top: 5px;
}
.areati_en {
	color: #b47a4c;
	margin-left: 10px;
}

.tit{
	height: 48px;
	font-size: 30px;
	color: #FFF;
	padding:0 0 3px 60px;
	margin:0 0 20px 0;
	line-height: 48px;
	letter-spacing:1px;
	border-width:0 0 2px 0;
	border-style: solid;
	}
	
.tit .eng{
	margin: 0 0 0 8px;
	color: #CCC;
	font-size: 15px;
	line-height: 50px;
	}
	
.japan .tit {
	border-color: #EC7D99;
	background: url(../images/Icon_japan.png) no-repeat 10px 4px;
	background-color: #E63965;
}

.japan .style{
	color:#f1274c;
	}
	
.japan .style02{
	background: #e98f8f;
	}
	
.hongkong .tit {
	border-color: #2CA9ED;
	background: url(../images/Icon_honkong.png) no-repeat 10px 4px;
	background-color: #177DEE;
}

.hongkong .style{
	color:#f1274c;
	}
	
.hongkong .style02{
	background: #26c4e6;
	}

.areati3 {
	height: 50px;
	font-size: 30px;
	color: #FFF;
	padding-left: 60px;
	margin-bottom: 20px;
	margin-right: 15px;
	line-height: 50px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B5913E;
	padding-bottom: 3px;
	background-image: url(../images/ti.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
	background-color: #A6713C;
}
.areati4 {
	height: 50px;
	font-size: 30px;
	color: #FFF;
	padding-left: 60px;
	margin-bottom: 20px;
	margin-right: 15px;
	line-height: 50px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1CCECE;
	padding-bottom: 3px;
	background-image: url(../images/ti.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
	background-color: #16A5A5;
}
.box{
	background:#fff;
	color:#333;
	border:solid 1px #ddd;
	box-sizing:border-box;
}
.planline{
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
	background-image: url(../images/planline.jpg);
	background-repeat: repeat-x;
	height: 17px;
}
.bk01{
	background-color: #F5F5F5;
}
.bk02{
	background-color: #E7E7E7;
}
.bk03{
	background-color: #efefef;
}
.mallline{
	width: 100%;
	background-color: #A52728;
	text-align: center;
	margin-bottom: 30px;
}
.mallDiv{
	width: 48%;
	float: left;
	margin-bottom: 40px;
	margin-right: 2%;
	padding-top: 10px;
}
.mallDiv:hover{
	opacity: 0.7;
}
.mallDiv ul{
	line-height: 25px;
	font-size: 12px;
	color: #666;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}
.mallname{
	font-size: 25px;
	color: #4C4C4C;
	line-height: 35px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-top: 3px;
	height: 60px;
	font-weight: bold;
}
.mall_pic{
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.mall_pic img{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 280px;
}
.mallsale_icon{
	font-weight: bold;
	color: #FFF;
	position: absolute;
	right: 20px;
	float: right;
	position: absolute;
	right: 0px;
	text-align: right;
	font-size: 22px;
	line-height: 25px;
	width: 135px;
	height: 56px;
	background-image: url(../images/mallsale.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 8px;
	margin-top: 10px;
	padding-top: 15px;
}
.mallicon_style {
	font-size: 28px;
}
.mallprice{
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
	text-decoration: line-through;
	color: #999;
}
.mallprice_red{
	color: #CC0000;
	font-size: 24px;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	margin-bottom: 15px;
}
.mall_style{
	color: #CC0000;
	font-size: 48px;
	font-family: Arial, Helvetica, sans-serif;
}
.mall_btn{
	border-radius: 5px;
	display: block;
	color: #FFF;
	width: 155px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	height: 55px;
	float: right;
	padding-top: 17px;
	background-image: url(../images/mallbtn.png);
	background-repeat: no-repeat;
}

.hotelDiv,
.hotelDiv2 {
    width: 32.46%;
    float: left;
    margin-bottom: 20px;
    margin-right: 1.3%;
}
.hotelDiv:nth-child(3n+1) {
    margin-right: 0%;
}
.hotelDiv ul:hover{
	background-color: #fbf8e7;
}
.hotelDiv ul{
	line-height: 25px;
	font-size: 12px;
	color: #666;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
/*.hotelDiv:hover{
	color: #FFF;
	background-color: #FC0;
}*/
.indelbt01{
	background-image: url(../images/inbexbtn_01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 80px;
	width: 332px;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	padding-top: 20px;
}
.indelbt01:hover{
	background-image: url(../images/inbexbtnon_01.gif);
}
.indelbt02{
	background-image: url(../images/inbexbtn_02.gif);
	background-repeat: no-repeat;
	float: left;
	height: 80px;
	width: 331px;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	line-height: 28px;
}
.indelbt02:hover{
	background-image: url(../images/inbexbtnon_02.gif);
}
.indelbt03{
	background-image: url(../images/inbexbtn_03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 80px;
	width: 332px;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	line-height: 28px;
}
.indelbt03:hover{
	background-image: url(../images/inbexbtnon_03.gif);
}
.indelbt01 div{
	padding-left: 80px;
	padding-top: 5px;
}
.indelbt02 div,.indelbt03 div{
	padding-left: 80px;
	margin-top: 8px;
}
.indeline{
	width: 100%;
	text-align: center;
	background-image: url(../images/indebtnback.jpg);
	background-repeat: repeat-x;
}
.indebtn{
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
}
.indexDiv{
	width: 32%;
	float: left;
	margin-right: 1.3%;
}
.indexDiv:hover{
	background-color: #8f1a1a;
}
.indexDiv ul{
	line-height: 25px;
	font-size: 12px;
	color: #666;
	padding-top: 7px;
	padding-bottom: 7px;
}
.index_pic{
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.border01{
}
.border02{
	border: 3px solid #B5913E;
}
.border03{
	border: 3px solid #1CCECE;
}
.index_pic img{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 210px;
}
.indexhotel{
	font-size: 25px;
	color: #FFF;
	line-height: 30px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-top: 3px;
}
.indexroom{
	font-size: 18px;
	line-height: 20px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	color: #FFF;
	background-color: #C76D6D;
	padding-top: 5px;
	display: block;
}

.indexprice{
	font-size: 14px;
	color: #FFF;
	text-align: right;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 20px;
}
.indexprice_RED{
	font-size: 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f7dd4e;
	line-height: 30px;
}
.hotel_pic{
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding:1px;
}

.picture div{
	background-size: cover;
	background-position: center center;
	width:100%;
	height:210px;
	}
	
.picture{
	width: 100%;
	height: 210px;
	}
	
.hotel_name{
	height:100px;
	font-size: 22px;
	color: #000;
	line-height: 30px;
	letter-spacing: 0.5px;
	padding: 6px 8px 8px 8px;
	text-shadow: 0.1px 0.1px 0px #000;
}
.hotel{
	font-size: 23px;
	color: #000;
	line-height: 30px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-top: 3px;
}
.hotel_time{
	font-size: 18px;
	color: #FFF;
	line-height: 40px;
	background-color: #b3976b;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	height: 45px;
}
.hotel_room{
	font-size: 18px;
	line-height: 35px;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.room{
	font-size: 18px;
	line-height: 20px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.hotel_price{
	font-size: 14px;
	color: #F1274C;
	line-height: 40px;
	text-align: right;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 20px;
}
.saleicon{
	background-color: #ca0707;
	font-weight: bold;
	color: #FFF;
	width: 80px;
	position: absolute;
	right: 20px;
	float: right;
	position: absolute;
	right: 10px;
	text-align: center;
	padding-top: 2px;
	font-size: 18px;
	padding-bottom: 2px;
	line-height: 25px;
}
.saleicon_style {font-size: 26px;}
.price{
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	padding-bottom: 10px;
}
.price_style{
	font-size: 23px;
}
.price_RED{
	font-size: 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f1274c;
	line-height: 30px;
}
.hotel_btn{
	border-radius: 10px;
	display: block;
	color: #FFF;
	background-color: #9f0d0d;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d74848;
	margin-top: 20px;
	height: 45px;
	padding-bottom: 5px;
}
.hotel_btn:hover{
	background-color: #f7a63c;
}
.fb{
	position: absolute;
	z-index: 999;
	top: 45px;
	left: 20px;
    }
#fb-bt {
	position:absolute;
	left:20px;
	bottom: 10px;
	}
#google {
	position:absolute;
	left:120px;
	bottom: 10px;
	}
/*topgo*/
#topgo{ 
display:block;
cursor:pointer; 
}
.style01 {
	font-size: 18px;
}

.style02,.style09 {
	
}

.style02 {
	letter-spacing:1px;
	display: inline-block;
	padding: 2px 4px;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	text-align: left;
	margin: 0 0 0 8px;
}

.style09{
	font-size:16px;
	text-align: right;
	margin:0 8px 0 0;
	color: #888;	
	}

.style03 {
	color: #0DA7C8;
}
.style04 {
	color: #999;
}
.style05 {
	font-size: 33px;
	font-weight: bold;
	color: #fbe104;
	line-height: 35px;
}
.style06 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.style07 {
	font-size: 21px;
}


.line {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.more {
	float: right;
	font-size: 17px;
	color: #FFF;
}
.more:hover {
	float: right;
	font-size: 17px;
	color: #FFE759;
}
/*#head{
	position: relative;
	height: 260px;
	overflow: hidden;
	z-index: -1;
	width: 100%;
	left: 0px;
	top: 30px;
}