@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仿宋體 */

/* 基本 */
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, .nav {min-width: 980px;}

/* 主視覺 */
.top-normal {height: 360px \9; background: url(../images/top.jpg) center top no-repeat;}
.top-normal2 {height: 360px \9; background: url(../images/top2.jpg) center top no-repeat;}
.top-mobile {display: none; margin-top: 40px;}
.top-normal img,.top-normal2 img, .top-mobile img {display: block; width: 100%;}
.top-normal img,.top-normal2 img {display: none \9;}

/* 頁籤連結 */
.nav {height: 39px; background-color: #003399; text-align: center; overflow: hidden;}
.nav .content {display: inline-block; border-left-style: solid;}
.nav .content, .nav a {border-width: 1px; border-color: #ffffff;}
.nav a {display: block; float: left; margin: 0; padding: 12px 0 9px; width: 150px; overflow: hidden; border-right-style: solid; transition: background-color 0.3s;}
.nav a, .nav a:hover {color: #ffffff; font-size: 25px; font-family: 'cwTeXYen', '微軟正黑體';}
.nav a:hover, .nav a.current {background-color: #ff6600;}
.nav a i {margin-right: 3px; font-size: 16px; position: relative; top: -2px; *display: none;}
#nav-mobile {display: none;}

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

/* 介紹內容 */
.main .section {margin-bottom: 20px;}
.main h2 {margin: 0 0 10px; padding: 3px 10px; background-color: #0066cc; color: #ffffff; font-size: 18px; font-weight: normal; line-height: 26px; font-family: Arial, Helvetica, sans-serif, 'cwTeXHei', '微軟正黑體'; border-radius: 20px;}
.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: 10px 0;}
.main .figure img {display: block; margin: auto; width: 100%;}

/* 介紹內容：特殊字型 */
.big {font-size: 16px; line-height: 24px; font-weight: bold; font-family: Arial, Helvetica, sans-serif, '微軟正黑體'; text-align: center;}
.text-orange {color: #ff3300;}
.memo p {color: #0000ff;}

/* 吉帝獎項 */
.award {padding: 5px 0;}
.award img {display: block; margin: auto; width: 100%; max-width: 525px;}

/* 旅遊網連結 */
.link {padding: 10px 0; text-align: right;}
.link a, .link a:hover {display: inline-block; padding: 5px; background-color: #9900cc; color: #ffffff; font-size: 18px; letter-spacing: 1px; font-family: 'cwTeXHei', '微軟正黑體'; border-style: none; border-radius:20px 0px 0px 20px;}
.link a:hover {background-color: #cc00ff; box-shadow: 1px 2px 3px #333333;}
.link i {display: inline-block; width: 27px; height: 16px; background: url(../images/arrow.gif) 3px 3px no-repeat;}

/* 港鐵地圖 */
.map {padding: 10px 0;}
.map p {display: block; margin-bottom: 6px; background: #cc0000; color: white; font-size: 20px; line-height: 30px; font-family: Arial, Helvetica, sans-serif, '微軟正黑體'; text-align: center;}
.map p em {display: inline-block; font-weight: normal; font-style: normal;}
.map a, .map img {display: block; margin: 0 auto;}
.map a {background-color :#ffffff;}
.map a:hover {outline: solid 3px #ff0000;}
.map img {border: none;}
.map a:hover img {opacity: 0.6; filter: alpha(opacity=60);}
.map a, .map img {width: 100%; height: auto;}

/* 產品區 */
.aside .content {padding: 10px 0; background-color: #ffffff; border: solid 1px #0066cc; border-radius: 10px;}
.prod-menu {margin: 5px 0 10px; text-align: center;}
.prod-menu a {display: inline-block; margin: 0 5px; padding: 4px; background-color: #ffffff; color: #0066cc; border-width: 1px; border-radius: 5px;}
.prod-menu a, .prod-menu a:hover {font-size: 20px; font-family: 'cwTeXYen', '微軟正黑體'; border-style: solid;}
.prod-menu a.current, .prod-menu a:hover {background-color: #0066cc; color: #ffffff; border-color: #0066cc; box-shadow: 1px 2px 3px #999999;}
.hotline {margin: auto; width: 94%; height: 1px; background: url(../images/line.gif) center bottom repeat-x;}

/* 手機版景點介紹錨點連結 */
.jump {display: none;}
.jump div {padding: 20px 0 0; color: #0000ff; 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;}