@import url("reset.css");
@charset "utf-8";
body {
    font-size:62.5%; 
 background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #feffe8 28%, #d6dbbf 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#feffe8 28%,#d6dbbf 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#feffe8 28%,#d6dbbf 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
    background-attachment: fixed;

}
.pc{ display:block;}
.m{ display:none !important;}


/*主視覺*/
.visual {
    margin: 0 auto; 
    padding: 0; 
    position: relative; 
    overflow:hidden;
}
.visual img{width:100%;}


.eventInfo{
	background-color: #049906;
	padding:8px;
	margin:0 auto;
	color:#ebff00;
	font:bold 15px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	border-bottom:2px solid #dcdfb4;
	text-align: center;
}
/*內容區塊*/
.content { margin: 0 auto; padding:15px ; max-width:1200px;box-sizing: border-box;text-align: center;background-color:#fff;box-sizing: border-box;}
.content a.btn-order, 
.content a.btn-order:link, 
.content a.btn-order:visited {
	width:100%; 
	display:block;
	font:normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	background:#029906; 
	color:#fff; 
	padding:5px 0; 
	margin:0 auto; 
	text-align:center; 
	border-radius: 1px; 
	box-shadow:0px 1px 2px #aaa;
}
.content a.btn-order:hover {background:#016f04;  box-shadow:0px 0px 5px #999;}
.frm{
	margin:0 auto 24px;
}
/*主標題*/
.topic{
	width:100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin:0 auto 18px;
}
.tourName{
	color:#029906;
	text-align: center;
	margin:0 auto;
	padding:50px 0 10px;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.tourName strong{
	background-color:#029906;
	color:#fff;
	padding:5px 15px;
	vertical-align: middle;
	font:normal 30px/40px "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
}
.tourName:before,
.tourName:after{
	content:'';
	display: inline-block;
	width:40px;
	height:40px;
	vertical-align: middle;
}
.tourName:before{
	background:url(../images/h11.png) right center no-repeat;
	background-size:100% auto;
}
.tourName:after{
	background:url(../images/h12.png) left center no-repeat;
	background-size:100% auto;
}

.itemTitle{
	color:#029906;
	font:bold 18px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	border:1px solid #029906;
	padding:5px 10px;
	margin:0 auto 15px;
	display: inline-block;
}
/*航班*/
.flightBox{
	margin:0 auto 24px;
	padding:0;
	text-align: center;
}
.flightBox ul{
	list-style: none;
	text-align: center;
	margin:0 auto;
	padding: 0;
}
.flightBox ul li{
	display: inline-block;
	font:bold 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color:#333;
	padding:0 10px;
}
/*回頂部*/
.scroll2top:link, .scroll2top:visited {background: url(../images/top.png) no-repeat 0 0; height:80px; width:80px; position:fixed; bottom:50px; right:0; margin-left:0;}
.scroll2top:hover { background: url(../images/top1.png);}

/*卡片*/
#export-data{
	width:100%;
	display: inline-block;
	vertical-align: top;
}
#export-data:after{content:""; display:block; clear:both;}
#export .loading{margin: 20px auto;}

.card{
	display:inline-block; 
	box-sizing: border-box;
	width:24%; 
	min-height:120px; 
	padding:1em; 
	border:1px solid #9db89d; 
	background:#fff; 
	margin:0 0.5% 0.5%;
	vertical-align: top;
}
.card h3{
	color:#029906;
	font:normal 24px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	margin:0 auto 5px;
	padding-bottom:8px;
	border-bottom:1px dashed #ddd;
	letter-spacing: -1px;
}
.card .code{
	color:#999;
	display: block;
	margin:0 auto 8px;
	padding:5px 0;
	font:bold 13px/1.2 Arial, sans-serif;
}
.cardTab{
	width:100%;
	display: table;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	margin:0 auto 15px;
}
.cardTab tr th{
	font:bold 13px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color:#333;
	text-align: center;
	padding:5px;
	background-color:#efefef;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.cardTab tr td{
	font:bold 13px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color:#333;
	padding:5px;
	text-align: left;
	background-color:#efefef;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.cardTab tr td.tdPrice{
	font:normal 16px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color:#c00;
	text-align: right;
	background-color:#fff;
}
.cardTab tr td.tdPrice span i{
	font:normal 11px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color:#c00;	
}
.cardTab tr td.tdPrice span:before{
	font:normal 11px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color:#c00;
}

.cardTab tr th.col1{width:auto;}
.cardTab tr th.col2{width:30%;}
.cardTab tr th.col3{width:30%;}

.seasonTxt{
	margin:0 auto 16px;
	color:#333;
	text-align: left;
}
.seasonTxt strong{
	font:normal 15px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	background-color:#ff7800;
	color:#fff;
	padding:3px 8px;
	margin-right:5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.seasonTxt span{
	display:block;
	padding:3px;
	font:normal 13px/1.4 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color:#ff7800;
}

/* c23模組 */

q:before, q:after {
    content: "";
}
*+html .carrier li {
    min-height: 1%;
}
.carrier li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.intro-anchors {
    display: block;
}
.intro-anchors a{
    padding: 0 10px; font: 20px/20px "arial","微軟正黑體" ; color: #545454; border-right: 1px solid #545454;
}
.intro-anchors a:last-child{
    border-right: none;
}
.carrier {
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    margin-bottom: 20px;
}
.carrier h4 {
	width:100%;
    clear: both;
    background:url(images/limite_title.jpg) no-repeat left;
    height: 52px;
    line-height: 36px;
    text-align: left;
    padding-left:20px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	font: bold 36px "微軟正黑體";
}
/*.carrier h4 em{
}*/

.carrier ul {
    padding: 0;
    margin: 0 auto;
    width:96%;
	
}
.carrier li {
    list-style-type: none;
    border-bottom: 1px dotted #666;
    padding: 10px 18px 7px;
    line-height: 1.3em;
    text-align: left;
}
.carrier li:hover {
    background-color: #fff1eb;
}
/*.carrier li:last-child{border:none;}*/

.carrier li a:link, .carrier li a:visited {
    text-decoration: none;
    font-size: 15px;
    font-family: "微軟正黑體";
    color: #444;
    letter-spacing: 1px;
    line-height: 22px;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
}
.carrier li a strong {
    font-weight: normal;
    display: block;
    font-size: 20px;
    font-weight: bolder;
    font-family: "微軟正黑體";
    color: #b6ac00;
    margin: 2px 0 6px 0;
    line-height: 1.2em;
}
.carrier li a:hover strong {
    color: #d42828;
    text-decoration: none;
}
.carrier li a strong span {
    font-weight: normal;
    font-size: 15px;
    color: #ff59a1;
    margin: 0 0 6px;
    *margin: 0;
}
.carrier .box-head {
    display: none;
    /*border-bottom:2px solid #800033; margin-top:-4px;*/
}
.carrier .box-head:hover {
    background: #fff;
}
.carrier .box-head a:link, .carrier .box-head a:visited {
    margin: -15px 0;
    cursor: default;
}
.carrier .box-head a strong, .carrier .box-head a img, .carrier .box-head p span {
    display: none;
}
.carrier .box-head q {
    display: block;
    font-weight: bold;
    padding-left: 13px;
    color: #e5735c;
}
.carrier li em.price {
    font-size: 15px;
    color: #f91d56;
    font-family: Verdana, Geneva, sans-serif, arial;
    float: right;
    *margin-top: -1.2em;
    font-weight: bold;
}
.carrier li em.price span, .carrier li em.price var {
    font-size: 15px;
    font-weight: bold;
}
.no-topic {
    display: block;
    margin-top: -5px;
}
.no-topic .carrier h4 {
    display: none;
}


/*rwd*/
@media screen and (max-width:1361px) {
	.content { margin: 0 auto;}
	.card{
		width:32%; 
	}
}
@media screen and (max-width:800px) {
	.pc{ display:none !important;}
	.m{ display:block !important;}
	.content { margin: 0 auto;}
	/*主標題*/
	.tourName strong{
		background-color:#029906;
		color:#fff;
		padding:8px 15px;
		vertical-align: middle;
		font:normal 20px/40px "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	}
	.tourName:before,
	.tourName:after{
		width:43px;
		height:43px;
	}
	.card{
		width:49%; 
	}
}
@media screen and (max-width:600px) {
	.pc{ display:none !important;}
	.m{ display:block !important;}
	.card{
		width:90%; 
		margin:0 auto 24px;
	}
	.tourName strong{
		padding:5px;
	}
	.tourName:before,
	.tourName:after{
		width:30px;
		height:30px;
	}
}

