@charset "utf-8";
@media screen and (min-width: 1101px){
/*分享區改浮動*/
#masttop{position:relative;z-index:1;}

.servBox{
	display: inline-block;
	width:90%;
	padding-top:8px;
}
}

@media screen and (min-width: 800px) and (max-width: 1100px) {
/*分享區改浮動*/
#masttop{position:relative;z-index:1;}
.title{
	font:normal 2.4rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
/*連絡服務/下載*/
.contactArea .max1400Box{
	padding:24px 0;
}
.contactBox{
	width:100%;
	padding:0;
}
.servBox{
	display: inline-block;
	width:100%;
	padding-top:8px;
}
.servBox .servList{
	width:48%;
	padding:10px 4px;
	margin:0 auto 8px;
}
.servBox .servList li h6{
	font:normal 2.4rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.docBox{
	width:100%;
}
a.dwBtn{
	display: inline-block;
	width:40%;
	padding:15px 0;
	margin:0 8px 8px;
	font:normal 2rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
}


@media screen and (min-width: 690px) and (max-width: 799px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}

.topicArea hgroup{
	padding:10px 0;	
}
.topicArea hgroup h2{
	font:bold 2rem/1.5 Arial,PMingLiU,sans-serif;
}
.topicArea hgroup h2 em{
	color:#ffe29d;
	font:bold 4rem/1.5 Arial,PMingLiU,sans-serif;
}

.topicArea hgroup h1{
	padding:5px 20px;
	font:300 6rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.topicArea hgroup h4{
	font:normal 2rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.title{
	font:normal 2.4rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}

.introList{
	width:90%;
	margin:0 auto 15px;
}
.introList li{
	width:33%;
	padding:8px;
}
.introList1{
	width:90%;
	margin:0 auto 15px;
}
.introList1 li{
	width:45%;
	padding:8px;
}
/*連絡服務/下載*/
.contactArea .max1400Box{
	padding:24px 0;
}
.contactBox{
	width:100%;
	padding:0;
}
.docBox{
	width:100%;
}
a.dwBtn{
	display: inline-block;
	width:40%;
	padding:15px 0;
	margin:0 8px 8px;
	font:normal 2rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.servBox{
	display: inline-block;
	width:100%;
	padding-top:8px;
}
.servBox .servList{
	width:49%;
	padding:10px 6px;
	margin:0 auto 8px;
}
.servBox .servList li h6{
	font:normal 2.4rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.noteArae .max1400Box{
	padding:0 40px;
}

}

@media screen and (min-width: 575px) and (max-width: 689px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}

.topicArea hgroup{
	padding:10px 0;	
}
.topicArea hgroup h2{
	font:bold 2rem/1.5 Arial,PMingLiU,sans-serif;
}
.topicArea hgroup h2 em{
	color:#ffe29d;
	font:bold 4rem/1.5 Arial,PMingLiU,sans-serif;
}

.topicArea hgroup h1{
	padding:5px 20px;
	font:300 6rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.topicArea hgroup h4{
	font:normal 2rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.title{
	font:normal 3rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.introList{
	width:100%;
	margin:0 auto 15px;
}
.introList li{
	width:45%;
	padding:8px;
}
.introList1{
	width:90%;
	margin:0 auto 15px;
}
.introList1 li{
	width:45%;
	padding:8px;
}
/*連絡服務/下載*/
.contactArea .max1400Box{
	padding:15px 0;
}
.contactBox{
	width:100%;
	padding:0;
}
.servBox{
	display: inline-block;
	width:100%;
	padding-top:8px;
}
.servBox .servList{
	width:88%;
	padding:10px 24px;
	margin:0 auto 8px;
}
.servBox .servList li h6{
	font:normal 2.4rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.docBox{
	width:100%;
}
a.dwBtn{
	display: inline-block;
	width:88%;
	margin:0 auto 8px;
	font:normal 1.8rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.noteArae .max1400Box{
	padding:0 40px;
}
.giftBox{
	width:260px;
	float:none;
	margin:0 auto;
}
}

@media screen and (min-width: 300px) and (max-width: 574px) {
/*分享區改浮動*/
#masttop{position:absolute;z-index:10;width:100%;}
.navbar-nav{margin:0 -15px;}

.topicArea hgroup{
	padding:10px 0;	
}
.topicArea hgroup h2{
	font:bold 1.5rem/1.5 Arial,PMingLiU,sans-serif;
}
.topicArea hgroup h2 em{
	color:#ffe29d;
	font:bold 2rem/1.5 Arial,PMingLiU,sans-serif;
}

.topicArea hgroup h1{
	padding:5px 20px;
	font:300 4rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.topicArea hgroup h4{
	font:normal 1.5rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.topicArea hgroup h4 span{
	width:14px;
	height: 14px;
}
.topicArea hgroup h5{
	font:normal 1.5rem/1.5 "微軟正黑體", "Microsoft JhengHei",sans-serif;
	text-align:left;
	padding:0 15px;
}
.topicArea hgroup h5 span{
	display: inline-block;
	background:#514b6c;
	margin:0 3px;
	padding:3px 10px;
}
.topicArea hgroup h6{
	font:bold 3rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.topicArea hgroup h6 del{
	display: block;
	font:normal 1.6rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
/*景點介紹*/
.title{
	font:normal 2rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}

.introList{
	width:90%;
	margin:0 auto 15px;
}
.introList li{
	width:100%;
	padding:8px;
}
.introList1{
	width:90%;
	margin:0 auto 15px;
}
.introList1 li{
	width:100%;
	padding:8px;
}
.areaName{
	font:normal 1.4rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
/*連絡服務/下載*/
.contactArea .max1400Box{
	padding:15px 0;
}
.contactBox{
	width:100%;
	padding:0 0 15px;
}
.servBox{
	display: inline-block;
	width:100%;
	padding-top:8px;
}
.servBox .servList{
	width:88%;
	padding:10px 24px;
	margin:0 auto 8px;
}
.servBox .servList li h6{
	font:normal 1.8rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.docBox{
	width:100%;
}
a.dwBtn{
	display: inline-block;
	width:88%;
	margin:0 auto 8px;
	font:normal 1.8rem/1.3 "微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.noteArae .max1400Box{
	padding:0 40px;
}
.giftBox{
	width:260px;
	float:none;
	margin:0 auto;
}
}