﻿@charset "utf-8";
/** 內頁共用 */
body {
    background:#edefee;
}
body, p, article {
    font-size:13px;
}
h1, h2, h3 {
    font-size:14px;
    font-weight:normal;
}
#supersized {
    position:absolute;
}
#main_content{
    padding:0;
    letter-spacing:2px;
    font-size:13px;
    color:#898989;
}
.aside {
    width:25%;
    min-width:350px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    box-sizing:content-box;
    z-index:1;
    color:#fff;
}
.page-bg {
    position:absolute;
    left:0;
    width:25%;
    min-width:350px;
    height:100%;
    display:block;
    overflow:hidden;
    z-index:1;
}
.aside-content {
    position:relative;
    z-index:1;
    width:225px;
    margin:0 auto;
    box-sizing:border-box;
    margin-top:120px;
}
.article {
    position:relative;
    margin-left:40%;
    padding:40px 0 67px 0;
    z-index:0;
}
/** room */
.room .aside-content{
    background:url(../images/default/room-title.png) left 65px no-repeat;
}
.rrom table {
    width:100%;
}
.room h1 {
    margin:0 0 30px 45px;
    padding-top:120px;
    font-weight:bold;
}
.room h2 {
    margin:12px 0;
    padding-left:25px;
}
.room .h2-1 {
    background:url(../images/default/icon-room1.png) left center no-repeat;
	color:#FFF;
}
.room .h2-2 {
    background:url(../images/default/icon-room2.png) left center no-repeat;
}
.room .h2-3 {
    background:url(../images/default/icon-room3.png) left center no-repeat;
}
.room .aside p {
    line-height:2;
}
.room .figure {
    margin-bottom:30px;
    width:90%;
}
.room .spec-list li{
    display:inline-block;
    width:240px;
    margin-right:60px;
}
.room .spec-list td {
    padding:5px 0;
}
.room .spec-list thead td {
    border-bottom:1px solid #83a638;
}
.room .spec-list tbody td {
    padding:10px 0 0;
}
.room .article {
    /*display:inline-block;*/
    padding-right:50px;
    padding-bottom:67px;
}
.room .text {
    line-height:2;
	width:90%;
	max-width:795px;
	margin-top:20px;
}
.room .room-spec {
    font-size:14px;
    color:#83a638;
    font-weight:bold;
}
.room .desc {
    border:1px solid #83a638;
    background:url(../images/default/icon-room4.png) 10px center no-repeat;
    text-indent:40px;
    width:570px;
    margin:1px 0;
    padding:10px 0;
    box-sizing:border-box;
}
.room .room_list li{
	width:612px;
}
.room .room_list table{
	float:left;
	margin-bottom:19px;
	width:202px;
	border:none;
}
.room .room_list table a{
	
}

/** room_content房型內頁*/
.roomtype_menu{
	width:65%;
	margin:0px 0 36px;
}
.roomtype_menu ul li{
	display:block;
	height:36px;
	line-height:36px;
	overflow:hidden;
	text-align:center;
	border: 1px solid #e0e9cd;
	margin:11px 0 22px;	
}
.roomtype_menu ul li a{
	color:#fff;
	display:block;
	height:36px;
	line-height:36px;
}
.room_content{
	width:90%;
	max-width:795px;
	margin-top:20px;
}

/** 輪播*/
.content_slider{
	max-width:795px;
	background-color:#b8ca93;
	padding-bottom:1px;
	margin-bottom:25px;
}
.content_slider .flexslider img{
	width:100%;
	height:auto;
}
.content_slider .slider_control{
	width:88%;
	margin-left:auto;
	margin-right:auto;
}
.content_slider .slider_control .flexslider img{
	width:158px;
	max-width:90%;
	height:auto;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
}

/** 景點scenic_spot*/
.scenic_spot {
    color:#727171;
}
.scenic_spot .article {
    /*display:inline-block;*/
    padding-right:50px;
    padding-bottom:90px;
}
.scenic_spot h1 {
    margin:0 0 30px 0;
    padding:50px 0 10px 0px;
    font-weight:bold;
    text-indent:74px;
    background:url(../images/default/scenic_spot-title.png) left top no-repeat;
}
.scenic_spot h1 a {
    color:#727171;
    display:inline-block;
    box-sizing:border-box;
    margin-right:10px;
    padding:0px 10px;
    font-weight:bold;
    text-indent:0;
    line-height:24px;
    height:24px;
}
.scenic_spot .on {
    color:#83a638;
    border:1px solid #83a638
}
.scenic_spot .text {
    line-height:2;
	width:90%;
	max-width:795px;
	margin-top:20px;
}
.scenic_spot .detail-bg {
    position:absolute;
    right:0;bottom:0;
}
.scenic_spot .text p {
    line-height:2;
    font-weight:bold;
}
.goback_scenic_spot{
	margin-top:10px;
}
.goback_scenic_spot a{
	text-align:center;
	line-height:25px;
	display:block;
	width:120px;
	height:25px;
	float:right;
	color: #9b9b9b;
	border: 1px solid #9b9b9b;
	font-weight:bold;
}
/*推薦景點*/
.scenic_spot_list li{
	float:left;
	width:30%;
	max-width:255px;
	margin:0 3% 3% 0;
	font-weight:bold;
}
.scenic_spot_list li img{
	width:100%;
	height:auto;
	margin-bottom:11px;
}

.scenic_spot_content{
}
.scenic_spot_content h3{
	color:#83a638;
	font-weight: bold;
	margin-bottom:14px;
}
.scenic_spot_content h3.map{
	margin:55px 0 14px 0;
    padding:30px 0 10px 0px;
    font-weight:bold;
    text-indent:74px;
    background:url(../images/default/scenic_spot-map.png) left top no-repeat;
}
.scenic_spot_map{
	width:100%;
	padding-bottom: 65%;
	height:0px;
	margin-bottom:10px;
	position:relative;
}
.scenic_spot_map iframe{ /** iframe*/
	border:0;
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
}

/*行程規劃*/
.stroke_list{
	margin-bottom:20px;
}
.stroke_list a>img{
	float:left;
	width:25%;
	height:auto;
	margin-right:29px;
}
.stroke_list h3{
	color:#83a638;
	font-weight: bold;
	margin-bottom:9px;
}
/** news */
.news .aside-content{
    background:url(../images/default/news-title.png) left 65px no-repeat;
}
.news h1 {
    margin:0 0 30px 45px;
    padding-top:120px;
    font-weight:bold;
}
.news time {
    display:block;
    font-size:12px;
}
.news ul {
    margin-bottom:50px;
}
.news li {
    border-bottom:1px solid #fff;
    padding:0 0 10px 0;
    color:#fff;
    margin-bottom:10px;
}
.news li a {
    display:block;
    line-height:2;
    color:#fff;
    font-size:14px;
}
.news li a:hover {
    color:#d8d343;
}
.news .pages {
    position:relative;
    height:21px;
}
.news .pages a {
    display:block;
    text-indent:-9999px;
    width:14px;
    height:21px;
    position:absolute;
    top:0;
    overflow:hidden;
    z-index:1;
}
.news .pages a.prev {
    left:0;
    background:url(../images/default/news-arrow.png) left center no-repeat;
}
.news .pages a.next {
    right:0;
    background:url(../images/default/news-arrow.png) right center no-repeat;
}
.news .article {
    display:inline-block;
    width:490px;
}
.news .title {
    color:#83a638;
    font-weight:bold;
    padding-bottom:10px;
    position:relative;
    border-bottom:1px solid #83a638;
}
.news .title span {
    font-size:14px;
    font-weight:bold;
}
.news .fb-share {
    position:absolute;
    display:block;
    text-indent:-9999px;
    right:0;
    top:0;
    background:url(../images/default/fb-share.png) center no-repeat;
    width:65px;
    height:26px;
    z-index:1;
}
.news .figure {
    margin:10px 0;
}
.news .text {
	color:#727171;
	font-size:14px;
	padding-top: 10px;
}
.news .text p {
    font-size: 14px;
}
/** contact */
.contact .article {
    display:inline-block;
    width:500px;
    font-size:14px;
}
.contact h1 {
    margin:0 0 30px 0;
    padding:50px 0 10px 0px;
    font-weight:bold;
    text-indent:55px;
    background:url(../images/default/contact-title.png) left top no-repeat;
    color:#83a638;
}
.contact .info-top {
    position:relative;
    padding-bottom:10px;
    border-bottom:1px solid #9db865;
    background:url(../images/default/contact-banner.png) right bottom no-repeat;
}
.contact .info-top li {
    margin:10px 0;
}
.contact .info-top img {
    position:absolute;
    right:0;bottom:0;
}
.contact .contact-form {
    margin-top:20px;
}
.contact .contact-form table {
    display:table;
    table-layout:fixed;
    width:100%;
}
.contact .contact-form td {
    vertical-align: top;
    font-size:14px;
    padding:5px;
}
.contact .contact-form thead td{
    height:0;overflow:hidden;line-height:0;
    padding:0;
}
.contact .contact-form td.cell1 {
    width:80px;
}
.contact .contact-form td input {
    width:150px;
}
.contact .contact-form select {
    padding:2px 5px;
}
.contact .contact-form textarea {
    width:99%;
    height:100px;
}
.contact .contact-form .submit-contact {
    display:inline-block;
    margin-right:30px;
    width:68px;
    height:26px;
    border:0 none;
    background:url(../images/default/btn-submit06.png) left center no-repeat;
    text-indent:-9999px;
}
.contact .contact-form .cancle {
    display:inline-block;
    width:68px;
    height:26px;
    border:0 none;
    background:url(../images/default/btn-submit06.png) right center no-repeat;
    text-indent:-9999px;
}
/** about */
.about {
    color:#727171;
}
.about .article {
    display:inline-block;
    padding-right:250px;
    padding-bottom:90px;
}
.about h1 {
    margin:0 0 30px 0;
    padding:50px 0 10px 0px;
    font-weight:bold;
    text-indent:55px;
    background:url(../images/default/about-title.png) left top no-repeat;
}
.about h1 a {
    color:#727171;
    display:inline-block;
    box-sizing:border-box;
    margin-right:10px;
    padding:0px 10px;
    font-weight:bold;
    text-indent:0;
    line-height:24px;
    height:24px;
}
.about .on {
    color:#83a638;
    border:1px solid #83a638
}
.about .text {
    line-height:2;
}
.about .detail-bg {
    position:absolute;
    right:0;bottom:0;
}
.about .text p {
	line-height:2;
	font-weight:bold;
	width: 570px;
}
/** map */
.map {
    color:#727171;
}
.map .article {
    display:inline-block;
    padding-right:250px;
    padding-bottom:90px;
}
.map h1 {
    margin:0 0 30px 0;
    padding:50px 0 10px 0px;
    font-weight:bold;
    text-indent:55px;
    background:url(../images/default/map-title.png) left top no-repeat;
}
.map h1 a {
    color:#727171;
    display:inline-block;
    box-sizing:border-box;
    margin-right:10px;
    padding:0px 10px;
    font-weight:bold;
    text-indent:0;
    line-height:24px;
    height:24px;
}
.map .on {
    color:#83a638;
    border:1px solid #83a638
}
.map .text {
    position:relative;
}
.map .detail-bg {
    position:absolute;
    right:100px;top:-80px;
}
.map .detail-bg1 {
    position:relative;
    left:300px;
}
