@charset "utf-8";

/*---- reset.css 讓所有的各家瀏覽器乖乖聽話，呈現一樣的結果  ----*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead,{    
margin: 0;  padding: 0;     border: 1; vertical-align: baseline; table,tbody, th, outline: 0; font-size: 100%;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}


body { margin:0; padding:0; background-color:#000000; background-image:url(main_bg.jpg); background-repeat:repeat-x; font-family:Verdana, Geneva, sans-serif; font-size:75%; line-height:1.5; color:#c8c8c8;}
html { padding:0; margin:0;}

#FEATURE{ width:1000px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:50px;}
#FEATURE h2{ color:#ff9c00; font-size:2em; font-family:Arial, Helvetica, sans-serif; margin-top:60px;}
#FEATURE p{ margin-bottom:60px;}
/*a:link{color:#ff9c00; text-decoration:underline;}
a:hover{ text-decoration:none; color:#c8c8c8;}
a:visited{color:#ffffff; }*/

#FEATURE .MAIN{
	background-image:url(main.jpg);
	background-repeat:no-repeat;
	height:900px;
	position:relative;
	border-bottom:2px solid #333333;
}
#FEATURE .MAIN h4{ margin:0; padding:0; color:#CCCCCC;position:absolute;top:410px; left:370px; width:320px; font-size:1.2em; line-height:1.5;}
#FEATURE .logo{ position:absolute; top:40px; left:10px;}
#FEATURE .monster{position:absolute;top:195px; right:0;}
#FEATURE .video{position:absolute; top:410px; left:20px;}
.FEATUREBT_Erea{
	position:absolute;
	bottom:77px;
	left:15px;
	width:1400px;
}
.FEATUREBT:link { display: inline;background-color:#FF9900; background-image:url(FEATUREBT_BG.png); background-position:right center; background-repeat: no-repeat; text-decoration:none; color:#000000; font-weight:bold; font-size:1.6em; line-height:35px; padding:8px 50px 8px 20px; float:left; margin-right:20px;}
.FEATUREBT:hover{background-color:#a9a9a9;}
.FEATUREBT:active {color:#000000;}
.FEATUREBT:visited {color:#000000;}

#BTN_EREA{ clear:both; margin:50px auto; width:1000px;}
#PACK_EREA{ background-color:#414141; width:100%;padding-top:30px; height:auto; overflow:hidden;}
#PACK_EREA h1{ width:1000px; margin:30px auto; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:3em;}
#PACK_EREA .BLACKBG{width:1000px; margin:0 auto; padding:20px 0; background-color:#111111; margin-bottom:40px; margin-top:40px; height:auto; overflow:hidden; }
#PACK_EREA .BLACKBG h2{ background-color:#f7931e; line-height:40px; padding-left:45px; color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:1.8em; clear:both; background-image:url(dat.png); background-position:left center; background-repeat:no-repeat;}
#PACK_EREA .BLACKBG h1{ color:#f7931e; font-size:2.2em; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#PACK_EREA .BLACKBG h3{ color: #b9b9b9; font-size:1.6em;font-family:Arial, Helvetica, sans-serif; padding-left:30px;}
#PACK_EREA .BLACKBG h4{ margin-top:20px;padding:0; color:#f7931e;font-size:1.2em; padding-left:15px;font-family:Arial, Helvetica, sans-serif;}
#PACK_EREA .BLACKBG p{ margin-left:-20px;}
#PACK_EREA .BLACKBG span{font-size:1.6em; margin-left:20px;font-style: italic;}

#PACK_EREA .BLACKBG p{ padding-left:50px; width:300px;}
#PACK_EREA .BLACKBG a{ }
#PACK_EREA .BLACKBG a:hover{}

.BLACKbtn:link{position:absolute; right:30px; bottom:10px; display:inline; padding:5px 30px 5px 10px; background-color:#f7931e; color:#000000; background-image:url(more_BG.png); background-position:right center; background-repeat:no-repeat; font-weight:bold; font-size:1.2em; text-decoration:none;}
.BLACKbtn:hover{background-color:#a9a9a9;}
.BLACKbtn:active {color:#000000;}
.BLACKbtn:visited {color:#000000;}



.PACK{ width:499px; float:left; border-right:1px solid #666;position:relative; margin-bottom:50px;}
.line_none{border-right: none;}
.PACK img{ margin-left:30px;}

#Bundle_EREA{ background-color:#414141; width:100%; height:800px;}

#Bundle{ width:1000px; margin:30px auto; background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; height:auto; overflow:hidden;}
#Bundle h1{ margin:0; padding:0 ; border:0px solid #414141; text-align:center; color:#f7931e; line-height:90px; background-color:#111111; border-bottom:none;font-size:2.2em;font-family:Arial, Helvetica, sans-serif; }
#Bundle .BundlePACK{width:465px; height:450px; float:left; border-right:1px solid #cccccc;position:relative; margin-bottom:50px; margin-top:30px; margin-left:30px; position:relative;}
#Bundle .BundlePACK h2{font-size:1.8em; color:#414141; line-height:normal;}
#Bundle p{margin:0; padding:0; }
#Bundle .BundlePACK ul{ margin:0; padding:0; color:#333333; margin-right:10px; margin-left:20px; margin-bottom:30px;float:left;}
#Bundle .BundlePACK ul li{margin:0; padding:0;}
#Bundle .BundlePACK ul li a{ color:#333333;}
#Bundle .BundlePACK ul li a:hover{color:#f7931e;}

.BundleBuy:link{
	position:absolute;
	right:29px;
	bottom:9px;
	display:inline;
	padding:7px 30px 7px 10px;
	background-color:#f7931e;
	color:#000000;
	background-image:url(more_BG.png);
	background-position:right center;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:1.5em;
	text-decoration:none;
}
.BundleBuy:hover{background-color:#a9a9a9;}
.BundleBuy:active {color:#000000;}
.BundleBuy:visited {color:#000000;}



#Bundle .listprice{ clear:both; font-size:1em; color:#525252; margin:0; padding:0;}
#Bundle .price{ font-size:3em; color:#525252; font-weight:bold; line-height:normal;}

#FOOTER{ border-top:10px solid #f7931e; background-color:#393a3c; line-height:160px; text-align:center; font-size:1.2em;}