@charset "utf-8";
@media screen and (min-width: 1101px){
/*選單*/
.navArea{	
	position: relative;
	z-index:2;
	right:0;
	top:0;
}
.navArea .navBox{
	background:#fff;
	margin:0 auto;
	padding:30px 0 15px;
}
.navArea .navBox .navBtn{
	display:none;
	box-shadow:none;
}
.navArea .navBox .navList{
	background:#fff;
	padding:0;
	box-shadow:none;
}
.navArea .navBox .navList > li{
	display:inline-block;
	position: relative;
	border-left:1px solid #442207;
	background:none;	
	padding:0;
}
.navArea .navBox .navList > li:first-child{
	border-left:0;
	padding-top:0;
	background:none;
}
.navArea .navBox .navList > li > a{
	padding:0 8px;
}
.navArea .navBox .navList > li > .subNav{
	background-color:#fff;
	display:none;
	position: absolute;
	left:0;
	top:0;
	margin:20px 0 auto 0;
	padding:10px 8px;
	z-index: 10;
}
.navArea .navBox .navList > li:hover > .subNav{
	display:block;
	width:100%;
	z-index: 10;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.navArea .navBox .navList > li > .subNav a{
	border-top:1px dotted #b19e8e;
	padding:5px;
}


/*首頁kv標題*/
.topicBox .topic{
	width: 18%;
	margin:0 auto 4%;
}

.topicBox1 .locateTopicBox{
	max-width:380px;
	margin:0 auto 3%;
	padding:20px;
}
.topicBox1 .locateTopicBox .enTitle{
	
	margin:0 auto;
}
.topicBox1 .locateTopicBox .chTitle{

	margin:0 auto 8px;
}
.topicBox1 .locateTopicBox .brief{

}
/*洽詢*/
.orderBtn{
	width:94px;
	height:94px;
}
/*首頁-婚禮地點*/
.localArea{
	background:url(../img/localAreaBg.jpg) center center no-repeat;
}
/*首頁影片*/
.mvArea{
	padding:30px 0;	
}
.mvBox{
	border:8px solid #eee;
}
/*首頁婚紗*/
.dressArea .dressImg{
	display: inline-block;
	width:50%;
	margin:0;
	padding:0;
}
.dressArea .dressInfoBox{
	display: inline-block;
	width:49%;
	margin:0;
	padding:15px;
}
.dressArea .dressInfoBox .topEdge1{
	display: block;
	max-width:360px;
	margin:0 auto 8px;
}
.dressArea .dressInfoBox >h3{
	display: block;
	
	margin:0 auto;
}
.dressArea .dressInfoBox >h4{
	
	margin:0 auto 16px;
}
.dressArea .dressInfoBox >h5{

}
.dressArea .dressInfoBox >p{
	display:block;

	margin:0 auto 8px;
}
.dressArea .dressInfoBox >.moreBtn{

	padding:10px 30px;
}
/*商品*/
.prodArea{
	padding:30px 0;	
}
.prodImgBox{
	width:28%;
	display:inline-block;
}
.prodInfoBox{
	width:28%;
	display:inline-block;

	text-align: left;
}
.prodInfoBox > .prodTitle{

	text-align: center;
}
.prodInfoBox > .spline .fa-suitcase{
	font-size:24px;
}
.prodInfoBox > .prodName{

	color:#6e645c;
	text-align: left;
	margin:0 auto;
}
.prodInfoBox > .prodPrice{

	color:#c00;
	text-align: left;
	margin:0 auto;
	display:block;
}
/*教堂名稱*/
.chNameArea{
	padding:15px 0;	
}
.churchNameBox h3{

}
.churchNameBox blockquote{

}
.churchNameBox p{
	width:70%;

	color:#fff;	
	margin:0 auto;
	text-align: left;	
}
/*方案*/
.setArea{
	padding:8px 0;	
}
.setBox{
	display:inline-block;
	width:35%;
}
.setBox img{
	width:186px;
	height:186px;
}
.setBox h4{
	display:inline-block;
}
.setListBox{
	width:100%;
	vertical-align: top;
	text-align: center;
	display:inline-block;
}
.setList{
	display:inline-block;
	margin: 0 auto;
	padding:0 0 0 24px;
}
/*婚紗頁*/
.wedDressArea{
	padding:30px 0;	
	text-align: center;	
	letter-spacing: 0;
}
.featureBox{
	padding:0;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
}
.featureImg{
	width:50%;
	display:inline-block;
}
.featureTxt{
	width:49.6%;
	display:inline-block;
	padding:15px;
	margin:0;
}
.featureTxt h3{
	width:100%;
	display:inline-block;
}
.featureTxt p{
	width:60%;
	display:inline-block;
}
/*優惠頁面區塊*/
.promoArea{
	padding:30px 0;	
}

.promoBox .promoImgBox{
	width:50%;
	display: inline-block;
}
.promoBox .promoTxtBox{
	width:49%;
	display: inline-block;
}
.promoBox .promoTxtBox .promoTitle{

	margin:0 auto 5px;
}
.promoBox .promoTxtBox .promoLocate,
.promoBox .promoTxtBox .promoDate{

}
.promoDtBox .promoTopic{

	color:#957c5f;
	margin:0 auto 16px;
	padding-bottom:8px;
	vertical-align: middle;
	border-bottom:1px solid #c7a85b;
}
.promoDtBox .promoSubTopic{

	margin:0 auto 16px;
}
.promoDtBox .promoThrTopic{

}
.promoDtBox .promoTxt{

	margin:0 auto 16px;
}
.promoDtBox .setOfferBox p.promoTxt{

	margin:0 auto 8px;
}
/*相片集*/
.bloggerArea{
	padding:30px 0;	
}
.bloggerList{
	display: inline-block;
	text-align: center;
	list-style: none;
	vertical-align: top;
}
.bloggerList li{
	width:24%;
	display:inline-block;
}
}

@media screen and (min-width: 901px) and (max-width: 1100px) {
/*選單*/
.navArea{	
	position: relative;
	z-index:2;
	right:0;
	top:0;
}
.navArea .navBox{
	background:#fff;
	margin:0 auto;
	padding:30px 0 20px;
}
.navArea .navBox .navBtn{
	display:none;
	box-shadow:none;
}
.navArea .navBox .navList{
	background:#fff;
	padding:0;
	box-shadow:none;
}
.navArea .navBox .navList > li{
	display:inline-block;
	position: relative;
	border-left:1px solid #442207;
	background:none;	
	padding:0;
}
.navArea .navBox .navList > li:first-child{
	border-left:0;
	padding-top:0;
	background:none;
}
.navArea .navBox .navList > li > a{
	padding:0 8px;
}
.navArea .navBox .navList > li > .subNav{
	background-color:#fff;
	display:none;
	position: absolute;
	left:0;
	top:0;
	margin:20px 0 auto 0;
	padding:10px 8px;
	z-index: 10;
}
.navArea .navBox .navList > li:hover > .subNav{
	display:block;
	width:100%;
}
.navArea .navBox .navList > li > .subNav a{
	border-top:1px dotted #b19e8e;
	padding:5px;
}
/*共用標題*/
.comTitleBox blockquote{

}
.comTitleBox blockquote:before{
	width:45px;
	height:16px;
	margin-right:8px;
}
.comTitleBox blockquote:after{
	width:45px;
	height:16px;
	margin-left:8px;
}
.comTitleBox h3{

}
/*首頁kv標題*/
.topicBox .topic{
	width: 20%;
	margin:0 auto 3%;
}
.topicBox1 .locateTopicBox{
	max-width:290px;
	margin:0 auto 3%;
	padding:20px;
}
.topicBox1 .locateTopicBox .enTitle{

	margin:0 auto;
}
.topicBox1 .locateTopicBox .chTitle{

	margin:0 auto 8px;
}
.topicBox1 .locateTopicBox .brief{

}
/*洽詢*/
.orderBtn{
	width:94px;
	height:94px;
}
/*首頁-婚禮地點*/
.localArea{
	background:url(../img/localAreaBg.jpg) center center no-repeat;
}
/*首頁影片*/
.mvArea{
	padding:30px 0;	
}
.mvBox{
	width:46%;
	margin:0 5px;
	border:8px solid #eee;
}
/*首頁婚紗*/
.dressArea .dressImg{
	display: inline-block;
	width:50%;
	margin:0;
	padding:0;
}
.dressArea .dressInfoBox{
	display: inline-block;
	width:49%;
	margin:0;
	padding:15px;
}
.dressArea .dressInfoBox .topEdge1{
	display: block;
	max-width:70%;
	margin:0 auto 8px;
}
.dressArea .dressInfoBox >h3{
	display: block;

	margin:0 auto;
}
.dressArea .dressInfoBox >h4{

	margin:0 auto 16px;
}
.dressArea .dressInfoBox >h5{

}
.dressArea .dressInfoBox >p{
	display:block;

	margin:0 auto 8px;
}
.dressArea .dressInfoBox >.moreBtn{

	padding:10px 30px;
}
/*婚禮地點頁-景點介紹*/
.introArea{
	background:url(../img/introAreaBg.jpg) center center no-repeat;
	background-size: cover;
	vertical-align: middle;
	text-align: center;	
}
.introBox{
	margin:0 auto;
	padding:0;
	text-align:left;
}
.introBox.okiIntro{
	background:url(../img/introImg1.jpg) center top no-repeat;
	background-size: 100%;
}
.introBox.guamIntro{
	background:url(../img/introImg2.jpg) center top no-repeat;
	background-size: 100%;
}
.introBox.baliIntro{
	background:url(../img/introImg3.jpg) center top no-repeat;
	background-size: 100%;
}
.introBox.hawaiiIntro{
	background:url(../img/introImg4.jpg) center top no-repeat;
	background-size: 100%;
}
.introBox .introDataBox{
	width:50%;
	display:inline-block;
	padding:10% 5%;
	box-sizing: border-box;
	background-color:rgba(75,181,255,0.8);
}
.introBox .introDataBox .locateName{

}
.introBox .introDataBox .locateText{

	margin:0 auto;
}
.introBox .introDataBox .locatedes{
	width:auto;

	padding:10px;	
}
/*商品*/
.prodArea{
	padding:15px 0;	
}
.prodImgBox{
	width:40%;
	display:inline-block;
}
.prodInfoBox{
	width:40%;
	display:inline-block;

	text-align: left;
}
.prodInfoBox > .prodTitle{

	text-align: center;
}
.prodInfoBox > .spline .fa-suitcase{
	font-size:24px;
}
.prodInfoBox > .prodName{

	color:#6e645c;
	text-align: left;
	margin:0 auto;
}
.prodInfoBox > .prodPrice{

	color:#c00;
	text-align: left;
	margin:0 auto;
	display:block;
}
/*教堂名稱*/
.chNameArea{
	padding:8px 0;	
}
.churchNameBox h3{

}
.churchNameBox blockquote{

}
.churchNameBox p{
	width:70%;

	color:#fff;	
	margin:0 auto;
	text-align: left;	
}
/*方案*/
.setArea{
	padding:8px 0;	
}
.setBox{
	display:inline-block;
	width:40%;
}
.setBox img{
	width:186px;
	height:186px;
}
.setBox h4{
	display:inline-block;
}
.setListBox{
	width:100%;
	vertical-align: top;
	text-align: center;
	display:inline-block;
}
.setList{
	display:inline-block;
	margin: 0 auto;
	padding:0 0 0 24px;
}
.noteTitle{

	text-align:left;
	margin:0 auto 5px;
	padding:8px 0 0;
	background:none;
	border:0;
	cursor: default;
}
.noteTitle .fa{
	display:none;
	margin-right:5px;
}

.noteList{
	display:block;
}
/*婚紗頁*/
.wedDressArea{
	padding:30px 0;	
	text-align: center;	
	letter-spacing: 0;
}
.featureBox{
	padding:0;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
}
.featureImg{
	width:50%;
	display:inline-block;
}
.featureTxt{
	width:49.6%;
	display:inline-block;
	padding:15px;
	margin:0;
}
.featureTxt h3{
	width:100%;
	display:inline-block;
}
.featureTxt p{
	width:60%;
	display:inline-block;
}
/*優惠頁面區塊*/
.promoArea{
	padding:30px 0;	
}

.promoBox .promoImgBox{
	width:50%;
	display: inline-block;
}
.promoBox .promoTxtBox{
	width:49%;
	display: inline-block;
}
.promoBox .promoTxtBox .promoTitle{

	margin:0 auto 5px;
}
.promoBox .promoTxtBox .promoLocate,
.promoBox .promoTxtBox .promoDate{

}
.promoDtBox .promoTopic{

	color:#957c5f;
	margin:0 auto 16px;
	padding-bottom:8px;
	vertical-align: middle;
	border-bottom:1px solid #c7a85b;
}
.promoDtBox .promoSubTopic{

	margin:0 auto 16px;
}
.promoDtBox .promoThrTopic{

}
.promoDtBox .promoTxt{

	margin:0 auto 16px;
}
.promoDtBox .setOfferBox p.promoTxt{

	margin:0 auto 8px;
}
/*相片集*/
.bloggerArea{
	padding:30px 0;	
}
.bloggerList{
	display: inline-block;
	text-align: center;
	list-style: none;
	vertical-align: top;
}
.bloggerList li{
	width:32%;
	display:inline-block;
}

}

@media screen and (min-width: 691px) and (max-width: 900px) {
/*選單*/
.navArea{	
	position: relative;
	z-index:2;
	right:0;
	top:0;
}
.navArea .navBox{
	background:#fff;
	margin:0 auto;
	padding:30px 0 20px;
}
.navArea .navBox .navBtn{
	display:none;
	box-shadow:none;
}
.navArea .navBox .navList{
	background:#fff;
	padding:0;
	box-shadow:none;
}
.navArea .navBox .navList > li{
	display:inline-block;
	position: relative;
	border-left:1px solid #442207;
	background:none;	
	padding:0;
}
.navArea .navBox .navList > li:first-child{
	border-left:0;
	padding-top:0;
	background:none;
}
.navArea .navBox .navList > li > a{
	padding:0 8px;
}
.navArea .navBox .navList > li > .subNav{
	background-color:#fff;
	display:none;
	position: absolute;
	left:0;
	top:0;
	margin:20px 0 auto 0;
	padding:10px 8px;
	z-index: 10;
}
.navArea .navBox .navList > li:hover > .subNav{
	display:block;
	width:100%;
}
.navArea .navBox .navList > li > .subNav a{
	border-top:1px dotted #b19e8e;
	padding:5px;
}
/*共用標題*/
.comTitleBox blockquote{

}
.comTitleBox blockquote:before{
	width:45px;
	height:16px;
	margin-right:8px;
}
.comTitleBox blockquote:after{
	width:45px;
	height:16px;
	margin-left:8px;
}
.comTitleBox h3{

}
/*首頁kv標題*/
.topicBox .topic{
	width: 22%;
	margin:0 auto 15px;
}
.topicBox1 .locateTopicBox{
	max-width:45%;
	margin:0 auto 3%;
	padding:20px;
}
.topicBox1 .locateTopicBox .enTitle{

	margin:0 auto;
}
.topicBox1 .locateTopicBox .chTitle{

	margin:0 auto 8px;
}
.topicBox1 .locateTopicBox .brief{

}
/*洽詢*/
.orderBtn{
	width:70px;
	height:70px;
}
/*首頁-婚禮地點*/
.localArea{
	background:#fff;
}
/*首頁影片*/
.mvArea{
	padding:15px;	
}

.mvBox{
	width:95%;
	margin:20px;
	border:8px solid #eee;
}

/*首頁婚紗*/
.dressArea .dressImg{
	display: inline-block;
	width:50%;
	margin:0;
	padding:0;
}
.dressArea .dressInfoBox{
	display: inline-block;
	width:49%;
	margin:0;
	padding:15px;
}
.dressArea .dressInfoBox .topEdge1{
	display: block;
	max-width:50%;
	margin:0 auto 8px;
}
.dressArea .dressInfoBox >h3{
	display: block;

	margin:0 auto;
}
.dressArea .dressInfoBox >h4{

	margin:0 auto 16px;
}
.dressArea .dressInfoBox >h5{

}
.dressArea .dressInfoBox >p{
	display:block;

	margin:0 auto 8px;
}
.dressArea .dressInfoBox >.moreBtn{

	padding:5px 30px;
}

/*婚禮地點頁-景點介紹*/
.introArea{
	background:url(../img/introAreaBg.jpg) center center no-repeat;
	background-size: cover;
	vertical-align: middle;
	text-align: center;	
}
.introBox{
	margin:0 auto;
	padding:0;
	text-align:left;
}
.introBox.okiIntro,
.introBox.guamIntro,
.introBox.baliIntro{
	background:#fff;
	background-size: 100% auto;
}

.introBox .introDataBox{
	width:100%;
	display:block;
	padding:3% 5% 2%;
	box-sizing: border-box;
	background-color:rgba(75,181,255,0.8);
	text-align:center;

	color:#fff;
}
.introBox .introDataBox .locateName{

}
.introBox .introDataBox .locateText{

	margin:0 auto;
}
.introBox .introDataBox .locatedes{
	width:56%;

	padding:10px;	
}
/*商品*/
.prodArea{
	padding:15px 0;	
}
.prodImgBox{
	width:45%;
	display:inline-block;
}
.prodInfoBox{
	width:45%;
	display:inline-block;

	text-align: left;
}
.prodInfoBox > .prodTitle{

	text-align: center;
}
.prodInfoBox > .spline .fa-suitcase{
	font-size:24px;
}
.prodInfoBox > .prodName{

	color:#6e645c;
	text-align: left;
	margin:0 auto;
}
.prodInfoBox > .prodPrice{

	color:#c00;
	text-align: left;
	margin:0 auto;
	display:block;
}
/*教堂名稱*/
.chNameArea{
	padding:8px 0;	
}
.churchNameBox h3{

}
.churchNameBox blockquote{

}
.churchNameBox p{
	width:70%;

	color:#fff;	
	margin:0 auto;
	text-align: left;	
}
/*方案*/
.setArea{
	padding:8px 0;	
}
.setBox{
	display:inline-block;
	width:48%;
}
.setBox img{
	width:186px;
	height:186px;
}
.setBox h4{
	display:inline-block;
}
.setListBox{
	width:90%;
	vertical-align: top;
	text-align: left;
	display:inline-block;
}
.setList{
	width:49%;
	display:inline-block;
	margin: 0 auto;
	padding:0 0 0 24px;
}
.noteTitle{

	text-align:center;
	margin:0 auto 5px;
	padding:8px 24px;
	background:#eae5d8;
	border:1px solid #d7af6e;
	cursor: pointer;
}
.noteTitle .fa{
	display:inline-block;
	margin-right:5px;
}

.noteList{
	display:none;
}
/*婚紗頁*/
.wedDressArea{
	padding:15px 0;	
	text-align: center;	
	letter-spacing: 0;
}
.featureBox{
	padding:0;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
}
.featureImg{
	width:50%;
	display:inline-block;
}
.featureTxt{
	width:49.3%;
	display:inline-block;
	padding:15px;
	margin:0;
}
.featureTxt h3{
	width:100%;
	display:inline-block;
}
.featureTxt p{
	width:80%;
	display:inline-block;
}
/*優惠頁面區塊*/
.promoArea{
	padding:15px 0;	
}

.promoBox .promoImgBox{
	width:100%;
	display: block;
}
.promoBox .promoTxtBox{
	width:100%;
	display: block;
}
.promoBox .promoTxtBox .promoTitle{

	margin:0 auto 5px;
}
.promoBox .promoTxtBox .promoLocate,
.promoBox .promoTxtBox .promoDate{

}
.promoDtBox .promoTopic{

	color:#957c5f;
	margin:0 auto 16px;
	padding-bottom:8px;
	vertical-align: middle;
	border-bottom:1px solid #c7a85b;
}
.promoDtBox .promoSubTopic{

	margin:0 auto 16px;
}
.promoDtBox .promoThrTopic{

}
.promoDtBox .promoTxt{

	margin:0 auto 16px;
}
.promoDtBox .setOfferBox p.promoTxt{

	margin:0 auto 8px;
}
/*相片集*/
.bloggerArea{
	padding:30px 0;	
}
.bloggerList{
	display: inline-block;
	text-align: center;
	list-style: none;
	vertical-align: top;
}
.bloggerList li{
	width:32%;
	display:inline-block;
}
/*表單kv標題*/
.topicBox2{
	padding:50px 0 10px;
}

.topicBox2 .formTopicBox .enTitle{

}
.topicBox2 .formTopicBox .enTitle b{
	width:30px;
}
.topicBox2 .formTopicBox .chTitle{

}
.formBox{
	width:96%;
	padding:5px;
}
.baseSetArea li{
	width:49%;
}
}







@media screen and (min-width: 550px) and (max-width: 690px) {
/*選單*/
.navArea{	
	position: fixed;
	z-index:15;
	right:-96px;
	top:5px;
}
.navArea .navBox{
	background:none;
	margin:0 auto;
	padding:0;
	text-align: center;
}
.navArea .navBox .navBtn{
	display:inline-block;
	box-shadow: -1px 2px 8px rgba(60,60,60,0.2);
}
.navArea .navBox .navList{
	padding:10px 8px;
	box-shadow: -1px 2px 8px rgba(60,60,60,0.2);
}
.navArea .navBox .navList > li{
	display:block;
	position: relative;
	border-left:0;
	background:url(../img/navBg.png) center top no-repeat;
	padding:15px 0 8px;
}
.navArea .navBox .navList > li:first-child{
	border-left:0;
	background:none;
	padding-top:0;
}
.navArea .navBox .navList > li > a{
	padding:0 8px;
}
.navArea .navBox .navList > li > .subNav{
	display:block;
	position: relative;
	left:auto;
	top:auto;
	margin:0 auto;
	padding:3px 3px 5px;
	z-index: 1;
}
.navArea .navBox .navList > li > .subNav a{
	border-top:1px dotted #b19e8e;
	padding:5px 8px;
}
/*共用標題*/
.comTitleBox blockquote{

}
.comTitleBox blockquote:before{
	width:45px;
	height:16px;
	margin-right:8px;
}
.comTitleBox blockquote:after{
	width:45px;
	height:16px;
	margin-left:8px;
}
.comTitleBox h3{

}
/*首頁kv標題*/
.topicBox .topic{
	width: 36%;
	margin:0 auto 15px;
}
.topicBox1 .locateTopicBox{
	max-width:70%;
	margin:0 auto 3%;
	padding:20px;
}
.topicBox1 .locateTopicBox .enTitle{

	margin:0 auto;
}
.topicBox1 .locateTopicBox .chTitle{

	margin:0 auto 8px;
}
.topicBox1 .locateTopicBox .brief{

}
/*洽詢*/
.orderBtn{
	width:64px;
	height:64px;
}
/*首頁-婚禮地點*/
.localArea{
	background:#fff;
}
.localList li{
	width:49%;
	display: inline-block;
	border:0;
}
.localList.x5 li{
	width:19.5%;
	display: inline-block;
	border:0;
}
.localList li .localBox,
.localList.x5 li .localBox{
	width:96%;
	margin:0 auto;
	padding:10px;
}
.localList li .localBox img,
.localList.x5 li .localBox img{
	display:block;
	width:100%;
	border:0;
	margin:0 auto 15px;
}
.localList li .localBox span,
.localList.x5 li .localBox span{
	display:block;
	width:100%;

	margin:0 auto 0 8px;
	text-align: center;
}
.localList li .localBox span strong,
.localList.x5 li .localBox span strong{
	display:block;

	text-align: center;
}

/*首頁影片*/
.mvArea{
	padding:15px 0;	
}
.mvBox{
	width:90%;
	margin-left:20px;
	border:8px solid #eee;
}

/*首頁婚紗*/
.dressArea .dressImg{
	display: block;
	width:100%;
	margin:0;
	padding:0;
}
.dressArea .dressInfoBox{
	display: block;
	width:auto;
	margin:0;
	padding:15px;
}
.dressArea .dressInfoBox .topEdge1{
	display: block;
	max-width:50%;
	margin:0 auto 8px;
}
.dressArea .dressInfoBox >h3{
	display: block;

	margin:0 auto;
}
.dressArea .dressInfoBox >h4{

	margin:0 auto 16px;
}
.dressArea .dressInfoBox >h5{

}
.dressArea .dressInfoBox >p{
	display:block;

	margin:0 auto 8px;
}
.dressArea .dressInfoBox >.moreBtn{

	padding:5px 30px;
}

/*婚禮地點頁-景點介紹*/
.introArea{
	background:#fff;
	vertical-align: top;
	text-align: center;	
}
.introBox{
	margin:0 auto;
	padding:0;
	text-align:left;
}
.introBox.okiIntro,
.introBox.guamIntro,
.introBox.baliIntro{
	background:#fff;
	background-size: 100% auto;
}
.introBox .introDataBox{
	width:100%;
	display:block;
	padding:5% 5% 2%;
	box-sizing: border-box;
	background-color:rgba(75,181,255,0.8);
	text-align:center;

	color:#fff;
}
.introBox .introDataBox .locateName{

}
.introBox .introDataBox .locateText{

	margin:0 auto;
}
.introBox .introDataBox .locatedes{
	width:56%;

	padding:10px;	
}
/*商品*/
.prodArea{
	padding:15px 0;	
}
.prodImgBox{
	display:none;
}
.prodInfoBox{
	width: 100%;
	display:inline-block;

	text-align: center;
}
.prodInfoBox > .prodTitle{

	text-align: center;
}
.prodInfoBox > .spline .fa-suitcase{
	font-size:24px;
}
.prodInfoBox > .prodName{

	color:#6e645c;
	text-align: center;
	margin:0 auto;
}
.prodInfoBox > .prodPrice{

	color:#c00;
	text-align: center;
	margin:0 auto;
	display:block;
}
/*教堂名稱*/
.chNameArea{
	padding:8px 0;	
}
.churchNameBox h3{

}
.churchNameBox blockquote{

}
.churchNameBox p{
	width:70%;

	color:#fff;	
	margin:0 auto;
	text-align: left;	
}
/*方案*/
.setArea{
	padding:8px 0;	
}
.setBox{
	display:inline-block;
	width:49%;
}
.setBox img{
	width:156px;
	height:156px;
}
.setBox h4{
	display:inline-block;
}
.setListBox{
	width:70%;
	vertical-align: top;
	text-align: left;
	display:inline-block;
}
.setList{
	width:100%;
	display:inline-block;
	margin: 0 auto;
	padding:0 0 0 24px;
}
.noteTitle{

	text-align:center;
	margin:0 auto 5px;
	padding:8px 24px;
	background:#eae5d8;
	border:1px solid #d7af6e;
	cursor: pointer;
}
.noteTitle .fa{
	display:inline-block;
	margin-right:5px;
}

.noteList{
	display:none;
}
/*婚紗頁*/
.wedDressArea{
	padding:15px 0;	
	text-align: center;	
	letter-spacing: 0;
}
.featureBox{
	padding:0;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;

}
.featureImg{
	width:50%;
	display:inline-block;
}
.featureTxt{
	width:49.3%;
	display:inline-block;
	text-align: center;
	padding:15px;
	margin:0;
}
.featureTxt h3{
	width:100%;
	display:inline-block;
}
.featureTxt p{
	width:80%;
	display:inline-block;
}
/*婚紗頁-為何我們*/
.whyusArea{
	padding:15px 0;	
}
.topEdge2{
	max-width: 200px;
}
.whyTitle{

}
.whyTitle1{

}

.qaList{
	width:100%;
	margin:0 0;
	padding:15px 0;
	border-bottom:1px dotted #85786c;
}
/*優惠頁面區塊*/
.promoArea{
	padding:15px 0;	
}

.promoBox .promoImgBox{
	width:100%;
	display: block;
}
.promoBox .promoTxtBox{
	width:100%;
	display: block;
}
.promoBox .promoTxtBox .promoTitle{

	margin:0 auto 5px;
}
.promoBox .promoTxtBox .promoLocate,
.promoBox .promoTxtBox .promoDate{

}
.promoDtBox .promoTopic{

	color:#957c5f;
	margin:0 auto 16px;
	padding-bottom:8px;
	vertical-align: middle;
	border-bottom:1px solid #c7a85b;
}
.promoDtBox .promoSubTopic{

	margin:0 auto 16px;
}
.promoDtBox .promoThrTopic{

}
.promoDtBox .promoTxt{

	margin:0 auto 16px;
}
.promoDtBox .setOfferBox p.promoTxt{

	margin:0 auto 8px;
}
/*相片集*/
.bloggerArea{
	padding:30px 0;	
}
.bloggerList{
	display: inline-block;
	text-align: center;
	list-style: none;
	vertical-align: top;
}
.bloggerList li{
	width:32%;
	display:inline-block;
}
/*表單kv標題*/
.topicBox2{
	padding:50px 0 10px;
}

.topicBox2 .formTopicBox .enTitle{

}
.topicBox2 .formTopicBox .enTitle b{
	width:30px;
}
.topicBox2 .formTopicBox .chTitle{

}
.formBox{
	width:96%;
	padding:5px;
}
/*內頁-婚禮地點*/
.venueInfoArea{
	padding:15px 0;
}
/*婚禮場地訊息title*/
.venueTitle{

	margin:0 auto 15px;
}

.venueBox{
	padding:15px 0;
	margin:0 auto 15px;
}
.venueImg{
	width:90%;
}

.venueTxt{
	width:100%;
	padding:15px 15px 0;
}
.venueList li{

}
.baseSetArea li{
	width:49%;
}
}

@media screen and (max-width: 574px) {

/*選單*/
.navArea{	
	position: fixed;
	z-index:15;
	right:-96px;
	top:5px;
}
.navArea .navBox{
	background:none;
	margin:0 auto;
	padding:0;
	text-align: center;
}
.navArea .navBox .navBtn{
	display:inline-block;
	box-shadow: -1px 2px 8px rgba(60,60,60,0.2);
}
.navArea .navBox .navList{
	padding:10px 8px;
	box-shadow: -1px 2px 8px rgba(60,60,60,0.2);
}
.navArea .navBox .navList > li{
	display:block;
	position: relative;
	border-left:0;
	background:url(../img/navBg.png) center top no-repeat;
	padding:15px 0 8px;
}
.navArea .navBox .navList > li:first-child{
	border-left:0;
	background:none;
	padding-top:0;
}
.navArea .navBox .navList > li > a{
	padding:0 8px;
}
.navArea .navBox .navList > li > .subNav{
	display:block;
	position: relative;
	left:auto;
	top:auto;
	margin:0 auto;
	padding:3px 3px 5px;
	z-index: 1;
}
.navArea .navBox .navList > li > .subNav a{
	border-top:1px dotted #b19e8e;
	padding:5px 8px;
}

/*共用標題*/
.comTitleBox blockquote{

}
.comTitleBox blockquote:before{
	width:23px;
	height:8px;
	margin-right:5px;
}
.comTitleBox blockquote:after{
	width:23px;
	height:8px;
	margin-left:5px;
}
.comTitleBox h3{

}

/*首頁kv標題*/
.topicBox .topic{
	width: 50%;
	margin:0 auto 15px;
}
.topicBox1 .locateTopicBox{
	max-width:100%;
	margin:0 auto;
	padding:20px;
}
.topicBox1 .locateTopicBox .enTitle{

	margin:0 auto;
}
.topicBox1 .locateTopicBox .chTitle{

	margin:0 auto 8px;
}
.topicBox1 .locateTopicBox .brief{

}
/*洽詢*/
.orderBtn{
	width:64px;
	height:64px;
}
/*首頁-婚禮地點*/
.localArea{
	background:#fff;
	padding:30px 0 0;
}
.localList li,
.localList.x5 li{
	width:100%;
	display: block;
	border-bottom:1px solid #eee;
	vertical-align: middle;
}
.localList li .localBox,
.localList.x5 li .localBox{
	width:auto;
	margin:0 auto;
	padding:10px;
}
.localList li .localBox img,
.localList.x5 li .localBox img{
	display:inline-block;
	width:30%;
	border:0;
	margin:0 auto;
	vertical-align: middle;
}
.localList li .localBox span,
.localList.x5 li .localBox span{
	display:inline-block;
	width:66%;
	text-align: left;

	margin:0 auto 0 8px;
	vertical-align: middle;
}
.localList li .localBox span strong,
.localList.x5 li .localBox span strong{
	display:block;

	text-align: left;
}
.localList li .localBox span em,
.localList.x5 li .localBox span em{
	display:block;

	color:#0090ff;
	text-align: left;
	margin:0 auto;
	vertical-align: middle;
}
.localList li .localBox span b,
.localList.x5 li .localBox span b{
	display:block;

	text-align: left;
	margin:0 auto 8px;
}

/*首頁影片*/
.mvArea{
	padding:15px 0 0;	
}
.mvBox{
	border:0;
	width: 94%;
	margin:0 auto 15px;
}






/*首頁婚紗*/
.dressArea .dressImg{
	display: block;
	width:100%;
	margin:0;
	padding:0;
}
.dressArea .dressInfoBox{
	display: block;
	width:auto;
	margin:0;
	padding:15px;
}
.dressArea .dressInfoBox .topEdge1{
	display: block;
	max-width:70%;
	margin:0 auto 8px;
}
.dressArea .dressInfoBox >h3{
	display: block;

	margin:0 auto;
}
.dressArea .dressInfoBox >h4{

	margin:0 auto 16px;
}
.dressArea .dressInfoBox >h5{

}
.dressArea .dressInfoBox >p{
	display:block;

	margin:0 auto 8px;
}
.dressArea .dressInfoBox >.moreBtn{

	padding:10px 30px;
}
/*婚禮地點頁-教堂*/
.churchArea{
	background:#fff;
	padding:0;
}
/*婚禮地點頁-景點介紹*/
.introArea{
	background:#fff;
	vertical-align: top;
	text-align: center;	
}
.introBox{
	margin:0 auto;
	padding:0;
	text-align:left;
}
.introBox.okiIntro,
.introBox.guamIntro,
.introBox.baliIntro,
.introBox.hawaiiIntro{
	background:#fff;
	background-size: 100% auto;
}
.introBox .introDataBox{
	width:100%;
	display:block;
	padding:10% 5% 5%;
	box-sizing: border-box;
	background-color:rgba(75,181,255,0.8);
	text-align:center;

	color:#fff;
}
.introBox .introDataBox .locateName{

}
.introBox .introDataBox .locateText{

	margin:0 auto;
}
.introBox .introDataBox .locatedes{

	padding:10px;	
}
/*商品*/
.prodArea{
	padding:15px 0;	
}
.prodImgBox{
	display:none;
}
.prodInfoBox{
	width: 100%;
	display:inline-block;

	text-align: center;
}
.prodInfoBox > .prodTitle{

	text-align: center;
}
.prodInfoBox > .spline .fa-suitcase{
	font-size:24px;
}
.prodInfoBox > .prodName{

	color:#6e645c;
	text-align: center;
	margin:0 auto;
}
.prodInfoBox > .prodPrice{

	color:#c00;
	text-align: center;
	margin:0 auto;
	display:block;
}
/*教堂名稱*/
.chNameArea{
	padding:8px 0;	
}
.churchNameBox h3{

}
.churchNameBox blockquote{

}
.churchNameBox p{
	width:90%;

	color:#fff;	
	margin:0 auto;
	text-align: left;	
}
/*方案*/
.setArea{
	padding:8px 0;	
}
.setBox{
	display:block;
	width:100%;
}
.setBox img{
	width:156px;
	height:156px;
}
.setBox h4{
	display:block;
}
.setListBox{
	width:80%;
	vertical-align: top;
	text-align: center;
	display:inline-block;
}

.setList{
	width:100%;
	display:block;
	margin: 0 auto;
	padding:0 0 0 24px;
}

.noteTitle{

	text-align:center;
	margin:0 auto 5px;
	padding:8px 0;
	background:#eae5d8;
	border:1px solid #d7af6e;
	cursor: pointer;
}
.noteTitle .fa{
	display:inline-block;
	margin-right:5px;
}

.noteList{
	display:none;
}
/*婚紗頁*/
.wedDressArea{
	padding:15px 0;	
	text-align: center;	
	letter-spacing: 0;
}
.featureBox{
	padding:15px;
	margin:0 auto 1px;
	background-color:#fff;
	overflow:hidden;
}
.featureImg{
	width:100%;
	display:block;
}
.featureTxt{
	width:100%;
	display:block;
	padding:15px;
	margin:0;
}
.featureTxt h3{
	width:100%;
	display:block;
}
.featureTxt p{
	width:auto;
	display:block;
}
/*婚紗頁-為何我們*/
.whyusArea{
	padding:15px 0;	
}
.topEdge2{
	max-width: 200px;
}
.whyTitle{

}
.whyTitle1{

}

.qaList{
	width:100%;
	margin:0 0;
	padding:15px 0;
	border-bottom:1px dotted #85786c;
}
/*優惠頁面區塊*/
.promoArea{
	padding:15px 0;	
}
.promoBox .promoImgBox{
	width:100%;
	display: block;
}
.promoBox .promoTxtBox{
	width:100%;
	display: block;
}
.promoBox .promoTxtBox .promoTitle{

	margin:0 auto 5px;
}
.promoBox .promoTxtBox .promoLocate,
.promoBox .promoTxtBox .promoDate{

}
.promoDtBox .promoTopic{

	color:#957c5f;
	margin:0 auto 16px;
	padding-bottom:8px;
	vertical-align: middle;
	border-bottom:1px solid #c7a85b;
}
.promoDtBox .promoSubTopic{

	margin:0 auto 16px;
}
.promoDtBox .promoThrTopic{

}
.promoDtBox .promoTxt{

	margin:0 auto 16px;
}
.promoDtBox .setOfferBox p.promoTxt{

	margin:0 auto 8px;
}
/*相片集*/
.bloggerArea{
	padding:15px 0;	
}
.bloggerList{
	display: block;
	text-align: center;
	list-style: none;
	vertical-align: top;
}
.bloggerList li{
	width:100%;
	display:block;
}
/*表單kv標題*/
.topicBox2{
	padding:50px 0 10px;
}

.topicBox2 .formTopicBox .enTitle{

}
.topicBox2 .formTopicBox .enTitle b{
	width:30px;
}
.topicBox2 .formTopicBox .chTitle{

}
.formBox{
	width:96%;
	padding:5px;
}
/*內頁-婚禮地點*/
.venueInfoArea{
	padding:15px 0;
}
/*婚禮場地訊息title*/
.venueTitle{

	margin:0 auto 15px;
}

.venueBox{
	padding:15px;
	margin:0 auto 15px;
	box-sizing: border-box;
	border-bottom:0;
	border-top:0;
}
.venueImg{
	width:100%;
}

.venueTxt{
	width:100%;
	padding:15px 15px 0;
}
.venueList li{

}
.baseSetArea li{
	width:100%;
}
}