@charset "utf-8";
/* CSS Document */
html, body{
font-family: '微軟正黑體', sans-serif;
   font-size: 100%;
   background:#fff; 
}
h2{
	margin-bottom: 20px;
	margin-top:0px;
	text-align: center;
}

h2 img{
	margin:0px auto;
	text-align: center;
}
h3.eventh3{
	font-size:22px;
	text-align: left;
	font-weight:700;
	color:#ff2975;
	margin-top: 0px;
}
h3.hotelh3{
	font-size:22px;
	text-align: left;
	font-weight:700;
	color:#9c6729;
	margin-top: 0px;
}
ul{
	margin: 0px;
	padding:0px;
}
li{
	list-style:none;
}
header{
	background:rgba(228,0,86,1);
	width:100%;
	height:50px;
}
.nav{
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height:77px;
	padding-top:15px;
	z-index:50;
	position:relative;
}
.nav .content li{color:#626262; display:inline-block;font-size:24px; margin:0 0.8em; height:30px}
.nav .content li a { color:#626262;text-decoration:none; display:inline-block}
.nav .content li a:hover{color:#d4515f;}
.carousel-caption-con{position:absolute;left:10px;right:10px;padding-bottom:0px; top:10px; padding-top:0px; color:#fff; z-index:11; }
.banner-title{width:262px; float:left}
.banner-title-1{width:211px; float:right}
.item img {
  display: block;
  width: 100%;
  height: auto;
overflow:hidden;
}
.banner{
	width:100%;
	box-shadow: 0 5px 8px rgba(165, 85, 85, 1);
    z-index: 100;
    position: relative;
}
.title{
	position:absolute;
	z-index:5;
	margin-left: -475px;
	left: 50%;
	top: 30%;
	padding:0 2em;
}
.title img{
	width:100%;
	height:auto;
}
.content{
	width:1070px;
	margin:0 auto;
}

@media(max-width:1200px){
.title{
	top:30%;
	margin-left:-420px;
}
.title img{
	width:800px;
	height:auto;
}
.banner-title{width:200px;}
.banner-title-1{width:160px;}
}
@media(max-width:860px){
.title{
	top:30%;
	margin-left:-320px;
}
.title img{
	width:600px;
	height:auto;
}
.banner-title{width:150px;}
.banner-title-1{width:110px;}
}

.join{
	position:relative;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat;
	background-position: center top;
	height: auto;
	width: 100%;
	padding:1em 0;
	text-align:center;
}
.event{
	position:relative;
	background-image: url("../images/bg-1.jpg") ;
	background-position: left top, ;
	background-repeat: repeat;
	height: auto;
	width: 100%;
	margin-top:-5px;
	z-index:4;
}
.event-1{
	position:relative;
	background-image: url("../images/bg-2.jpg") ;
	background-position: center bottom ;
	background-repeat: repeat-x ;
	height: auto;
	width: 100%;
	padding:4em 0 3em 0;
	text-align:center;
}
p{
	font-size:18px;
	font-weight:700;
	line-height:28px;
}
.event-box{
	text-align:left;
	margin-bottom:40px;
}
.event-box p{
	font-size:16px;
	line-height:26px;
	font-weight: normal;
}
.event-box img{
	border-radius: 10px;
	float:left;
	margin-right:20px;
}
.event-box-1{
	text-align:left;
	float:left;
	display:inline-block;
	width: 50%;
}
.event-box-2{
	text-align:left;
	float:right;
	display:inline-block;
	width: 50%;
}

.btn02 {
    background: rgba(255,255,255,0.5);
    text-align: center;
	width: auto;
	display:inline-block;
	color:#f84466;
	border:2px solid #f84466;
	border-radius: 5px;
}
.btn02 span{
	margin:3px 15px 3px 15px;
	font-size: 16px;
	display: inline-block;
}
.btn02:hover {
    background: rgba(255,255,255,1);
}
.btn01 {
    background: #ea8c06;
    text-align: center;
	width: auto;
	display:inline-block;
	color:#fff;
	margin:0em auto 1em auto;
	border-radius: 5px;
}
.btn01 span{
	margin:3px 15px 3px 15px;
	font-size: 16px;
	display: inline-block;
}
.btn01:hover {
    background: #ffb400;
}
.line{
	background-image: linear-gradient( 45deg, #c2821d , #fae68d , #c2821d);
	width:100%;
	height:5px;
	position:relative;
}
.hotel{
	position:relative;
	background-image: url(../images/bg-3.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
	background-color: #faebd1;
	text-align:center;
	padding:4em 0 3em 0;
	margin-bottom:11px;
}
.hotel-box{
	text-align:left;
	margin-bottom:40px;
}
.hotel-box p{
	font-size:16px;
	line-height:26px;
	font-weight: normal;
}
.hotel-box img{
	border-radius: 10px;
	float:left;
}
.hotel-box li{
	float:left;
	display:inline-block;
	width:330px;
	text-align:center;
}
.hotel-box li h3{
	font-size:22px;
	font-weight:700;
	color:#9c6729;
	margin-top: 10px;
	margin-bottom:10px;
	float:left;
	text-align:center;
	width:100%;
}
.hotel-box li h3 p{
	font-size:16px;
	text-align:center;
	width:100%;
}
footer{
	position: absolute;
	height: auto;
	width: 100%;
	padding:1em 0;
	background:  rgba(255,255,255,1);
	text-align:center;
	position:fixed;
	bottom:0;
	z-index:120;
}
footer span{
	margin:0 0.5em
}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 1%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../images/top.png) no-repeat 0px 0px;
}
#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}