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

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:微軟正黑體;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------*/


body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background: url(../images/bg.jpg) center center repeat;
}
img {border: 0;}
hr {
	margin: 0;
	padding: 0;
	clear: both;
	visibility:hidden;
}

ul,li,p{
	margin:0;
	padding:0;
}
.header {margin:0 auto; display:block;  max-width:960px; overflow:hidden;}
.header-bg h1,.header-bg h2,.header-bg h3 {display:none;}

.container {margin:0px 0px 30px 0px; position:relative;}
.container2 {width:100%; position:relative; }
.container3 {width:100%; position:relative; float:left; margin:0px 0px 10px 0px;}
#container-bg {width:100%; height:100%; position: relative; background: url(../images/bg.jpg) top center repeat;/*background-attachment: fixed; overflow: hidden;*/}


.topsale {background: #000000; padding:10px;}
.topsale2 {background: #016bfd; padding:10px;}
.topsale3 {background: #c0e6fd;	-webkit-box-shadow: 2px 2px 4px #064989; -moz-box-shadow: 2px 2px 4px #064989; box-shadow: 2px 2px 4px #064989;}


.top-product-hotel {float:left;}
.top-product-hotel a {text-decoration: none;}
.top-product-hotel a:hover {text-decoration: none;}

.top-product-pic img {width:100%; height:100%;}

.title-ch {color:#000000; font-size:26px; font-weight: bold; padding:5px; display: block; float:left; width:100%; text-align: center; line-height: 32px;}
.title-en {color:#000000; font-size:13px; padding:5px 5px 5px 10px; display: block; float:left; width:100%; text-align: center;}
.text-icon {padding-left:10px;}
.top-con {color:#0045e0; margin:25px 0px 15px 40px; font-size:16px; font-weight: bold;}
.top-con li {float:left; padding:5px 0px; width:100%; text-indent: -8px; line-height: 26px;}
.original-price {float:left; width:100%; color:#000000; font-size:12px; text-decoration: line-through; display: block; text-align: center; margin-top:10px;}
.special-price {float:left; width:100%; display: block; text-align: center; margin-top:35px; color:#000000;}
em {color:#d40f7d; font-size:42px; font-weight: bold; padding-left:8px; padding-right:8px;}	

@media screen and (min-width: 960px) {
.top-product-pic {width:50%; height:310px; overflow: hidden; float:left; margin-left:-20px;}
.top-product-content {width:50%; float:right; padding:15px; margin-top:8px; line-height: 26px; transform: translateY(18%); position: relative;}

}
@media screen and (min-width: 769px) and (max-width: 959px) {
.top-product-pic {width:60%; float:left; margin-left:-20px;}
.top-product-content {width:40%; float:right; padding:10px; margin-top:10px; line-height: 21px; }
.top-con {color:#0045e0; margin:25px 0px 15px 20px; font-size:16px; font-weight: bold;}
}

@media screen and (max-width: 768px) {
.top-product-pic {width:100%; float:left; margin-left:0px;}
.top-product-pic img {margin:0 auto; margin-top:20px;}
.top-product-content {width:100%; float:left; padding:15px; margin-top:0px; line-height: 21px;}
.top-con {width:100%; margin:15px auto; color:#0045e0; background: #ff3;}
}

.title-topsale {display:block; position:relative; z-index: 200; max-width:478px; height:82px; top:40px; background: url(../images/title-topsale.png) center center no-repeat; background-size: contain; text-align: center; margin:0 auto; }
.title-topsale2 {display:block; position:relative; z-index: 200; max-width:478px; height:82px; top:40px; background: url(../images/title-4.png) center center no-repeat; background-size: contain; text-align: center; margin:0 auto; }
.title-1 {display:block; position:relative; z-index: 200; max-width:478px; height:82px; top:40px; background: url(../images/title-1.png) center center no-repeat; background-size: contain; text-align: center; margin:0 auto; }
.title-2 {display:block; position:relative; z-index: 200; max-width:478px; height:82px; top:40px; background: url(../images/title-2.png) center center no-repeat; background-size: contain; text-align: center; margin:0 auto; }
.title-3 {display:block; position:relative; z-index: 200; max-width:478px; height:82px; top:40px; background: url(../images/title-3.png) center center no-repeat; background-size: contain; text-align: center; margin:0 auto; }
.title-txt {color:#ffffff; font-size:26px; font-weight: bold; font-style: italic; padding-top:36px;}	
.sp-txt {color:#fdfa07;}

@media screen and (max-width: 481px) {
.title-txt {color:#ffffff; font-size:18px; font-weight: bold; font-style: italic; padding-top:36px;}	
}

.hotelsale {background: #000000; padding:10px;}
.hotelsale2 {background: #56bdfe; padding:10px;}


@media screen and (min-width: 768px) {
.togglenav {display: none;}
}


.hotelsale a,.product a {text-decoration: none;}
.hotelsale a:hover,.product a:hover {text-decoration: none;}
.hotelsale a:focus{text-decoration: none;}
.product {display: block; margin:15px 0px;}
.product-pic {padding:0px 5px;}
.product-area { width:100%; padding:5px; color:#000000; text-align:center; line-height: 18px; padding:15px 0px;}
.txt-title-ch {font-size:21px; font-weight: bold; line-height: 24px; padding:5px 0px;}
.txt-title-en {text-align: center; font-size:12px; line-height: 18px; padding:5px 0px;}
.txt-sp {font-size:18px; color:#d40f7d; font-weight: bold; padding:10px 0px; line-height: 26px;}
.original-price2 {width:100%; color:#000000; font-size:12px; text-decoration: line-through; display: block; text-align: center;}
.special-price2 {width:100%; text-align: center; color:#000000; margin-top:20px; line-height: 24px;}


.top-label {width:94px; height:94px; /*background: url(../images/icon-1.png) 0 0 no-repeat;*/background:#000000; border-radius: 50px; position:absolute; z-index: 200; margin-top:7px;}
.top-label span {font-weight: bold; color:#ffffff; line-height: 24px; padding-top:34px; text-align: center; display: block; font-size:20px;}

.product-label {width:123px; height:36px; background: url(../images/icon-2.png) 0 0 no-repeat; position:absolute; margin-top:15px;}
.product-label span {font-weight: bold; color:#ffffff; line-height: 36px; padding-left:5px;}

.city-title-ch {font-size:36px; font-weight: bold; line-height: 24px; padding:5px 0px 35px 0px;}
.product-bg {background: #9ed6fa; padding:8px;}


#r1 {clear:both;}
#r2 {padding-top:50px;}
#r3 {padding-top:50px;}
#r4 {padding-top:50px;}
#r5 {padding-top:50px;}


@media screen and (max-width: 767px) {
	
#r1 {clear:both; margin-bottom:20px; margin-top:-50px;}	
	
}



@media screen and (max-width: 959px) {
.head1 {max-width:692px; margin:0 auto; margin-top:0px;}	
.header-bg {margin:0 auto; max-width:2000px; height:auto; min-height:0px; background: url(../images/headbg.jpg) center center no-repeat; overflow:hidden;}
.head-money1,.head-money2 {display: none;}
}
@media screen and (max-width: 768px) {
.head1 {max-width:692px; margin:0 auto; margin-top:0px; margin-bottom:20px;}
.header-bg {margin:0 auto; max-width:768px; height:auto; min-height:0px; background: url(../images/headbg2.jpg) center center no-repeat;}
}


@media screen and (min-width: 960px) {
.head1 {max-width:960px; margin:0 auto; margin-top:-10px; margin-bottom:20px; position:relative; z-indez:350;}
.header-bg {margin:0 auto; max-width:2000px; height:430px; min-height:0px; background: url(../images/headbg.jpg) center center no-repeat;}
	
.head-money1 {max-width:1547px; margin:0 auto; position: relative; margin-top:-480px; z-index:80; overflow: hidden;}
.head-money2 {max-width:1736px; margin:0 auto; position: relative; margin-top:-460px; z-index:80; overflow: hidden;}

	
/***按鈕列***/
#menu {display:block; z-index:98; width:769px; position:relative; margin:0 auto; }
.nav {
	width:100%;
	height: 100px;
	float:left;
	z-index:100;
	display:block;
}
.nav ul {
	max-width: 768px;
	height: 72px;
	margin: 0 auto;
	
}

.nav li {
	float:left;
	height:72px;
	margin-top:8px;
}
.nav li div {
	height:72px;
  	
}
.nav li a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	background: url(../images/nav.png) 0px 0px no-repeat;
	text-decoration: none;
	color:#000000;
	text-align: center;
	line-height: 24px;
	font-size:21px;
	font-weight: bold;
}
	
/*.nav li a:hover,.nav li.on a div {background: url(../images/nav-on.png) 0px 0px no-repeat;}*/
.nav01:hover,.nav li.on a .nav01 {background: url(../images/nav-black.png) 0px 0px no-repeat; color:#ffffff;}
.nav02:hover,.nav li.on a .nav02 {background: url(../images/nav-red.png) 0px 0px no-repeat; color:#ffffff;}
.nav03:hover,.nav li.on a .nav03 {background: url(../images/nav-pink.png) 0px 0px no-repeat; color:#ffffff;}
.nav04:hover,.nav li.on a .nav04 {background: url(../images/nav-blue.png) 0px 0px no-repeat; color:#ffffff;}
.nav05:hover,.nav li.on a .nav05 {background: url(../images/nav-green.png) 0px 0px no-repeat; color:#ffffff;}	

/*.nav1 {width: 204px; height:66px; background: url(../images/nav.png) 0px 0px no-repeat;}
.nav1:hover,.menu li.on a .nav1,.menu0 li.on a .nav1 {width: 204px; height:66px; background: url(../images/nav-over.png) 0px 0px no-repeat;}	
*/	
.twolines {padding-top:8px; display: block;}
.onelines {padding-top:18px; display: block;}
	
.nav00 {width: 1px; text-indent: -9999px;}
.nav li a .nav01,.nav li a .nav02,.nav li a .nav03,.nav li a .nav04,.nav li a .nav05 {width: 151px;}
	
.menubg {display: none; width:100%; height:88px; background: url(../images/nav-bg.png) 0 0 repeat-x; z-index:80; position:fixed; top:30px; text-indent:-9999px;}

}


@media screen and (max-width: 959px) {
	
.togglenav {
        display: block;
        z-index: 9999;
        position: fixed;
        right: 0;
        overflow: hidden;
        line-height: 33px;
        width: 100%;
        cursor: pointer;
    }
.nav {display:none;}
}



.hotel-btn {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.hotel-btn:after {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.hotel-btn:hover {
	-webkit-transform: translateY(-1%);
	-moz-transform: translateY(-1%);
	-ms-transform: translateY(-1%);
	transform: translateY(-1%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
} 

.notes {color:#ffffff; font-size:12px;}