html,body{ 
	font-family:"微軟正黑體", vedenda, Helvetica, sans-serif;
	color:#fff;
}
body{
	margin:0;
	padding:0;
	background-color:#000;
	font-size:16px;
}
/*BASE*/
.bg{width:100%; height:100%; background:url(../images/bg.jpg) no-repeat center top; background-size:cover;}
.page_bg{width:100%; height:100%; background:url(../images/rule_bg.jpg) no-repeat center top; background-size:cover;}

.font_s{font-size:0.875em; line-height:1.5em;}
.font_m{font-size:1em;  line-height:1.5em;}
.font_b{font-size:1.5em;}
.center{margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clearfloat{clear:both;}

#wrap{
	width:100%;
	min-width:1266px;
	height:100%;
	margin:auto;
}

#header {
	width:100%;
	min-width:1266px;
	height:100px;
	position:relative;
	clear:both;
}
#logo {
	position:absolute;
	top:30px;
	left:30px;
	background: url(../images/ASUS.PNG) no-repeat left top;
	width: 114px;
	height:61px;
	z-index:999;
}
#logo a{
	cursor:pointer;
	display:block;
}

/*選單組*/
.nav{
	position:absolute;
	top:30px;
	right:150px;
	width:360px;
	height:30px;
	display:block;
	background:url(../images/nav_bg.png) no-repeat left top;
	z-index:999;
}
.nav > a{
	float:left;
	width:88px;
	height:21px;
	padding:9px 0 0 29px;
	display:block;
}
.nav > a:hover{
	background:url(../images/menu_hover.gif) no-repeat left top;
	transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
}
.nav a#b2{margin-left:-20px;}
.nav a#b3{margin-left:-20px; position:relative;}
.nav a#fbbtn{background:url(../images/fb.png) no-repeat left top; width:34px; text-indent:-9999px; margin-left:-20px;}
.nav a#fbbtn:hover{background-position:-62px 0;}

.submenu{
	position:absolute;
	top:40px;
	left:-18px;
	background:url(../images/submenu_bg.png) no-repeat left top;
	width:350px;
	height:18px;
}
.submenu a{font-size:0.8em; line-height:1.5em; margin:0 13px; color:#fff; text-decoration:none; float:left;}
.submenu a:hover{color:#42A9FC;}



/*選單組 END*/

#content{
	width: 1266px;
	height:783px;
	margin:auto;
	clear:both;
	position:relative;
}
#title{
	background:url(../images/title.png) no-repeat left top;
	display:block;
	width:762px;
	height:112px;
	position:absolute;
	left:165px;
	top:10px;
}
#slogon{
	background:url(../images/slogon.png) no-repeat left top;
	display:block;
	width:797px;
	height:51px;
	position:absolute;
	left:142px;
	top:142px;
}
#info{
	background:url(../images/info.png) no-repeat left top;
	display:block;
	width:693px;
	height:402px;
	position:absolute;
	left:290px;
	top:230px;
}
#btnE1{
	background:url(../images/btn1.png) no-repeat 0 0;
	width:155px;
	height:50px;
	text-indent:-9999px;
	position:absolute;
	right:40px;
	top:125px;
}
#btnE1:hover{
	background:url(../images/btn1.png) no-repeat 0 -50px;
}
#btnE2{
	background:url(../images/btn1.png) no-repeat 0 0;
	width:155px;
	height:50px;
	text-indent:-9999px;
	position:absolute;
	left:165px;
	top:335px;
}
#btnE2:hover{
	background:url(../images/btn1.png) no-repeat 0 -50px;
}
#gtx980{
	position:absolute;
	left:-70px;
	top:38px;
}
#gtx750{
	position:absolute;
	right:30px;
	bottom:20px;
}
#linkBar{
	width:790px;
	height:71px;
	position:absolute;
	left:240px;
	bottom:60px;
}
#linkBar > a{
	width:211px;
	height:73px;
	text-indent:-9999px;
	float:left;
	display:inline-block;
}
#sb1{background:url(../images/linkBar1.png) no-repeat 0 0;}
#sb1:hover{ background-position: 0 -73px;}
#sb2{background:url(../images/linkBar2.png) no-repeat 0 0; margin-left:-20px;}
#sb2:hover{ background-position: 0 -73px;}
#sb3{background:url(../images/linkBar3.png) no-repeat 0 0; margin-left:-20px;}
#sb3:hover{ background-position: 0 -73px;}
#sb4{background:url(../images/linkBar4.png) no-repeat 0 0; margin-left:-20px;}
#sb4:hover{ background-position: 0 -73px;}
/*#copyright{
	width:100%;
	font-size:0.8em;
	color:#42A9FC;
	text-align:center;
	position:absolute;
	bottom:30px;
}*/
/*rule.htm*/
#title_p{
	background:url(../images/title.png) no-repeat left top;
	display:block;
	width:762px;
	height:112px;
	position:absolute;
	left:165px;
	top:-28px;
}
.scrollbar{width:8px; height:635px; border-right:solid 1px #333; position:absolute; right:10px; top:0;}
#Scroll{width:15px; height:93px; display:block; background:url(../images/scroll.png) no-repeat right top; position:absolute; right:-9px; top:0;}
#article{
	width:1266px;
	height:613px;
	background:url(../images/rule_bg.png) no-repeat 0 0;
	position:absolute;
	top:116px;
	overflow:hidden;
}
#main{
	padding:20px 0 80px 77px;
}
#main > div{
	position:relative;
}
#main a{
	transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	position:absolute;
	display:block;
	z-index:600;
	cursor:pointer;
	text-decoration:none;
	color:#00ccff;
}
#main a:hover{
	color:#0077F5;
}
.padding{
	padding: 10px 0;
}
#link1{
	top:43px;
	left:236px;
}
#link2{
	width:190px;
	height:36px;
	top:102px;
	left:26px;
	display:block;
}
#link3{
	top:157px;
	left:468px;
}
#link4{
	top:326px;
	left:428px;
}
#link5{
	top:326px;
	left:556px;
}

.lightBox_BG{
	position:absolute;
	width:100%;
	height:100%;
	z-index:9999;
	background:rgba(0,0,0,0.70);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 )\9;
}
#datalist{
	width:750px;
	height:600px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-375px;
	margin-top:-300px;
}
.close{
	background: url(../images/close.gif) no-repeat;
	width: 50px;
	height: 42px;
	cursor: pointer;
	position:absolute;
	top:-21px;
	right:-60px;
	display:block;
}
.boxTitle{
	width: 185px;
	height: 35px;
	margin: 1px;
	float: left;
	color: #e4ff00;
	font-family:inherit;
	font-size: 15px;
	font-weight:bold;
	text-align: center;
	background-color:hsla(0,0%,0%,0.85);
	line-height: 35px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#d9000000',GradientType=0 )\9;

}
.boxlist {
	width: 765px;
	height: auto;
	position: relative;
}
.boxNum {
	width: 185px;
	height: 35px;
	margin: 1px;
	float: left;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background-color:hsla(0,0%,0%,0.70);
	line-height: 35px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 )\9;
}
.login_sendBtn {
	background: url(../images/btn5.png) no-repeat;
	width: 109px;
	height: 36px;
	margin: auto;
	cursor: pointer;
}
.login_sendBtn:hover {
	background: url(../images/btn5.png) no-repeat 0 -36px;
}
.login_resendBtn {
	background: url(../images/btn6.png) no-repeat;
	width: 109px;
	height: 36px;
	margin: auto;
	cursor: pointer;
}
.login_resendBtn:hover {
	background: url(../images/btn6.png) no-repeat 0 -36px;
}
.alert{
	color: #fff;
	font-size: 14px;
	text-align: center;
	background-color:hsla(359,100%,50%,0.90);
	line-height: 24px;
	clear:both;
	padding-top:2px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6cc0000', endColorstr='#e6cc0000',GradientType=0 )\9;
}

#picboxContent {
	position: absolute;
	width: 665px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -332px;
	background: url(../images/upload_bg.png) no-repeat;
}

.picRange {
	width: 261px;
	height: 196px;
	position: absolute;
	top: 136px;
	left: 108px;
	overflow: hidden;
}
.pic_sendBtn {
	background: url(../images/btn3.png) no-repeat;
	width: 127px;
	height: 41px;
	cursor: pointer;
	top: 240px;
	left: 410px;
	position: absolute;
}
.pic_sendBtn:hover {
	background: url(../images/btn3.png) no-repeat 0 -41px;
}
.pic_noBtn {
	background: url(../images/btn4.png) no-repeat;
	width: 127px;
	height: 41px;
	cursor: pointer;
	top: 290px;
	left: 410px;
	position: absolute;
}
.pic_noBtn:hover {
	background: url(../images/btn4.png) no-repeat 0 -41px;
}
.pic_goodsNumA {
	position: absolute;
	top: 31px;
	left: 200px;
	color: #FFF;
	font-size: 15px;
	text-align: left;
	width: 150px;
}

.pic_goodsNumB {
	position: absolute;
	top: 65px;
	left: 200px;
	color: #FFF;
	font-size: 15px;
	text-align: left;
	width: 150px;
}
#link{
	width:200px;
	height:18px;
	top:345px;
	left:245px;
	display:block;
}
.load_BG{
	position:absolute;
	width:100%;
	height:100%;
	z-index:9999;
	background:#000;
}
.load_txt{
	width:208px;
	height:85px;
	position:absolute;
	top:50%;
	left:50%;
	margin:55px 0 0 -104px;
}
.loading{
	background: url(../images/loading.gif) no-repeat left top;
	width:90px;
	height:90px;
	font-size:0.8em;
	color:#42A9FC;
	position:absolute;
	top:50%;
	left:50%;
	margin:-45px 0 0 -45px;
	text-align:center;
	line-height:90px;
}
/*Cyrus*/

.filePrew {
    position: relative;
    width: 109px;
    height: 36px;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    left: 0px;
}
#link {
    left: 242px;
}

.submenu {
    position: absolute;
    top: 30px;
    left: -18px;
    background: url(../images/submenu_bg.png) no-repeat left bottom;
    width: 350px;
    height: 18px;
    padding-top: 10px;
    display:none;
}
.scrollbar {
    z-index: 999;
}
#nvidia{
	position:absolute;
	top:30px;
	right:30px;
	width: 115px;
	height:53px;
	z-index:999;
}

#link6 {
	width:200px;
	height:18px;
	top:285px;
	right:73px;
	display:block;
}