@import url("reset.css");

#header, #header *{-webkit-box-sizing:border-box;
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;}

#header{
	width:100%;
	height:45px;
	background-color:#8C29D2;/*20220523新版修改*/
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	}

#header.member{
	background-color:#59b500;
}

/*首頁*/
#header .LOGO{
	position:absolute;
	width:100px;/*20220523新版修改*/
	height:45px;
	left:2%;
	top:0;
	}
#header .LOGO a{
	display:block;
	width:100px;/*20220523新版修改*/
	height:45px;
	background-image:url(../images/header/index_logo.png);
	background-repeat:no-repeat;
	background-size:100px 27px;/*20220523新版修改*/
	background-position:center center;
	text-indent:-9999px;
	}
#header .R_LIST{
	position:absolute;
	width: 40px;
	height: 45px;
	right:1.5%;
	top: 0;
	}
#header .R_LIST a{
	display:block;
	width:40px;
	height:45px;
	background-image:url(../images/header/list_m.png);
	background-repeat:no-repeat;
	background-size:35px 35px;
	background-position:center right;
	text-indent:-9999px;
	}

#header .HEADER_MENU{
	position:absolute;
	width: 160px;
	height: 45px;
	right: 43px;
	top: 0;
	}
#header .HEADER_MENU ul{
	}
#header .HEADER_MENU ul li{
	float:left;
	width:40px;
	height:45px;
	}

#header .HEADER_MENU li a{
	display:block;
	width:100%;
	height:45px;
	color:#FFF;
	font-size:0.75em;
	text-align:center;
	padding-top:27px;
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:top 3px center;
	}
#header .HEADER_MENU li a.A{
	background-image:url(../images/header/star.png);
	}
#header .HEADER_MENU li a.B{
	background-image:url(../images/header/psy.png);
	}
#header .HEADER_MENU li a.C{
	background-image:url(../images/header/japan.png);
	}
#header .HEADER_MENU li a.Cnew{
	background-image:url(../images/header/gold.png);
	}	
#header .HEADER_MENU li a.D{
	background-image:url(../images/header/member.png);
	}



/*內頁功能頁*/
#header.header_IN{/*20220523新版新增*/
	background-color: #8000B7;
	}

#header .LOGO_IN{
	position:absolute;
	width:45px;/*20220523新版修改*/
	height:45px;
	left:0%;
	top:0;
	}
#header .LOGO_IN a{/*20220523新版修改*/
	display:block;
	width:45px;
	height:45px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:40px 40px;
	background-position:center center;
	text-indent:-9999px;
	background-color: #8C29D2;
	background-image:url(../images/header/inside_logo.png);
	}

#header.member .LOGO_IN a{
	background-image:url(../images/header/inside_logo_member.png);
	background-color: revert;
}

#header .RECORD{
	position:absolute;
	width:45px;
	height:45px;
	right:43px;
	top:0;}

#header .RECORD a{
	display:block;
	width:40px;
	height:45px;
	background-image:url(../images/header/record.png);
	background-repeat:no-repeat;
	background-size:35px 35px;
	background-position:center right;
	text-indent:-9999px;
	}

#header .MEMBER_LIST{
	position:absolute;
	width:45px;
	height:45px;
	right:43px;
	top:0;}

#header .MEMBER_LIST a{
	display:block;
	width:40px;
	height:45px;
	background-image:url(../images/header/book.png);
	background-repeat:no-repeat;
	background-size:35px 35px;
	background-position:center right;
	text-indent:-9999px;
	}

#header h1{
	position:absolute;
	color:#fff;
	font-size:1.6em;
	line-height:45px;
	font-weight:normal;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
	width:auto;
	height:45px;
	left:50px;/*20220523新版修改*/
	top:0;}


#header h1 a{
	display:block;
	color:#fff;
	font-size:1em;
	line-height:45px;
	font-weight:normal;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;}

.TOPHOME02 {
    box-shadow: none !important;
    height: 45px !important;
    position: fixed;
    z-index: 999 !important;
    background: none !important;
    border: 0 !important;
}

.header_yahoo{
    width:100%;
    height:45px;
    background-color:#6e25a8;
    position:fixed;
    left:0;
    top:0;
    z-index:999;
    }

.header_yahoo .R_LIST{
    position:absolute;
    width: 40px;
    height: 45px;
    right:1.5%;
    top: 0;
    }
.header_yahoo .R_LIST a{
    display:block;
    width:40px;
    height:45px;
    background-image:url(../images/header/list_m.png);
    background-repeat:no-repeat;
    background-size:35px 35px;
    background-position:center right;
    text-indent:-9999px;
    }

.header_yahoo .YAHOO_LOGO{
    position:absolute;
    width:136px;
    height:35px;
    left:2%;
    top:5px;
    }
    
 .header_yahoo .YAHOO_LOGO a{
        display:block;
        width:136px;
        height:35px;
        background-image:url(../images/header/yahoo_logo.png);
        background-repeat:no-repeat;
        background-size:136px 35px;
        background-position:center right;
        text-indent:-9999px;
        }

.header_yahoo .CLICK108_LOGO{
    position:absolute;
    width:50px;
    height:45px;
    right:43px;
    top:0;
    }
.header_yahoo .CLICK108_LOGO a{
    display:block;
    width:40px;
    height:40px;
    margin:0 auto;
    background-image:url(../images/header/inside_logo.png);
    background-repeat:no-repeat;
    background-size:35px 35px;
    background-position:center center;
    text-indent:-9999px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #fff;
    margin-top:2px;
    }

/* astrocity */
#header .ASTROCITY{
	position:absolute;
	width:45px;
	height:45px;
	right:90px;
	top:0;}

#header .ASTROCITY a{
	display:block;
	width:40px;
	height:45px;
	background-image:url(../images/header/Logo_astrocity.png);
	background-repeat:no-repeat;
	background-size:35px 35px;
	background-position:center right;
	text-indent:-9999px;
	}