@charset "utf-8";
/* CSS Document */

/*總體設定*/
body {
	font-size: 14px;
	font-style: normal;
	color:#666;
	background-image:url(../img/bg-all.jpg);
	margin: 0pt;
	text-align: left;
	font-family: "微軟正黑體", Arial, sans-serif, serif;
	text-justify: auto;
}
a:visited    {
	font-size: 14px;
	text-decoration: none;
	color: #336699
}
a:link       {
	font-size: 14px;
	text-decoration: none;
	color:#069;
}
a:hover      {
	font-size: 14px;
	text-decoration: none;
	color: #03C;
}
a:active    {
	font-size: 14px;
	color: #900;
}
/*文字選擇*/
.font_date{font-size:12px;
color:#999;}
.font3{font-size:16px}
.font2bold{font-size:14px;
font-weight:bold;
color:#333;}
.font2light{font-size:14px;
color:#8F8F8F;}
.font3bold{font-size:16px;
font-weight:700;
}
.font3boldblue{font-size:16px;
font-weight:700;
color:#8AA2BB;

}
.fontwhite{
	font-size: 14px;
	color: #FFF;
}
/*紅色的超連結*/
a.redlink:visited    {
	font-size: 14px;
	text-decoration: none;
	color: #CC0000
}
a.redlink:link       {
	font-size: 14px;
	text-decoration: none;
	color: #CC0000
}
a.redlink:hover      {
	font-size: 14px;
	text-decoration: underline;
	color: #F00;
}
a.redlink:active    {
	font-size: 14px;
	color: #F00;
}

button.bt1{
height: 25px; 
width: 130px; 
cursor:pointer; 
font-size: 13px; 
background-color:#8AA2BB;
color:white; 
border: 2px solid #FFFFFF;}

input.btn{
height: 30px; 
width: 100px; 
cursor:pointer; 
font-size: 14px; 
background-color:#8AA2BB;
color:white; 
border: 2px solid #FFFFFF;}

input.btn_short{
height: 25px; 
width: 50px; 
cursor:pointer; 
font-size: 13px; 
background-color:#8AA2BB;
color:white; 
border: 2px solid #FFFFFF;}


input.btn_search{
height: 25px; 
width: 80px; 
cursor:pointer; 
font-size: 12px;
line-height:25px;
background-image:url(../img/bg-brown2.jpg);
color:white; 
border: 2px solid #FFFFFF;}

input.btn_short2{
height: 25px; 
width: 90px; 
cursor:pointer; 
font-size: 13px; 
background-color:#8AA2BB;
color:white; 
border: 2px solid #FFFFFF;}

input.btnn{
height: 25px; 
width: 140px; 
cursor:pointer; 
font-size: 14px; 
background-color:#C99;
color:white; 
border: 2px solid #FFFFFF;}

input.btnnn{
height: 25px; 
width: 160px; 
cursor:pointer; 
font-size: 14px; 
background-color:#C99;
color:white; 
border: 2px solid #FFFFFF;}

.say_no{
height: 35px; 
width: 84px; 
cursor:pointer; 
font-size: 14px;
background-image:url(../img/rec03.jpg);
border:0px;

}


input.btn_yes{
height: 60px; 
width: 80px; 
cursor:pointer; 
font-size: 16px; 
background-color:#8AA2BB;
color:white; 
border: 2px solid #FFFFFF;}
input.btn_no{
height: 60px; 
width: 80px; 
cursor:pointer; 
font-size: 16px; 
background-color:#999;
color:white; 
border: 2px solid #FFFFFF;}





input.textinput{
	 height: 20px;
     border: solid 1px #CCCCCC; 
     color: #336699;
     background-color:#F9F5EC;
     }
input.textinputerror{
		 height: 20px;
     border: solid 1px #CC3366; 
     color: #336699;
     background-color: #F4CAD6;
     }
select.textselect {
		 height: 20px;
     border: solid 1px #CCCCCC; 
     color: #336699;
     background-color: #F9F5EC;
     }
select.textselecterror {
		 height: 20px;
		 
     border: solid 1px #CC3366; 
     color: #336699;
     background-color: #F4CAD6;
     }
textarea.textbox{
     border: solid 1px #CCCCCC; 
     color: #336699;
     background-color: #F9F5EC;
     }
textarea.textboxerror{
     border: solid 1px #CC3366; 
     color: #336699;
     background-color: #F4CAD6;
     }
input.file{position:absolute;top:20px;right:300px;top:0;
right:73px;width:0px;height:30px;filter:alpha(opacity=0);
-moz-opacity:0;opacity:0;}



.is_available{
	color:green;
}
.is_not_available{
	color:red;
}

.rules{
	width:650px;
	margin:auto;
	text-align: justify;
	text-justify:inter-ideograph;
	position:relative;
}
.confirm_btn{
	width:300px;
	height:25px;
	text-align:center;
	border-color:#FFF;
    border: 2px solid #FFFFFF;
	margin:auto;
	background-image:url(../img/bg-brown.jpg);
}
.div650{
	width:650px;
	margin-left:54px;
	margin-right:53px;

	float:left;
}
.div200{
	width:180px;
	float:left;
	text-align:right;
	margin-right:20px;
}
.div450{
	width:450px;
	float:right;
	text-align:left;

}

.div100{
	width:80px;
	float:left;
	text-align:right;
	margin-right:20px;
}
.div550{
	width:550px;
	float:right;
	text-align:left;

}
.div410_left{
	width:410px;
	float:left;
	text-align:left;

	
}
.div120{
	width:100px;
	float:left;
	text-align:right;
	margin-right:20px;

	
}
.div757{
	width:757px;
	float:left;
}

a.iconcc01{ 
display: block;
height: 126px; 
width: 124px; 
overflow: hidden; 
background: url(../img/cc01.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.iconcc01{ 
display: block;
background-position: 0 -126px;
} 


a.iconcc02{ 
display: block;
height: 126px; 
width: 127px; 
overflow: hidden; 
background: url(../img/cc02.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.iconcc02{ 
display: block;
background-position: 0 -126px;
} 

a.iconcc03{ 
display: block;
height: 126px; 
width: 126px; 
overflow: hidden; 
background: url(../img/cc03.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.iconcc03{ 
display: block;
background-position: 0 -126px;
} 

a.iconcc04{ 
display: block;
height: 126px; 
width: 127px; 
overflow: hidden; 
background: url(../img/cc04.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.iconcc04{ 
display: block;
background-position: 0 -126px;
} 
a.iconcc05{ 
display: block;
height: 126px; 
width: 126px; 
overflow: hidden; 
background: url(../img/cc05.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.iconcc05{ 
display: block;
background-position: 0 -126px;
} 
a.iconcc06{ 
display: block;
height: 126px; 
width: 127px; 
overflow: hidden; 
background: url(../img/cc06.jpg) 0 0 no-repeat;
text-decoration: none;
float:left;
}   
a:hover.iconcc06{ 
display: block;
background-position: 0 -126px;
} 

.div724{
	width:724px;
	float:left;
	margin-left:18px;
	margin-right:15px;
	background-image:url(../img/bg-ccmiddle.jpg);
	background-repeat:repeat-x;
	display:block;
}
.div680{
	width:680px;
	float:left;
	margin-left:22px;
	margin-right:22px;
}
.div70box{
	width:70px;
	height:70px;
	display:block;
	float:left;
	margin-left:28px;
	margin-top:11px;
	position:relative;
}

.div53box{
	width:50px;
	height:53px;
	display:block;
	float:right;
	margin-right:11px;
	margin-top:15px;
	position:relative;
	line-height:31px;
	font-weight:bolder;

}
.pfleft{
	width:185px;
	float:left;
	position:relative;
}
.pfright{
	width:495px;
	float:right;
	position:relative;
}
.formleft{
	width:75px;
	margin-right:20px;
	float:left;
	text-align:right;
	position:relative;
	display:block;
	height:1px;
}
.formright{
	width:400px;
	float:left;
	text-align:left;
	position:relative;
}

.photoborder{
	width:235px;
	height:260px;
	display:block;
	float:left;
	position:relative;
	background-image:url(../img/bg-photo.jpg);
}
.photomiddle{
	width:200px;
	height:200px;
	display:block;
	float:left;
	position:relative;
	margin-left:19px;
	margin-top:14px;
	text-align:center;
	line-height:200px;
}
.photobtn1{
	width:130px;
	height:25px;
	display:block;
	float:left;
	position:relative;
	margin-left:19px;
	margin-top:5px;
	text-align:center;
	background-image:url(../img/icon_photo1.jpg);
}
.photobtn2{
	width:64px;
	height:25px;
	display:block;
	float:left;
	position:relative;
	margin-left:7px;
	margin-top:5px;
	text-align:center;
}
.div705{
	width:705px;
	float:left;
	margin-left:26px;
	margin-right:26px;
}

	table.lister { 

		border-collapse: collapse; 
		table-layout: fixed;
		word-break: break-all;
	}
	/* Zebra striping */
	tr:nth-of-type(odd).lister { 
		background: #eee; 
	}
	th.lister { 
		background: #333; 
		color: white; 

	}
	td.lister, th.lister { 
		border: 1px solid #ccc; 
		text-align: center;

	}
	
.certify_outer{
	width:215px;
	height:70px;
	float:left;
	margin:5px;
	position:relative;
}
.aman_border{
	width:200px;
	height:20px;
	position:relative;
	text-align:left;
	float:left;
}
.aman_button{
	width:49px;
	height:20px;
	position:relative;
	float:left;
	margin-right:6px;
}
.aman_text{
	width:145px;
	height:20px;
	position:relative;
	float:right;
	text-align:left;
}
.forumbox{
	width:320px;
	margin-right:20px;
	margin-top:20px;
	float:left;
	text-align:left;
	display:block;

}