@charset "big5";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css); /* Google黑體 */
/* @import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css); Google圓體 */
@import url(//fonts.googleapis.com/earlyaccess/cwtexfangsong.css); /* Google仿宋體 */

/*虎航動畫*/
@keyframes bgchange {from {background:darkorange;} to {background:#F60;}}

/* 基本 */
body {margin: 0;}
h1 {margin: 0; padding: 0; height: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; *display: none;}
a img {border: none;}
.index {background-color: #ffffff;}

/* 主視覺 */
.header {border-bottom: solid 8px #330000; box-shadow: 0 0 10px #330000;}
.top-normal {height: 360px \9; background: url(../images/top.jpg) center top no-repeat;}
.top-mobile {display: none; margin-top: 40px;}
.top-normal img, .top-mobile img {display: block; width: 100%;}
.top-normal img {display: none \9;}

/* 頁面區塊 */
.container {margin: auto; width: 980px;}
.main {width: 525px; float: left;}
.aside {padding: 10px 0; width: 440px; float: right;}
.footer {clear: both;}

/* 頁籤連結 */
.nav {margin: auto; max-width: 520px;}
.nav a {display: block; width: 20%; float: left; position: relative;}
.nav a img {display: block; width: 100%;}
.nav a img.hover {position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.3s;}
.nav a:hover img.hover, .nav a.current img.hover {opacity: 1; filter: alpha(opacity=100);}

/* 介紹內容 */
.main .section {margin-bottom: 15px;}
.main h2 {margin: 0 0 5px; padding: 0 5px; background-color: #ffece6; color: #802000; font-size: 20px; font-weight: bold; line-height: 27px; font-family: "Times New Roman", Times, serif, 'cwTeXFangSong', '微軟正黑體'; border-style: solid; border-width: 2px; clear: both;}
.main p {margin: 0 0 5px; padding: 0; color: #333333; font-size: 13px; line-height: 22px; letter-spacing: 1px; text-align: justify;}
.main .figure {margin-top: 5px; margin-left: 10px; width: 240px; float: right;}
.main .figure img {width: 100%; border-radius: 5px;}
.memo {color: #999999;}
.tour-link {text-align: right;}
.gotoprod {display: none; padding: 0 0 10px; text-align: left;}
.gotoprod a {display: inline-block; padding: 0 10px; background-color: #996600; color: #ffffff; font-size: 16px; line-height: 24px; font-family: Arial, Helvetica, sans-serif, '微軟正黑體'; border-radius: 20px;}
.gotoprod a:hover {background-color: #ff6633;}
@keyframes gotoprod-arrow {
  form {left: 0px;}
  to   {left: 5px;}
}
.gotoprod b {margin-right: 5px; font-size: 24px; position: relative; animation: gotoprod-arrow 0.5s linear infinite alternate;}
.award {padding: 5px 0;}
.award img {display: block; margin: auto; width: 100%; max-width: 525px;}

/* 介紹內容標題配色 */ /*
#content-1 h2 {background-color: #ffe6f7; color: #660044;}
#content-2 h2 {background-color: #e6fff2; color: #00331a;}
#content-3 h2 {background-color: #ffece6; color: #802000;}
#content-4 h2 {background-color: #e6f7ff; color: #004466;}
#content-5 h2 {background-color: #fff2e6; color: #4d2600;}*/

/* 澳門航空登機證優惠 */
.special {width: 49.5%;}
.part-left {float: left;}
.part-right {float: right;}
.special .details {margin-bottom: 5px; padding: 5px; background-color: #ffffff; border: solid 1px #4d2600;}
.special .figure {margin: 0; width: auto;}
.special .figure img {display: block; width: 100%; border-radius: 0;}
.special .summary {color: #000033; font-size: 16px; font-weight: bold; line-height: 24px;}
.special p {margin: 0; color: #333333; letter-spacing: 0;}
.special p .highlight {color: #ff0000;}

/* 地圖下載連結 */
.dlmap {margin-bottom: 10px;}
.dlmap a {display: block; padding: 5px 0; background-color: #990000; color: #ffffff; font-size: 18px; line-height: 18px; letter-spacing: 3px; font-weight: bold; text-align: center; border-style: outset; border-color: #cc0000; border-width: 2px;}
.dlmap a:hover {background-color: #ff0000; color: #ffffff; font-size: 18px; border-style: inset; border-color: #ff3333;}

/* 產品區 */
.aside .content {padding: 10px 0; background-color: #ffffff; border: solid 1px #801c00; border-radius: 10px;}
.sub-menu {margin: auto; padding: 5px 0; text-align: center;}
.sub-menu a {display: inline-block; width: 24%; max-width: 90px; position: relative;}
.sub-menu a img {display: block; width: 100%;}
.sub-menu a img.hover {position: absolute; top: 0; left: 0; visibility: hidden;}
.sub-menu a:hover img.hover, .sub-menu a.current img.hover {visibility: visible;}
.hotline {margin: auto; width: 94%; height: 1px; background: url(../images/line.gif) center bottom repeat-x;}
#prod {display: none;}

/* 旅遊網連結 */
.link {padding-bottom: 10px;}
.link a {display: inline-block; margin-right: 10px; padding: 5px; color: #ffffff; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif, 'cwTeXHei', '微軟正黑體'; white-space: nowrap; border: solid 1px #990033; border-radius: 20px 0px 0px 20px;}
.link a, .link a:hover {font-size: 18px; line-height: 18px;}
.link a:hover {box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);}
.link-ma {width: 50%; float: left; text-align: center;}
.link-ma a {background-color: #993300;}
.link-ma a:hover {background-color: #CC3300;}
.link i {display: inline-block; width: 27px; height: 16px; background: url(../images/arrow.gif) 3px 3px no-repeat;}

/* 手機版景點介紹錨點連結 */
.jump {display: none; background-color: #330000;}
.jump div {padding: 5px 0; color: #ffffff; font-size: 21px; font-weight: bold; letter-spacing: 1px; text-align: center; position: relative; top: -9px;}
.jump b {font-size: 42px; font-weight: normal; position: relative; top: 8px;}

/* 回頁首 */
a#jump {display: none \9;}
a#jump div {width: 50px; height: 50px; background-color: #cc0000; color: #ffffff; font-size: 16px; line-height: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; position: fixed; right: 15px; bottom: 15px; border-radius: 50%; z-index: 6; _display: none; transition: background-color 0.2s linear, opacity 0.2s linear, filter 0.2s linear, transform 0.1s linear;}
a#jump:hover div {background-color: #ff00ff; opacity: 1; filter: alpha(opacity=100); transform: scale(1.25,1.25); box-shadow: 0 2px 6px rgba(0,0,0,0.7);}
a#jump b {display: block; font-size: 24px; line-height: 24px; font-family: Verdana, Geneva, sans-serif; position: relative; top: 5px;}