﻿@charset "utf-8";
/* Basic 共同架構span, */

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, article, aside, hgroup, figure, figcaption, nav, section{ margin: 0;padding: 0;border: 1; outline: 0;
                                                                           
                                                                           
                                                                           
                                                                           }

ol, ul {list-style: none;}

.hide{ display:none;}

/*-- HTML5 定義 --*/
header, footer, article, aside, hgroup, figure, figcaption, nav, section{display:block;}

a{ text-decoration:none; }

a:hover { text-decoration: underline; }/**/

/*-- 主要格局 --*/
.LayoutGrid{ width: 890px; margin: 0 auto;}

	/*-- nav 導覽列區塊 --*/
	.nav{ width: 100%; position: relative;}
	
	/*-- 時間 --*/	
	.nav .date{ height: 17px; overflow: hidden; display: block; text-align: right; color: #FFF; margin: 2px 5px 0px 0;}

	.nav li{ float:left; }
	/*-- BtnHom 返回首頁 --*/
	.nav .BtnHome{display: inline-block; }
	.nav .BtnHome a {display: block; width: 213px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_thememparkLogo.png) no-repeat top right;}
	/*-- BtnNews 最新消息 --*/
	.nav .BtnNews{}
	.nav .BtnNews a { display: block; width: 87px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_navNews_MouseOut.png) no-repeat top right;}
	.nav .BtnNews a:hover{ background:url(../../images/css/header_navNews_MouseOver.png) no-repeat top right;}
	/*-- BtnInfo 入園資訊 --*/
	.nav .BtnInfo{}
	.nav .BtnInfo a { display: block; width: 87px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_navInfo_MouseOut.png) no-repeat top right;}
	.nav .BtnInfo a:hover{ background:url(../../images/css/header_navInfo_MouseOver.png) no-repeat top right;}
	/*-- BtnPark 園區介紹 --*/
	.nav .BtnPark{}
	.nav .BtnPark a { display: block; width: 87px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_navPark_MouseOut.png) no-repeat top right;}
	.nav .BtnPark a:hover{ background:url(../../images/css/header_navPark_MouseOver.png) no-repeat top right;}
	/*-- BtnPerformance 營運表演 --*/
	.nav .BtnPerformance{
    width: 87px;
}
	.nav .BtnPerformance a { display: block; width: 87px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_navPerformance_MouseOut.png) no-repeat top right;}
	.nav .BtnPerformance a:hover{ background:url(../../images/css/header_navPerformance_MouseOver.png) no-repeat top right;}
	/*-- BtnTickets 線上購票 --*/
	.nav .BtnTickets{}
	.nav .BtnTickets a { display: block; width: 89px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_navTicketsOnline_MouseOut.png) no-repeat top right;}
	.nav .BtnTickets a:hover{ background:url(../../images/css/header_navTicketsOnline_MouseOver.png) no-repeat top right;}
    /*-- BtnEnterprice 企業專區 --*/
    .nav .BtnEnterprice{}
	.nav .BtnEnterprice a { display: block; width: 89px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_navEnterprice_MouseOut.png) no-repeat top right;}
	.nav .BtnEnterprice a:hover{ background:url(../../images/css/header_navEnterprice_MouseOver.png) no-repeat top right;}


	/*-- BtnTickets 購票資訊 --
	.nav .BtnTickets{}
	.nav .BtnTickets a { display: block; width: 89px; height: 80px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_navTickets_MouseOut.png) no-repeat top right;}
	.nav .BtnTickets a:hover{ background:url(../../images/css/header_navTickets_MouseOver.png) no-repeat top right;}*/
	
	/*-- navTool --*/
	.nav .navTool {display: block; width: 150px; height: 80px; overflow: hidden; background:url(../../images/css/header_bg_right.png) no-repeat; border-radius: 0 5px 5px 0; }

	/*-- 語系 --*/
	.nav .navTool .top ul{ padding: 3px 4px 0 0; float: right;}
	.nav .navTool .top a{ color: #999; font-size: 13px; letter-spacing: 1px; padding: 0 2px;}
	.nav .navTool .top a:hover, .nav .navTool .top .on{ color: #000; text-decoration:none; }
	.nav .navTool .top li{ display: inline;}
	.nav .navTool .top li:after { content:" | "; padding:0 3px 0 0;}
	.nav .navTool .top li:last-child:after { content: "";}
	
	.nav .navTool .bottom{ padding: 0px 5px 5px 4px; height: 50px; position: relative;}
	
	/*-- BtnMascot 大義軍團 --*/
	.nav .BtnMascot{display: inline-block; }
	.nav .BtnMascot a {display: block; width: 133px; height: 80px; line-height: 180px; overflow: hidden; margin: 0 0 0 10px;}

	/*-- 天氣 --*/
	.nav .navTool .bottom .IconWeather{ width: 45px; display: inline; position: absolute; right: 40px; top: 30px;}
	
	/*-- 音樂 --*/
	.nav .navTool .bottom .music{  width: 18px; height: 14px; display: inline; position: absolute; right: 3px; top: 8px;}
	.nav .navTool .bottom .music .play{ width: 18px; height: 14px; background: url(../../images/css/header_icon_musicPlay.png) left top no-repeat; display: block; }
	.nav .navTool .bottom .music .stop{ width: 18px; height: 14px; background: url(../../images/css/header_icon_musicStop.png) left top no-repeat; display: block;}	

/*-- SubMenu --*/
	
	/*-- 入園資訊 --*/
	.nav .SubMenuInfo{ position: absolute; width: 195px; top: 92px; left: 294px;  z-index:20;}	
	/*-- 園區介紹 --*/
	.nav .SubMenuPark{ position: absolute; width: 195px; top: 92px; left: 380px; z-index:20;}	
	/*-- 營運表演 --*/
	.nav .SubMenuPerformance{ position: absolute; width: 195px; top: 92px; left: 468px; z-index:20;}	
	/*-- 購票資訊 -- (none) */
	.nav .SubMenuTickets{ position: absolute; width: 195px; top: 92px; left: 555px; z-index:20; display:none;}	
		/*
		<div class="SubMenuTickets">
			<ul>
				<li class="SubMenuTop"></li>
				<li class="EC"><a href="#">線上購票</a></li>
				<li class="Directions"><a href="#">購物說明</a></li>
				<li class="Process"><a href="#">購票流程</a></li>
				<li class="ECQA"><a href="#">常見問題</a></li>
				<li class="SubMenuBottom"></li>
			</ul>
		</div>
		*/	
				
	.nav .SubMenuTop{ background: url(../../images/css/subMenu_top.png) no-repeat bottom left; width: 195px; height: 5px; display: block;}
	
	.nav .SubMenuBottom{ background: url(../../images/css/subMenu_bottom.png) no-repeat top left; width: 195px; height: 8px; display: block;}
	
	/*-- SubMenu : 入園須知 --*/
	.nav .Note{}
	.nav .Note a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuNote_MouseOut.png) no-repeat top right;}
	.nav .Note a:hover{ background:url(../../images/css/header_subMenuNote_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 票價及營業時間 --*/
	.nav .Price{}
	.nav .Price a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuPrice_MouseOut.png) no-repeat top right;}
	.nav .Price a:hover{ background:url(../../images/css/header_subMenuPrice_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 交通路線 --*/
	.nav .Route{}
	.nav .Route a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuRoute_MouseOut.png) no-repeat top right;}
	.nav .Route a:hover{ background:url(../../images/css/header_subMenuRoute_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 園區導覽 --*/
	.nav .ParkNav{}
	.nav .ParkNav a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuParkNav_MouseOut.png) no-repeat top right;}
	.nav .ParkNav a:hover{ background:url(../../images/css/header_subMenuParkNav_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 服務設施 --*/
	.nav .Facility{}
	.nav .Facility a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuFacility_MouseOut.png) no-repeat top right;}
	.nav .Facility a:hover{ background:url(../../images/css/header_subMenuFacility_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 入園資訊/常見問題 --*/
	.nav .QA{}
	.nav .QA a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuQA_MouseOut.png) no-repeat top right;}
	.nav .QA a:hover{ background:url(../../images/css/header_subMenuQA_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 衛城 --*/
	.nav .Acropolis{}
	.nav .Acropolis a { display: block; width: 196px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuAcropolis_MouseOut.png) no-repeat top right;}
	.nav .Acropolis a:hover{ background:url(../../images/css/header_subMenuAcropolis_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 聖托里尼山城 --*/
	.nav .Santorini{}
	.nav .Santorini a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuSantorini_MouseOut.png) no-repeat top right;}
	.nav .Santorini a:hover{ background:url(../../images/css/header_subMenuSantorini_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 特洛伊城 --*/
	.nav .Trojan{}
	.nav .Trojan a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuTrojan_MouseOut.png) no-repeat top right;}
	.nav .Trojan a:hover{ background:url(../../images/css/header_subMenuTrojan_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 摩天輪 --*/
	.nav .Wheel{}
	.nav .Wheel a { display: block; width: 195px; height: 38px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuWheel_MouseOut.png) no-repeat top right;}
	.nav .Wheel a:hover{ background:url(../../images/css/header_subMenuWheel_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 義大皇家劇院 --*/
	.nav .Theater{}
	.nav .Theater a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuTheater_MouseOut.png) no-repeat top right;}
	.nav .Theater a:hover{ background:url(../../images/css/header_subMenuTheater_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 迎賓大廳 --*/
	.nav .Hall{}
	.nav .Hall a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuHall_MouseOut.png) no-repeat top right;}
	.nav .Hall a:hover{ background:url(../../images/css/header_subMenuHall_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 表演時間表 --*/
	.nav .ShowTime{}
	.nav .ShowTime a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuShowTime_MouseOut.png) no-repeat top right;}
	.nav .ShowTime a:hover{ background:url(../../images/css/header_subMenuShowTime_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 表演介紹 --*/
	.nav .ShowInfo{}
	.nav .ShowInfo a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuShowInfo_MouseOut.png) no-repeat top right;}
	.nav .ShowInfo a:hover{ background:url(../../images/css/header_subMenuShowInfo_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 遊具保養公告 --*/
	.nav .Maintenance{}
	.nav .Maintenance a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuMaintenance_MouseOut.png) no-repeat top right;}
	.nav .Maintenance a:hover{ background:url(../../images/css/header_subMenuMaintenance_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 線上購票 --*/
	.nav .EC{}
	.nav .EC a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuEC_MouseOut.png) no-repeat top right;}
	.nav .EC a:hover{ background:url(../../images/css/header_subMenuEC_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 購物說明 --*/
	.nav .Directions{}
	.nav .Directions a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuDirections_MouseOut.png) no-repeat top right;}
	.nav .Directions a:hover{ background:url(../../images/css/header_subMenuDirections_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 購票流程 --*/
	.nav .Process{}
	.nav .Process a { display: block; width: 195px; height: 39px; line-height: 180px; overflow: hidden; background:url(../../images/css/header_subMenuProcess_MouseOut.png) no-repeat top right;}
	.nav .Process a:hover{ background:url(../../images/css/header_subMenuProcess_MouseOver.png) no-repeat top right;}
	/*-- SubMenu : 購票資訊/常見問題 --*/
        .nav .ECQA {
        }

            .nav .ECQA a {
                display: block;
                width: 195px;
                height: 39px;
                line-height: 180px;
                overflow: hidden;
                background: url(../../images/css/header_subMenuRecommend_MouseOut.png) no-repeat top right;
            }

                .nav .ECQA a:hover {
                    background: url(../../images/css/header_subMenuRecommend_MouseOver.png) no-repeat top right;
                }
        .nav .Recommend {
        }
            .nav .Recommend a {
                display: block;
                width: 195px;
                height: 39px;
                line-height: 180px;
                overflow: hidden;
                background: url(../../images/css/header_subMenuRecommend_MouseOut.png) no-repeat top right;
            }
                .nav .Recommend a:hover {
                    background: url(../../images/css/header_subMenuRecommend_MouseOver.png) no-repeat top right;
                }

	/*-- memberToolbar 會員工具列 區塊 --*/
	.memberToolbar{ background:url(../../images/css/memberToolbar_bg.png) bottom left no-repeat; width: 890px; height: 25px; color: #FFF; position: relative; letter-spacing: 1px; z-index:-1;}
	.memberToolbar a{ color: #999; padding: 0 5px;}
	.memberToolbar .icon{ background: url(../../images/css/memberToolbar_icon_logo.png) top left no-repeat; width: 21px; height: 18px; display: block; position: absolute; top: 4px; left: 15px;}
	.memberToolbar .leftMenu{ position: absolute; top: 4px; left: 45px; height: 20px; }
	.memberToolbar .rightMenu{position: absolute; top: 4px; right: 5px; height: 20px;}

/*-- ADMedia 廣告媒體區塊 --*/
.ADMedia{ width:1000px; height:440px; background: url(../../images/css/ADMedia_bg.png) no-repeat top center; margin: 5px 0 0px -55px; position: relative; overflow: visible; }
.ADMedia .ADPhoto{ width: 875px; margin: 0 auto;  padding: 12px 0;}

.ADMedia .Photo{ width: 890px; background: url(../../images/css/ADMedia_bgMenu.png); margin: 0px auto 0 auto; padding: 0 0 2px 0; clear: both; position: relative;border-radius:10px;}
.ADMedia .Photo .ArrowLeft a{ width: 40px; height: 102px; display: block; background: url(../../images/css/ADMedia_ArrowLeft_MouseOut.png) no-repeat left center; position: absolute; top: 0px; left: -40px;}
.ADMedia .Photo .ArrowLeft a:hover{ background: url(../../images/css/ADMedia_ArrowLeft_MouseOver.png) no-repeat left center; }
.ADMedia .Photo .ArrowRight a{ width: 40px; height: 102px; display: block; background: url(../../images/css/ADMedia_ArrowRight_MouseOut.png) no-repeat left center; position: absolute; top: 0px; right: -45px; }
.ADMedia .Photo .ArrowRight a:hover{ background: url(../../images/css/ADMedia_ArrowRight_MouseOver.png) no-repeat left center;}

/*.ADMedia .top{ width: 875px;}
.ADMedia .topDwon{ width: 96px; height: 13px; background: url(../../images/css/%20ADMedia_BtnDown.png) no-repeat top center; display: block; margin: 0 auto;}
.ADMedia .topUp{width: 96px; height: 13px; background: url(../../images/css/%20ADMedia_BtnUp.png) no-repeat top center; display: block; margin: 0 auto;}*/
.ADMedia .PhotoMenu{ text-align:center; overflow: hidden; padding: 4px 0; width: 880px; margin:0 auto; margin-top:12px;}
.ADMedia .PhotoMenu img{ width: 170px; height: 90px;}
.ADMedia .PhotoMenu ul{ width: 5000px; margin: 0 0 0 0px;}
.ADMedia .PhotoMenu li{ width: 170px; height: 90px; float: left; margin: 0 5px 0 0; display: inline;  padding: 1px; filter:alpha(opacity=80);-moz-opacity:0.2;-khtml-opacity: 0.2; opacity: 0.8;}
.ADMedia .PhotoMenu li:hover{filter:alpha(opacity=100);-moz-opacity:0;-khtml-opacity: 0; opacity: 1;}

/*-- ADMedia 廣告媒體區塊 --*/
.OT_ADMedia{ width:1000px; height:490px; background: url(../../images/css/ADMedia_bg2.png) no-repeat top center; margin: 5px 0 0px -55px; position: relative; overflow: visible; }
.OT_ADMedia .ADPhoto{ width: 875px; margin: 0 auto;  padding: 12px 0; position: relative}
.OT_ADMedia .ADPhoto img{ position: absoulte; width:100%; height:95%; object-fit:cover; top:0; left:0;}
.OT_ADMedia .Photo{ width: 890px; background: url(../../images/css/ADMedia_bgMenu.png); margin: -3px auto 0 auto; padding: 0 0 2px 0; clear: both; position: relative;}
.OT_ADMedia .Photo .ArrowLeft a{ width: 40px; height: 102px; display: block; background: url(../../images/css/ADMedia_ArrowLeft_MouseOut.png) no-repeat left center; position: absolute; top: 0px; left: -40px;}
.OT_ADMedia .Photo .ArrowLeft a:hover{ background: url(../../images/css/ADMedia_ArrowLeft_MouseOver.png) no-repeat left center; }
.OT_ADMedia .Photo .ArrowRight a{ width: 40px; height: 102px; display: block; background: url(../../images/css/ADMedia_ArrowRight_MouseOut.png) no-repeat left center; position: absolute; top: 0px; right: -45px; }
.OT_ADMedia .Photo .ArrowRight a:hover{ background: url(../../images/css/ADMedia_ArrowRight_MouseOver.png) no-repeat left center;}

/*.ADMedia .top{ width: 875px;}
.ADMedia .topDwon{ width: 96px; height: 13px; background: url(../../images/css/%20ADMedia_BtnDown.png) no-repeat top center; display: block; margin: 0 auto;}
.ADMedia .topUp{width: 96px; height: 13px; background: url(../../images/css/%20ADMedia_BtnUp.png) no-repeat top center; display: block; margin: 0 auto;}*/
.OT_ADMedia .PhotoMenu{ text-align:center; overflow: hidden; padding: 4px 0; width: 880px; margin:0 auto; margin-top:12px;}
.OT_ADMedia .PhotoMenu img{ width: 170px; height: 90px;}
.OT_ADMedia .PhotoMenu ul{ width: 5000px; margin: 0 0 0 0px;}
.OT_ADMedia .PhotoMenu li{ width: 170px; height: 90px; float: left; margin: 0 5px 0 0; display: inline;  padding: 1px; filter:alpha(opacity=80);-moz-opacity:0.2;-khtml-opacity: 0.2; opacity: 0.8;}
.OT_ADMedia .PhotoMenu li:hover{filter:alpha(opacity=100);-moz-opacity:0;-khtml-opacity: 0; opacity: 1;}

/*-- 中間格局 --*/
.LayoutMidTop{width: 890px; background:url(../../images/css/LayoutMid_bgTop.png) no-repeat  bottom center; height: 10px; display: block; margin-top: -3px;}
.LayoutMidbottom{ width: 890px; background:url(../../images/css/LayoutMid_bgBottom.png) no-repeat top center; height: 15px; display: block; clear: both;}

.LayoutMid{ width: 890px; background:url(../../images/css/LayoutMid_bgCenter.png) repeat; height: auto; clear: both; float:left; padding: 0 0 10px 0;}


	/*-- LayoutMid_Left 中間格局 左側 --*/
	.LayoutMid_Left{width: 195px; float:left;}
	.LayoutMid_Left .QuickMenu{ width: 195px; text-align: center;}
	.LayoutMid_Left .QuickMenu .QuickLink{}
	.LayoutMid_Left .QuickMenu .QuickLink .Information a{ width: 195px; height: 65px; display: block; background: url(../../images/css/QuickMenu_Information_MouseOut.png) no-repeat top left; margin: 4px auto;}
	.LayoutMid_Left .QuickMenu .QuickLink .Information a:hover{ background: url(../../images/css/QuickMenu_Information_MouseOver.png) no-repeat top left;}
	.LayoutMid_Left .QuickMenu .QuickLink .Maintenance a{ width: 195px; height: 65px; display: block; background: url(../../images/css/QuickMenu_Maintenance_MouseOut.png) no-repeat top left;margin: 4px auto;}
	.LayoutMid_Left .QuickMenu .QuickLink .Maintenance a:hover{ background: url(../../images/css/QuickMenu_Maintenance_MouseOver.png) no-repeat top left;}
	.LayoutMid_Left .QuickMenu .QuickLink .Performance a{ width: 195px; height: 70px; display: block; background: url(../../images/css/QuickMenu_Performance_MouseOut.png) no-repeat top left;margin: 4px auto;}
	.LayoutMid_Left .QuickMenu .QuickLink .Performance a:hover{ background: url(../../images/css/QuickMenu_Performance_MouseOver.png) no-repeat top left;}
	.LayoutMid_Left .QuickMenu .QuickLink .BuyTickets a{ width: 195px; height: 74px; display: block; background: url(../../images/css/QuickMenu_BuyTickets_MouseOut.png) no-repeat top left;margin: 4px auto;}
	.LayoutMid_Left .QuickMenu .QuickLink .BuyTickets a:hover{ background: url(../../images/css/QuickMenu_BuyTickets_MouseOver.png) no-repeat top left;}
	.LayoutMid_Left .QuickMenu .QuickLink .Tool a{ width: 195px; height: 70px; display: block; background: url(../../images/css/QuickMenu_Tool_MouseOut.png) no-repeat top left;margin: 2px auto;}
	.LayoutMid_Left .QuickMenu .QuickLink .Tool a:hover{ background: url(../../images/css/QuickMenu_Tool_MouseOver.png) no-repeat top left;}
	.LayoutMid_Left .QuickMenu .QuickLink .Download a{ width: 195px; height: 70px; display: block; background: url(../../images/css/QuickMenu_Download.png) no-repeat top left;margin: 2px auto;}
	.LayoutMid_Left .QuickMenu .QuickLink .Download a:hover{ background: url(../../images/css/QuickMenu_Download.png) no-repeat left -79px;}	
	.LayoutMid_Left .QuickMenu .QuickLink .Education a{ width: 195px; height: 70px; display: block; background: url(../../images/css/QuickMenu_Education.png) no-repeat top left;margin: 2px auto;}
		.LayoutMid_Left .QuickMenu .QuickLink .Education a:hover {
			background: url(../../images/css/QuickMenu_Education_MouseOut.png) no-repeat left -79px;
		}	
	/* 本月E-DM */
	.LayoutMid_Left  .EDM{ width: 171px; height: 22px; margin: 10px auto; background: url(../../images/css/QuickMenu_EDM_MouseOut.png) no-repeat top left; display: block;}
	.LayoutMid_Left  .EDM:hover{ background: url(../../images/css/QuickMenu_EDM_MouseOver.png) no-repeat top left; display: block;}
/*	.LayoutMid_Left .Com{ width: 182px; height: 32px; background: url(../../images/css/QuickMenu_Com.png) top center no-repeat; margin: 0 0 5px 0; padding: 5px 13px 0 0;}
	.LayoutMid_Left .ComLink{ width: 30px; height: 30px; display: inline-block;line-height: 100px; overflow: hidden; float: right; margin: 0 1px;}
*/	

	/* 遊客服務中心 */
	.LayoutMid_Left  .ServiceCenter{ width: 171px;  margin: 5px auto 10px auto; }
	.LayoutMid_Left  .ServiceCenter .top{ width: 171px; height: 39px; display: block; background: url(../../images/css/ServiceCenter_top.png) no-repeat top left; position: relative; }
	.LayoutMid_Left  .ServiceCenter .top .Btn{ position: absolute; right: 8px; top: 12px; width: 19px; height: 17px; display: block;}
	.LayoutMid_Left  .ServiceCenter .top .BtnTop{ width: 19px; height: 17px; display: block; background: url(../../images/css/ServiceCenter_top_BtnTop.png) no-repeat left top;}
	.LayoutMid_Left  .ServiceCenter .top .BtnDown{width: 19px; height: 17px; display: block; background: url(../../images/css/ServiceCenter_top_BtnDown.png) no-repeat left top;  }

	.LayoutMid_Left  .ServiceCenter .center{ width: 171px; }
	.LayoutMid_Left  .ServiceCenter .center .BtnContactUs{ width: 171px; height: 34px; display: block; background: url(../../images/css/ServiceCenter_BtnContactUs_MouseOut.png) no-repeat left top;}
	.LayoutMid_Left  .ServiceCenter .center .BtnContactUs:hover{ background: url(../../images/css/ServiceCenter_BtnContactUs_MouseOver.png) no-repeat left top;}
	.LayoutMid_Left  .ServiceCenter .center .BtnLossNotice{ width: 171px; height: 33px; display: block; background: url(../../images/css/ServiceCenter_BtnLossNotice_MouseOut.png) no-repeat left top; }
	.LayoutMid_Left  .ServiceCenter .center .BtnLossNotice:hover{ background: url(../../images/css/ServiceCenter_BtnLossNotice_MouseOver.png) no-repeat left top; }

	.LayoutMid_Left  .ServiceCenter .bottom{ width: 171px; height: 6px; display: block; background: url(../../images/css/ServiceCenter_bottom.png) no-repeat top left;}

	/* QR Code */
	.LayoutMid_Left .TP_QR{ width: 177px; 
height: 100px; 
background: #333; margin: 5px auto 5px auto;
}
	.LayoutMid_Left .TP_QR .QRCodePhoto{ float: left; margin:7px 5px 5px 7px;} /* QRCode 圖 */
	.LayoutMid_Left .TP_QR .QRCodeText{ float: right; width: 76px; 
margin: 10px auto 3px 7px; 
color: #FFF; font-size: 13px; line-height: 16px;text-align: justify; text-justify: inter-ideograph; text-align:center; } /* QRCode 文字說明 */
	.LayoutMid_Left .TP_QR .QRCodeMore{ background: #000; color: #FBB03B; display: inline; padding: 2px 7px;} /* QRCode 文字說明 */
	.LayoutMid_Left .TP_QR .QRCodeMore a, a:hover{ text-decoration: none; color: #FBB03B;} 
	
	/* 搜尋選單 */
	.LayoutMid_Left .SearchMenu{ width: 157px; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px; border: #B3B3B3 1px solid; margin: 0 0 0 15px; text-align:left; padding: 5px 0px 15px 8px; float: left;}
	.LayoutMid_Left .SearchMenu h1{ font-size: 16px; margin: 10px 0 5px 0;}
	.LayoutMid_Left .SearchMenu select{ width: 120px; background: #B3B3B3; border: #888 1px solid; height: 25px; float: left;}
	.LayoutMid_Left .SearchMenu .BtnSearch{ background: url(../../images/css/SearchMenu_BtnSearch_MouseOut.png) no-repeat top left; width: 25px; height: 25px; display: block; float: right; margin: 0 8px 0 0;}
	.LayoutMid_Left .SearchMenu .BtnSearch:hover{ background: url(../../images/css/SearchMenu_BtnSearch_MouseOver.png) no-repeat top left; width: 25px; height: 25px; display: block; float: right; margin: 0 8px 0 0;}

	/*--LayoutMid_right 中間格局 右側 --*/
	.LayoutMid_right{width: 695px; float:left;}
	.LayoutMid_right .pageNav{ width: 695px; height: 36px; padding: 8px 0 0 0;}	
	.LayoutMid_right .pageNavHome{ display: inline-block; width: 46px; height: 36px; background: url(../../images/css/pageNav_Home.png) no-repeat top right; float: left; margin: 0 0 0 3px;}
	.LayoutMid_right .pageNavCenter{ display: inline-block; width: 475px; height: 36px; background: url(../../images/css/pageNav_bg.png) repeat-x top left;  float: left; line-height: 36px; overflow: hidden;}
	.LayoutMid_right .pageNavCenter li{ display: inline; }
	.LayoutMid_right .pageNavCenter li:after { content:"|"; padding:0 3px 0 6px;}
	.LayoutMid_right .pageNavCenter li:last-child:after { content: "";}
	
	.LayoutMid_right .pageNavCenter a{ color: #555; font-size: 13px;  line-height: 38px;}
	.LayoutMid_right .pageNavCenter a:hover{ color: #000; text-decoration: none; }
	.LayoutMid_right .pageNavCom{  display: inline-block; width: 160px; background: url(../../images/css/pageNav_Com.png) no-repeat left top; float: left; padding: 5px 11px 5px 0;}
	.LayoutMid_right .pageNavCom .ComLink{ width: 26px; height: 26px; display: inline-block; line-height: 100px; overflow: hidden; float: right; margin: 0 1px;}
/*	.LayoutMid_right .pageNavSevrvice a{ display: inline-block; width: 132px; height: 36px; background: url(../../images/css/pageNav_Sevrvice_MouseOut.png) no-repeat top left; float: left;}
	.LayoutMid_right .pageNavSevrvice a:hover{background: url(../../images/css/pageNav_Sevrvice_MouseOver.png) no-repeat top left;}*/
	
/*-- footer區塊 --*/
.footer{ font-size: 12px; width: 890px; height: 200px; background: url(../../images/css/footer_bg.png) top left no-repeat; clear: both; display: block; position: relative}
.footer .footerMenu{ padding: 30px 0 0 0; width: 500px; text-align: center; color: #0071BC; margin: 0 auto; letter-spacing: 2px;}
.footer .footerMenu a{ color: #0071BC;}
.footer .footerMenu a:hover{ color:#369;}
.footer .footerMenu ul{ margin: 0 auto; }
.footer .footerMenu li{ display: inline; }
.footer .footerMenu li:after { content:"|"; padding:0 3px 0 6px;}
.footer .footerMenu li:last-child:after { content: "";}

.footer .edaLinks{ width: 125px; position: absolute; right: 0; top:0; margin: 10px 0 0 0;}
.footer .edaLinks h1{ font-size: 11px; color: #662D91; padding: 0 0 0 3px;  letter-spacing: 1px;}
.footer .edaLinks .selectWidth{ width: 105px;  font-size: 11px;}
.footer .CopyRight{ width: 890px; display: block; text-align: center; font-size: 10px; color:#666; position: absolute; bottom: 0; left: 0; font-family: Verdana, Geneva, sans-serif; margin: 10px 0 5px 0;}

.clear{ clear: both;}



	/*  分頁  */
	.pagination { overflow: hidden; font-size: 9pt; padding: 3px; margin: 3px;	text-align:center;}
	.pagination ul { list-style: none; padding: 0; line-height: 30px; width: 640px; height: 30px; background:url(../../images/css/pagination_bg.png) top center no-repeat;}
	.pagination li { display: inline;}
	
	.pagination a{ padding: 5px 10px 5px 9px;  margin: 1px 5px; text-decoration: none; color: #000; background:url(../../images/css/pagination_bgItem.png) top left no-repeat;}
	
	.pagination a:hover, .pagination a:active{ background:url(../../images/css/pagination_bgCurrent.png) top left no-repeat; }
	
	/* 分頁 / 上一頁 */
	.pagination .prev{ padding: 5px 10px 5px 9px;  margin: 1px 5px; text-decoration: none; color: #000; background:url(../../images/css/pagination_PrevMouseOut.png) top left no-repeat; display: inline; }
	.pagination .prev:hover{background:url(../../images/css/pagination_PrevMouseOver.png) top left no-repeat;}
	
	/* 分頁 / 下一頁 */
	.pagination .next{ padding: 5px 10px 5px 9px;  margin: 1px 5px; text-decoration: none; color: #000; background:url(../../images/css/pagination_NextMouseOut.png) top left no-repeat; display: inline; }
	.pagination .next:hover{ background:url(../../images/css/pagination_NextMouseOver.png) top left no-repeat;}
	
	/* 作用中 */
	.pagination .current { font-weight: bold; background:url(../../images/css/pagination_bgCurrent.png) top left no-repeat; color: #444;}

#slider{
  margin:20px auto;
  height:350px;
  width:705px;
  position:relative;
  overflow:hidden;
  }   
#slider img{
  position: absolute; 
  top: 0px; 
  left: 0px;
}

.slider{position:absolute;}
.slider li{ list-style:none;display:inline; text-align:center; line-height:14px;}
.slider img{ width:693px; height:350px; display:block;}


.slider2 li{float:left;}

.num{ position:absolute; right:5px; bottom:5px; display:block;}
.num li{
	float: left;
	color: #E62A44;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #E62A44;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 15px;
	margin: 0 1px;
	border: 0;
	background-color: #E62A44;
	font-weight: bold;
}

.container2, .container2 *{margin:0; padding:0;}

.container2{width:654px; height:350px; overflow:hidden;position:relative; border:0px solid #ccc; }