@charset "utf-8";
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, p, blockquote, th, td {padding: 0; margin: 0;}
table {border-collapse:collapse; border-spacing:0;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal; font-style: normal;}
caption, th {text-align: left;}
fieldset, img {border: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;} 
ol, ul {list-style: none;} 
input, textarea, select, button {font-size: 100%; font-family: inherit;}

/* CSS Document */
body{
    font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background:url(../images/bg.gif) repeat-x #db201e;
}

a{color:#1b1b1b;}
a:hover{color:#b61000;}

#wrapper{width:980px; margin:0 auto; color:#606060;}

#secondary{float:left; width:183px;}
.sec-happy{background:url(../images/happy/bg_h_sec.jpg) no-repeat; height:737px;}
.sec-download{background:url(../images/download/bg_d_sec.jpg) no-repeat; height:1119px;}
.sec-fortune{background:url(../images/fortune/bg_f_sec.jpg) no-repeat; height:567px;}
.sec-fortune2{background:url(../images/fortune/bg_f2_sec.jpg) no-repeat; height:533px;}

#primary{float:right; width:797px; line-height:1.8;}
.p-fortune2{background:url(../images/fortune/bg_f2.jpg) no-repeat; height:533px;}

#footer{padding-bottom:10px;}

.space{clear:both;}
.left{float:left;}
.right{float:right;}

/* Nav
-------------------------------------------------------------------------------------------------*/
#mainNav {height:171px; width:216px;}
#mainNav li{float:left;}
#mainNav a {display:block; background:url(../images/nav.jpg) no-repeat; height:171px;}
#mainNav .nav01 a {width:78px; background-position:0 0;}
#mainNav .nav02 a {width:58px; background-position:-79px 0;}
#mainNav .nav03 a {width:80px; background-position:-136px 0;}

#mainNav.happy .nav01 a, #mainNav .nav01 a:hover{background-position:0 -171px;}
#mainNav.download .nav02 a, #mainNav .nav02 a:hover{background-position:-79px -171px;}
#mainNav.fortune .nav03 a, #mainNav .nav03 a:hover{background-position:-136px -171px;}

.hide {font-size:0; line-height:0; color:#fff; text-indent:-5000px;}

/* happy
-------------------------------------------------------------------------------------------------*/
.charm-box{background:url(../images/happy/bg_charm.jpg) no-repeat;}
#charms {height:137px; width:745px;}
#charms li{float:left;}
#charms a {display:block; background:url(../images/happy/charms.jpg) no-repeat; height:137px;}
#charms .charm01 a {width:85px; background-position:0 0;}
#charms .charm02 a {width:90px; background-position:-90px 0;}
#charms .charm03 a {width:90px; background-position:-175px 0;}
#charms .charm04 a {width:95px; background-position:-265px 0;}
#charms .charm05 a {width:90px; background-position:-360px 0;}
#charms .charm06 a {width:85px; background-position:-450px 0;}
#charms .charm07 a {width:95px; background-position:-535px 0;}
#charms .charm08 a {width:115px; background-position:-630px 0;}

#charms.love .charm01 a, #charms .charm01 a:hover{background-position:0 -137px;}
#charms.luck .charm02 a, #charms .charm02 a:hover{background-position:-90px -137px;}
#charms.safe .charm03 a, #charms .charm03 a:hover{background-position:-175px -137px;}
#charms.money .charm04 a, #charms .charm04 a:hover{background-position:-265px -137px;}
#charms.health .charm05 a, #charms .charm05 a:hover{background-position:-360px -137px;}
#charms.chance .charm06 a, #charms .charm06 a:hover{background-position:-450px -137px;}
#charms.perfect .charm07 a, #charms .charm07 a:hover{background-position:-535px -137px;}
#charms.wisdom .charm08 a, #charms .charm08 a:hover{background-position:-630px -137px;}

.trip-title{background:url(../images/happy/bg_title.jpg) no-repeat;}
.trip-title .right{margin:50px 95px 0 0; color:#f00;}

.trip-scenic{background:url(../images/happy/bg_scenic.jpg) no-repeat; width:243px; float:left; height:515px;}
.trip-scenic ul{margin:15px 0 0 15px;}
.trip-scenic li{
    background:url(../images/happy/bg_spot.gif) no-repeat;
	font-family:"微軟正黑體";
	font-size:150%; font-weight:bold;
	height:46px;
	padding-top:2px;
	margin-bottom:10px;
}
.trip-scenic li span{color:#fff; margin:0 22px;}

.trip-map{background:url(../images/happy/bg_map.jpg) no-repeat; width:554px; float:right; height:515px;}
.trip-map .googlemap{border:#d0d0d0 1px solid;}

  /* (Secondary) */
  #wishes {height:192px; margin-left:64px;}
  #wishes li{float:left;}
  #wishes a {display:block; background:url(../images/happy/wish.jpg) no-repeat; height:192px;}
  #wishes .wish01 a {width:46px; background-position:0 0;}
  #wishes .wish02 a {width:56px; background-position:-46px 0;}

  #wishes.happiness .wish01 a, #wishes .wish01 a:hover{background-position:0 -192px;}
  #wishes.gift .wish02 a, #wishes .wish02 a:hover{background-position:-46px -192px;}
  
  .sec-happy p{margin:13px 0 0 52px;}
  
  /* Map */
  .map-store{width:360px; height:310px; background-color:#fff; /*margin:5px;*/ margin:10px 10px 0 0; line-height:1.8; color:#666;}
  .map-store strong, .wish-box strong{color:#0084ff;}
  .store-wesite{padding:3px 10px 3px 26px; line-height:1; background:url(../images/happy/bg_store_website.gif) no-repeat; display:block; color:#fff; margin-bottom:8px;}
  .store-wesite a{color:#fff;}
  .store-wesite a:hover{color:#000;}
  .store-img{float:right; border:#d0d0d0 1px solid; margin:0 7px 5px;}

  /* Wish */
  .wish-outer{background:url(../images/happy/bg_wish.jpg) no-repeat; padding:15px 95px 0 20px; height:515px;}
  .wish-box{overflow-y:auto; height:455px; padding-right:15px;}
  .wish-inner{border-bottom:#333 1px dashed; padding-bottom:10px; margin-bottom:10px;}
  .wish-inner img{float:left; border:#d0d0d0 1px solid; margin:0 7px 5px 0;}

/* fortune
-------------------------------------------------------------------------------------------------*/
.play-info{width:343px; _width:330px; margin:59px 0 0 23px; _margin:59px 0 0 13px; float:left; font-size:125%; line-height:1.4;}
.play-info span{color:#a00d0d;}
.play-info ol{list-style:decimal; margin-left:25px;}
.play-ground{
    width:316px;
	margin:59px 103px 0 0;
	_margin:59px 53px 0 0;
	float:right;
	background:url(../images/fortune/bg_playground.gif) no-repeat;
	position:relative;
	min-height:409px; height:auto !important; height:409px;
}
.play-btn{text-align:center; padding:37px 0;}
.play-result{position:absolute; right:0; top:0;}

/* download
-------------------------------------------------------------------------------------------------*/
.download-outer{background:url(../images/download/bg_d.gif) no-repeat; height:1010px; padding:0 105px 0 25px;}
.download-txt{float:right; width:285px;}
.download-txt p{text-align:center; margin-top:15px;}
.download-txt b{color:#e21816;}
h4{color:#222; font-weight:bold; font-size:125%;}
h4 span{float:left;}
h4 span b{color:#f00; font-weight:normal; font-size:80%;}
h4 a{float:right; font-size:80%; font-weight:normal; color:#fff; padding:2px; background-color:#7d0808; margin-bottom:10px;}
h4 a:hover{color:#ff0;}
.store-list td{padding:6px 3px; border-bottom:#333 1px dashed; vertical-align:top; line-height:1.6;}
.store-list tr.store-list-top td{background-color:#e21816; color:#fff; font-size:125%; font-weight:bold; text-align:center; padding:3px 0; border-bottom:none;}
.store-list tr.store-rows td{background-color:#f2f2f2;}
.store-list strong{color:#40561b; font-size:108.3%;}

/* CSS style pagination */
div.pagination{text-align:center; margin-top:20px; margin-bottom:5px;}
div.pagination a{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
}
div.pagination a:hover{
	border:1px solid #e21816;
	color:#e21816;
}
div.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
	font-weight:bold;
	background-color:#fff;
	color:#000;
}
div.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ccc;
	color:#ccc;
}