@charset "utf-8";
/* avex taiwan inc. */
/* KAT-TUN單曲「In Fact」發行紀念抽獎活動!! */


/*-------------------------------------------*/
/* reset */
/*-------------------------------------------*/
*{margin:0; padding:0;}
img{border:none;}
img{border:none;}
ul,ol,li,dl,dt,dd{list-style:none;}
ol li{/*list-style:decimal-leading-zero inside;*/}
dl,dt,dd,h1,h2,h3,h4,h5,p{margin:0; padding:0; border:0; font-size:100%;}


/*-------------------------------------------*/
/* common */
/*-------------------------------------------*/
body{
	margin:0; padding:0;
	font-size:12px; color:#444444; line-height:1.8em; /*15px*/
	font-family:Arial,"新細明體","細明體";
	background:white;
	overflow-x:hidden;
}

a:link{color:#a3a3a3; text-decoration:none;}
a:visited{color:#a3a3a3; text-decoration:none;}
a:hover{color:#a3a3a3; text-decoration:none;}
p{text-align:center;}



/*-------------------------------------------*/
/* layout */
/* wrap>content>main */
/*-------------------------------------------*/
#wrap{position:absolute; width:100%; height:100%; margin:0; padding:0; background:white url(../images/bg_page.gif) 0 0 repeat-x}
#content{display:block; margin:0 auto; width:980px;}
#subtitle{display:block; position:absolute; width:980px; height:40px; top:200px; z-index:9999;}
#header{display:block; margin:0; padding:0; width:980px;}
	#header .index{height:300px;} /*首頁用*/
	#header .page{height:240px;} /*內頁用*/
#main{
	position:relative; display:block; overflow:hidden;
	margin:0 auto; padding:0; width:980px;
	/*background:url(../images/main_bg.png) top center repeat-y;*/ /*img 980*15*/
	}
#copyright{
	display:block;
	margin:0 auto; padding:40px 0;
	width:980px; height:40px;
	color:#888888; font-size:11px; line-height:16px; text-align:center;
	background:url(../images/mainbottom_bg.gif) top center no-repeat;
	}



/*-------------------------------------------*/
/* 首頁(intro) */
/*-------------------------------------------*/
#intro_left{
	display:block; float:left;
	margin:0 0 0 40px; _margin:0 0 0 20px; padding:0;
	width:546px; height:524px;
	background:url(../images/intro_left_bg.gif) no-repeat;
	}
	#intro_left .top_deadline{display:block; position:absolute; top:174px; left:155px;}
	#intro_left .top_winner{display:block; position:absolute; top:230px; left:155px;}
	#intro_left .top_notice{display:block; position:absolute; top:285px; left:155px; width:390px;}
	#intro_left .top_notice ul li{background:url(../images/icon_att.gif) no-repeat top left; padding:0 0 0 20px;} /*用背景能達到對齊*/

#intro_right{
	display:block; float:left;
	margin:0; padding:0;
	width:335px; height:524px;
	}

#intro_bottom{
	position:relative; display:block; float:left;
	margin:0; padding:20px 0 0;
	width:980px; height:80px;
	text-align:center;
	}
	#intro_btn{}



/*-------------------------------------------*/
/* 密碼ID認證頁(uc=usercode) */
/*-------------------------------------------*/
#ucform{
	position:relative; display:block; overflow:hidden;
	margin:20px auto 0; padding:0;
	width:980px;
	/*background:url(../images/main_bg.png) top center repeat-y;*/
	}

	/*左：ID卡sample*/
	#uc_card{
		display:block;
		margin:0 auto; padding:0;
		width:772px; height:840px;
		}

	/*右：填ID*/
	#uc_box{
		display:block;
		margin:0 auto; padding:0;
		width:600px; height:600px;
		background:url(../images/uc_box_bg.gif) top left no-repeat;
		text-align:center;
		}
		ol.cf-ol{position:absolute; top:980px; right:432px; margin:0; padding:0 !important; width:220px;}
		ol.cf-ol li{
			list-style:none !important;　background:none !important;
			margin:0 !important; padding:0;
			text-align:left; line-height:1.3em;
			}
			* html ol.cf-ol, * html ol.cf-ol li{display:inline-block;} /*for ie6*/
			*+html #codeform label, *+html ol.cf-ol, *+html ol.cf-ol li{display:inline-block;} /*for ie7*/

	/*ID輸入欄*/
	input{margin:5px 0 0 0; color:#555; font-size:12px; line-height:23px; font-family:Arial,"細明體";}
	#codeform input, #codeform input.check{
		width:212px; height:20px;
		padding:3px;
		/*background:white url('../images/gradient-input.png') repeat-x;*/
		border:1px solid #cacaca;
		vertical-align:top; color:#696969
		}
		#codeform input:focus,#codeform input2:focus{border-color:#aaa;}
		
	/*認證按鈕*/	
	p.cf-sb{padding:0 !important; margin:0; text-align:center;}
	#codeform input.sendbutton{
		display:block; position:absolute; top:1360px; right:342px;
		margin:0; padding:0;
		width:300px; height:44px; border:none;
		}
	/*#uc_btn{clear:both; margin:0; text-align:center; border:1px solid #333;}*/



/*-------------------------------------------*/
/* 個人資料頁(pd=personal data) */
/*-------------------------------------------*/
#pdform{
	margin:20px auto 0;　padding:0;
	width:550px; height:385px;
	text-align:left;
	background:url(../images/pd_topic.gif) top center no-repeat;
	}
	#pdform ol{position:relative; top:111px; left:169px;}
	#pdform ol li{text-align:left; margin-bottom:7px; height:35px;}
	#pdform input{width:213px; height:20px; padding:3px; background:#fff url('../images/gradient-input.png') repeat-x; border:1px solid #cacaca; vertical-align:top; color:#696969;}
	#pdform span.ziptxt{display:inline-block; margin:10px 0 0 10px; font-size:12px;}
	#pdform input:focus{border-color:#aaa;}
	#pdform input.sendbutton{margin:0; padding:0; width:287px; height:40px; border:none;}
	
	/*未使用*/
	#pdform label{width:124px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:left; vertical-align:top; color:#696969; font-weight:bold;}
	#pdform label span{width:124px;/*must be the same as above!display:block;*/}
	/*#pdform input.zip{width:150px; height:20px;padding:3px; border:1px solid #cacaca; vertical-align:top; color:#696969}*/

	/*確認送出按鈕*/
	#pd_btn{margin:0 auto 40px; width:850px; text-align:center;}
	/*個資iframe*/
	#pd_iframe{width:850px; margin:0 auto; text-align:center;}

.reset{
	clear:both;
	display:block;
	height:1px;
	font-size:1px;
	line-height:1px;
	background:url(../images/main_bg.png) top center repeat-y;
	}
	


/*-------------------------------------------*/
/* 未使用 */
/*-------------------------------------------*/
#codeform label{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 10px 0 0; width:251px;
	text-align:left; vertical-align:top; color:#696969; font-weight:bold;
	}
	/*#codeform label span{width:124px; display:block;}*/
	/*must be the same as above!*/