body, div, ul, ol, li, h1, h2, h3, p, tr, td, img {
    margin: 0;
    padding: 0;
}
img {
    vertical-align: top;
}
html {
    background-image: url(img/bg.jpg) repeat;
}
body {
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
.main-bg {
    margin: 0 auto;
    text-align: left; 
}
.main-bg.spring{
    background: #ffd953 url(img/pcBg-summer.jpg) center top no-repeat;
    background-attachment:fixed;
}
.main-bg.summer{
    background: #ffd953 url(img/pcBg-summer.jpg) center top no-repeat;
    background-attachment:fixed;
}
.main-bg.fall{
    background: #ffd953 url(img/pcBg-summer.jpg) center top no-repeat;
    background-attachment:fixed;
}
.main-bg.winter{
    background: #ffd953 url(img/pcBg-summer.jpg) center top no-repeat;
    background-attachment:fixed;
}
.max1400Box {
    margin: 0 auto;
    padding: 0;
    max-width: 1400px;
}
/*主視覺*/

.mainViewBox {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.mainViewBox img {
    width: 100%;
    border: 0;
  animation-duration:1s;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*主視覺按鈕

.mainviewBtn {
    background: url(img/btn5a.png) left top no-repeat;
    display: block;
    width: 108px;
    height: 108px;
    margin: auto 30px 50px auto;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}*/
/*內容區塊*/

.content {
    margin: 0 auto;
    padding: 0;
    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;
}
/* menu基本設定 */

.menu-1st {
    width: 950px;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
}
.menu-1st a {
    display: block;
    height: 99px;
}
.menu-1st .m-01 a {
    width: 354px;
}
.menu-1st .m-02 a {
    width: 154px;
}
.menu-1st .m-03 a {
    width: 154px;
}
.menu-1st .m-04 a {
    width: 154px;
}
/* menu圖片位置 */

.m-01, .m-02, .m-03, .m-04, .m-05, .m-06 {
    display: block;
    height: 99px;
    background: url(images/btn_btn.jpg) no-repeat 0 0;
    margin: 0;
}
.m-02 {
    background-position: -354px 0;
}
.m-03 {
    background-position: -508px 0;
}
.m-04 {
    background-position: -662px 0;
}
.m-01:hover {
    background-position: 0 -102px;
}
.m-02:hover {
    background-position: -354px -102px;
}
.m-03:hover {
    background-position: -508px -102px;
}
.m-04:hover {
    background-position: -662px -102px;
}
.m-01:active {
    background-position: 0 -204px;
}
.m-02:active {
    background-position: -354px -204px;
}
.m-03:active {
    background-position: -508px -204px;
}
.m-04:active {
    background-position: -662px -204px;
}
/* menu於該夜面下的設定設定 */
/* page1-index */

.jpn a.pro01, .kor a.pro01, .chn a.pro01, .hkmu a.pro01, .tw a.pro01, .asia a.pro01, .eup a.pro01, .ocea a.pro01, .mdasia a.pro01 ,.cru a.pro01{
    display: block;
    background: url(images/btn_btn.jpg) no-repeat 0 0;
    background-position: -662px -204px;
}
/*menu-2*/
.menuArea{
	margin:0 auto;
	padding:0;
}
.second-menu {
    max-width: 1400px;
    display: block;
    background-color: #ff56be;
    margin: 0 auto;
    list-style: none;
    padding: 8px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.second-menu li {
    display: inline-block;
    margin: 0 0 0 -2px;
    padding: 0;
}
.second-menu li.arrowLeft{
	width:16px;
	height:16px;
   background:url(img/arrow2.png) left center no-repeat;
}
.second-menu li a {
    color: #ffffff;
    font-size: 19px;
    font-family: "微軟正黑體";
    text-decoration: none;
    padding: 10px 7.5px;
}
.second-menu li a:hover {
    background-color: #f3f3f3;
    color: #0689ff;
}
.menuArea.stuck {
	width:100%;
    position: fixed;
    z-index: 100;
    top: 0px;
    left:0;
}
.mobileSel {
    background-color: #ff56be;
    color: #fff;
    font: normal 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    margin: 0 auto;
    padding: 8px 3px;
    text-align: center;
    cursor: pointer;
}
.mobileSel span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(img/arrow1.png) left top no-repeat;
    background-size: 8px 8px;
    -moz-background-size: 8px 8px;
    margin-right: 4px;
    -webkit-background-size: 8px 8px;
}
.sub {
    display: none;
    width: 598px;
    background: #eee;
    border: 1px solid #555;
}
.sub a:link, .sub a:visited {
    float: left;
    width: auto;
    height: auto;
    margin-right: 1em;
    background: none;
    line-height: 1.5;
    text-decoration: none;
    padding: 10px;
}
.sub a:hover {
    text-decoration: underline;
}
/* 以下便是透過寫在 body 上的 class name，來控制內層版面樣式與秀或不秀 */

.jpn .second-menu .jpn a,
.kor .second-menu .kor a,
.chn .second-menu .chn a,
.asia .second-menu .asia a,
.eup .second-menu .eup a,
.afp .second-menu .afp a,
.htl .second-menu .htl a,
.hdp .second-menu .hdp a,
.fit .second-menu .fit a,
.tkt .second-menu .tkt a,
.gdg .second-menu .gdg a,
.khh .second-menu .khh a,
.cru .second-menu .cru a{
    background-color: #f3f3f3;
    color: #0689ff;
}
/* 在那一頁上的TAB變色 */

.page1 .sub-1, .page1a .sub-2, .page1b .sub-3, .page1c .sub-4, .page-1d .sub-5 {
    display: block;
}
/* page01子選單之細項秀出來 */
/*錨點 index_1系列 index2, index3, index4*/

.tag {
    height: 43px;
    background-color: #f3f3f3;
    font-family: "微軟正黑體";
    font-size: 16px;
    overflow: hidden;
    
    /*
    border-bottom: 2px #810000 solid;
	position:absolute;
	z-index:92;
	top:40px;*/
}
.tag ul {
    display: block;
    list-style: none;
    padding-top: 2px;
    background-color: #f3f3f3;
    margin:0 auto;
    padding:0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
.tag ul li {
    float: none;
    display: inline;
    white-space: nowrap;
}
.tag ul li a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 11px;
    color: #0689ff;
    letter-spacing: 1px;
}
.tag ul li a:hover {
    color: #000;
    background-color: #eee;
}
/*國外訂房無錨點時*/

.htl .tag {
    height: 8px;
    background-color: rgba(243, 243, 243, 0.07);
    font-family: "微軟正黑體";
    font-size: 16px;
    margin-bottom: 30px;
    position: absolute;
    z-index: 92;
    top: 40px;
}
.htl .tag ul {
    display: block;
    width: 950px;
    float: none;
    list-style: none;
    padding-top: 0;
    background-color: #fffdd0;
    border-bottom: none;
}
.htl .tag.stuck {
    position: fixed;
    z-index: 997;
    background-color: #eee;
    width: 950px;
    display: block;
    top: 40px;
}
.tag.stuck {
    position: fixed;
    width:100%;
    z-index: 99;
    background-color: #eee;
    display: block;
    
}
/*內容*/

.pro_01 {
    margin: 0 auto;
    clear: both;
    background-color: #fff;
    position: relative;
    text-align: left;
}
.box01 {
    background: url(images/free_mainbg01.jpg) repeat-y;
    margin-bottom: 10px;
}
.pro_content {
    clear: both;
    padding: 24px 0;
    margin: 0 auto;
}
.htl .pro_content {
    clear: both;
    padding-top: 70px;
}
/*回頂部

.scroll2top:link, .scroll2top:visited {
    background: url(img/gotop1.png) no-repeat 0 0;
    height: 84px;
    width: 79px;
    margin-left: 928px;
    bottom: 90px;
}
.scroll2top:hover {
    background: url(img/gotop.png) no-repeat 0 -90px;
}*/
/* 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 {
    font-family: Verdana, Geneva, sans-serif, "新細明體";
    margin-bottom: 20px;
}
.carrier h4 {
	width:96%;
    clear: both;
    background:#068aff url(img/tota1_5.png) no-repeat left center;
    height: 60px;
    text-align: left;
    padding-left: 136px;
    letter-spacing: 2px;
    padding-top: 10px;
    margin: 0 auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;

}
.carrier h4 em{
	color:#068aff;
	background-color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font: bold 30px/40px "微軟正黑體";
	padding:5px 20px;
}

.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;
}
.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: #2b57c6;
    margin: 2px 0 6px 0;
    line-height: 1.2em;
}
.carrier li a:hover strong {
    color: #ff56be;
    text-decoration: none;
}
.carrier li a strong span {
    font-weight: normal;
    font-size: 15px;
    color: #2b57c6;
    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;
}
/* c26模組專用 */

.ph {
    position: relative;
    display: block;
    float: left;
    width: 258px;
    background: #FFFFFF;
    padding: 10px;
    margin: 20px 7.2px 10px 7.2px;
    transition: all .3s ease-out;
    box-shadow: none;
    overflow: hidden;
    width: 258px;
    height: 345px;
    border: 2px solid #ca9025;
    border-radius: 5px;
}
.ph:hover {
    border: 2px solid #f91d56;
    box-shadow: 0 2px 7px 5px rgba(128, 128, 128, .4);
}
.ph:hover .ph-detail {
    background-color: #f91d56;
}
.ph:hover .ph-title {
    color: #f91d56;
}
.group-type-ph {
    padding: 1px 30px;
}
.group-type-ph:after {
    content: "";
    display: block;
    clear: both;
    line-height: 0;
    height: 0;
    visibility: hidden;
}
.ph.left {
    margin-left: 0;
}
.ph-img {
    margin: -10px -10px 0;
}
.ph-img img {
    width: 278px;
    height: 185px;
}
.ph a:link, .ph a:visited {
    text-decoration: none;
    border: none;
    color: #fff;
}
.ph a img {
    border: none;
}
.ph-title {
    display: block;
    font-size: 19px;
    line-height: 1.5em;
    /* max-height:2.2em;*/
    
    overflow: hidden;
    padding: 0 5px 0 10px;
    margin: 10px -10px 1px -10px;
    color: #c55d02;
    font-family: "微軟正黑體";
    font-weight: 600;
    letter spacing: -2px;
    height: 60px;
}
.ph-detail {
    font-size: 14px;
    background-color: #ca9025;
    padding: 3px;
    color: #FFFFFF;
    border-radius: 3px;
    font-family: "微軟正黑體";
    ine-height: 2.2em;
    max-height: 2.2em;
    overflow: hidden;
    height: 20px;
}
.ph-feature {
    display: block;
    color: #6e6464;
    font-size: 14px;
    line-height: 1.3em;
    padding: 5px 0 5px 2px;
    overflow: hidden;
    font-family: "微軟正黑體";
    letter spacing: -2px;
    height: 30px;
    overflow: hidden;
}
.ph .price {
    font-size: 15px;
    font-weight: bold;
    float: right;
    font-family: Century Gothic, Helvetica, Arial, "微軟正黑體", Microsoft JhengHei, sans-serif;
    color: #f91d56;
    font-size: 18px;
    letter-spacing: -5px;
    margin-right: 10px;
    margin-top: 2px;
}
.ph .price span {
    font-size: 28px;
    font-family: Century Gothic, Helvetica, Arial, "微軟正黑體", Microsoft JhengHei, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
}
/*.ph .price i{font-style:normal;}*/

.more {
    font-family: "微軟正黑體";
    font-weight: bold;
    font-size: 18px;
    /* margin:40px 0 20px 30px;*/
    
    width: 950px;
    height: 20px;
    text-align: center;
    margin-top: 15px;
    padding-bottom: 45px;
}
.more a {
    text-decoration: none;
    color: #17a3f3;
}
.more a:hover {
    color: #005df7;
}
/*機票*/

.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;
}
/*訂房*/

.hotel .carrier li a:link, .page3a .carrier li a:visited {
    font-size: 0;
}
.hotel .carrier li em.price {
    display: inline-block;
}
.hotel .carrier li a strong {
    float: left
}
/*增航自解說欄*/
.afpBox{
	width:90%;
	margin:0 auto 15px;
	border:1px solid #ff56be;
}
.subTopic{
	font:700 156%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	color:#fff;
	background-color:#ff56be;
	margin:0 auto;
	padding:8px;
}

.subnote{
	display:block;
	border-top:5px solid #ff56be;
	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 130%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	border:0;
	padding:2px 0;
}
.subnote li h6{
	color:#ff56be;
	font:bold 100%/1.3 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	border:0;
	padding:2px 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 96%/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 130%/1.6 "微軟正黑體", "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 130%/1.6 "微軟正黑體", "Microsoft JhengHei",Arial,sans-serif;
	box-sizing:border-box;
}
/* Hack for Chrome Browser */

/* goto fb */
.go2fb:link, .go2tb:visited{position:fixed;top:auto; bottom:15px;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;
    }
}