@charset "utf-8";
*{
margin:0;
padding:0;
}
body{
font-family: 'arial', '新細明體', sans-serif;
min-width:1024px;
-webkit-text-size-adjust:none;
}

#header{
	top: 0px;
	width: 100%;
	position: fixed;
	z-index:9999;
}
#topbar{
	height: 44px;
}


/* ==================================================

 #contentsArea
 
 

================================================== */
#contentsArea{
/*background: url(../img/bg_contents_area.jpg) no-repeat center top;
top: 44px;*/
width: 100%;
position: relative;
padding-bottom:0px;
height:100%;
}

#container{
background: url(../img/bg00.jpg) no-repeat center top;
font-size:14px;
line-height:1.4;
width:100%;
/*margin:0 auto;*/
position: relative;
}

#container a{
color:#fff;
}

/* #container::maintop
------------------------------------------- */
#maintop{
	width:1000px;
	height:797px;
	margin:0 auto;
	position:relative;
}
#menutop{
	z-index:500;
	top:44px;
	width:100%;
	height:50px;
	margin:0 auto;
	position:fixed;
	text-align:center;
	background: url(../img/bar_top_bg.png) repeat left top;
}

/* #navArea
------------------------------------------- */
#navArea{
	/*position:absolute;
top:725px;*/
position:absolute;
	top: 700px;
	margin:0px auto;
	width: 100%;
}
#navArea .inner{
width:100%;
height:54px;
padding-top:0px;
}
#navArea .globalNavi{
width:1000px;
height:54px;
margin:0 auto;
padding:0 0 0 0px;
}
#navArea ul.globalNavi li{
float:left;
padding-right: 0px;
}

#navArea ul.globalNavi gg{
float:left;
padding-right: 0px;
}
/*#navArea .fixed{

position:fixed;
bottom: 60px;
left:0;
background:url(../images/menu_bg.png) center repeat-x;
width: 100%;
}*/

/* #container::main
------------------------------------------- */
#main{
width:100%;
padding-top:0px;

}
#main .section01{
width:100%;
height:312px;
background: url(../img/bg01.jpg) no-repeat center top;

}
#main .section01 .content{
width:1000px;
margin:0 auto;
position:relative;
}
#main .section02{
width:100%;
height:421px;
background: url(../img/bg02.jpg) no-repeat center top;
}
#main .section02 .content{
width:1000px;
margin:0 auto;
position:relative;
}
#main .section03{
width:100%;
height:259px;
background: url(../img/bg03.jpg) no-repeat center top;
}
#main .section03 .content{
width:1000px;
margin:0 auto;
position:relative;
}
#main .section04{
width:100%;
height:315px;
background: url(../img/bg04.jpg) no-repeat center top;
}
#main .section04 .content{
width:1000px;
margin:0 auto;
position:relative;
}
#main .section05{
width:100%;
height:749px;
background: url(../img/bg05.jpg) no-repeat center top;
}
#main .section05 .content{
width:1000px;
margin:0 auto;
position:relative;
}
/*#main .section06{
width:100%;
height:923px;
background: url(../img/bg06.jpg) no-repeat center top;
}
#main .section06 .content{
width:1000px;
margin:0 auto;
position:relative;
}
#main .section07{
width:100%;
height:631px;
background: url(../img/bg07.jpg) no-repeat center top;
}
#main .section07 .content{
width:1000px;
margin:0 auto;
position:relative;
}
*/
/* Hangame footer
---------------------------------------------------------------------- */
#footerArea{
position:fixed;
bottom:0px;
width:100%;
border-top:0px solid;
height:71px;
background:url(../img/bg_low.jpg) repeat left top;

}

#footerArea #gcFooter:after{content:".";display:block;height:0;clear:both;visibility:hidden;background-color: none transparent;}
#footerArea #gcFooter{
	text-align:center;
	position:relative;
	width:960px;
	height:71px;
	margin:0 auto;
	background: url(../img/clogo.png) center center no-repeat;
	border-top:none;
	padding-bottom:0;
	padding-top:0px;
}

/* Smooth Scroll
------------------------------ */
#contentsArea .gotop{
position:fixed;
bottom:5px;
right:5px;
z-index:9999;
}