@charset "big5";
@import url("_reset.css");
@import url("jquery.fancybox.css");
@import url("vegas.css");

body { background-color: #000; font-family: "·L³n¥¿¶ÂÅé"}

ul li { list-style-type: none; }
a.logo {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -227px;
  width: 454px;
  height: 308px;
  z-index: 12;
  white-space: nowrap;text-indent: 200%;overflow: hidden;
  background: url("logo1.png") no-repeat;
}

.bottom_wrap {
	background: url("shadow.png") bottom repeat-x;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 373px;
	z-index: 30;
}
.bottom_box {
margin:0 auto;
width:900px;
	bottom: 20px;
	width: 100%;
	z-index: 31;
}
.slogan h1 ,
.slogan h2 {
	white-space: nowrap;text-indent: 200%;overflow: hidden;
}
.slogan h1 {
	background: url("slogan_1.png") no-repeat;
	width: 813px;
	height: 64px;
	margin: 0 auto;
}
.slogan h2 {
	background: url("slogan_2.png") no-repeat;
	width: 692px;
	height: 83px;
	margin: 0 auto;
	margin-bottom: 15px;
}

/*-------------------------------------------------------------------------------------------------------
menu
---------------------------------------------------------------------------------------------------------*/
#menu {
	width: 920px;
	margin: 0 auto;
}
#menu li {float: left;}
#menu li a {
	color: #fff;
	line-height: 110px;
	height: 110px;
	font-size: 35px;
	text-shadow: 1px 1px 5px #000,
				 1px 1px 5px #000,
				 1px 1px 5px #000;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	font-weight:bold;
}

#menu li a:hover {
	text-decoration: none;
	text-shadow: 1px 1px 5px #de106c,
				 1px 1px 5px #de106c,
				 1px 1px 5px #de106c;
}
#menu li.m1 {
	margin-right: 45px;
}
#menu li.m2 {
	margin-right: 530px;
}
#menu li.m3 {
	margin-right: 60px;
}
/*-------------------------------------------------------------------------------------------------------
video
---------------------------------------------------------------------------------------------------------*/
.mov {
	width: 200px;
	height: 110px;
	box-sizing:border-box;
	background: url("mov_bg.jpg") center no-repeat;
	border:1px solid rgba(255,255,255,.8);
	position: absolute;
	left: 50%;
	margin-left: -100px;
	overflow: hidden;
}
.mov #ytplayer {
	position: absolute;
	width: 200px;
	height: 110px;
	left: 0;
	top: 0;
	z-index: 33;
}
.mov a {
	position: absolute;
	left: 0;
	top: 0;
	background: url("play_btn.png") center no-repeat;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 34;
}
/*-------------------------------------------------------------------------------------------------------
backgrounds
---------------------------------------------------------------------------------------------------------*/
.wrap { background: #000; height: 853px; overflow: hidden;position: relative; }
#page_top { position: absolute; width: 100%; min-width: 980px; height: 100%; min-height: 893px; overflow: hidden;
	background: url("bg1.jpg") center no-repeat;
	background-size: cover;
 }




#footer { width: 100%; min-width: 695px; height: 60px;clear: both;background-color: #fff;}
#copyright { max-width: 950px; min-width: 695px; margin: 0 auto; padding-top: 10px; }
#copyright .icon { float: left; margin: 0 20px; width: 43px; height: 43px; background:url('icon_15.gif') no-repeat; text-indent: -99999px; }
#copyright #center { margin: 8px auto 0; width: 500px; padding-right: 32px}
#center li.logo { float: left; display: block; width: 104px; height: 25px; margin-right: 10px; background:url('x-logo_black.png') no-repeat; }
#center li.txt { float: left; margin-top: 8px; font-size: 11px; font-family: Arial; list-style-type:none; }
#copyright .share { float: right; margin: 6px 17px 0; width: 120px; }
#copyright .share li {float:left;}
#copyright .share li a { display: block; width: 24px; height: 38px; margin: 0 3px; background:url('icon_share.png') no-repeat;text-indent: -99999px;}
#copyright .share li.fb a { background-position: 0 0; }
#copyright .share li.plurk a { background-position: -24px 0; }
#copyright .share li.youtube a { background-position: -48px 0; }
#copyright .share li.vip a { background-position: -72px 0; }