@charset "big5";
/* CSS Document */
.main {background-color:#3d8af5;}
.header {background:url(../images/index_bg.gif) center top repeat-x;}
.top {height:340px; background:url(../images/index5.jpg) center top no-repeat;}
.top-mobile {display:none; padding-top:40px;}
.top-mobile img {display:block; width:100%;}

.containter {margin:0 auto; width:980px; background-color:#ffffff; text-align:left; box-shadow:0 10px 20px rgba(0,0,0,0.7);}
.containter a{text-decoration:none;}
.containter a:hover{display:block;color:#ec6941}

.containter .header, .containter .footer{margin:0; padding:0; height:20px; }
.containter h2 {margin:10px auto 20px; padding-top:3px; width:870px; height:37px; background:url(../images/banner.gif) left center no-repeat; color:#ffffff; letter-spacing:2px; font-weight:bold; font-family:'微軟正黑體'; text-indent:45px;}
.containter ul {margin:0 auto; padding:0; width:800px; list-style:none;}
.containter li {border-bottom:dashed 2px #999999; clear:both;}
.containter li:last-child {border-bottom:none;}
.containter li a {display:block; margin:10px; padding:5px 20px; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif,'微軟正黑體'; text-decoration:none;}
.containter li a .city {display:inline-block; width:180px; color:#0000cc; font-size:20px; font-weight:bold; font-family:'微軟正黑體';}
.containter li a .date {font-size:16px; color:#ff0000;}
.containter li a .right {float:right;}
.containter li a .price {color:#0000cc; font-size:12px; float:right; position:relative; top:3px;}
.containter li a .price b {font-size:20px;}
.containter li a .buy {display:inline-block; margin-left:20px; padding:3px 10px; background-color:#0000cc; color:#ffffff; float:right;}
.containter li a:hover .buy {background-color:#ff0000;}
.containter li hr {display:none; height:5px; border:none; clear:both;}

a#jump {display:none \9;}
a#jump div { width:50px; height:50px; background-color:#cc0000; color:#ffffff; font-size:16px; line-height:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; position:fixed; right:15px; bottom:15px; border-radius:50%; z-index:6; _display:none; transition:background-color 0.2s linear, opacity 0.2s linear, filter 0.2s linear, transform 0.1s linear;}
a#jump:hover div {background-color:#ff00ff; opacity:1; filter:alpha(opacity=100); transform:scale(1.25,1.25); box-shadow:0 2px 6px rgba(0,0,0,0.7); }
a#jump b {display:block; font-size:24px; line-height:24px; font-family:Verdana, Geneva, sans-serif; position:relative; top:5px;}

.area{margin:5px auto 20px; padding-top:0px; padding-left:30px; width:870px; height:200px;}

.area .block_link{display:block;font-size:14px;line-height:36px;color:#333;font-family:'微軟正黑體';text-align:center}


article .area_block4 span{display:inline-block;position:relative;background:#fff;vertical-align:top;width:198px;height:200px;margin-right:6px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px; text-align:center;text-decoration:none;}
article .area_block4 span:hover{background-color:#FFF;font-weight:700;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000; }

article .area_block5 span{
	display: inline-block;
	position: relative;
	background: #fff;
	vertical-align: top;
	width: 158px;
	height: 200px;
	margin-right: 6px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	 text-align:center;text-decoration:none;
}
article .area_block5 span:hover{background-color:#FFF; font-weight:700;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;}

.special {margin: 10px auto; padding: 10px; width: 86%; background-color: #ccffe6; border: solid 2px #006600; border-radius: 10px;}
.special p {margin: 0; padding: 5px; font-size: 14px; line-height: 21px; font-family: '微軟正黑體'; text-align: justify;}
.special .red {color: #990000; font-weight: bold;}
.special .large {color: #003300; font-size: 18px; line-height: 24px; font-weight: bold;}
.special-1 {background-image: url(../images/special_bg.png); background-position: right bottom; background-repeat: no-repeat; _background-image: none;}