﻿@charset "utf-8";
body {
	font-family: Verdana;
	font-size: 12px;
	margin-left: 0px;
	margin-top: -23px;
	margin-right: 0px;
	margin-bottom: 0px;
	letter-spacing:1px;
	color:#777D84;
}

a:link {
	color:#030;
	text-decoration: none;
}
a:visited {
	color:#030;
	text-decoration: none;
}
a:hover {
	color:#030;
	text-decoration: underline;
}
a:active {
	color:#030;
	text-decoration: none;
}
.him{
	font-size:20px;
	color: #FFF;
}
.red{
	font-size:13px;
	color:#F00;
}
.fff{
	color:#FFF;
	font-weight: bold;
}
#swf{
	position:absolute;
	z-index:1;
	height: 630px;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	margin-top: 0px;
}

#him01{
	position:absolute;
	background:url(../images/001.png) no-repeat;
	z-index:100;
	height: 33px;
	width: 356px;
	left: 50%;
	margin-left: -180px;
	top: 410px;
}

#him02{
	position:absolute;
	background:url(../images/menu_Doll.png) no-repeat;
	z-index:120;
	height: 77px;
	width: 90px;
	left: 50%;
	margin-left: -380px;
	top: 380px;
}
#him03{
	position:absolute;
	background:url(../images/menu_Doll2.png) no-repeat;
	z-index:120;
	height: 96px;
	width: 108px;
	left: 50%;
	margin-left: -230px;
	top: 380px;
}
/*-----------------------------------------------------------------------------------------------------
common
-----------------------------------------------------------------------------------------------------*/
a:hover,
.highlight {color:#e10040;}
.highlight2 {color:#ef4f00;}
.highlight3 {color:#d24a88;}
.highlight4 {color:#4a7992;}
.highlight5 {color:#cc6600;}
.highlight6 {color:#009999;}
.highlight7 {font-size:16px;color:#4d519a;font-weight:bold; text-align:center;margin-bottom:10px;}
.highlight8 {font:bold 16px Arial, "微軟正黑體";color:#00879b;background:url('../images/article_title.gif') left top no-repeat;line-height:43px;padding:0px 0px 0px 35px;margin-bottom:15px;}

.bannerList {width:170px;margin:0px auto;}
.bannerList li {margin-bottom:5px;}
.bannerList .icon_711 {margin-right:5px;}

.x_01 {font-size: 12px; color: #666666; line-height: 40x; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.x_02 {color: #009999; line-height: 18x; background-color:#E9F3E9;}
.x_03 {color: #ff3366; line-height: 18x; background-color:#FFF;}
.x_04 {color: #666666; line-height: 18x; background-color:#E9F3E9;}
.x_05 {color: #B05C40; line-height: 18x; background-color:#FFFFCC;}
.floatModel {
	position: absolute;
	width:25px;
	height:25px;
	left:50%;
	top:660px;
	margin:0px 0px 0px 500px;
}
.ccb_7 {color:#fff;font-weight:bold;}
.ccb_6 {color:#0f6b7b;}

/*-----------------------------------------------------------------------------------------------------
FAQ
-----------------------------------------------------------------------------------------------------*/
.faqItem {}
.faqItem dt {color:#d24a88;cursor: pointer;font-size:13px;margin-bottom:5px;font-weight:bold;}
.faqItem dd {padding-left:15px;display:none;margin-bottom:5px;}
.faqItem dd ol,.faqItem dd ul {margin:5px 0px 5px 25px;}
.faqItem dd ol li {list-style-type: decimal-leading-zero;padding-left:0px;}
.faqItem dd ul {padding-left:0px;}
.faqItem dd ul li { list-style-type: upper-alpha}

/* large banner */

ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#abgne-block {
	width: 463px;;	/* 圖片的寬 */
	height: 241px;	/* 圖片的高 + 30 */
	/*border: 10px solid #ddd;*/
}
.abgne-player {
	width: 463px;	/* 圖片的寬 */
	height: 200px;	/* 圖片的高 */
	position: relative;
	overflow: hidden;
}
.abgne-player ul.abgne-list {
	position: absolute;
	width: 463px;
	height: 200px;
	top: 0px;
}
.abgne-player ul.abgne-list li {
	float: left;
	width: 463px;	/* 圖片的寬 */
	height: 200px;
}
.abgne-player ul.abgne-list img{
	width: 463px;
	height: 200px;
	border: 0;
}
.abgne-control {
	height: 34px;
	padding: 3px;
	color: #3FF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.abgne-control ul {
	float: right;
}
.abgne-control ul li {
	float: left;
	padding: 0 4px;
	line-height: 18px;
	margin: 3px;
	background: #666;
	cursor: pointer;
}
.abgne-control ul.numbers {
	margin-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.abgne-control ul li.current {
	background: #3FF;
	color:#000;
}
.abgne-control ul li.hover {
	background: #3ff;
	color:#000;
}

a:link {
	text-decoration: none;
	color: #3FF;
}
a:visited {
	text-decoration: none;
	color: #3FF;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #000;
}
body,td,th {
	font-size: 11pt;
	font-family: Verdana;
}
.style3 {font-size: 10pt}

/*-------------------------------------------------------------------------------------------------------------------------------------
god
-------------------------------------------------------------------------------------------------------------------------------------*/
.more2 { background:url('http://ff.alta.hk/index/images/btn_more.png') 0px 0px no-repeat; width: 46px; height: 15px; display: inline-block; }
.more2:hover { background-position: 0px -15px; }

#god .sub { background:url('../images/layout/god_bg.gif') 0px 0px no-repeat;height: 43px;}
#god_content { position: relative; border: 1px solid #d2d2d2; border-width: 0 1px 1px 1px; padding:11px 0px; }
#god .arrow a { position: absolute; top: 50%; margin-top: -13px; background:url('../images/layout/idx_center_5_menu.gif') 0px 0px no-repeat; width: 13px; height: 26px ;}
#god #god_prev { left: 8px; }
#god #god_prev:hover { background-position: 0px -26px;}
#god #god_next { background-position: -13px 0px; right: 8px; }
#god #god_next:hover { background-position: -13px -26px; }
#god .slider { margin: 0 auto; overflow: hidden; width: 435px; height: 171px; }
#god .slider .item { float: left; width: 435px; height: 171px; }
#god .slider .item p { margin: 0 13px 5px 230px; padding: 48px 0 0; line-height:18px; }
#god .slider .more2 { float: right; margin: 0 13px 0px 0px; }
#god_1 { background:url('images/god/god_35.jpg') 0px 0px no-repeat; }
#god_2 { background:url('images/god/god_34.jpg') 0px 0px no-repeat; }
#god_3 { background:url('images/god/god_33.jpg') 0px 0px no-repeat; }
#god_4 { background:url('images/god/god_32.jpg') 0px 0px no-repeat; }
#god_5 { background:url('images/god/god_31.jpg') 0px 0px no-repeat; }


/*-------------------------------------------------------------------------------------------------------------------------------------
video
-------------------------------------------------------------------------------------------------------------------------------------*/
#videoShow { position: relative; width: 498px; height: 198px; overflow: hidden; }
.arms_content .item { position: absolute; left: 0px; top: 0px; width: 498px; height: 198px; }
.arms_content .item .more2 { position: absolute; left:180px; top: 25px; }
.arms_content .item .video { position: absolute; right: 8px; top: 8px; width: 241px; height: 182px; }
#armsbg_1 { background: url('../images/arms/arms_bg_1.jpg') 0px 0px no-repeat; }
#armsbg_2 { background: url('../images/arms/arms_bg_2.jpg') 0px 0px no-repeat; }
#armsbg_3 { background: url('../images/arms/arms_bg_3.jpg') 0px 0px no-repeat; }
#armsbg_4 { background: url('../images/arms/arms_bg_4.jpg') 0px 0px no-repeat; }
#armsbg_5 { background: url('../images/arms/arms_bg_5.jpg') 0px 0px no-repeat; }
#armsbg_6 { background: url('../images/arms/arms_bg_6.jpg') 0px 0px no-repeat; }
#armsbg_7 { background: url('../images/arms/arms_bg_7.jpg') 0px 0px no-repeat; }
#armsbg_8 { background: url('../images/arms/arms_bg_8.jpg') 0px 0px no-repeat; }

#videoShow .slider_box { position: absolute; width: 230px; height:45px; left:8px; top:139px;
	padding: 2px 0px; z-index:3; background: #c7c7c7;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}
#videoShow .slider { width: 264px; margin:0 0 0 14px; height:41px; overflow: hidden; }
#videoShow .slider a { float: left; width: 64px; height: 41px; text-indent:-99999px; background:url('../images/layout/arms_menu.jpg') 0px 0px no-repeat; margin: 2px; filter: Alpha(Opacity=70); Opacity:0.7; }
#videoShow .slider a.focus,
#videoShow .slider a:hover { border: 2px solid #5df6db; margin: 0px; filter: Alpha(Opacity=100); Opacity:1; }
#videoShow .slider a#arms_1 { background-position:0px 0px; }
#videoShow .slider a#arms_2 { background-position:-64px 0px; }
#videoShow .slider a#arms_3 { background-position:-128px 0px; }
#videoShow .slider a#arms_4 { background-position:-192px 0px; }
#videoShow .slider a#arms_5 { background-position:-256px 0px; }
#videoShow .slider a#arms_6 { background-position:-320px 0px; }
#videoShow .slider a#arms_7 { background-position:-384px 0px; }
#videoShow .slider a#arms_8 { background-position:-448px 0px; }

#videoShow .arrow a { position: absolute;background:url('../images/layout/arms_btn.gif') 0px 0px no-repeat; width:12px; height: 41px; top: 4px; }
#videoShow .arrow #arms_prev { left: 0px; }
#videoShow .arrow #arms_prev:hover { background-position: 0px -41px; }
#videoShow .arrow #arms_next { background-position:-12px 0px;right:0px; }
#videoShow .arrow #arms_next:hover { background-position: -12px -41px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
layout
-------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper { position: absolute; width: 100%; min-width: 1000px; padding-top: 45px; }
#wrap_top .bar { position: absolute; z-index: 50; left: 50%; margin-left: -475px; width: 950px; padding-top: 17px; }
#wrap_top a#logo { position: absolute; z-index: 50; left: 50%; margin-left: -128px; display: block; width: 242px; height: 173px; background: url('../images/layout/logo.png') 0 0 no-repeat;  }
#wrap_top a:hover#logo { background-position: 0 -173px; }

#wrap_main { position: absolute; z-index: 2; top: 614px; padding-top: 45px; width: 100%; background: url('../images/layout/top_bg_2.png') top center no-repeat; }
#wrap_zoom { margin: 0 auto; width: 950px; }
#wrap_zoom .margin_b { margin-bottom: 15px; }
#zoom_L, #zoom_R { float: left; width: 202px; height: auto; }
#zoom_C { float: left; margin: 0 24px; width: 498px; height: auto; }


