/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000; outline:none;}
body			{font-size:0.625em; background:#f3f3f3}
body			{font-size:0.625em; /*background:url(../images/Background_03.jpg)  no-repeat scroll 50% 0 transparent;*/ background-attachment:fixed}
a				{color:#000; text-decoration:underline}
a:hover			{text-decoration:none; color:#000;}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#000; border:#cbcbcd solid 1px; font-size:1em;}
input {padding:1px 0 2px 3px; color:#000; height:14px;}
h1{}
h2, h3,h4{font-size:1.5em;}
img, fieldset{border:0}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{border-collapse:separate; border-spacing:0; margin:0;}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:15px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#container{width:970px; padding:0; margin:0 auto; font-size:1.2em; background:#fff; padding:0 15px;}


	/*********logo cu: url(../images/logo.gif) 0 15px*********/
	/*url(../images/BannerChungchiso_11.jpg) no-repeat;*/
	#header{width:970px; height:118px; font-size:0.92em; background:url(../images/logo.gif) 0 15px no-repeat; background: url(/templates/green/images/holiday/chungchisobanner31122025.png) no-repeat; }
	/*.headerInfo{width:100%; overflow:hidden; padding:5px 0 0 0; height:79px}*/
	/*#header{width:970px; font-size:0.92em; }*/
		/*.headerInfo{width:100%; overflow:hidden; padding:5px 0 0 0}*/
		/*.headerInfo{width:100%; overflow:hidden; padding:5px 0 0 0}*/
		
		/*#header{width:970px; font-size:0.92em; }*/
		.headerInfo{width:100%; overflow:hidden; padding:5px 0 0 0}
			.headerInfo h1{display:block; float:right;}
			.headerInfo .title{display:inline; float:none; font-size:0.9em; font-weight:normal; padding:3px 0 0 0}

		.headerInfo div{float:right; padding:3px 0 0 0}
			.headerInfo div ul{padding:0 0 20px 0;}
			.headerInfo div li{display:inline; padding:0 14px; background:url(../images/bgd_lineNav.gif) 100% 50% no-repeat;}
			.headerInfo div li.last{padding-right:0; background:none}
			.headerInfo div li a{text-decoration:none;}
			.headerInfo div li a:hover{color:#000; text-decoration:underline}
			.headerInfo div form{text-align:right}
			.headerInfo div input{width:160px;}
			.headerInfo div input.btn{width:63px; height:20px; border:none; padding:0; margin:0; background:url(../images/btnSearch.gif) 0 0 no-repeat; color:#fff; cursor:pointer;}
		
		/******************/	
		#nav{width:965px; background:url(../images/bgd_nav.gif) 0 0 no-repeat; padding:0 0 0 5px; height:34px;}
			#nav ul{}
			#nav li{display:block; float:left; background:url(../images/bgd_lineNav1.gif) 100% 6px no-repeat; padding:0 2px 0 0;}
			#nav li a{display:block; font-size:1.091em; color:#fff; font-weight:bold; padding:7px 18px 7px 20px; line-height:16px; text-decoration:none;}
			#nav li.menu a{padding-right:10px;}
			#nav li.menu a span{background:url(../images/ico_arrow.gif) 100% 6px no-repeat; display:block; padding:0 18px 0 0; color:#fff}
			#nav li a:hover{background:url(../images/bgd_navActive.gif) 0 0 repeat-x; color:#000}
			#nav li.last{background:none}
			#nav li.current a{background:url(../images/bgd_navActive.gif) 0 0 repeat-x; color:#000}
			#nav li.current a span{color:#000}
			#nav li.menu a:hover span{color:#000}
			#nav li.menu ul{width:180px; background:#61b2cf; position:relative; z-index:9999; top:-1000px; left:0}
			#nav li.menu ul li{float:none; padding:0; background:none;}
			#nav li.menu ul li a{color:#000; font-weight:normal; padding:5px 15px; background:none; width:150px; border-bottom:#89d0e4 solid 1px; display:block}
			#nav li.menu ul li a:hover{background:#319fc9; color:#fff;}
			
			#nav li.menu ul li.last a{border:none;}
			
			#nav .wrapper {visibility:hidden; width:180px; overflow:hidden; position:absolute; top:90; left:0;  z-index:9998;}

			ul.submenu2{padding:0; width:180px; background:#319fc9; position:absolute; top:-1000px;left:180px;z-index:99999}
			ul.submenu2 li a{line-height:16px;background:none;color:#000; font-weight:normal; padding:5px 15px; background:none; width:150px; border-bottom:#89d0e4 solid 1px; display:block; text-decoration:none; font-size:1.2em;}
			ul.submenu2 li a:hover{color:#fff;}
			ul.submenu2 li a:hover{background:#61b2cf;}
			#nav li.menu .submenu2 .current2{background-color:#319fc9; color:#fff;}
			#nav li.menu .submenu2 ul{display:none;width:180px; background:#319fc9; position:absolute; top:-1000px;left:180px;z-index:99999}
			#nav li.menu .submenu2 a{background:url(../images/ico_arrow_3.gif) 96% 50% no-repeat; }
			#nav li.menu .submenu2 li a{background:none}
			#nav li.menu .submenu2 a:hover{background:#319fc9 url(../images/ico_arrow_3.gif) 96% 50% no-repeat;}
						
	/******************/
	#main{width:970px; padding:20px 0 20px 0; overflow:hidden}
	
	/******************/
	#lev{width:180px; float:left; margin:0 14px 0 0;  font-size:0.92em;}
		#lev h2{background:#59b1d3 url(../images/bgd_title.gif) 0 0 no-repeat; color:#fff; font-size:1.273em; padding:6px 6px 6px 10px; line-height:17px; margin:0 0 4px 0}
		.levInfo{width:100%; background:url(../images/bgd_lev.gif) 0 100% no-repeat; padding:0 0 5px 0; margin:0 0 10px 0}
			.levInfo ul{padding:0 10px;}
			.levInfo li{background:url(../images/bgd_lineLev.gif) 0 100% repeat-x; padding:0 0 2px 0}
			.levInfo li a{display:block; background:url(../images/ico_arrow_1.gif) 0 10px no-repeat; padding:6px 0 6px 10px; text-decoration:none; width:150px;}
			.levInfo li a:hover{text-decoration:underline; color:#000}
			.levInfo li.last{background:none; padding:0;}
			.levInfo li.last a{padding-bottom:0}

			#lev .levInfo p{padding:0 10px; font-size:0.91em}
			#lev .levInfo center{padding:5px 0 5px 0;}			
		
		/******************/
		#lev p{padding:0 0 0 40px;}
		#lev p a{background:url(../images/ico_contact.gif) 0 0 no-repeat; color:#000; padding:8px 0 8px 38px; line-height:18px; font-size:1.64em; text-decoration:none; display:block}
		#lev p a:hover{text-decoration:underline}
	
	/******************/
	#context{width:180px; float:right}
		
		/******************/
		.news{width:100%; background:url(../images/bgd_info1.gif) 0 100% no-repeat; padding:0 0 12px 0; margin:0 0 12px 0}
			#context h2{background:#59b1d3 url(../images/bgd_title.gif) 0 0 no-repeat; color:#fff; font-size:1.273em; padding:6px 6px 6px 10px; line-height:17px; margin:0 0 12px 0}
			.news ul{padding:0 10px;}
			.news li{display:block; background:url(../images/ico_arrow_2.gif) 0 6px no-repeat; padding:0 0 0 10px; margin:0 0 6px 0}
			.news li a{text-decoration:none;}
			.news li a:hover{text-decoration:underline}
			.news p{text-align:right; padding:0 10px}
			
		/******************/
		.contactInfo{width:100%; background:url(../images/bgd_contact.gif) 0 100% no-repeat; padding:0 0 12px 0; margin:0 0 12px 0;}
			.contactInfo p{padding:0 10px; font-size:0.91em}
			.contactInfo center{padding:5px 0 5px 0;}
		
		/******************/
		.adv{width:100%;}
			.adv p{text-align:center; margin:0 0 12px 0}	
		
		
	/******************/
	#content{width:582px; float:left;}
		#content h2{color:#000; font-size:1.67em; margin:0 0 18px 0}
		#content h3{font-size:1.167em; margin:0 0 10px 0}
		
		/******************/
		#content .breadcrumb{width:100%; overflow:hidden; padding:0 0 20px 0; font-size:0.92em;}
			#content .breadcrumb li{display:block; float:left; padding:0 2px; color:#666; background:none}
			.breadcrumb li a{text-decoration:underline; color:#666;}
			.breadcrumb li a:hover{text-decoration:none; color:#666}
		#content p{padding-bottom:10px; text-align:justify}
			#content ul{padding:0 10px;}
			#content li{background:url(../images/ico_arrow_1.gif) 0 10px no-repeat; padding:4px 0 4px 10px}		
		
		/******************/
		.banner{padding:4px 0}
			.banner img{display:block;}

	/******************/
	.contType{width:582px; overflow:hidden;}
		.contType .last{margin:0}
		.infoType{width:184px; float:left; background:url(../images/bgd_bottomInfo.gif) 0 100% no-repeat; padding:0 0 10px 0; margin:0 15px 0 0}
			.infoType h3{background:#7f7f7f url(../images/bgd_h3.gif) 0 0 no-repeat; color:#fff; font-size:1.167em; padding:6px 6px 6px 10px; line-height:17px;}
			.infoType div{padding:0 6px 0 10px;}
			.infoType div p{padding:0 0 7px 0}
			.infoType .btn{text-align:center; padding:8px 0 16px 0;}
			.infoType ul{}
			.infoType li{display:block; background:url(../images/ico_li.gif) 0 6px no-repeat; padding:0 0 0 12px; margin:0 0 5px 0}
			.infoType li a:hover{text-decoration:underline; color:#057bac;}
	
	
	/******************/
	#footer{width:970px; border-top:#e0e0e0 solid 2px; padding:20px 0; text-align:center; font-size:0.92em}
		#footer ul{}
		#footer li{display:inline; padding:0 10px; color:#666; background:url(../images/bgd_lineFooter.gif) 100% 50% no-repeat}
		#footer li.last{background:none}
			#footer li a{color:#666; text-decoration:none;}
			#footer li a:hover{text-decoration:underline; color:#666}
			
/******************/
	.homepage2 .headerInfo div input.btn{background:url(../images/btnSearch_1.gif) 0 0 no-repeat;}

	/******************/
	.homepage2  #nav{background:url(../images/bgd_nav1.gif) 0 0 no-repeat;}
		.homepage2  #nav li{background:url(../images/bgd_lineNav2.gif) 100% 6px no-repeat;}
		.homepage2  #nav li a:hover{background:url(../images/bgd_navActive1.gif) 0 0 repeat-x;}
		.homepage2  #nav li.current a{background:url(../images/bgd_navActive1.gif) 0 0 repeat-x;}
		.homepage2 #nav li.current ul li a{background:none}
		.homepage2 #nav li.menu ul{background:#a5d272;}
		.homepage2 #nav li.menu ul li a{border-bottom:#81b752 solid 1px;}
		.homepage2 #nav li.menu ul li a:hover{background:#62b925; color:#fff;}
	
	/******************/ 
	.homepage2 #context h2{background:#5aab21 url(../images/bgd_title1.gif) 0 0 no-repeat;}
	.homepage2 #lev h2{background:#5aab21 url(../images/bgd_title1.gif) 0 0 no-repeat;}
	.homepage2 .infoType li a:hover{color:#44990a;}
	.homepage2 .news{width:100%; background:url(../images/bgd_info2.gif) 0 100% no-repeat;}

#selection{background: url(../images/bgd_info_04.gif) 0 100% no-repeat; width:582px;  padding:0 0 9px 0; margin:0 0 20px 0}
	.questions{background: url(../images/bgd_info_03.gif) 0 0 no-repeat; width:562px; padding:15px 20px 5px 10px; margin:0}	
	
	/***************Form****************/
.formType{padding:0 30px;}
	.formType p{width:100%; overflow:hidden; display:block; margin:0 0 0 0}
	.formType label{width:120px; display:block; float:left; margin:0 0 0 0;}
	.formType input{float:left; width:250px;}
	.formType .file{float:left; width:255px;}
	.formType textarea{width:247px; height:100px; padding:2px 1px 1px 2px;}
	.formType .checkType{padding:0 0 0 10px; width:100%; float:left;}
	.formType .checkType label{width:auto; margin:0 10px 0 0;}
	.formType .checkType input{width:13px; height:13px; border:none; padding:0; margin:0 5px 0 0;}
	.formType .btn{padding:0 0 0 130px; width:75%;}
	.formType .btn input{width:90px; margin:0 10px 0 0; height:30px; border:none; background:url(../images/bgd_btn_02.gif) 0 0 no-repeat; color:#fff; font-weight:bold; cursor:pointer}
	.formType .error{color: #FF0000}	

	.formType table {width: 100%; border:1;}
		.formType th {height: auto; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; border-left:#000000 solid 1px; padding:5px; text-align:center}
		.formType td {height: auto; border-bottom:#000000 solid 1px; border-left:#000000 solid 1px; padding:5px; text-align:center}
		.formType .right {height: auto; min-height: 20px; border-bottom:#000000 solid 1px; border-right:#000000 solid 1px; padding:5px}
		
.formType .checkType2{padding:0 0 0 10px; width:100%;}
    .formType .checkType2 label{width:90%; margin:0 10px 0 0;}
    .formType .checkType2 input{width:13px; height:13px; border:none; padding:0; margin:0 5px 0 0;}
.paging{width:100%; overflow:hidden; text-align:center; background:#fff}
		#content .paging ul{ float:inherit}
	.hidden { display:none}

/**************happy new year*************/
#popup{width:600px; z-index:9999; left:25%; top:20%; background:#fff; border:#e9b213 solid 4px; padding:15px; position:absolute;}
	#popup h1{text-align:center; padding:0 0 20px 0}
	#popup h2{color:#000; font-size:20px; text-transform:uppercase; padding:0 0 20px 0; font-weight:bold; text-align:center}
	#popup p{padding:0 0 10px 0; font-size:12px;}
	#popup .text{text-align:center; font-weight:bold;}
	#popup .btnClose{float:right}