@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 {min-width: 980px; background: url(../images/top-full.jpg) center top no-repeat #99ccff; background-image: url(../images/top.jpg) \9; background-size: contain;}

/* 主視覺 */
.top-normal {height: 360px \9;}
.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: 61.25%; width: 980px \9;}
.main, .aside {background-color: #ffffff; border: solid 1px #0066cc; border-radius: 10px;}
.main {width: 54%; float: left;}
.aside {width: 45%; float: right;}
.footer {clear: both; height: 20px;}

/* 頁籤連結 */
.nav {padding: 10px 0; text-align: center;}
.nav a {display: inline-block; margin: 0 1%; padding: 3px 0; width: 45%; background-color: #ffffff; color: #ff6600; font-size: 24px; line-height: 24px; letter-spacing: 1px; font-family: 'cwTeXHei', '微軟正黑體'; border: solid 1px #ff6600; cursor: pointer; position: relative; transition: background-color 0.3s;}
.nav a i {display: none; margin-left: -9px; width: 1px; height: 1px; position: absolute; bottom: -18px; left: 50%; border-style: solid; border-width: 8px; border-color: #ff6600 transparent transparent transparent;}
.nav a:hover, .nav a.current {background-color: #ff6600; color: #ffffff;}
.nav a:hover {box-shadow: 0 2px 8px #394660;}
.nav a.current {cursor: default;}
.nav a.current:hover {box-shadow: none;}
.nav a.current i {display: block; display: none \9;}

/* 介紹內容-區域 */
.main .content {overflow-x: hidden;}
.main .content-inside {width: 200%; position: relative;}
.main .article {width: 50%; float: left;}

/* 介紹內容-本文 */
.main .section {padding: 10px;}
.main h2 {margin: 5px 0; padding-bottom: 3px; color: #cc0066; font-size: 22px; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif, 'cwTeXHei', '微軟正黑體'; border-bottom-style: solid; border-width: 2px;}
.main h2 em {margin-right: 3px; padding: 3px; background-color: #cc0066; color: #ffffff; font-size: 16px; font-weight: normal; font-style: normal; border-radius: 5px; position: relative; top: -2px;}
.main h2 small {font-size: 16px;}
.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: 10px;}
.main .figure img {display: block; margin: auto; width: 100%;}

/* 介紹內容-手機版照片切換 */
.figure-switch {display: none; margin: 5px auto; height: 36px; text-align: center;}
.figure-switch a {display: inline-block; width: 20%; cursor: pointer;}
.figure-switch a i {display: inline-block; padding: 6px; background-color: #99aacc; color: #ffffff; font-size: 18px; vertical-align: middle; border-radius: 50%; transition: font-size 0.2s;}
.figure-switch a.current {cursor: default;}
.figure-switch a.current i {background-color: #0066cc; font-size: 24px;}

/* 產品區 */
.aside .content {padding: 10px 0;}
.prod-menu {margin: 5px 0 10px; text-align: center;}
.prod-menu a {display: inline-block; margin: 0 3px; padding: 4px; background-color: #ffffff; color: #0066cc; border-width: 1px; border-radius: 5px;}
.prod-menu a, .prod-menu a:hover {font-size: 22px; 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;}
.fit-menu-sub {margin: 10px 0; text-align: center;}
.fit-menu-sub a, .fit-menu-sub a:hover {display: inline-block; margin: 0 5px; padding:0px 5px; background: #c0f2f2; color: #006666; font-size: 14px; line-height: 25px; font-family: '微軟正黑體';}
.fit-menu-sub a:hover, .fit-menu-sub a.current {background: #009999; color: #ffffff;}
.fit-menu-sub a.current {cursor: default;}
.hotline {margin: auto; width: 94%; height: 1px; background: url(../images/line.gif) center bottom repeat-x;}


#conrt_secd a {display:inline-block; margin:10px 4px; padding:0px 5px; background:#ffcdab; color:#ff6600; font-size:14px; line-height:25px; text-align:center; font-family:微軟正黑體;}
#conrt_secd a:hover {background:#ff6600; color:white;}
#conrt_secd .slect {background:#ff6600; color:white; cursor:default;}









/* 手機版景點介紹錨點連結 */
.jump {display: none; background-color: #ffffff;}
.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;}