﻿body {
	margin:0;
	padding:0;
	font-size:18px;
	line-height:24px;
	letter-spacing:0.5px;
	font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color:#a40000;
	position:relative;
	background: url(../images/bg.jpg) center center no-repeat;
	background-color: #140b06;
}
#wrapA{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	min-height: 700px;	
	background: url(../images/img_index.png) center center no-repeat;
	position:relative;
	overflow:hidden;
}
#wrapB{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	min-height: auto;	
	background: url(../images/img_pd_content.jpg) center center no-repeat;
}

#wrapC{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	min-height: auto;	
	background: url(../images/img_rule_content.jpg) center 140px no-repeat;
}
.bg_top{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	min-height: 1300px;	
	overflow:hidden;
	background: url(../images/img_pp_1.jpg) center top no-repeat;
	}
.logo{
	position: absolute;
	width: 109px;
	height: 75px;
	top: 83px;
	left: 92px;
	background: url(../images/img_asus_logo.png) no-repeat;
	cursor: pointer;
	z-index: 4500;
}

.content{
	margin:0 auto;
	position:relative;
	width: 1198px;
	height: auto;
}
.navA{
	position: relative;
	width: 837px;
	height: 54px;
	top: 540px;
	left: 200px;
}

.navB{
	position:absolute;
	width: 837px;
	height: 54px;
	top: 90px;
	left:205px;
	z-index:3000;
}

.navbtn_index{
	position:absolute;
	width: 136px;
	height: 60px;
	top: 0px;
	left: 0px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.navbtn_index:hover{
	background-position:0px -81px;
}
.navbtn_indexcurrect{
	position:absolute;
	width: 136px;
	height: 60px;
	top: 0px;
	left: 0px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position:0px -81px;
}
/*選單—活動辦法*/
.navbtn_rule{
	position:absolute;
	width: 109px;
	height: 60px;
    top: 0px;
	left: 136px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position: -136px 0px;
}
.navbtn_rule:hover{
	background-position:-136px -81px;
}
.navbtn_rulecurrect{
	position:absolute;
	width: 109px;
	height: 60px;
    top: 0px;
	left: 136px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position:-136px -81px;
}
/*選單—產品*/
.navbtn_pd{
	position:absolute;
	width: 162px;
	height: 60px;
    top: 0px;
	left: 244px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position:-244px 0px;
}
.navbtn_pd:hover{
	background-position:-244px -81px;
}
.navbtn_pdcurrect{
	position:absolute;
	width: 162px;
	height: 60px;
	top: 0px;
	left: 244px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position:-244px -81px;
}
/*選單—官方*/
.navbtn_official{
	position:absolute;
	width: 147px;
	height: 60px;
    top: 0px;
	left: 405px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position: -405px 0px;
}
.navbtn_official:hover{
	background-position:-405px -81px;
}
.navbtn_officialcurrect{
	width: 147px;
	height: 60px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position:-405px -81px;
}
/*選單—登入*/
.navbtn_login{
	position:absolute;
	width: 288px;
	height: 60px;
    top: 0px;
	left: 551px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position:-551px 0px;
}
.navbtn_login:hover{
	background-position:-551px -81px;
}
.navbtn_logincurrect{
	width: 551px;
	height: 60px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position:-551px -81px;
}

.facebook{
	position: absolute;
	width: 69px;
	height: 80px;
	top: 83px;
	left: 1041px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position: -850px 10px;
	}

.facebook:hover{
	background-position: -850px -71px;
	}
#loading {
	background-image: url("../images/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index:50001;
}
#black_bg {
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.60;
	filter: alpha(opacity = 100);
	z-index:50000;
}