@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body { font-family: "Noto Sans TC", sans-serif; font-weight: 500; font-size: 16px; line-height: 1.67; background-color: #000; color: #333; }
.intro > img { display: block; }
img.copyright { filter: brightness(.5); }
img.thumbnail { position: absolute; top: 232px; left: 0px; }
img.thumbnail.thumbnail_a { left: 1041px; }
img.thumbnail.thumbnail_b { left: 1124px; }
.wrap { overflow-x: hidden; }
.top { height:75px; background-color:rgba(0,0,0,.55); position:fixed; width:100%; z-index:99; border-bottom:1px solid rgba(255,255,255,.15);}
.logo { margin-top:12px; margin-left:20px;}
ul.menu { position:absolute; right:20px; top:5px;}
ul.menu li { float:left; margin-left:40px; }
ul.menu li a { line-height:60px; height:60px; display:block; color:#d7d7d7; text-decoration:none; font-size:14px; padding-left:55px; background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:0 0;}
ul.menu li+li a { background-position-y:-60px;}
ul.menu li+li+li a { background-position-y:-120px;}
ul.menu li+li+li+li a { background-position-y:-180px;}
ul.menu li+li+li+li+li a { background-position-y:-240px;}
ul.menu li a:hover { color:#fff964; background-position-x:-740px;}
.section, .wrap { position: relative; text-align: center; }
/*.fp-slidesNav ul li { width: 120px; height: 29px; margin: 7px 4px; }
.fp-slidesNav ul li a { background-image: url(../images/slidesnav_btn.png); }
.fp-slidesNav ul li a { background-position-x: 0; }
.fp-slidesNav ul li+li a { background-position-y: -30px; }
.fp-slidesNav ul li+li+li a { background-position-y: -60px; }
.fp-slidesNav ul li+li+li+li a { background-position-y: -90px; }
.fp-slidesNav ul li+li+li+li+li a { background-position-y: -120px; }
.fp-slidesNav ul li a.active, .fp-slidesNav ul li a:hover { background-position-x: -120px; }
.fp-slidesNav ul li a span { display: none; }*/
.fp-slidesNav.bottom {
    bottom: 180px;
	margin-left:100px !important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #ccc;
}

#fp-nav { width: 200px; height: 240px; top: 50%; }
#fp-nav ul li { height: 50px; width: 200px; margin: 8px 0; }
#fp-nav ul li:last-child,#fp-nav ul li:first-child { display: none; }
#fp-nav ul li a { background-image: url(../images/nav.png); filter: brightness(.55); height: 100%; }
#fp-nav ul li a:hover, #fp-nav ul li a.active { filter: brightness(1); }
#fp-nav ul li+li a { background-position-y: 0px }
#fp-nav ul li+li+li a { background-position-y: -50px }
#fp-nav ul li+li+li+li a { background-position-y: -100px }
#fp-nav ul li a span, #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span { display: none; }
/***************** .evt2 **********************************************************/
.page_evt2 #fp-nav { width: 270px; height: 240px; top: 50%; }
.page_evt2 #fp-nav ul li { height: 60px; width: 270px; margin: 8px 0; }
.page_evt2 #fp-nav ul li:last-child { display: none; }
.page_evt2 #fp-nav ul li a { background-image: url(../images/nav2.png); height: 100%; background-position:0 0; }
.page_evt2 #fp-nav ul li a:hover,.page_evt2 #fp-nav ul li a.active { background-position-x:-270px}
.page_evt2 #fp-nav ul li+li a { background-position-y: 0px }
.page_evt2 #fp-nav ul li+li+li a { background-position-y: -60px }
.page_evt2 #fp-nav ul li+li+li+li a { background-position-y: -120px }
.page_evt2 #fp-nav ul li a span, .page_evt2 #fp-nav ul li a.active span, .page_evt2 #fp-nav ul li:hover a.active span { display: none; }
/***************** .evt3 **********************************************************/
.page_evt3 #fp-nav { width: 200px; height: 240px; top: 50%; }
.page_evt3 #fp-nav ul li { height: 60px; width: 200px; margin: 8px 0; }
.page_evt3 #fp-nav ul li:last-child { display: none; }
.page_evt3 #fp-nav ul li a { background-image: url(../images/nav3.png); height: 100%; background-position:0 0; }
.page_evt3 #fp-nav ul li a:hover,.page_evt3 #fp-nav ul li a.active { background-position-x:-270px}
.page_evt3 #fp-nav ul li+li a { background-position-y: 0px }
.page_evt3 #fp-nav ul li+li+li a { background-position-y: -60px }
.page_evt3 #fp-nav ul li+li+li+li a { background-position-y: -120px }
.page_evt3 #fp-nav ul li a span,.page_evt3 #fp-nav ul li a.active span,.page_evt3 #fp-nav ul li:hover a.active span { display: none; }

.page_evt3 #section0 { background-image:url(../images/img3_bg_01.jpg);}
.page_evt3 #section1 { background-image:url(../images/img3_bg_02.jpg);}
.page_evt3 #section2 { background-image:url(../images/img3_bg_03.jpg);}
.page_evt3 #section3 { background-image:url(../images/img3_bg_04.jpg);}
/***************** .evt4 **********************************************************/
.page_evt4 #fp-nav { width: 220px; height: 320px; top: 50%; right:0; }
.page_evt4 #fp-nav ul li { height: 80px; width: 220px; margin: 0px 0; }
.page_evt4 #fp-nav ul li:last-child { display: none; }
.page_evt4 #fp-nav ul li a { background-image: url(../images/nav4.png); height: 100%; background-position:0 0;filter: brightness(.55); }
.page_evt4 #fp-nav ul li a:hover,.page_evt4 #fp-nav ul li a.active { filter: brightness(1);}
.page_evt4 #fp-nav ul li+li a { background-position-y: 0px }
.page_evt4 #fp-nav ul li+li+li a { background-position-y: -80px }
.page_evt4 #fp-nav ul li+li+li+li a { background-position-y: -160px }
.page_evt4 #fp-nav ul li+li+li+li+li a { background-position-y: -240px }
.page_evt4 #fp-nav ul li a span,.page_evt3 #fp-nav ul li a.active span,.page_evt3 #fp-nav ul li:hover a.active span { display: none; }

.page_evt4 #section4 { background-image:url(../images/img4_bg_04.jpg); height:1330px !important;}

ul.qlink { position: fixed; top: 50%; margin-top: -200px; left: 0; z-index: 199; }
ul.qlink li { margin: 5px 0; }
ul.qlink li a { background-position:0 0; filter: brightness(.65); width: 120px; height: 100px; background-image: url(../images/qlink.png); text-indent: -9999px; display: block; }
ul.qlink li+li a { background-position-y:-100px; }
ul.qlink li+li+li a { background-position-y:-200px; }
ul.qlink li+li+li+li a { background-position-y:-300px; }

.page_index ul.qlink li.qlink_index a,
.page_evt2 ul.qlink li.qlink_evt2 a,
.page_evt3 ul.qlink li.qlink_evt3 a,
.page_evt4 ul.qlink li.qlink_evt4 a,
ul.qlink li a:hover { filter: brightness(1); }

a.fancybox { filter: brightness(.75); }
a.fancybox:hover { filter: brightness(1); }
.fancybox-close { background: url(../images/close.png) no-repeat; width: 33px; height: 33px; top: -40px; right: 0px; }
.fancybox-skin { background: #999; border-radius: 0; }
.flashLight { position: absolute; top: 0px; left: 200px; -webkit-animation: flash-lighting2 4s ease infinite; animation: flash-lighting2 4s ease infinite; -webkit-animation-delay: 3s; animation-delay: 3s; animation: flash-lighting 4s ease infinite; opacity: 0; }
.flashLight2 { position: absolute; top: 0;  right: 200px; -webkit-animation: flash-lighting2 4s ease infinite; animation: flash-lighting2 4s ease infinite; -webkit-animation-delay: 3s; animation-delay: 3s; opacity: 0; }
.rock { position: absolute; width: 100%; left: 0; top: 0; z-index: 1; }
@-webkit-keyframes flash-lighting {  0% { opacity: 0;} 3% { opacity: 1;} 5% { opacity: 0;} 10% { opacity: 1;} 20% { opacity: 0;} 30% { opacity: 1;} 50% { opacity: 0;} 100% { opacity: 0;}}
@-webkit-keyframes flash-lighting2 {  0% { opacity: 0;} 20% { opacity: 0;} 23% { opacity: 1;} 27% { opacity: 0;} 30% { opacity: 1;} 50% { opacity: 0;} 100% { opacity: 0;}}


.fp-controlArrow.fp-prev {
    left: 610px;
	opacity:.5;
}
.fp-controlArrow.fp-prev:hover {
	opacity:1;
}
.fp-controlArrow.fp-next {
    right: 260px;	
	opacity:.5;
}
.fp-controlArrow.fp-next:hover {
	opacity:1;
}

.overlay {
    z-index: 200;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.75);
    display: none;
}
.layerPop {
    z-index: 300;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 20000000;
    margin: -312px 0 0 -550px;
    width: 1090px;
    height: 614px;
    border: 0px solid #ccc;
    background: #000;
}
.layerPop .close {
    position: absolute;
    right: -1px;
    top: -50px;
}
.layerPop .close button {
    border: none;
    display: block;
    text-indent: -9999px;
    width: 49px;
    height: 49px;
    background: url(../images/btn_close_movie.jpg) no-repeat;
    filter: grayscale(100%);
    cursor: pointer;
}
img.btn_play {
    position: absolute;
    top: 530px;
    left: 50%;
    margin-left: 162px;
    cursor: pointer;
    z-index: 3;
}

	.abgne_tab {
		clear: left;
		width: 940px;
		margin: 736px auto 0;
	}
	ul.tabs {
		width: 100%;
		height: 70px;
	}
	ul.tabs li {
		float: left;
		height: 70px;
		width:120px;		
		margin:0 6.5px;
	}
	ul.tabs li a {
		display: block;
		height: 70px;
		width:120px;
	}
	div.tab_container {
		clear: left;
		width: 100%;
	}

.fp-tableCell {
    display: block;
}







/****************************************************/