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

@import url(reset.css);


body{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color: #ffffff;
}
a{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
a{
	cursor:pointer;
	color:#4c4c4c;
}
a:hover{
	color:#c54c5a;
	text-decoration: underline;
}

h1{
	position: absolute;
	top: 0px;
	text-align: left;
	z-index: 9999;
	width: 100%;
	left: 0px;
}

h1 a{
	display:inline-block;
	width:300px;
	height:150px;
	text-indent:-9999px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	}
.both {
	clear: both;
}
.ee  {
	height: 20px;
	width: 100%;
	z-index: 9991;
	background-image: url(../images/ee.png);
	background-repeat: repeat-x;
	position: absolute;
	background-position: center bottom;
	padding-top: 5px;
}

.warpper{
	max-width: 1160px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

header{
	position: absolute;
	left: 0px;
	right: 0px;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	display: block;
	z-index: 9990;
	bottom: 0px;
	width: 100%;
}

.topheader{
	position: relative;
	width: 100%;
	display: block;
}
.topheader ul#banner{
}
.topheader div.bannertop{
	position: absolute;
	bottom: -5px;
	z-index: 9980;
	width: 100%;
}
.topheader div.bannertop img{
	width: 100%;
}
.topheader ul li img{width: 100%;}

.topmenu{
	height: 36px;
	z-index: 9999;
	text-align: center;
	display: block;
	position: absolute;
	top: 18px;
	margin-left: 15px;
	padding: 0px;
}

.topmenu .topicon{
	float:left;
	height:35px;
	position:relative;
	padding-left: 10px;
}

.topmenu .topicon a{
	display:inline-block;
	color: #fff;
	margin-right:12px;
	position:relative;
	background-color: #fd2286;
	line-height: 35px;
	height: 35px;
	width: 35px;
	text-align: center;
	border-radius:17px;
	float: left;
	font-size: 19px;
}
.topmenu .topicon a:hover {
	margin-top: -5px;
}
.topmenu .topicon #btn01 {
	background-image: url(../images/icon01.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.topmenu .topicon #btn02 {
	background-image: url(../images/icon02.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.topmenu .topicon #btn03 {
	background-image: url(../images/icon03.png);
	background-repeat: no-repeat;
	background-position: center center;
}


header .mainmenu{
	clear:both;
	text-align: center;
	width: 100%;
	position: relative;

}

header .mainmenu nav{
}

ul.menu{
	margin-right: auto;
	margin-left: 115px;
	text-align: center;
}

ul.menu li{
	text-align: center;
	display: inline-block;
}

ul.menu li > a{
	display:inline-block;
	font-family: "微軟正黑體";
	font-size:16px;
	color:#000;
	line-height: 60px;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-right: 17px;
	margin-left: 17px;
	height: 53px;
	margin-bottom: 1px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-top: 3px;
}

ul.menu li:hover{
	border-bottom-color: #fd2286;
	color: #fd2286;
	
}
ul.menu li > a:hover{
	text-decoration: none!important;
	border-bottom-color: #fd2286;
	color: #fd2286;
}
ul.menu   li a.onpage{
	text-decoration: none!important;
	border-bottom-color: #fd2286;
	color: #fd2286;
}


.m_menu{
	display:none;
}


.indexabout {
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	display: block;
	z-index: 9990;
	width: 93%;
	background-image: url(../images/aboutbg.jpg);
	height: 440px;
	padding-left: 7%;
}

.indexabout .warpper h2 {
	font-size: 42px;
	padding-top: 8%;
	margin-bottom: 7px;
}
.indexabout .warpper p {
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 20px;
}
.indexabout .warpper ul {

}
.indexabout .warpper ul li {
	float: left;
	margin-right: 13px;
	margin-bottom: 13px;
}
.indexabout .warpper ul li .btn {
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #c54c5a;
	text-align: center;
	display: block;
	height: 30px;
	width: 70px;
	margin-top: 42px;
	margin-left: 17px;
}
.indexabout .warpper ul li .btn:hover {
	background-color: #CF6B78;
}

.indexroom {
	display: block;
	z-index: 9990;
	width: 100%;
	background-image: url(../images/allbg.jpg);
	min-height: 510px;
	background-repeat: repeat;
}
.indexroom .warpper ul {
	padding-top: 5%;
	margin-right: auto;
	margin-left: auto;
}
.indexroom .warpper ul li {
	width: 347px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	height: 435px;
}
.indexroom .warpper ul li .img {
	margin-bottom: 20px;
}

.indexroom .warpper ul li h2 {
	font-size: 19px;
	width: 340px;
	margin-bottom: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c54c5a;
	padding-bottom: 7px;
}
.indexroom .warpper ul li p {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 20px;
}
.indexroom .warpper ul li .btn {
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #c54c5a;
	display: block;
	height: 30px;
	width: 70px;
	text-align: center;
}
.indexroom .warpper ul li .btn:hover {
	background-color: #CF6B78;
}

.indexroom .warpper ul li .img .room01 {
	background-image: url(../images/indexroom01-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 237px;
	width: 347px;
}
.indexroom .warpper ul li .img .room01:hover {
	background-image: url(../images/indexroom01-2.png);
}
.indexroom .warpper ul li .img .room02 {
	background-image: url(../images/indexroom02-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 347px;
	height: 237px;
}
.indexroom .warpper ul li .img .room02:hover {
	background-image: url(../images/indexroom02-2.png);
}
.indexroom .warpper ul li .img .room03 {
	background-image: url(../images/indexroom03-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 237px;
	width: 347px;
}
.indexroom .warpper ul li .img .room03:hover {
	background-image: url(../images/indexroom03-2.png);
}
.indexroom .warpper ul li .img .room04 {
	background-image: url(../images/indexroom04-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 237px;
	width: 347px;
}
.indexroom .warpper ul li .img .room04:hover {
	background-image: url(../images/indexroom04-2.png);
}
.indexmain {
	display: block;
	z-index: 9990;
	width: 100%;
	background-image: url(../images/indexbg2.jpg);
	min-height: 470px;
	background-repeat: repeat;
}
.indexmain .warpper ul {
	padding-top: 3%;
	margin-right: auto;
	margin-left: auto;
}



.indexmain .warpper ul li {
	width: 510px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
}
.indexmain .warpper ul li h2 {
	margin-bottom: 25px;
	font-size: 24px;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffdbe5;
	padding-bottom: 10px;
}
.indexmain .warpper ul li h2 .rr {
	font-size: 21px;
	color: #d96c6c;
}

.indexmain .warpper ul li p {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 10px;
}


.indexmain .warpper ul li .btn {
	line-height: 30px;
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	height: 30px;
	width: 70px;
	border: 1px solid #CCC;
}
.indexmain .warpper ul li .btn:hover {
	border-top-color: #78cd72;
	border-right-color: #78cd72;
	border-bottom-color: #78cd72;
	border-left-color: #78cd72;
}

.indexmain .warpper ul li .news {
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
}
.indexmain .warpper ul li .news li {
	float: none;
	color: #9a6e0f;
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	margin-left: 0px;
	height: 130px;
	width: 500px;
	overflow: hidden;
	padding: 0px;
}
.indexmain .warpper ul li .news li .day    {
	float: left;
	margin-right: 10px;
	width: 60px;
	background-image: url(../images/icon-cc.png);
	background-repeat: no-repeat;
	background-position: center 70px;
	height: 130px;
}
.indexmain .warpper ul li .news li .day     h3{
	font-size: 30px;
	color: #ed2c35;
	text-align: center;
}
.indexmain .warpper ul li .news li .day p {
	color: #333;
	text-align: center;
	font-size: 12px;
}
.indexmain .warpper ul li .news li .img {
	margin-right: 10px;
	float: left;
	width: 130px;
}
.indexmain .warpper ul li .news li .con {
	float: left;
	width: 290px;
}
.indexmain .warpper ul li .news li .con h3 {
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e5;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.indexmain .warpper ul li .news li .con h3 a {
	color: #9a4e25;
}
.indexmain .warpper ul li .news li .con p {
	color: #333;
}







.indexmain .warpper ul li .news li a {
	color: #9a6e0f;
	text-decoration: none;
}
.indexmain .warpper ul li .news li a:hover {
	text-decoration: underline;
}
.indexmain .warpper ul li .gmap {
	margin-bottom: 15px;
}

.footer {
	display: block;
	z-index: 9990;
	width: 100%;
	min-height: 360px;
	background-color: #ffffff;
	color: #333333;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat;
}
.footer .warpper ul {
	padding-top: 3%;
	margin-right: auto;
	margin-left: auto;
}

.footer .warpper ul li {
	margin-right: 40px;
	margin-left: 40px;
	float: left;
	height: 290px;
}
.footer .warpper ul li h2 {
	margin-bottom: 30px;
	font-size: 21px;
	color: #d45555;
}
.footer .warpper ul li.copyright {
	width: 210px;
	line-height: 19px;
}
.footer .warpper ul li.qukckmenu {
	width: 165px;
	margin-right: 3px;
}
.footer .warpper ul li.qukckmenu a {
	color: #333333;
	text-decoration: none;
}
.footer .warpper ul li.qukckmenu a:hover {
	text-decoration: underline;
}
.footer .warpper ul .qukckmenu div {
	margin-bottom: 10px;
}
.footer .warpper ul li.follow {
	width: 145px;
}
.footer .warpper ul .follow h2 {
	margin-bottom: 25px;
}

.footer .warpper ul li.follow a{
	padding-right: 10px;
}
.footer .warpper ul li.follow .qr{
	padding-top: 10px;
}
.footer .warpper ul li.fb {
	width: 290px;
}

.footer .warpper ul li.fb h2 {
	margin-bottom: 20px;
}




.botbot {
	background-image: url(../images/botbotbg.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	height: 39px;
	width: 100%;
	color: #f5f2df;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}
.botbot a {
	color: #FFF;
}


.warpper h2.intitle {
	font-size: 24px;
	font-weight: normal;
	color: #FE5CA5;
	background-image: url(../images/eeee.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 20px;
}

.warpper h2.intitle .tt {
	font-family: BlackJack;
	font-size: 21px;
	color: #999999;
}

.about {
	display: block;
	z-index: 9990;
	width: 96%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 2%;
}

.about .warpper h3 {
	font-size: 24px;
	color: #09F;
	margin-bottom: 15px;
	font-weight: normal;
}
.about .warpper p {
	font-size: 17px;
	line-height: 35px;
}
.about .warpper .p2 {
	padding-top: 15px;
	color: #F60;
	font-size: 19px;
}
.about .warpper ul {
	float: right;
	width: 330px;
}
.about .warpper ul li {
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 5px;
}
.onsale {
	display: block;
	z-index: 9990;
	width: 96%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 2%;
}
.onsale .warpper h3 {
	font-size: 24px;
	color: #09F;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 75%;
	font-weight: normal;
}
.onsale .warpper p   {
	font-size: 15px;
	line-height: 21px;
	width: 75%;
	margin-bottom: 20px;
}
.onsale .warpper h4   {
	background-color: #E86A6D;
	font-size: 17px;
	color: #FFF;
	line-height: 23px;
	width: 70px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 10px;
}





.room {
	display: block;
	z-index: 9990;
	width: 100%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
}
.room .warpper ul {
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
.room .warpper ul li {
	width: 270px;
	height: 435px;
	float: left;
	margin-right: 8px;
	margin-left: 8px;
}
.room .warpper ul li .img {
	margin-bottom: 20px;
}

.room .warpper ul li h2 {
	font-size: 19px;
	width: 270px;
	margin-bottom: 13px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c54c5a;
}
.room .warpper ul li p {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 20px;
}
.room .warpper ul li .btn {
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #c54c5a;
	text-align: center;
	display: block;
	height: 30px;
	width: 70px;
}
.room .warpper ul li .btn:hover {
	background-color: #CF6B78;
}

.room .warpper ul li .img .room01 {
	background-image: url(../images/indexroom01-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 245px;
	width: 270px;
}
.room .warpper ul li .img .room01:hover {
	background-image: url(../images/indexroom01-2.png);
}
.room .warpper ul li .img .room02 {
	background-image: url(../images/indexroom02-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 245px;
	width: 270px;
}
.room .warpper ul li .img .room02:hover {
	background-image: url(../images/indexroom02-2.png);
}
.room .warpper ul li .img .room03 {
	background-image: url(../images/indexroom03-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 245px;
	width: 270px;
}
.room .warpper ul li .img .room03:hover {
	background-image: url(../images/indexroom03-2.png);
}
.room .warpper ul li .img .room04 {
	background-image: url(../images/indexroom04-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 245px;
	width: 270px;
}
.room .warpper ul li .img .room04:hover {
	background-image: url(../images/indexroom04-2.png);
}

.room .warpper ul li .img .room05 {
	background-image: url(../images/indexroom05-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 245px;
	width: 270px;
}
.room .warpper ul li .img .room05:hover {
	background-image: url(../images/indexroom05-2.png);
}

.booking {
	display: block;
	z-index: 9990;
	width: 96%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 2%;
}
.booking .warpper p {
	font-size: 15px;
	line-height: 24px;
}
.booking .warpper h3 {
	font-size: 24px;
	color: #09F;
	margin-bottom: 5px;
	font-weight: normal;
}
.booking .warpper .red {
	color: #C00;
}
.booking .warpper .orange {
	color: #F60;
	font-size: 17px;
}
.booking .warpper .orange2 {
	color: #F60;
}

.booking .warpper h4 {
	font-size: 19px;
	color: #09F;
	margin-bottom: 5px;
	font-weight: normal;
}
.booking .warpper .green {
	color: #660099;
}





.mainnews {
	display: block;
	z-index: 9990;
	width: 96%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 2%;
}
.mainnews .warpper ul {
	width: 75%;
	padding-top: 10px;
}
.mainnews .warpper ul li {
	background-image: url(../images/icon.jpg);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	padding-left: 50px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;

}

.mainnews .warpper ul li table tr td .dat {
	color: #09F;
	font-size: 17px;
}
.mainnews .warpper ul li table tr td .con {
	font-size: 17px;
}
.mainnews .warpper ul li table tr td .con a {
	text-decoration: none;
}
.mainnews .warpper ul li table tr td .con a:hover {
	color: #c54c5a;
}
.mainnews .warpper .in_news_title {
	width: 75%;
	font-size: 17px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	color: #F60;
}
.mainnews .warpper .in_news_title table tr td .dat {
	font-size: 17px;
	color: #09F;
}
.mainnews .warpper .in_news_con {
	font-size: 15px;
	line-height: 24px;
}
.mainnews .warpper .in_news_con h4 {
	font-size: 21px;
	color: #963;
	font-weight: normal;
	margin-bottom: 5px;
}
.mainnews .warpper .in_news_con .nn {
	color: #C00;
	font-size: 17px;
}
.mainnews .warpper .in_news_con .nnn {
	font-size: 19px;
	line-height: 30px;
	color: #396;
}
.mainnews .warpper .in_news_con .nnnn {
	font-size: 19px;
	line-height: 30px;
	color: #963;
}

.mainnews .warpper .in_news_con .img {
	margin-bottom: 15px;
}
.mainnews .warpper .in_news_con .back a {
	color: #666;
	font-size: 15px;
	text-decoration: none;
}
.mainnews .warpper .in_news_con .back a:hover {
	color: #000;
}

.mainnews .warpper .btn {
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #c54c5a;
	display: block;
	height: 30px;
	width: 70px;
	text-align: center;
}
.mainnews .warpper .btn:hover {
	background-color: #CF6B78;
}










.location {
	display: block;
	z-index: 9990;
	width: 96%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 2%;
}
.location .warpper .googlemap {
	float: right;
	width: 400px;
}

.location .warpper h3 {
	font-size: 24px;
	font-weight: normal;
	color: #09F;
	margin-bottom: 7px;
}
.location .warpper p {
	font-size: 17px;
	line-height: 30px;
	color: #333;
}
.location .warpper .red {
	color: #C00;
}
.location .warpper .orange {
	color: #F60;
}
.location .warpper h4 {
	font-size: 19px;
	font-weight: normal;
	padding-top: 10px;
	line-height: 27px;
	color: #F36;
}
.location .warpper .btn {
	line-height: 30px;
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	height: 30px;
	width: 70px;
	border: 1px solid #CCC;
}
.location .warpper .btn:hover {
	border-top-color: #78cd72;
	border-right-color: #78cd72;
	border-bottom-color: #78cd72;
	border-left-color: #78cd72;
}

.contact {
	display: block;
	z-index: 9990;
	width: 96%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 2%;
}

.in_room {
	display: block;
	z-index: 9990;
	width: 96%;
	background-image: url(../images/allbg.jpg);
	background-repeat: repeat;
	padding-top: 4%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 2%;
}
.in_room .warpper h3 {
	font-size: 24px;
	color: #09F;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-weight: normal;
}

.in_room #abgne-block-20120110 {
	width: 100%;
	height: 450px;
	top: 55px;
	right: 0px;
	}
.in_room #abgne-block-20120110 ul, #abgne-block-20120110 ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
.in_room #abgne-block-20120110 .right {
	float: left;
	width: 55%;
}

.in_room #abgne-block-20120110 .showbox {
	height: 400px;
	width: 100%;
	}
.in_room #abgne-block-20120110 a {
		outline: none;
	}
.in_room #abgne-block-20120110 img {
		height: 100%;
		width: 100%;
		border: none;
		vertical-align: middle;
	}
.in_room #abgne-block-20120110 .link {
	float: left;
	padding-left: 50px;
	width: 35%;
	}
.in_room #abgne-block-20120110 .link ul {
	margin-bottom: 20px;
}

.in_room #abgne-block-20120110 .link li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	height: 100px;
	width: 100px;
}

.in_room #abgne-block-20120110 .link li a {
	position: relative;
	display: block;
	width: 35px;
	}
.in_room #abgne-block-20120110 .link li a img {
	width: 100px;
	height: 100px;
	}

.in_room #abgne-block-20120110 .link li.on a img {

	}
.in_room #abgne-block-20120110 .link li.on .triangle {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;	
	position: absolute;
	top: 37px;	
	}
.in_room #abgne-block-20120110 .link p {
	line-height: 30px;
}



.in_room .warpper p {
	font-size: 15px;
	line-height: 24px;
}
.in_room .warpper h3 {
	font-size: 24px;
	color: #09F;
	margin-bottom: 5px;
	font-weight: normal;
}
.in_room .warpper .red {
	color: #C00;
}
.in_room .warpper .orange {
	color: #F60;
	font-size: 17px;
}
.in_room .warpper .orange2 {
	color: #F60;
}

.in_room .warpper h4 {
	font-size: 19px;
	color: #09F;
	margin-bottom: 5px;
	font-weight: normal;
}
.in_room .warpper .green {
	color: #660099;
}
.in_room .warpper .green2 {
	font-size: 17px;
	color: #660099;
}

.in_room .warpper .btn {
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	background-color: #c54c5a;
	text-align: center;
	display: block;
	height: 30px;
	width: 70px;
}
.in_room .warpper .btn:hover {
	background-color: #CF6B78;
}










.abc {
}

@media (max-width: 1160px){


h1{
	position: absolute;
	top: 30px;
	text-align: center;
	z-index: 9999;
	width: 100%;
}
header .mainmenu{
	margin-bottom:5px;
}
.topheader.box header .warpper .topmenu {
	display: none;
}

ul.menu{
	display:none;
}
.m_menu{
	display:block;
	margin:0 1%;
	position:relative;
	z-index:9999;
	width:98%;
	left:0px;
	background-color: #FF669B;
}
.m_menu.active{
	background-color: #FF9999;
}
.m_menu a.main{
	display:block;
	padding:0 10px;
	font-size:18px;
	color:#FFF;
	line-height:45px;
}
.m_menu ul.nav{
	background:#808080;
	position:absolute;
	width:100%;
	z-index:99999;
	display:none;
}
.m_menu ul.nav li{
	border-top:1px solid #999;
}
.m_menu ul.nav li a{
	padding:20px 10px;
	font-family:"微軟正黑體", sans-serif;
	display:block;
	font-size:20px;
	color:#FFF;
}
.m_menu ul.nav li a i{
	float:right;
}
.indexabout {
	background-image: url(../images/aboutbg2.jpg);
}

.indexabout .warpper h2 {
	font-size: 32px;
	padding-top: 10%;
	margin-bottom: 7px;
}
.indexabout .warpper p {
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 20px;
}



.indexroom {
	min-height: 470px;
}
.indexroom .warpper ul li {
	width: 290px;
}

.indexroom .warpper ul li h2 {
	font-size: 17px;
	width: 280px;
}
.indexroom .warpper ul li .img .room01 {
	height: 200px;
	width: 290px;
}

.indexroom .warpper ul li .img .room02 {
	height: 200px;
	width: 290px;
}
.indexroom .warpper ul li .img .room03 {
	height: 200px;
	width: 290px;
}
.indexroom .warpper ul li .img .room04 {
	height: 200px;
	width: 290px;
}




.indexmain {
	min-height: 450px;
}

.indexmain .warpper ul li {
	width: 440px;
}
.indexmain .warpper ul li h2 {
	font-size: 21px;
}
.indexmain .warpper ul li h2 .rr {
	font-size: 18px;
}

.indexmain .warpper ul li .news li {
	height: 120px;
	width: 440px;
}
.indexmain .warpper ul li .news li .day    {
	width: 60px;
	height: 120px;
}
.indexmain .warpper ul li .news li .day h3{
	font-size: 30px;
	color: #ed2c35;
	text-align: center;
}
.indexmain .warpper ul li .news li .day p {
	color: #333;
	text-align: center;
	font-size: 12px;
}
.indexmain .warpper ul li .news li .img {
	margin-right: 10px;
	float: left;
	width: 120px;
}
.indexmain .warpper ul li .news li .img img {
	width: 120px;
	height: 120px;
}
.indexmain .warpper ul li .news li .con {
	float: left;
	width: 240px;
}
.indexmain .warpper ul li .news li .con h3 {
	font-size: 16px;
}


.footer {
	min-height: 350px;
}

.footer .warpper ul li {
	margin-right: 20px;
	margin-left: 20px;
}



.room .warpper ul li {
	width: 220px;
	height: 435px;
	margin-right: 8px;
	margin-left: 8px;
}
.room .warpper ul li .img {
	margin-bottom: 20px;
}

.room .warpper ul li h2 {
	font-size: 17px;
	width: 220px;
	margin-bottom: 20px;
}
.room .warpper ul li p {
	font-size: 10px;
	line-height: 21px;
	margin-bottom: 20px;
}


.room .warpper ul li .img .room01 {
	height: 200px;
	width: 220px;
}

.room .warpper ul li .img .room02 {
	height: 200px;
	width: 220px;
}

.room .warpper ul li .img .room03 {
	height: 200px;
	width: 220px;
}

.room .warpper ul li .img .room04 {
	height: 200px;
	width: 220px;
}



.in_room #abgne-block-20120110 .right {
	float: left;
	width: 50%;
}

.in_room #abgne-block-20120110 .showbox {
	height: 300px;
	width: 100%;
	}

.in_room #abgne-block-20120110 .link {
	float: left;
	padding-left: 50px;
	width: 40%;
	}

.in_room #abgne-block-20120110 .link li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	height: 90px;
	width: 90px;
}
.in_room #abgne-block-20120110 .link li a img {
	width: 90px;
	height: 90px;
	}




}
@media (max-width: 767px){
.topmenu{
	padding:10px 5px;}
	
.topmenu .topicon a{
	margin-right:0;
}
.topmenu .topicon a b{
	display:none;
}
.topmenu .topicon a:hover{
	color: #edcc30;
	text-decoration: none;
}
.topmenu .topicon a i{
	display:inline-block;
	padding: 3px 3px;
	font-size:20px;
}
.topmenu .topicon a.marker i{
	font-size:20px;
}
}
@media (max-width: 640px){
.indexabout .warpper h2 {
	font-size: 24px;
	padding-top: 10%;
	padding-left: 7%;
	margin-bottom: 7px;
}
.indexabout .warpper p {
	padding-left: 7%;
	font-size: 10px;
	line-height: 23px;
	margin-bottom: 20px;
}
}
@media (max-width: 500px){
h1{
	top: -30px;
}
h1 a{
	display:inline-block;
	width:100%;
	height:150px;
	text-indent:-9999px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
}
}
@media (max-width: 360px){
}


.fixedPdCompareBtn {
  position: fixed;
  right: 0;
  bottom: 200px;
  z-index: 9999999;
}

.fixedPdCompareBtn.show {
  right: 0;
}

.fixedPdCompareBtn a {
  position: relative;
  display: block;
  width: 40px;
  /*height: 130px;*/
  line-height: 40px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  /*background-color: #1094c5;*/
}

.fixedPdCompareBtn a span {
  position: absolute;
  bottom: 0;
  left: 55%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}

.fixedPdCompareBtn a span:before {
  content: '(';
}

.fixedPdCompareBtn a span:after {
  content: ')';
}

.fixedPdCompareBtn a:hover {
  /*background-color: #1dc1dd;*/
}

@media screen and (min-width: 0\0) {
  .fixedPdCompareBtn a span {
    bottom: -18px;
    left: 30%;
  }
}