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

body{
	margin:0px;
	font-size:14px;
}

a, .pointer{
	cursor:pointer;	
}

a img{
	border:0px;
}

table{
	word-break:break-all;
}

/*header*/
.shopbaglink{
	text-decoration:none;
	color:#787878;
	display:block;
	height:35px;
	float:right;
	padding-left:50px;
	padding-right:10px;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	background:url(../images/bagicon.png) 10px 0px no-repeat;
}

/*blue button*/
.bluebt{
	background:#14B9D6;
	border-color:#14B9D6;
	color:#FFFFFF;
}

/*menu2*/
.menu2{
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	background:#FFFFFF;
	display:none;
	z-index:1000;
}

.menu2bt{
    color:#FFFFFF;
    text-decoration:none;
	text-align:center;
	display:block;
	width:120px;
	font-size:16px;
	padding-bottom:10px;
}

.menu2sub, .menu2subsc{
	padding:0px 10px;
}

.menu2sub .m2sub, .hide, .menu2subsc .m2sub{
	display:none;
}

.menu2sub:hover .m2sub, .menu2subsc:hover .m2sub{
	display:block;
}

.menu2login{
	position:absolute;
	top:10px;
	width:980px;
	text-align:center;
}

/*HOME MAP MENU*/
.homemapbg{
	width:1200px;
	height:300px;
	position:relative;
	background:url(../images/homemapbg.png);
}

/*sub menu*/
.homemapbt1 div,
.homemapbt2 div,
.homemapbt3 div,
.homemapbt4 div,
.homemapbt5 div,
.homemapbt6 div,
.homemapbt7 div
{
	display:none;
	padding-top:40px;
}

.homemapbt1:hover div,
.homemapbt2:hover div,
.homemapbt3:hover div,
.homemapbt4:hover div,
.homemapbt5:hover div,
.homemapbt6:hover div,
.homemapbt7:hover div
{
	display:block;
	padding-top:40px;
}

.homemapbt1 div a,
.homemapbt2 div a,
.homemapbt3 div a,
.homemapbt4 div a,
.homemapbt5 div a,
.homemapbt6 div a,
.homemapbt7 div a
{
	display:block;
	line-height:20px;
}

/*map menu1*/
.homemapbt1link{
	width:110px;
	height:119px;
	display:block;
	text-decoration:none;
}

.homemapbt1{
	width:110px;
	height:119px;
	display:block;
	background:url(../images/homemapbt1.png) top center no-repeat;
	position:absolute;
	left:132px;
	top:59px;
}

.homemapbt1:hover{
	width:110px;
	height:119px;
	display:block;
	background:url(../images/homemapbt1r.png) top center no-repeat;
	position:absolute;
	left:132px;
	top:59px;
}

/*map menu2*/
.homemapbt2link{
	width:110px;
	height:147px;
	display:block;
	text-decoration:none;
}

.homemapbt2{
	width:110px;
	height:147px;
	display:block;
	background:url(../images/homemapbt2.png) top center no-repeat;
	position:absolute;
	left:290px;
	top:17px;
}

.homemapbt2:hover{
	width:110px;
	height:147px;
	display:block;
	background:url(../images/homemapbt2r.png) top center no-repeat;
	position:absolute;
	left:290px;
	top:17px;
}

/*map menu3*/
.homemapbt3link{
	width:110px;
	height:129px;
	display:block;
	text-decoration:none;
}

.homemapbt3{
	width:110px;
	height:129px;
	display:block;
	background:url(../images/homemapbt3.png) top center no-repeat;
	position:absolute;
	left:448px;
	top:43px;
}

.homemapbt3:hover{
	width:110px;
	height:129px;
	display:block;
	background:url(../images/homemapbt3r.png) top center no-repeat;
	position:absolute;
	left:448px;
	top:43px;
}

/*map menu4*/
.homemapbt4link{
	width:110px;
	height:122px;
	display:block;
	text-decoration:none;
}

.homemapbt4{
	width:110px;
	height:122px;
	display:block;
	background:url(../images/homemapbt4.png) top center no-repeat;
	position:absolute;
	left:598px;
	top:42px;
}

.homemapbt4:hover{
	width:110px;
	height:122px;
	display:block;
	background:url(../images/homemapbt4r.png) top center no-repeat;
	position:absolute;
	left:598px;
	top:42px;
}

/*map menu5*/
.homemapbt5link{
	width:110px;
	height:147px;
	display:block;
	text-decoration:none;
}

.homemapbt5{
	width:110px;
	height:147px;
	display:block;
	background:url(../images/homemapbt5.png) top center no-repeat;
	position:absolute;
	left:748px;
	top:14px;
}

.homemapbt5:hover{
	width:110px;
	height:147px;
	display:block;
	background:url(../images/homemapbt5r.png) top center no-repeat;
	position:absolute;
	left:748px;
	top:14px;
}

/*map menu6*/
.homemapbt6link{
	width:110px;
	height:147px;
	display:block;
	text-decoration:none;
}

.homemapbt6{
	width:110px;
	height:147px;
	display:block;
	background:url(../images/homemapbt6.png) top center no-repeat;
	position:absolute;
	left:902px;
	top:16px;
}

.homemapbt6:hover{
	width:110px;
	height:147px;
	display:block;
	background:url(../images/homemapbt6r.png) top center no-repeat;
	position:absolute;
	left:902px;
	top:16px;
}

/*map menu7*/
.homemapbt7link{
	width:110px;
	height:123px;
	display:block;
	text-decoration:none;
}

.homemapbt7{
	width:110px;
	height:123px;
	display:block;
	background:url(../images/homemapbt7.png) top center no-repeat;
	position:absolute;
	left:1051px;
	top:40px;
}

.homemapbt7:hover{
	width:110px;
	height:123px;
	display:block;
	background:url(../images/homemapbt7r.png) top center no-repeat;
	position:absolute;
	left:1051px;
	top:40px;
}

/*我要租車*/
.rentbt{
	display:block;
	width:105px;
	height:38px;
	background:url(../images/rentbt.png);
	margin:0 auto;
}

.rentbt:hover{
	display:block;
	width:105px;
	height:38px;
	background:url(../images/rentbtr.png);
	margin:0 auto;
}

/*漫遊園區*/
.fc-day-number{
	font-size:36px;
	margin-top:10px;
	margin-right:17px;
}

.timelinkc a, .timelinkg a{
	background:#000000;
	display:block;
	padding:10px 0px;
	text-decoration:none;
	color:#FFFFFF;	
}

.timelinkc a:hover, .timelinkc a.active, .timelinkg a:hover, .timelinkg a.active{
	background:#F94242;
	display:block;
	padding:10px 0px;
	text-decoration:none;
	color:#FFFFFF;	
}

.timelinkc div, .timelinkg div{
	background:#C3C3C3;
	padding:10px 0px;
	text-decoration:none;
	color:#FFFFFF;	
}

/*SHOP*/

/*shadow surround 7*/
.boxshadow7rd{
	box-shadow:0 0 7px #888888;
}

/*border radius 10*/
.rdborder10{
	border-radius:10px;
}

/*border radius 10 top*/
.rdbordertop{
	border-radius:10px 10px 0px 0px;
}

.shoptitle{
	width:245px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	margin:10px;
	font-weight:bold;
}

.shopinfo{
	width:245px;
	height:100px;
	line-height:20px;
	overflow:hidden;
	margin:10px;
}

.shopline{
	width:50%;
	height:1px;
	border-top:#C3C3C3 1px solid;
	margin:0 auto;	
}

/*shop img rotate*/
.rotate a img{
  transition-duration: 0.3s;
}
.rotate a img:hover{
	transform: scale(1.1) rotate(4deg);
	opacity:0.8;
}

.shopimgs{
	width:265px;
	height:177px;
	display:block;
	overflow:hidden;
}

/*相關推薦*/
.shophotitle{
	width:130px;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/*COMMON USE*/
.textcenter{
	text-align:center;	
}

.whitetext{
	color:#FFFFFF;	
}

.blacktext{
	color:#000000;
}

.redtext{
	color:#CC0000;
}

.bold{
	font-weight:bold;	
}

.lineh20{
	line-height:28px;	
}

.font16{
	font-size:16px;	
}

.font24{
	font-size:24px;	
}

.round50{
	border-radius:50%;
}

.padding20{
	padding:20px;	
}

.divdotw{
	height:1px;
	border-top:#FFFFFF 1px dotted;	
}

.divlinew{
	height:1px;
	border-top:#FFFFFF 1px solid;	
}

.divline{
	height:1px;
	border-top:#C3C3C3 1px solid;	
}

.divdash{
	height:1px;
	border-top:#C3C3C3 1px dashed;	
}

.greentitle{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background:#7CBC69;
}

.tblinebm td{
	border-bottom:#FFFFFF 1px solid;
}

.tbdotbmw td{
	border-bottom:#FFFFFF 1px dotted;
}

.tbdotbm td{
	border-bottom:#C3C3C3 1px dotted;
}

.margin50{
	margin:50px;	
}

.w70{
	width:70px;
}

.w75{
	width:75px;
}

.w150{
	width:150px;	
}

.w300{
	width:300px;	
}

.line1hide{
	width:100%;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

.line4hide{
	width:100%;
	height:80px;
	line-height:28px;
	overflow:hidden;
}

/*story editor*/
.imgmax875 img, .imgmax875 table{
	max-width:875px;
	height:auto;
}

/*news editor*/
.imgmax835 img, .imgmax835 table{
	max-width:557px;
	line-height:28px;
	
	height:auto;
}

/*shop price editor*/
.imgmax420 img, .imgmax420 table{
	max-width:420px;
	height:auto;
}

/*shop item editor*/
.imgmax840 img, .imgmax840 table{
	max-width:840px;
	height:auto;
}

.textlink:hover{
	cursor:pointer;
	text-decoration:underline;
}

/*number counter*/
#pdintro{
	counter-reset: section;
}

.pdcount:before{
	counter-increment: section;
	content:counter(section);
}

/*BUTTON*/
.btstylesmall{
	border:none;
	border-radius:5px;
	font-size:12px;
	height:25px;
	color:#FFFFFF;
	cursor:pointer;
	background:#65A331;
	overflow:visible;
	padding:0px 5px;
}

.btstylesmall:hover{
	border:none;
	border-radius:5px;
	font-size:12px;
	height:25px;
	color:#FFFFFF;
	cursor:pointer;
	background:#FFC000;
	overflow:visible;
	padding:0px 5px;
}

.btstylebig{
	border:none;
	border-radius:5px;
	font-size:16px;
	color:#FFFFFF;
	cursor:pointer;
	background:#65A331;
	overflow:visible;
	padding:7px;
}

.btstylebig:hover{
	border:none;
	border-radius:5px;
	font-size:16px;
	color:#FFFFFF;
	cursor:pointer;
	background:#FFC000;
	overflow:visible;
	padding:7px;
}


/*LINKS*/
.linkblock a{
	display:block;	
}

.blacklink a{
	color:#000000;
	text-decoration:none;	
}

.blacklink a:hover{
	color:#000000;
	text-decoration:underline;	
}

.whitelink a{
	color:#FFFFFF;
	text-decoration:none;	
}

.whitelink a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.redlink a{
	color:#CC0000;
	text-decoration:none;
}

.redlink a:hover{
	color:#CC0000;
	text-decoration:underline;
}

.bluelink a{
	color:#005C9C;
	text-decoration:none;
}

.bluelink a:hover{
	color:#005C9C;
	text-decoration:underline;
}

/*-------------BACKEND-------------*/

/*HEADER*/
.headermenubk{
	padding-top:5px;
	padding-right:5px;
}

.showhmenu{
	width:78px;
	height:30px;
	background:url(../images/headermimg.png);
	cursor:pointer;
}

.showhmenu2{
	width:78px;
	height:30px;
	background:url(../images/headermimgr.png);
	cursor:pointer;
}

.greyorglink a{
	color:#787878;
	text-decoration:none;
}

.greyorglink a:hover{
	color:#DF8302;
	text-decoration:none;
}

/*SUBMENU*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 35px;
  background:#F5F5F5;
  border-top:#C3C3C3 1px solid;
  border-bottom:#C3C3C3 1px solid;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background:#F5F5F5;
  color: #666666;
  display: inline-block;
  line-height: 35px;
  padding: 0 10px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #D9D9D9;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {

}
#cssmenu > ul > li:last-child > a {

}
#cssmenu > ul > li.active a {
  background: #D9D9D9; 
}
#cssmenu > ul > li:hover > a {
  background: #D9D9D9; 
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 120px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #D9D9D9;
  border-bottom: 1px dotted #FFFFFF;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #E9E9E9;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #E9E9E9;
  border-bottom: 1px dotted #FFFFFF;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #CCCCCC;
}

/*green main title*/
.backgtitle{
	background:#7CBC69;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}


/*NEWS*/
.bknewstitle{
	width:300px;
	height:60px;
	overflow:hidden;
	line-height:20px;
}

.bknewsinfo{
	width:500px;
	height:60px;
	overflow:hidden;
	line-height:20px;
}

.minw100 td{
	min-width:100px;
}

.minw300{
	min-width:300px;	
}

.w1200scroll{
	width:1200px;
	overflow-x:scroll;	
}