body, div, ul, ol, li, h1, h2, h3, p, tr, td, img {margin: 0; padding: 0;}
img {vertical-align: top;}
body {font-size:62.5%; background-color:#ebebeb;}
hr{background:url(../images/hr-bg.jpg) repeat-x; border:none; display:block; width:100%; height:9px; margin:2% 0;}
.pc{ display:block;}
.m{ display:none !important;}
.setop.navbar-default .navbar-nav > li > a {font-size: 1.2rem;}
.setop.navbar-default .navbar-nav > li.fb-share > a {font-size:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:active{ background:none;}
.restriction {font-size: 1.2rem;}
/*主視覺*/
.visual {margin: 0 auto; padding: 0; position: relative; width:100%; height:auto;}
.kv img{width:100%;}
/*內容區塊*/
.content { margin: 0 auto; padding: 0; width:75%; background-color: #fff;}
/*.menu-1st.stuck{position:fixed; z-index:995; top:0px; background-color:#680527;}*/

.tag.stuck {
    position: fixed;
    z-index: 997;
    background-color: #fffdd0;
    display: block;
    top: 40px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3)
}
a[name^="a"] {position: relative; top: -90px;}
a[name^="p"] {position: relative; top: -90px;}

/*內容*/
.pro_content {width:100%; clear: both; padding: 24px 0; margin: 0 auto;}
.adBox{ width:98%; margin:auto; padding-top:3%;}
.adBox h1.pro1{font: bold 4rem/5rem "微軟正黑體"; color:#44a8ab; background:url(../images/ic-1.png) no-repeat left 10px;}
.adBox h1.pro2{font: bold 4rem/5rem "微軟正黑體"; color:#ff9900; background:url(../images/ic-2.png) no-repeat left 10px;}
.adBox h1.pro3{font: bold 4rem/5rem "微軟正黑體"; color:#ff4d1d; background:url(../images/ic-3.png) no-repeat left 10px;}
.adBox h1.pro1, .adBox h1.pro2, .adBox h1.pro3{ background-size:42px 42px; text-align:left; padding-left:50px;}
.adBox div a { width:95%; margin:auto; display:block; position:relative;}
.adBox div a img{width:100%; display:block;}
.adBox div span{ position:absolute; top:-58px; right:0; padding:0 10%; font:normal 4rem/5.5rem "微軟正黑體"; color:#fff;}
.a1{background:rgba(68,85,171,0.85);}
.a2{background:rgba(255,102,0,0.85);}
.a3{background:rgba(202,133,51,0.85); }

/*好禮*/
.pro_content h5{font: bold 4.2rem/5rem "微軟正黑體"; color:#44a8ab; background:url(../images/ic-1.png) no-repeat left 10px; background-size:42px 42px; text-align:left; padding-left:50px; padding-bottom:10px; box-sizing:border-box; margin-left:15px;}
.giftBox,.giftBox2{width:98%; position:relative; margin:auto; display:inline-block; margin:0 auto 3% auto; background:url(../images/intro-bg.jpg) repeat; display:table;}
.b1{border: solid 3px #95a4ef;}
.b2{border: solid 3px #ff7c24;}
.b3{border: solid 3px #d19650;}
.giftBox span{ position:absolute; top:-58px; right:-3px; padding:0 10%; font:normal 4rem/5.5rem "微軟正黑體"; color:#fff;}
.giftBox img{ width:30%; float:left;}
.sub-info{ width:70%; float:left; padding:2% 3%; margin-top:2%;}
.sub-info h2,.sub-info h3{font: bold 3rem/3rem "微軟正黑體"; color:#44a8ab;}
.sub-info p{font: bold 1.8rem/3rem "微軟正黑體"; color:#333;}
.sub-info h3, .sub-info p{ clear:both;}
.sub-info img{width:auto; text-align:center;}
.sub-info a{ display:inline-block; width:320px; font:bold 2.4rem/4.5rem "微軟正黑體"; text-align:center; text-decoration:none; color:#fff; margin:2%; clear:none;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  box-sizing:border-box; -webkit-box-sizing:border-box;
}
.sub-info a i { background:url(../images/menuItemBg.png) no-repeat 0 0; background-size:contain; width:24px; height:24px; display:inline-block; vertical-align:middle; margin:-5px 0 0 10px; text-align:right;}
.giftBox2 img{width:20%; float:left; margin-bottom:0;}
.c1{border: 1px solid #1f50dd; background:#1f50dd;}
.c2{border: 1px solid #c43f11; background:#c43f11;}
.c3{border: 1px solid #d42f5d; background:#d42f5d;}
.c1:hover{border: 1px solid #3669fe; background:#3669fe;}
.c2:hover{border: 1px solid #f8480b; background:#f8480b;}
.c3:hover{border: 1px solid #f74174; background:#f74174;}
.sub-info font{ margin:0; padding:0; line-height:0;}
.pepper-info{border:solid 1px #44a8ab; outline:solid 1px #44a8ab; outline-offset:5px; width:95%; display:inline-block; position:relative; margin:2% 0 3% 2%;}
.pepper-info img{width:40%; float:left}
.pepper-info:before,.pepper-info:after{ content:''; display:block; width:22px; height:22px; position:absolute;}
.pepper-info:before{ background:url(../images/Lt.png) no-repeat 0 0; background-size:22px; top:-22px; left:-22px;}
.pepper-info:after{ background:url(../images/Lb.png) no-repeat 0 bottom; background-size:22px; bottom:-22px; left:-22px;}

.pepper-intro{width:60%; float:left; padding:2.5%;}
.pepper-intro:before,.pepper-intro:after{ content:''; display:block; width:22px; height:22px; position:absolute;}
.pepper-intro:before{ background:url(../images/Rt.png) no-repeat 0 0; background-size:22px; top:-22px; right:-22px;}
.pepper-intro:after{ background:url(../images/Rb.png) no-repeat 0 bottom; background-size:22px; bottom:-22px; right:-22px;}

.pepper-intro h3{font: bold 3rem/3.5rem "微軟正黑體"; color:#44a8ab; padding-bottom:1.5rem; border-bottom:dashed 1px #ccc; margin-left:-15px;}
.pepper-intro p{font: normal 1.8rem/2.4rem "微軟正黑體"; color:#333; text-align:justify; padding-top:1.5rem;}

/*回頂部*/
.scroll2top:link, .scroll2top:visited {background: url(../images/gotop.png) no-repeat 0 0; height:110px; width:53px; position:fixed; bottom:50px; right:0; margin-left:0;}
.scroll2top:hover { background: url(../images/gotop.png) no-repeat 0 -110px;}

/* 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: none;}
.carrier {margin-bottom: 20px;}
.carrier h4 {
	width:96%;
	height:48px;
    clear: both;
    background:url(../images/title.jpg) no-repeat left center;
    letter-spacing: 2px;
    margin: 0 auto;
	display:block;
}
.carrier h4 em{
	color:#fff;
	font: bold 2.4rem/3rem "微軟正黑體";
	padding:0;
	width:142px;
	text-align:center;
	display:block;
}

.carrier ul { padding: 0; margin: 0 auto; width:96%;}
.carrier li {list-style-type: none; border: 1px solid #ccc; padding: 10px 18px 7px; margin:8px; line-height: 1.3em;  -webkit-box-shadow: 5px 5px 0 0 #bbdede; box-shadow: 5px 5px 0 0 #bbdede;}
.carrier li:hover {background-color:rgba(255, 253, 231, 0.59); box-shadow:none; margin:10px 0 0 10px; transform: all 1s;}
/*.carrier li:last-child{border:none;}*/
.carrier li a strong {display: block;font: bold 2rem/3rem Verdana, Geneva, sans-serif,"微軟正黑體";color: #059694;margin: 2px 0 6px 0;}
.carrier li a:link, .carrier li a:visited {text-decoration: none;font:1.5rem/2.4rem Verdana, Geneva, sans-serif,"微軟正黑體";color:#333;}
.carrier li em.price {font:1.5rem/2.4rem Verdana, Geneva, sans-serif,"微軟正黑體"; color: #f91d56; float: right; *margin-top: -1.2em; font-weight: bold;}
.carrier li em.price span, .carrier li em.price var {font-size: 21px;font-weight: bold;}
.carrier ul li.box-head{ display:none;}

/*機票*/
.flight .carrier li a:link, .page3a .carrier li a:visited {font-size: 0;}
.flight .carrier li a strong { float: left}
.flight .carrier li em.price {display: inline-block;}
.flight .carrier h4 {
    clear: both;
    background: url(images/tota1_4.jpg) no-repeat left top;
    width: 950px;
    height: 60px;
    text-align: left;
    padding-left: 90px;
    letter-spacing: 2px;
    padding-top: 5px;
    font-size: 30px;
    color: #000;
    margin: 0;
    font-family: "標楷體", "新細明體";
}
.flight .carrier {
    width: 100%;
    display: inline-block;
    margin-right: 10px;
}
.flight .carrier li {
    width: 26%;
    margin: 8px 5px 20px 40px;
    float: left;
}

/* goto fb */
.go2fb:link, .go2tb:visited{position:fixed;top:130px; right:0; margin-left:auto;display:block; width:20px; height:90px; background:url(/st_ec/img/icon_go2t_fb.gif) no-repeat 0 0; z-index:110;}
.go2fb:hover{background-position:-20px 0;}
.go2fb span{visibility:hidden;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .second-menu li a {
        color: #ffffff;
        font-size: 19px;
        font-family: "微軟正黑體";
        text-decoration: none;
        padding: 10px 7.5px;
    }
}

/*航空自由行*/
.afpBox{width:90%;margin:0% auto 15px; padding-top:3%;}
.subTopic{font:700 300%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;color:#fff;background-color:#ad0000;margin:0 auto;padding:8px;}
.subnote{display:block; border:1px solid #7d2323; border-top:5px solid #7d2323; padding:8px 20px 8px 34px; margin:0 auto; list-style: disc; font:normal 100%/1.6 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; box-sizing:border-box; background-color:#fff;}
.subnote li{color:#2b2b2b; font:normal 250%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; border:0; padding:8px 0;}
.subnote li h6{color:#c00; font:bold 120%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; border:0; padding:8px 0;}
.subnote li:hover{background-color:#fff;} .subnote li strong{color:#c00;font:700 156%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;letter-spacing: -1px;}
.subnote li span{color:#666;font:normal 100%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;letter-spacing: -1px;}
.subnote li ol{padding:0 0 8px 36px; margin:0 auto; display: block; list-style-type: decimal; color:#2b2b2b; list-style-position: outside; font:normal 100%/1.6 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;}
.subnote li ol li{color:#2b2b2b; display: list-item; list-style-type: decimal; list-style-position: outside; font:normal 100%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;border:0;padding:2px 0;overflow: visible;}
.warningTitle{
	width:90%;
	font:700 300%/2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	color:#333;	
	box-sizing:border-box;
	padding:8px 20px 0 20px;
	margin:0 auto;
}
.warning{
	width:90%;
	display:block;
	padding:8px 20px 8px 34px;
	margin:0 auto;
	list-style: disc;
	font:normal 250%/2 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	box-sizing:border-box;
}
.morebtnBox{
    width:90%;
    margin:0 auto;
    padding:20px 0 0;
    text-align: right;
    overflow:hidden;
    clear:both;
}

.morebtnBox a{
	display:inline-block;
    background-color:#c00;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:8px 20px;
    color:#fff;
    text-decoration: underline;
    border-bottom:2px solid #950000;
    font:normal 250%/1.6 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
}
.morebtnBox a:hover{
    background-color:#590000;
    text-decoration: none;
    border-bottom:0px solid #950000;
    
}
/*注意事項*/
.noteBox{margin:0 auto; padding:15px 0 0; font:normal 100%/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; color:#333; text-align: center;}
.noteDataBox ol{width:90%; display: inline-block; list-style: decimal; margin:0 auto 10px; padding:0 0 0 30px; font:normal 100%/1.4 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; color:#333;	}
.noteDataBox ol li{display:list-item; padding:0; font:normal 1.5rem/2.4rem "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif; color:#333; text-align:justify;	}

.pro_content p{font: bold 1.8rem/2rem "微軟正黑體"; padding:3%;}
.award{width: 100%; float: none; padding: 5% 3%; overflow:hidden;}
.award img{width:30%;}
.award h2{font: bold 2.4rem/3rem "微軟正黑體"; color: #44a8ab; margin-bottom:20px;}
.awlist1{ width:30%;}
.awlist2{ width:60%;}
.awlist3{ width:60%;}
table{ border: solid 1px #d19650; margin-left:2%; float:left;}
th{background:#4fb8bb; color:#fff; font: normal 1.5rem/3rem "微軟正黑體"; padding-left:15px;}
td{background:#fff; color:#333; font: normal 1.5rem/3rem "微軟正黑體"; padding-left:15px; border-bottom:dashed 1px #4fb8bb;}