@charset "utf-8";
/* CSS Document */
/*---------------Reset---------------*/
/*html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
	padding:0px;
	margin:0px;
	}*/
*{
	padding:0px;
	margin:0px;
	}
	
/*----------------------------------------------------------Basic Elements*/

body {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color: #666666;
	background-color: #663300;
	}
body {	
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}
h1{
	font-family: "標楷體","Times New Roman", Times serif;
	font-size:243%;
	padding: 20px 0 0 0;
	}
	
h2{
	font-family: "標楷體", "Times New Roman", Times, serif;
	font-size:165%;
	padding: 20px 0 10px 0;
	}

	
	
p{	
	font-size:98%;
	line-height:1.3em;
	}

.clearFloat{
	clear:both;
	height:0px;
	}
	
	
.visited{
	color:#666666;
	}

/*----------------------------------------------------------分隔線*/	
.dvider{
	background-image:url(../images/divider.jpg);
	height:36px;
	/*border:1px solid #CC0033;*/
}


/*----------------------------------------------------------Layout*/

/*-------------------------wrapper*/
#wrapper{
	text-align:center;
	width:760px;
	border: 1px solid #FFFF33;
	background-color: #E4AF2B; margin:0 auto ;
	}
#wrapper{
	text-align:-moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}
/*-------------------------Header*/
#header{
	color: #0000FF;
	text-align: center;
	background:url(../images/header_01.jpg) top;
	width:760px;
	height:341px;
	}
#header{
	text-align:-moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}
#header h3{
	font-size:130%;
	padding: 50px 0 0 0;
	}
	
#header .banner{
	width:760px;
	height:216px;
	}
	
/*-------------------------ContentWrapper*/	
#contentWrapper{
	padding-bottom: 20px;
	background-color: #e4af2b;
	}
	
#contentWrapper h1{
	font-family: "標楷體","Times New Roman", Times serif;
	font-size:190%;
	padding: 20px 0;	
}

#contentWrapper h2{ /*給內文標題用的設定*/
	font-family: "標楷體", "Times New Roman", Times, serif;
	font-size:165%;
	background-position:-25px 15px;
	height:58px;
	}
/*#contentWrapper h2{
	font-family: "標楷體","Times New Roman", Times serif;
	font-size:160%;
	padding: 15px 0;	
}*/
/*-------------------------Footer*/
#footer{
	height: 44px;
	background:url(../images/bt_footer.jpg) repeat-x;
	}
/*-------------------------主按鈕 wrapper*/	
#navWrapper{
	height: 104px;
	font-size: 130%;
	width: 760px;
	margin: /*216px*/0 0 0 0;
	}

#navWrapper ul{
	padding: 0;
	list-style: none;
	}

#navWrapper li{
	float:left;
	background-color: #333333;
	}

#navWrapper li a {
	display: block;
	width: 253px;
	height:104px;
	text-decoration: none;
	}
/*----------------------------------------------------------按鈕*/

/*-------------------------主按鈕*/	
li.navRules{
	background-image:url(../images/btn_main_01_o.jpg);
}
li.navVote{
	background-image:url(../images/btn_main_02_o.jpg);
}
li.navList{
	background-image:url(../images/btn_main_03_o.jpg);
}
/*-------------------------主按鈕*/	
li.navRules a{
	width: 254px;
	height:104px;
	background-image:url(../images/btn_main_01.jpg);
}	

li.navVote a{
	width: 255px;
	height:104px;
	background-image:url(../images/btn_main_02.jpg);
	background-repeat: no-repeat;
}	

li.navList a{
	width: 255px;
	height:104px;
	background-image:url(../images/btn_main_03.jpg);
	background-repeat: no-repeat;
}	

/*-------------------------主按鈕*/	
#navWrapper li a:hover {
	background: none;
	}
/*-------------------------主按鈕*/	
#navWrapper li a:active{
	
}	
	
/*-------------------------index-links 候選人列表用按鈕--*/
	.links {
	width:100%;
	text-align:center;
	font-size: 85%;
	margin:0 0 0 22px;
	}
	.links {
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}
	
	.linksSpacing{
	width:100%;
	height:70px;
	}
	
	.links ul {
	padding: 0;
	list-style: none;
	}
	
	.links li {
	margin: 10px 10px 10px 10px;
	float:left;
	}
	
	.links li a {
	display: block;
	height:45px;
	text-decoration: none;
	/*padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;*/
	}
/*-------------------------index-links 候選人列表用按鈕--*/
li.navSub01{
	background-image: url(../images/btn_intro_01_o.jpg);
}
li.navSub02{
	background-image: url(../images/btn_intro_02_o.jpg);
}	
li.navSub03{
	background-image: url(../images/btn_intro_03_o.jpg);
}	
/*-------------------------index-links 候選人列表用按鈕--*/
li.navSub01 a{
	width: 246px;
	height:45px;
	background-image: url(../images/btn_intro_01.jpg);
	background-position:top;
	background-repeat: no-repeat;
}	
li.navSub02 a{
	width: 219px;
	height:45px;
	background-image: url(../images/btn_intro_02.jpg);
	background-position:top;
	background-repeat: no-repeat;
}	
li.navSub03 a{
	width: 249px;
	height:45px;
	background-image: url(../images/btn_intro_03.jpg);
	background-position:top;
	background-repeat: no-repeat;
}	


/*-------------------------index-links 候選人列表用按鈕*/
	.links li a:hover {
	background: none;
	}
/*-------------------------index-links 候選人列表用按鈕*/	
	.links li a:active{
	}	
/*-------------------------index-links 系學會--列表用按鈕*/
	.smallBtn {
	width:100%;
	text-align:center;
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	font-size: 85%;
	margin:0 0 20px 0;
	}
	.smallBtn {
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}
	
	.smallBtn ul {
	padding: 0 0 0 25px;
	list-style: none;
	}
	
	.smallBtn li {
	margin: 0 3px 3px 0;
	float:left;
	background-color: #0099FF;
	color: #FFFFFF;
	}
	
	.smallBtn li a {
	display: block;
	width: 88px !important;
	width /**/:110px; /* Windows Internet Explorer 5用的值 */
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF!important;
	text-decoration: none!important;
	background-color: #339ACC;
	border-bottom:none!important;
	}
	
	.smallBtn li a:hover {
	color: #FFFFFF!important;
	background: none;
	}
	.smallBtn li a:active{
	background-color:#996600;
	}
/*----------------------------------------------------------按鈕 跳至頁*/	
	.toTop{
	text-align:right;
	font-size: 85%;
	margin: 0 20px 0 0;
	}
	.toTop{
	text-align: -moz-right; /*-------------------------------------------------------------------------------------for ff*/
	}
	
	
.toTop a{
	display:block;
	width:86px;
	height:26px;
	text-align:center;
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	/* background-image: url(../images/btn_top.jpg); */
/*	text-decoration:none;
	color:#0000FF;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;*/
}
.toTop a{
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}

/*.toTop a:hover{*/
/*	background-image: url(../images/btn_top_o.jpg);*/
/*	}*/

.toTop a:active{
	background-color:#999999;
}
/*----------------------------------------------------------按鈕 下一步*/
.nextStep{
	text-align:center;
	font-size: 150%;
	
}
.nextStep{
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}
	
.nextStep a{
	display:block;
	width:151px;
	height:85px;
	text-decoration:none;
	background:url(../images/btn_next.jpg) no-repeat;
}

.nextStep a:hover{
	background:url(../images/btn_next_o.jpg) no-repeat;
	
}	

.nextStep a:active{
	
}		
		

/*----------------------------------------------------------改選公告*/

#rules{
	background-color:#FFFF95;
	width:718px;
	text-align:left;
	color: #996633;
}

#rules{
text-align: -moz-left; /*-------------------------------------------------------------------------------------for ff*/
}

#rules ol{
	padding:0 0 0 30px;
	list-style:decimal;
}

#rules h1{
	text-align:center;	
}
#rules h1{
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}
	
.bgTop{
	background:url(../images/bg_rules_top.jpg) top left no-repeat;
	width:718px;
	height:54px;
	}
	
.bgBottom{
	background:url(../images/bg_rules_bottom.jpg) top left no-repeat;
	width:718px;
	height:29px;
	}
	
.contentText{
	padding: 0 30px;
	}


/*----------------------------------------------------------候選人列表-table*/
#candidatesList{
	text-align:center;
	color: #996633;
}
#candidatesList{
	text-align: -moz-center;/*-------------------------------------------------------------------------------------forff*/
}

/*-------------------------候選人列表 a (我的影片)*/
	#candidatesList a{
	color: #996633;
	text-decoration:none;
}

#candidatesList a:hover{
	color: #FF6633;
}
#candidatesList a:active{
	color: #FF6633;
}

#candidatesList table{
	text-align:center;
	margin-bottom:15px;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#996633;
	margin-left: 25px;
}
#candidatesList table{
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
}
#candidatesList th{
	/*text-align:center;*/
	height:30px;
	font-size:93%;
	border-bottom:1px solid #996633;
	background-color: #CC9966;
	font-weight:normal;
	color:#FFFFFF;
	/*border-right:1px solid #000000;*/ /*暫時-暫時-暫時*/
}


#candidatesList tr{
	background-color:#FFFFFF;

}

#candidatesList td{
	/*text-align:center;*/
	height:90px;
	vertical-align:middle;
	border-bottom:1px solid #996633;
	/*border-right:1px solid #000000; *//*暫時-暫時-暫時*/
		
}

#candidatesList img{
	height:110px;
	width:82px;

}

/*相片B、姓名C、年齡D、性別E、系級F、影音檔G、政見H、經歷I、圈選欄、候選人別*/
th.titleB, .titleC, .titleD, .titleE, .titleF, .titleG, .titleH, .titleI, .titleJ, .titleK{
	color:#FFFFFF;
	/*color:#764D34;
*/	}

th.titleB{
	width:125px;
	}	
	
th.titleC{
	width:150px;
	}
th.titleD{
	width: 65px;
	}
th.titleE{
	width: 65px;
	}	
th.titleF{
	width:105px;
	}
th.titleG{
	width: 150px;
	}
	
th.titleH{	
	}
th.titleI{
	}
th.titleJ{	
	}
th.titleK{
	}	
	

/*號次*/	
td.numbers{
	width:50px;
	background-color: #996600;
	font-weight: normal;
	font-size: 180%;
	border-right:1px solid #996633;
	color: #663300;
	/* background-image:url(../images/bg_number.jpg); */
	background-repeat:no-repeat;
	background-position: center;
}

td.numbers{
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
	}

/*欄位-姓名*/
td.names{
	font-family:"標楷體";
	font-size:160%;
	font-weight:bold;
	}
	
/*欄位-政見*/	
.statement{
	font-size:90%;
	border-right:1px dotted #FFFFFF;
	border-collapse:collapse;
	text-align:left;
		                /*-------------------------------------------------------------------------------------for ff*/
	padding:10px 10px;
	/* width:405px; width:425px */
	width: 360px !important;
	width /**/:380px; /* Windows Internet Explorer 5用的值 */
	}
.statement ol{
	padding-left:25px;
	}
.statement ol li{
	padding-bottom:5px;
	}
	
.statement ol ul{
	padding:0 0 5px 20px;
	list-style-type:lower-alpha;
	}
.statement ol ul ul{
	padding:0 0 5px 20px;
	list-style-type:lower-roman;
	}	

 /*經歷 靠左*/	
.profile{	
	font-size:80%;
	text-align:left;
	                 /*-------------------------------------------------------------------------------------for ff*/
	padding:10px 10px;
	width:255px !important;
	width /**/:275px;/* Windows Internet Explorer 5用的值 */
	}
	
.profile p{
	padding-bottom:8px;
	}
	

/*----------------------------------------------------------投票&編號*/
td.vote{
	width:135px;
	border-right:1px solid #996633;
}

td.vote a{
	height:100%;
	background-color:#FFFFFF;
	background-image:url(../images/stamp.jpg);
	background-repeat:no-repeat;
	background-position:32px 8px;
	display:block;

}

td.vote a:hover{
	background-image: url(../images/stamp_over.jpg);
	background-repeat:no-repeat;
}

/*
td.vote a:visited{
	background-image: url(../images/stamp_sel.jpg);
	background-repeat:no-repeat;
}
*/


/*----------------------------------------------------------投票steps*/
.steps01, .steps02, .steps03, .steps04{
	width:760px;
	height:116px;
	background:no-repeat center;
	}
/*.steps01{	
	background-image:url(../images/bg_step_01.jpg);
	}

.steps02{	
	background-image:url(../images/bg_step_02.jpg);
	}

.steps03{	
	background-image:url(../images/bg_step_03.jpg);
	}
	
.steps04{	
	background-image:url(../images/bg_step_04.jpg);
	}
*/
/*----------------------------------------------------------其他*/
/*----------------------------------------------------------------------------電子公報*/
#intro{
	height:161px;
	background-image: url(../images/bg_btn.jpg);
	background-position:top;
	background-repeat:no-repeat;
}


h2.titleIntro_01{
	background:url(../images/bg_title_intro_01.jpg) top no-repeat;
}

h2.titleIntro_02{
	background:url(../images/bg_title_intro_02.jpg) top no-repeat;
}

h2.titleIntro_03{
	background:url(../images/bg_title_intro_03.jpg) top no-repeat;
}

h2.titleIntro_04{
	background:url(../images/bg_title_intro_04.jpg) top no-repeat;
}
h2.titleIntro_05{
	background:url(../images/bg_title_intro_05.jpg) top no-repeat;
}
h2.titleIntro_06{
	background:url(../images/bg_title_intro_06.jpg) top no-repeat;
}
h2.titleIntro_07{
	background:url(../images/bg_title_intro_07.jpg) top no-repeat;
}
/*----------------------------------------------------------login頁面*/

#login{
	text-align:center;
	padding:60px 0 100px 0;
	color: #660000;
	}
#login{	
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
}
#login fieldset{
	width:400px;
	border:1px solid #FFFFFF;
	}

#login fieldset ul, fieldset li{
	border:0;
	margin:0;
	padding:0;
	list-style:none;
}

#login fieldset ul{
	padding:10px 0 0 0;

}

#login fieldset li{
	clear:both;
	list-style:none;
	padding-bottom:10px;
}

#login fieldset input{
	float:left;
	border:1px solid #660000;
	background:#FFFFCC;
	color:#660000;
}
#login fieldset label{
	width:100px;
	float:left;
}
#login fieldset button{
	float:left;
	text-align: center;
	margin-left: 80px;
	width: 40px;
}
#login fieldset button{
	text-align: -moz-center; /*-------------------------------------------------------------------------------------for ff*/
}
#login legend{
	color:#FFFFFF;
	}
	
#debug{display:none}	

div#nobodyyet{margin:50px auto}
#elTitle, #elSubTitle{text-align:center}

h3.stdChairman{margin:20px 0px 0px 0px; background-color:#CCC; padding:5px 0px 0px 0px}

/*--CC201503020026.以CSS改寫navSub連結圖片與titleIntro標籤圖片--*/
.title_back{
	float: left;
	font-size: 20px;
	font-family: impact;
	font-weight: bold;
	background-color: #E4AF2B;
	background-image: url(../images/bg_title_intro.jpg);
	background-repeat: repeat-x;
	width: 760px;
	height: 57pix;
    padding-top: 20px;
    padding-bottom: 20px;
}
.title_back span{
	float: left;
	left: -20px;
}
.title{
	background-color: #F5EDE2;
	color: #686765;
	padding: 10px;
}
.title1{
	background-color: #DD2429;
	color: #FFFFFF;
}
.title2{
	background-color: #4770C2;
	color: #FFFFFF;
}
.title_mf{
	margin-left: 20px;
	padding: 10px;
}
.title_mf2{
	padding: 10px;
}
a.title_href{
	display: block;
	height:45px;
	text-decoration: none;
}
a.title_href:hover span{ 
	font-weight: bold;
	box-shadow: 5px 5px 3px #FFFF99;
	-webkit-filter: drop-shadow(5px 5px 5px #FFFF99) contrast(3) saturate(2);
}

.crumbs{
	float: left; 
	list-style: none;
	background-color: #CDFF00;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	width:760px;
	font-size: 13px;
	font-family: impact;
	display: table;
}
.crumbs li {  
	float: left; 
	background: #E6FFFF; 
	color: #5A64A7; 
	text-align: left; 
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 5px;
	min-width: 120px;
} 
.crumbs li.on {  
	background: #7DD600; 
	color: #FFFFFF; 
}
.button-circle {
	float: left;
	position:relative;
	background: #CDFF00;
	background-color: #7DD7FC;
	color: #FFFFFF;
	
	display: inline-block;
	width: 30px;
	height:30px;
	line-height: 30px;
	border-radius: 50%;
	border: 1px solid #eee;
	padding: 5px;
	background:#CDFF00;
	text-align: center;
	font-size: 16px;
	font-family: arial;
	font-style: italic;
	left:-15px;
	bottom: -30px;
}
.inner {
    background: #7DD7FC;
    background-size:cover;
    background-position:center center;
    height: 100%;
    border-radius:50%;
}
.inner-on {
    background: #F500B8;
    background-size:cover;
    background-position:center center;
    height: 100%;
    border-radius:50%;
}
.posit{
	float: left;
	left:-10px;
}