@charset "utf-8";
@import url("style2.css");

/* CSS Document */
img {border:0;}
body{
background-image: url(../image/tempImage/bg.jpg);
background-repeat: repeat-x;
font-size:12px;
color:#727272;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
line-height:170%;
}

small{
	font-size:11px;
	color:#999999;
}
select{
border:0px;
}

chechbox{
border:0px;
}



.txt{
font-size:12px;
color:#727272;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:170%;
}

.txt_org{
	font-size:12px;
	color: #ff6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:170%;
}

.txt_org_present{
font-size:15px;
color: #FF6600;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:50px;
}

ul,ol,li{
padding:0px;
margin:0px;
}

a{
color:#333333;
text-decoration:none;
}

a:hover{
color:#FF6600;
text-decoration:underline;
}

/*---首頁-------------------------------------------------------------------------------------------------------------------*/
#container{
	background-image: url(../image/tempImage/container_bgB.jpg);
	background-repeat:no-repeat;
	width:900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 68px;
	padding-bottom: 0;
	padding-left: 68px;
}

#content{
width:900;
}

#header{
	height: 62px;
}



#mainVisual{
clear:both;
height:318px;
width:900px;
}


/*MENU-------------------------------------------------------------------------------------------------------------------------*/
.menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
height:42px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
display:block;
width:100px;
height:43px;
float:left;
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:100px;
height:43px;
color:#fff;
/*border:1px solid #fff;
border-width:1px 1px 0 0;*/
background:#000;
line-height:42px;
font-size:11px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
background-image:url(../image/tempImage/menu_li_over.jpg);
background-repeat:no-repeat;
color:#fff;
/*background:#ff6100;*/
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block;
width:100px;
height:43px;
position:absolute;
/*top:31px;
left:0;
width:105px;*/
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block;
background-image:url(../image/tempImage/menu_li2_bg.jpg);
background-repeat:no-repeat;
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
/*background:#dfc184;*/
background-image:url(../image/tempImage/menu_li2_over_bg.jpg);
background-repeat:no-repeat;
color:#fff;
}


/*MENU END-----------------------------------------------------------------------------------------------------------------*/

#category {
	color:#FFFFFF;
	font-size:12px;
	line-height:20px;
	padding-top: 3px;
}
#category  a:link {
	color:#FFF;
	text-decoration: none;	
}
#category  a:visited {
	color:#FFF;
	text-decoration: none;	
}
#category  a:hover{
color:#000;

}
#category  a:action{
color:#000;

}
#banners{
background-image:url(../image/index/3banner_bg.png);
 background-repeat:no-repeat;
padding:7px 5px 0px 5px; 
/*稍微加高高度，讓opera看banner可以露出底部*/
height:172px;
}

#bottomBanner{
	background-image:url(../image/index/bottomBanner_bg.png);
	background-repeat:no-repeat;
	height:310px;
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 8px;
	padding-left: 7px;
}

/*首頁banner*/

.fbanner1
{
	margin-left:1px;
}

.fbanner2
{
	margin-left:10px;
	*margin-left:14px;
}

.fbanner3
{
	margin-left:10px;
	*margin-left:14px;
}

#footer{
/*clear:both;*/
background-image:url(../image/tempImage/footer.gif);
background-repeat:no-repeat;
height:60px;

}

/*sign up--------------------------------------------------------------------------------------------------------------------*/

#titleBg{
	background-image:url(../image/signUp/title_bg.png);
	background-repeat:no-repeat;
	height:260px;
	padding-top: 9px;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}

#titleBg_middle{
background-image:url(../image/signUp/middle_bg.png);
background-repeat: repeat-y;
padding:0;
/*height:312px;*/
}


#titleBg_bottom{
background-image:url(../image/signUp/bottom_bg.png);
background-repeat: no-repeat;
/*padding:9px 7px ;*/
height:22px;
}


#title{
margin:50px;
}

.txtBig{
font-size:15px;
}
/*活動報名下方三選項*/
#nav{
padding:0px;
margin:0px;
height:50px;
}

#nav_bt{
	display:block;
	height:50px;
	width:296px;
	font-size:15px;
	list-style-type:none;
	float:left;
	line-height: 50px;
}

#nav_bt a{
display:block;
height:50px;
width:296px;
padding:0;
margin:0px;
list-style-type:none;
background-image:url(../image/signUp/bt_a.jpg);
}

#nav_bt a:hover{
	display:block;
	text-decoration:none;
	height:50px;
	width:296px;
	padding:0;
	margin:0px;
	list-style-type:none;
	background-image:url(../image/signUp/bt_over.jpg);
	background-repeat: no-repeat;
}


/*該單元按鈕*/
#nav_bt_present{
float:left;
display:block;
text-decoration:none;
height:50px;
width:296px;
padding:0 ;
line-height:50px;
font-size:15px;
margin:0px;
list-style-type:none;
text-decoration:none;
background-image:url(../image/signUp/bt_over.jpg);
color:#FF6600;
}
#nav_bt_present a{
	height:50px;
width:296px;
	display:block;
	color:#FF6600;
	text-decoration: none;	
	}

/*--------------------------*/
/**
為tips頁面，另加一組同名稱的class
原本的id位置要用來當作js抓取的目標
**/
/*--------------------------*/
.nav_bt{
	display:block;
	height:50px;
	width:296px;
	font-size:15px;
	list-style-type:none;
	float:left;
	line-height: 50px;
}

.nav_bt a{
	display:block;
	height:50px;
	width:296px;
	padding:0;
	margin:0px;
	list-style-type:none;
	background-image:url(../image/signUp/bt_a.jpg);
}

.nav_bt a:hover{
	display:block;
	text-decoration:none;
	height:50px;
	width:296px;
	padding:0;
	margin:0px;
	list-style-type:none;
	background-image:url(../image/signUp/bt_over.jpg);
	background-repeat: no-repeat;
}


/*該單元按鈕*/
.nav_bt_present{
	float:left;
	display:block;
	text-decoration:none;
	height:50px;
	width:296px;
	padding:0 ;
	line-height:50px;
	font-size:15px;
	margin:0px;
	list-style-type:none;
	text-decoration:none;
	background-image:url(../image/signUp/bt_over.jpg);
	color:#FF6600;
}

.nav_bt_present a{
	height:50px;
	width:296px;
	display:block;
	color:#FF6600;
	text-decoration: none;	
}

/*--------------------------*/

#form{
padding:30px 50px 0px 50px;
 }
 
 
 #form2{
padding:0px 50px 0px 50px;
 }

 
 /*文字表單*/
 
input{
	 border:2px #FFFFFF  solid;
 background-color:#e5e5e5;
 padding-left:5px;
 padding-top:3px;
 padding-bottom:3px;
 }
 
 .textfield{
	background-color:#e5e5e5;
	color:#333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #0C6;
	border-right-color: #0C6;
	border-bottom-color: #0C6;
	border-left-color: #0C6;
 }
 
 #profile{
	color:#333333;
	width:385px;
	background-color:#f2f2f2;
	padding:10px 5px 10px 5px;
 }
 
 
 #profile input{
 border:2px #FFFFFF  solid;
 background-color:#e5e5e5;
 font-size:12px;
 color:#333333;
 padding-left:5px;
 padding-top:3px;
 padding-bottom:3px;
 }
 
 
 #profile select{
	border:2px #FFFFFF  solid;
	background-color:#e5e5e5;
	font-size:12px;
 }
 
 #profile checkbox{
 border:0px;
 background-color:#f2f2f2;
 font-size:12px;
 }
 
 .item{
 color:#333333;
 font-weight:bold;
 }
 
 
 #ok_bg{
 color:#333333;
width:760px;
 background-color:#f2f2f2;
 padding:10px 0px 10px 40px;
 }


 #ok_bg input{
  border:2px #FFFFFF  solid;
 background-color:#e5e5e5;
 font-size:12px;
 color:#333333;

 padding:3px 0px 3px 0px;
 }
 
 /*活動辦法*/
 #rule{
 }
 
 #rule ol,ul{
 padding-left:20p;
 }

#rule li{
 padding-left:20p;
 }
 
/*------------------------------------------new templetes--------------------------------------------------------------------------*/ 
#NtitleBg{
	background:url(../image/tempImage/N_title_bg.png);
	background-repeat:no-repeat;
	height:7px;
	
}

#NtitleBg_middle{
	background-image:url(../image/tempImage/Nmiddle_bg.png);
	background-repeat: repeat-y;
	padding:0px 6px 0px 6px;
	

/*height:312px;*/
}


#NtitleBg_bottom{
background-image:url(../image/tempImage/Nbottom_bg.png);
background-repeat: no-repeat;
/*padding:9px 7px ;*/
height:22px;

}

/*news--------------------------------------------------------------------------------------------------------------------*/

#Nform{
float: left ;
	background-image:url(../image/news/news_bg.jpg); 
	background-repeat:no-repeat;
    padding:0px 50px;
	width:800px;
	}
 
#Ncontents  {
	font-family: Verdana, Geneva, sans-serif;
	width:530px;

	
	
	
}
#Ncontents ul {
list-style: none;
}
#Ncontents li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#Ncontent_inside  {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	padding-bottom: 30px;
}
#Ncontent_inside ul {
list-style: none;
}
#Ncontent_inside li {
padding: 0px 0 5px 0;

}
#Nlist{
	padding-bottom: 30px;

}
#Nlist ul {
	 
	list-style: none;
}
#Nlist li {
	padding-top:14px;
	padding-bottom:0px;
	



	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#Nlist li a{
	float:left;
	}
#Ndate{
	float:right;
	
		}
.more a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fc7d2d;
	text-decoration: none;
}
.more a:hover{
	color: #333333;
}
.title_color {
	font-size:15px;
	color:#333333;
}
/*----------------------------------------------學長姐tips----------------------------------------------------------------------*/
#Sform{
	background-image:url(../image/tips/tips_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	
	}
#Snav_txt{
	padding-top:10px;
	
	line-height:18px; 
	text-align:left; 
	padding-left:80px;
	}
	
	#Snav_stxt{
		font-size:11px;
		color:#999;
	
	line-height:18px; 
	text-align:left; 
	padding-left:80px;
	}

#sub_nav{
	height: 59px;
	padding-top: 20px;	
	}
#sub_bt{
	background-image:url(../image/tips/sub.jpg);
	background-repeat:repeat-x;
	height: 39px;
	width:296px;
	display:block;
	font-size:13px;
	float:left;
	padding-top:20px;
	text-align:center;
	line-height: 39px;
}
#sub_bt a{
	
	height: 39px;
	width:296px;
	display:block;
	color: #FFF;
	text-decoration: none;
	
	}
	
#sub_bt a:hover{
	
	height: 39px;
	width:296px;
    display:block;
	color: #000;
	
	
	}
#sub_nav_present{

	background-image:url(../image/tips/sub_sit.jpg);
	background-repeat:repeat-x;
	height: 39px;
	width:296px;
	display:block;
	font-size:13px;
    float:left;
    padding-top:20px;
    line-height: 39px;
	text-align:center;
			
		}
	
#sub_nav_present a{
	
	height: 39px;
	width:296px;
	display:block;
	color: #FFF;
	text-decoration: none;
	
	}
	
#sub_nav_present a:hover{
     
    height: 39px;
	width:296px;
    display:block;
	color: #000;
	
	}	
	
	#Scontents{
	
		
		}

	#preson{
	float:left;
	width:236px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	
   }
#preson ul li {
	
	list-style-type: none;
	}
#Sform_right{
	
	
	float:right;
	padding:30px 41px 0px 41px;
	width: 212px;
	
	}
	#Sform_left{
		
		float:left;
        padding:30px 50px 0px 50px;
	width: 490px;

	
	
	}
*+html  #r_bg {background-image:url(../image/tips/r_bg.jpg);
	background-repeat:repeat-y;
	background-position:right;
	}
* html #r_bg{
	
	background-image:url(../image/tips/r_bg.jpg);
	background-repeat:repeat-y;
	background-position:right;
	float:left;
}
#r_bg{
	
	background-image:url(../image/tips/r_bg.jpg);
	background-repeat:repeat-y;
	background-position:right;
	
}


		#Slist{
	padding-bottom: 30px;

}
#Slist ul {
	 
	list-style: none;
}
#Slist li {
	padding-top:14px;
	padding-bottom:0px;
	



	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/*----------------------------------------------入選認證---------------------------------------------------------------------*/

#actform{
background-image:url(../image/actStep/actStep_bg.jpg);
background-position:top;
background-repeat:repeat-x;
height:100%;
}
	
#step ul {
padding:0;
margin:0;
list-style-type: none;
}

#step ul li {
background:url(../image/actStep/step_bg.gif) no-repeat;
display:block;
width:222px;
height:100px;
float:left;
position:relative;
text-align:center;
padding-top:10px;


}

#step .li1-1 {background-position:0 0px;
color:#F60;
font-size:14px;}
#step .li1-2  {background-position:0px -220px;
color:#F60;
font-size:14px;}
#step .li2-1 {background-position:-222px 0px;
color:#999;}
#step .li2-2  {background-position:-222px -110px;
color:#F60;
font-size:14px;}
#step .li2-3 {background-position:-222px -220px;
color:#F60;
font-size:14px;}
#step .li3-1 {background-position:-444px 0px;
color:#999;}
#step .li3-2  {background-position:-444px -110px;
color:#F60;
font-size:14px;}
#step .li3-3 {background-position:-444px -220px;
color:#F60;
font-size:14px;}

#ok_form{
color:#333333;
width:748px;
background-color:#f2f2f2;
padding:20px;
}

#table_color{
color:#333333;
background-color:#f2f2f2;
}