@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
* {font-family: Tahoma,Arial,"Hiragino Sans GB",simsun,sans-serif;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:12px;}
article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{list-style:none;}
a{
   text-decoration:none; 
   color:#555; 
   transition:color 0.3s ease; 
   -moz-transition:color 0.3s ease; 
   -o-transition:color 0.3s ease; 
   -webkit-transition:color 0.3s ease;
   font-size:12px; 
}
a:hover, a:focus, a:active{
	text-decoration: none;
	color: #333;
}
img{
	vertical-align:middle;
	height: auto; 
    /*max-width: 100%;*/
}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
img, fieldset, button{border:0; vertical-align: top;}

body{
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	-moz-background-size: cover;
	background-size: cover;
	background-color: #000;
}
html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
}
ul, li {margin: 0;padding: 0;list-style: none;}
.clear{clear:both;}
.cont{
	display: block;
	width: 100%;
	background-size: 100% auto;
	height: auto !important;
	position: relative;
	/*padding-bottom: 100px;
	background: url(../images/bg.png) center bottom scroll no-repeat !important;*/
	-moz-background-size: cover;
    background-size: cover;
}
.logo{
	background-image: url(../images/logo.png);
	height: 218px;
    width: 303px;
    margin-top: -70px;
    margin-left: -90px;
	float: left;
}

#main{
	background-color: rgba(255, 255, 255, .9);
	width: 1000px;
	margin: -290px auto 0 auto;
	padding: 10px 10px 10px 10px;
	z-index: 99;
	position: relative;
	/*border-right: 1px solid #cebebe;
	border-bottom: 1px solid #cebebe;
	border-left: 1px solid #cebebe;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px ;
	-webkit-border-radius: 0 0 8px 8px ;*/
}
.main{
	border:solid 1px #cebebe!important;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.maintop{
	margin-top:-400px !important;
	background-color:inherit!important;
	border:hidden!important;
}
#main-left{
	width: 720px;
	float:left;

}
#main .leftline{
	background: #fff;
	/*border: 1px solid #da8cbe;*/
	margin: 10px 0 0 10px;
	font-size: 14px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}
#list5{
	padding: 5xp;
	
} 
#main .leftline img{
    /*height : auto !important;*/
    max-width: 100%;
	
}
#main-right{
	width: 240px;
	float: right;
	margin-right:15px;
	
}
/**/
.nav-top, .nav_submenu{
	z-index:999!important;
	border-radius: 0px!important;
}
.nav_submenu_ad{
	font-weight:300;
	text-transform:none;
	display:none;
	position:absolute!important;
	margin-left:-200px;
	z-index:50!important;
}

#banner-box{
	min-height: 210px;
	margin-left: 6px;
}
.news_box{
	width: 703px;
    margin: 20px 0 0 10px;
    position: relative;
    /* border: 1px solid #afa696; */
    padding: 8px;
}
.main_l_bg{
	background-image: url(../images/main_l_bg.png);
	height: 280px;
	width: 29px;
	position: absolute;
	top: 10px;
	left: 432px;
	z-index: 99;
}
.main_r_bg{
	background-image: url(../images/main_r_bg.png);
	height: 280px;
	width: 29px;
	position: absolute;
	top: 10px;
	right: 432px;
	z-index: 99;
}
/*論壇互動*/
#forum{
	background: url(../images/forumbg.png) center top  no-repeat;
	height: 275px;;
	width: 691px;
	position: relative;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	display:none;
}

.forummain a{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 450px;
	
}
.forummain{
	overflow:hidden;
    padding:10px 20px;
}
.forummain h3{
	font-size: 22px;
	font-weight: bold;
	border-bottom:solid 1px #666;
	margin-bottom:12px;
	padding-bottom: 5px;
}
.forummain ul {
	margin-left: 0px;
}

.forummain ul li{
	position: relative;
	width: 99%;
	height: 30px;
	margin-bottom: 10px;
	line-height: -50%;
	border-bottom: double 1px #999;
}
.forummain ul li a{
	color: #333;
	font-weight: 500;
	margin-left: 75px;
}
.forummain ul li a:hover{
	color: #999;
}
.forummain ul li p{
	width: 585px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*line-height:24px;*/
	padding-left: 10px;
	margin-top: 4px;
	font-weight: 500;
}
.forummain ul li p img{
	vertical-align:bottom;
}
.forummain ul li span{
	position: absolute;
	right: 16px;
	top: 0;
	line-height: 24px;
}
.forummain em {
	width: 60px;
	position: absolute;
	top: 0;
	left: 16px;
	line-height: 24px;
}

.List{
	background-color: #F0F0F0!important;
	margin-left: 60px;
}
/*會員登入*/
.begin{
	margin:13px 0 5px 0;
	min-height: 182px;
}
.sign{
	width: 250px;
	padding: 0 5px;
	position: relative;
	/*background-color: #ef5a82;*/
}
.gmaestart{
	background:url(../images/gamestart.png)  no-repeat;
	height: 135px;
	width: 252px;
	float: left;
	text-indent: -99999px;
}
.gmaestart:hover{
	height: 135px;
	width: 252px;
	background-image: url(../images/gamestart_hover.png);
	background-repeat: no-repeat;
}
.nember{
	background:url(../images/nember.png)  no-repeat;
	height: 48px;
	width: 127px;
	float: left;
	text-indent: -99999px;
}
.nember:hover{
	background: url(../images/nember_hover.png)  no-repeat;
	height: 48px;
	width: 127px;	
}
.nostartup{
	background: url(../images/nostartup.png)  no-repeat;
	height: 48px;
	width: 127px;
	position: absolute;
	top: 135px;
	left: 130px;
	text-indent: -99999px;
}
.nostartup:hover{
	background: url(../images/nostartup_hover.png)  no-repeat;
	height: 48px;
	width: 127px;	
}
.login {
    width: 252px;
    padding: 15px 10px 10px 10px;
    color: #333;
    position: relative;
    font-size: 14px;
	background-color: #5b5b5b;
}
.user_id{
	margin-bottom: 7px;
}
.login_before{
	position:relative;
}
a.submit_login{
	position:absolute;
	width: 75px;
	height: 75px;
	background-image: url(../images/sign.png);
	top:0px;
	right:0px;
}
.submit_login:hover{
	float: right;
	background-image: url(../images/sign_r.png);
}
.login_before ul li input{
	width: 145px;
	height: 34px;
	border: 1px solid #D6D6D6;
	color: #666;
	background-color: #e8e8e8;
	margin-bottom: 5px;
    margin-left: 5px;
}
.user_id_label{
	margin-bottom: 5px;
}
.login .nickname {
	font-size: 16px;
	color: #333;
	height:50px;
	line-height:50px;
}
.login .nickname .username{
	margin-left:.5em;
	color:#fff;
	font-weight: 900;
	font-size: 20px;
}
.login .point {
	background-color: rgb(255, 183, 0);
    width: 110px;
    height: 60px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 5px 0 0 5px;
    font-weight: bold;
}
.login .point span {
	display:block;
}
.login .point span.number {
}
.login .point span.number strong {
	color: #ff1600;
}
.login .qlins {
	/*text-align:center;
	display: inline-flex;*/
	clear:both;
}
/*.login .qlins a {
    width: 110px;
    height: 40px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 5px 0 0 5px;
    font-weight: bold;
    color: #cdcdcd;
    font-size: 12px;
    background-color: #5a5a5a;
    border: 1px solid #FFF;
}*/
.login a.btn_logout {
	position: absolute;
	width: 75px;
	height: 35px;
	background-image: url(../images/signout.png);
	padding:8px 10px;
	top: 15px;
	right: 15px;
	font-size: 0px;
}
.login a.btn_logout:hover {
	background-image: url(../images/signout_r.png);
}
.hd{
	background: url(../images/title.png) no-repeat;
	height: 41px;
	width: 100%;
}
.mixBox, .noticeBox, .eventBox, .journalBox, .fixBox{
	height: 50px;
	width: 684px;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #9a9a9a;
    padding: 12px 0 0 18px;
}
.moretext{
	background-image: url(../images/plus.png);
	height: 15px;
	width: 14px;
	float: left;
	position: absolute;
	top: 13px;
    right: 33px;
	z-index:10;
}
.n{
	background-image: url(../images/newssicon.jpg);
	height: 23px;
	width: 23px;
	text-indent: -9999px;
	background-repeat: no-repeat;	
	float: left;
	margin: 0 3px;
}

.e{
	background-image: url(../images/eventsicon.jpg);
	height: 23px;
	width: 23px;
	text-indent: -9999px;
	background-repeat: no-repeat;	
	float: left;
	margin: 0 3px;
}

.newstitletext{
	position: absolute;
	left: 128px;
}
.newstitletext a{
	color: #FFF!important;
	text-decoration: none;
}
.j{
	height: 20px;
	width: 100px;
	background-color: #fc6a14;
	padding: 5px;
	display:none;
}
.datestyle {
    margin-left: 35px;
    width: 100px;
    text-align: right;
	color: #9a9a9a;
	font-size: 12px;
}
.bigtext, .bigtext a {
	width: 450px;
    margin: 2px 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bigtext, .bigtext a:hover{
	color: #999;	
}
.clearFix{	
	margin: 10px auto 0 auto;
}
.login .qlins,
.login_util { margin-left:3px; margin-top:5px;}
.login .qlins { padding-top:5px; }
.login .qlins a,
.login_util a.join_us, .login_util a.find_idpw{	
	width: 110px;
    height: 40px;
    padding: 10px;
	display:inline-block;
    text-align: center;
    font-weight: bold;
	color: #cdcdcd;
	font-size: 12px;
	background-color: #5a5a5a;
	border: 1px solid #FFF;
}
.login .qlins a{	
	margin:5px 1px;
}
.login .qlins a:hover,
.login_util a.find_idpw:hover,.login_util a.join_us:hover{
	color: #FFF;
	background-color: #747474;
}

/*banner*/
#hotListContain{
	margin-top:5px;
}

#banner-box ul li {
	padding: 8px;
	float: left;
	width: 233px;
	height:155px;
	position: relative;
}
.hotTitle a {
	color: #fff;
}
.hotTitle a:hover{
	text-decoration: underline;	
}



/*footer*/
.footer100{
	background-color: #1e1e1e;
	} 
footer{
	text-align:left;
	width:1000px;
	margin:0 auto;
	height: 100px;
   　position: relative;
   /*　margin-top: -100px;*/
    color: #FFF;
	padding: 15px 0 0 0;
}

footer ul{list-style:none; padding-left:0;}
footer ul li{float:left;padding:3px;}
.footerstext{font-size:12px;line-height:15px;margin-top:10px;}
.footerstext1{font-size:12px;line-height:15px;margin-top:20px;}
#footer {background: #f8f9fa;}
#footer {height: 120px;padding-top: 57px;border-top: 1px solid #e6e6e6;}
#footer ul {padding-left: 267px;height: 17px;}
#footer li {float: left;height: 100%;}
#footer li a {display: block;height: 100%;text-indent: -9999em;}





.wrapbg{
	/*background-image: url(../images/topbg2.png);*/
	height:32px;
	width: 100%;
	position: absolute;
	z-index: 6;
	top: 599px;
}
.wrapbg2{
	background-image: url(../images/topbg2.png);
	height: 32px;
	width: 100%;
	position: absolute;
	z-index: 6;
	top: 355px;
}
#container{
	position:relative;
	margin:78px auto 0;
	width:1000px;
	min-height:350px;
	padding:0 0 100px;
	margin-top:0 !important
}


.promotionPosiWrap{
	/*position: relative;*/
	width: 100%;
	z-index: 5;
	margin-top: -184px;
}



.ie7 .promotionPosiWrap{
	top:78px;
	margin-top:0
}
.eventLayer{
	position:absolute;
	right:0;
	z-index:100
}
.eventLayer .contents{
	position:relative;
	height:100%;
	color:#fff
}

header {
	/*width: 1920px;*/
	height: 184px;
	position: relative;
	margin: 0 auto;
	/*background: url(../images/headerbg.png) center top  no-repeat;*/
	z-index: 9;
}
.nav{
	/*background-color: #000!important;*/
	/*margin-bottom: 10px;*/
}
header h1 {
	z-index: 50;
	position: absolute;
	height: 150px;	
	left: 50%;
	top: 20px;
	margin-left:-480px;
	width: 180px;
	/*background-image: url(../images/txt_gnb_sub2.png);
	background-repeat: repeat;*/
}
#container {padding-top:0;}
/*BANNER輪播*/

#abgne_fade_pic {
	position:relative;
	width: 238px;
	height: 238px;
	background-color: #f1f1f1;
	margin-top: 15px;
	display:none;
}
#abgne_fade_pic a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
	top:0;
	left:0;
}
#abgne_fade_pic .control {
	position: absolute;
	right: 10px;
	bottom: 3px;
}
#abgne_fade_pic .control a {
	display: inline-block;
	padding: 2px;
	margin: 0 3px;
	width: 20px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	text-indent: -99999px;
	background: rgba(0%,0%,0%,0.6);
}
#abgne_fade_pic .control a.on {
	font-weight: bold;
	color: #f00;
	text-indent: -99999px;
	background: rgba(255%,51%,153%,0.9);
}

/* 選項列 */
.gnbDim {
	/*background-image: url(../images/gnbDim.png);*/
	background-color: rgba(0,0,0,.9);
	z-index:30;
	position:absolute; left:0px;
	top:0px;
	width:100%; 
	height:300px; 
	/*border-bottom:1px solid #F09; 
	background:#000; 
	opacity:0; 
	filter:alpha(opacity =0); */
	display:none;
}
#gnb {
	z-index: 50;
	position: absolute;
	top: 30px;
	left: 50%;
	width: 760px;
	margin-left:-250px;
	
	
}
#gnb li ul li {width: 100%;}
#gnb li a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/spr_gnb2.png);
	background-repeat: no-repeat;
}
#gnb li ul {padding-top:16px; opacity:0; filter:alpha(opacity=0); display:none;}
#gnb .depth1 {float:left;margin-right: 42px;}
#gnb .newss .represent {width:110px; height:30px; background-position:0 0;}
#gnb .newss ul {width: 110px;}
#gnb .intro .represent {width:110px; height:30px; background-position:-152px 0;}
#gnb .intro ul {width: 110px;}
#gnb .u .represent {width:110px; height:30px; background-position:-304px 0;}
#gnb .u ul {width: 110px;}
#gnb .data .represent {width:110px; height:30px; background-position:-456px 0;}
#gnb .data ul {width: 110px;}
#gnb .support .represent {width:110px; height:30px; background-position:-608px 0;}
#gnb .support ul {width: 110px;}
#gnb .depth2 {height:24px;}
#gnb .newss .m1 {background-position:0 -46px;}
#gnb .newss .m2 {background-position:0 -71px;}
#gnb .newss .m3 {background-position:0 -96px;}
#gnb .newss .m4  {background-position:0 -121px;}
#gnb .newss .m5 {background-position:0 -146px;}
#gnb .newss .m6 {background-position:0 -171px;}
#gnb .newss .m7  {background-position:0 -196px;}
#gnb .newss .m8{display: none;}
#gnb .newss .m9{display: none;}
#gnb .newss .m1:hover {background-position:0 -243px;}
#gnb .newss .m2:hover {background-position:0 -268px;}
#gnb .newss .m3:hover {background-position:0 -293px;}
#gnb .newss .m4:hover {background-position:0 -318px;}
#gnb .newss .m5:hover {background-position:0 -343px;}
#gnb .newss .m6:hover {background-position:0 -368px;}
#gnb .newss .m7:hover {background-position:0 -393px;}
#gnb .intro .m1 {background-position:-152px -46px;}
#gnb .intro .m2 {background-position:-152px -71px;}
#gnb .intro .m3 {background-position:-152px -96px;}
#gnb .intro .m4 {background-position:-152px -121px;}
#gnb .intro .m5 {background-position:-152px -146px;}
#gnb .intro .m6 {background-position:-152px -171px;}
#gnb .intro .m1:hover {background-position:-152px -243px;}
#gnb .intro .m2:hover {background-position:-152px -268px;}
#gnb .intro .m3:hover {background-position:-152px -293px;}
#gnb .intro .m4:hover {background-position:-152px -318px;}
#gnb .intro .m5:hover {background-position:-152px -340px;}
#gnb .intro .m6:hover {background-position:-152px -366px;}
#gnb .u .m1 {background-position:-304px -46px;}
#gnb .u .m2 {background-position:-304px -71px;}
#gnb .u .m1:hover {background-position:-304px -243px;}
#gnb .u .m2:hover {background-position:-304px -268px;}
#gnb .data .m1 {background-position:-456px -46px;}
#gnb .data .m2 {background-position:-456px -71px;}
#gnb .data .m3 {background-position:-456px -96px;}
#gnb .data .m4 {background-position:-456px -121px;}
#gnb .data .m1:hover {background-position:-456px -243px;}
#gnb .data .m2:hover {background-position:-456px -268px;}
#gnb .data .m3:hover {background-position:-456px -293px;}
#gnb .data .m4:hover {background-position:-456px -318px;}
#gnb .support .m1 {background-position:-608px -46px;}
#gnb .support .m2 {background-position:-608px -71px;}
#gnb .support .m3 {background-position:-608px -96px;}
#gnb .support .m4 {background-position:-608px -121px;}
#gnb .support .m5 {background-position:-608px -146px;}
#gnb .support .m6 {background-position:-608px -171px;}
#gnb .support .m1:hover {background-position:-608px -243px;}
#gnb .support .m2:hover {background-position:-608px -268px;}
#gnb .support .m3:hover {background-position:-608px -293px;}
#gnb .support .m4:hover {background-position:-608px -318px;}
#gnb .support .m5:hover {background-position:-608px -343px;}
#gnb .support .m6:hover {background-position:-608px -368px;}



.btn-danger a, .btn-warning a{
	color: #FFF;
}
.btn-primary{
	margin:20px;
}

.Wrap01_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_01.png") no-repeat center top;
}
.Wrap02_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_02.png") no-repeat center top;
}
.Wrap03_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_03.png") no-repeat center top;
}
.Wrap04_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_04.png") no-repeat center top;
}
.Wrap05_img{
	width:100%;
	height: 794px;
	background: url("../images/ad_sample_05.png") no-repeat center top;
}


 .people01 {
    background-image: url(../images/people01.png);
    background-repeat: no-repeat;
    height: 736px;
    width: 553px;
    position: absolute;
    left: 50%;
    top: -285px;
    margin-left: -720px;
    background-size: 80%;
}
 .people02 {
    background-image: url(../images/people02.png);
    background-repeat: no-repeat;
    height: 711px;
    width: 908px;
    position: absolute;
    left: 50%;
    top: -385px;
    margin-left: -820px;
    background-size: 80%;
}
 .people03 {
    background-image: url(../images/people03.png);
    background-repeat: no-repeat;
    height: 673px;
    width: 998px;
    position: absolute;
    left: 50%;
    top: -270px;
    margin-left: -820px;
    background-size: 80%;
}
 .people04 {
 	background-image: url(../images/people04.png);
    background-repeat: no-repeat;
    height: 793px;
    width: 629px;
    position: absolute;
    left: 50%;
    top: -270px;
    margin-left: -750px;
    background-size: 80%;
}
 .people05 {
    background-image: url(../images/people05.png);
    background-repeat: no-repeat;
    height: 793px;
    width: 629px;
    position: absolute;
    left: 50%;
    top: -270px;
    margin-left: -720px;
    background-size: 80%;
}


.reg_errorh {
	PADDING-LEFT: 15px;
	BACKGROUND: url(/img/reg_error.gif) no-repeat left top;
	COLOR: #eb0000;
	PADDING-TOP: 0px;
	HEIGHT: 10px
}

.reg_righth {
	PADDING-LEFT: 15px;
	BACKGROUND: url(/img/reg_right.gif) no-repeat left top;
	COLOR: #208900;
	PADDING-TOP: 0px;
	HEIGHT: 10px
}
.Login_bg {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px
}

.Login_bg DT {
	MARGIN-BOTTOM: 10px;
	WIDTH: 150px
}

.Login_bg DD {
	MARGIN-BOTTOM: 10px;
	WIDTH: 330px
}
.LoginBtn {
	PADDING-LEFT: 200px
}
.Down_bg {
	PADDING-LEFT: 20px;
	PADDING-TOP: 20px
}

.DownTitle {
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND: url(../img/title.gif) no-repeat left center;
	COLOR: #000;
	TEXT-ALIGN: left
}

.DownDiv {
	MARGIN-TOP: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN-LEFT: 15px;
	LINE-HEIGHT: 180%;
	BORDER-BOTTOM: #ccc 1px dashed
}

.DownLink {
	PADDING-LEFT: 30px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND: url(../img/down.gif) no-repeat left center;
	FLOAT: left;
	MARGIN: 0px 20px 0px 0px;
	COLOR: #c00;
	HEIGHT: 28px
}