@charset "utf-8";
#mainContent{
	margin:0 0 2em 0;
	height:auto!important;
	height:400px;
	min-height:400px;
}
.aboutUsDiv{
	height:auto!important;
}
.aboutUsDiv h1{
	margin:20px 15px 0em 15px;
	padding-bottom:0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.aboutUsDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.aboutUsDiv .putCenter{	text-align: center;}

.bannersDiv {
	position: absolute;
	z-index: 1;
	height: 100px;
	width: 550px;
	left: 410px!important;
	left: 400px;
	top: 440px;
}
.bannersDiv ul{
	margin:0;
	list-style-type: none;
}
.bannersDiv ul li{
	margin:7px!important;
	margin:5px;
	padding:0;
	float: left;
	width: 109px;
	height: 81px;
	background-color: #CCCCCC;
}
.bannersDiv ul li img{
	position: relative;
	left: -9px!important;
	top: -9px!important;
	left: -3px;
	top: -2px;
	border: 3px solid #FFFFFF;
}
.contactDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin:20px 15px;
}
.contactDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.contactDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -60px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.contactDiv fieldset{font-size:1.2em; margin-left:16px;}
.contactDiv dl {  }
.contactDiv dl dt{ margin:0;}
.contactDiv dl dd{ margin:0.2em 0;}
.contactDiv dl dd label{ float:left; width:5em;}
.contactDiv dl dd input{ margin:0 0.5em;}
.contactDiv dl dd textarea{ margin:0 0.5em;}
.contactDiv dl dd.priBtn input{ margin-left:5.5em; width:4em;}
.moonDiv{
	width:110px;
	height: 162px;
	right: 20px;
	top: 98px;
	position:absolute;
	z-index:1;
}
.eventsDiv{
	width:362px;
	height: 118px;
	padding:10px;
	background-image: url(../images/bg_events.png);
	background-repeat: no-repeat;
	left: 18px;
	top: 420px;
	position:absolute;
	z-index:1;
}
.faqDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin:20px 15px;
}
.faqDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.faqDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -45px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.faqDiv ol{ }
.faqDiv ol li{margin:0; font-size:1.2em;}
.faqDiv ol li a{}
.faqDiv ol li div{ display:none;margin:0 0 1em 0;}
.faqDiv ol li div strong{ color:#e4006e;}
.groupInfoDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin:20px 15px;
}
.groupInfoDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.groupInfoDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -150px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.groupInfoDiv h2{
	margin:2em 0 1em 17px;
	color:#cc6699;
	font-size:1.3em;
	clear:left;
}
.groupInfoDiv dl{
	margin:0 0 15px 15px;
	padding:0;
	width:271px;
	/*width:31%;
	border: 1px solid #e49cbf;*/
	/*以下為居家旅行必備良方*/
	vertical-align:top;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	min-height:125px;
	_height:125px;
	background-image: url(../images/bg_frameStyle01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.groupInfoDiv dl dt{
	margin: 8px 0 15px 0;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
	color:#b65b89;
	/*background-color:#e49cbf;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	text-indent: 10px;
}
.groupInfoDiv dl dd{margin-left:10px;  font-size:1.2em; word-break:break-all; clear:left;}
.groupInfoDiv dl dd label{float:left; width:5em; font-weight: bolder;}
.groupInfoDiv dl dd div{margin-left:5.5em;}
.groupInfoDiv .logoWord{ margin: 10px 10px 20px 30px; float:left; font-size: 1.3em;}

.pdtCategoryDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}
.pdtCategoryDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.pdtCategoryDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.pdtCategoryDiv dl{	
	margin:1em 0px 0 20px;
	float:left;
	width:46%;
	height:12em;
	max-height:16em;
	overflow:hidden;
}
.pdtCategoryDiv dl dt{
	float: left;
	height: 100px;
	width: 100px;
	margin:0;
}
.pdtCategoryDiv dl dd{
	font-size:1.2em;
	margin-left:210px;
}
.pdtInfoDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin:20px 15px;
}
.pdtInfoDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.pdtInfoDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.pdtInfoDiv ul.subMenu{
	margin: 0 20px 0 0;
	padding:0 0 20px 0;
	float: left;
	width: 131px;
	list-style-type: none;
	background-image: url(../images/subMenuFooter.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.pdtInfoDiv ul.subMenu li{
	font-size: 1.2em;
	padding:0 12px 0 0;
	margin:0;
	border-right: 1px solid #cccc99;
	line-height:2em;
}
.pdtInfoDiv ul.subMenu li.current a{ 
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold; 
}
.pdtInfoDiv ul.subMenu li a{
	border-bottom: 1px dotted #999999;
	padding-left: 12px;
	display:block;
	width:auto;
	height:100%;
}
.shopInfoDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin:20px 15px;
}
.shopInfoDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.shopInfoDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -15px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.shopInfoDiv h2{
	margin:1em 0px 0 20px;
	color:#cc6699;
	font-size:1.3em;
	clear:left;
}
.shopInfoDiv dl.shopListHeader{margin:0 20px;padding:0 0.4em;zoom:1; background-color:#cc6699; color:#FFFFFF; zoom:1; overflow:hidden;}
.shopInfoDiv dl.shopListBody{margin:0 20px; padding:0.4em; border-bottom: dotted 1px #999; clear:left;zoom:1; overflow:hidden;}
.shopInfoDiv dl.shopListBody:hover{ background-color:#ffe5f2;}
.shopInfoDiv dl dd{margin-left:1%; float:left; font-size:1.2em;}
.shopInfoDiv dl dd.name{ width:9%;}
.shopInfoDiv dl dd.address{ width:35%;}
.shopInfoDiv dl dd.phone{ width:25%;}
.shopInfoDiv dl dd.opening{ width:25%;}

/* 購物車用 */
.buycarDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin:20px 15px;}
.buycarDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.buycarDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: -100px 0px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.buycarDiv h2{
	margin:1em 0px 0 20px;
	color:#cc6699;
	font-size:1.3em;
	clear:left;
}
.buycarDiv p{	margin:1em 310px 0 30px;font-size:1.2em;}
.buycarDiv dl{ margin:0em 0 0 30px; width:auto;}
.buycarDiv dl dt{ margin:0 1em 0 0; float:left; font-size:1.2em;}
.buycarDiv dl.shopForm{margin:0 20px; padding:0.4em; clear:left;zoom:1; overflow:hidden;}
/*.buycarDiv dl.shopListBody:hover{ background-color:#ffe5f2;}*/
.buycarDiv dl dd{margin-left:1%; float:left; font-size:1.2em;}
.buycarDiv dl dd.title{	width:15%; background-color: #cc6699; color: #FFFFFF; padding-left: 15px;}
.buycarDiv dl dd.data01{ width:80%; border-bottom: dotted 1px #999;}
.buycarDiv dl dd.data02{ width:30.5%; border-bottom: dotted 1px #999;}
.buycarDiv_text{
	margin-left:4%;
	overflow: auto;
	height: 150px;
	width: 88%;
	padding: 15px;
	border: 1px dotted #999999;
}
.buycarDiv dl.shopListHeader{ margin:0 20px; padding:0 0.4em; zoom:1; color:#FFFFFF; zoom:1; overflow:hidden; background-color: #cc6699;}
.buycarDiv dl.shopListBody{
	margin:0 20px;
	padding:0.4em;
	clear:left;
	zoom:1;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.buycarDiv dl dd.name{	width:33%;}
.buycarDiv dl dd.specification{ width:15%; }
.buycarDiv dl dd.price{ width:15%; }
.buycarDiv dl dd.quantity{ width:10%; }
.buycarDiv dl dd.total{ width:15%; }
.buycarDiv dl dd.delete{ width:5%; }

/* 會員專區 */
.memberDiv{
	background-image: url(../images/img02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:auto!important;
	height:443px;
	min-height:443px;
}
.memberDiv h1{
	margin:20px 310px 0em 15px;
	padding-bottom:0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.memberDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -75px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.memberDiv h2{
	margin:1em 310px 0 30px;
	color:#cc8843;
	font-size:1.3em;
}
.memberDiv p{margin:1em 310px 0 30px;font-size:1.2em;}

/* 會員專區_會員登入 */
.memberLoginDiv{
	background-image: url(../images/img02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:auto!important;
	height:443px;
	min-height:443px;
}
.memberLoginDiv h1{
	margin:20px 310px 0em 15px;
	padding-bottom:0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.memberLoginDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -105px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.memberLoginDiv h2{
	margin:1em 310px 0 30px;
	color:#cc8843;
	font-size:1.3em;
}
.memberLoginDiv p{margin:1em 310px 0 30px;font-size:1.2em;}
.memberLoginDiv td{font-size:1.2em;}

/* 會員專區_忘記密碼 */
.memberForgetDiv{
	background-image: url(../images/img02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:auto!important;
	height:443px;
	min-height:443px;
}
.memberForgetDiv h1{
	margin:20px 310px 0em 15px;
	padding-bottom:0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.memberForgetDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -135px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.memberForgetDiv h2{
	margin:1em 310px 0 30px;
	color:#cc8843;
	font-size:1.3em;
}
.memberForgetDiv p{margin:1em 310px 0 30px;font-size:1.2em;}
.memberForgetDiv td{font-size:1.2em;}

/* 會員專區_加入會員 */
.memberAddDiv{
	height:auto!important;
	height:443px;
	min-height:443px;
	margin:20px 15px;}
.memberAddDiv h1{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.memberAddDiv h1 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -90px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}
.memberAddDiv h2{
	margin:1em 0px 0 20px;
	color:#cc6699;
	font-size:1.3em;
	clear:left;
}
.memberAddDiv p{margin:1em 310px 0 30px;font-size:1.2em;}
.memberAddDiv dl{ margin:0em 0 0 30px; width:auto;}
.memberAddDiv dl dt{ margin:0 1em 0 0; float:left; font-size:1.2em;}
.memberAddDiv dl.shopForm{margin:0 20px; padding:0.4em; clear:left;zoom:1; overflow:hidden;}
.memberAddDiv dl dd{margin-left:1%; float:left; font-size:1.2em;}
.memberAddDiv dl dd.title{	width:15%; background-color: #cc6699; color: #FFFFFF; padding-left: 15px;}
.memberAddDiv dl dd.title2{
	width:15%;
	background-color: #FF3366;
	color: #FFFFFF;
	padding-left: 15px;
}
.memberAddDiv dl dd.data01{ width:80%; border-bottom: dotted 1px #999;}
.memberAddDiv dl dd.data02{ width:30.5%; border-bottom: dotted 1px #999;}
.memberAddDiv .note{
	padding: 10px;
	height: 100px;
	width: 630px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	margin: 5px 5px 10px;
}
.memberAddDiv .note ul{
	list-style-type: decimal;
}
.memberAddDiv .note2{
	padding: 10px;
	width: 700px;
	border: 1px solid #CCCCCC;
	margin: 5px auto 10px;
	font-size: 1.2em;
}
.memberAddDiv .note2 ul{
	list-style-type: decimal;
	margin-bottom: 0px;
}

/* 會員專區_資料修改 */
.memberAddDiv h3{
	border-bottom: 1px dotted #999999;
	padding-bottom:0.1em;
}
.memberAddDiv h3 span{
	background-image: url(../images/pageTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	height: 15px;
	width: 100px;
	text-indent: -2000px;
	overflow: hidden;
	display:block;
}