body
body
{
	/*background-attachment: fixed;*/
	
	/*overflow: hidden;*/ 
	-webkit-text-size-adjust: 100%;
}

.bodyIndex{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;}

/*=======*/
html, body, #wrap
{
    height: auto;header
    /*min-width: 1000px; */
	width: 100%;   
    margin: 0px;
    cursor: default;
	
}
body > #wrap
{
    height: auto;
    min-height: 100%;
	
}
#main
{
    padding-bottom: 0px;
	
}
/* 必須使用和footer相同的高度 */

#content
{
	text-align: center;
/*	width: 80%;
*/	margin: 0 auto;
	width: 1000px;
}

.contentBox
{
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	height: auto;
	
}





#wrap-header{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 603px;
	/*background-image:url(images/bg.jpg);*/
	background-repeat: no-repeat;
	}

#wrap-box{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	
	}
		
	
#wrap-footer{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 57px;
	}

.contentBox2
{
	
	width: 1000px;
	height: 258px;
	background-image:url(images/wrapPBG.png);
	background-repeat:repeat-x;}
	


.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    
}
.clearfix
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}





/*==========================================================HEADER========================================================*/
.logo {
	width: 182px;
	float: left;
	height: 89px;
	margin-left: 10px;
	
}



/*==========================================================MasterPage========================================================*/
.header
{
    width: 1000px;
    height: 603px;
    margin: 0 auto;
	text-align: center;
	float: left;	
}


.subHeader
{
    width: 1000px;
    height: 89px;
    margin: 0 auto;
	text-align: center;
	float: left;	
}

.subCenter
{
    width: 1000px;
    height: auto;
    margin: 0 auto;
	text-align: center;
	float: left;	
}

.centerBox
{
    width: 1000px;
    height: 100%;
    margin: 0 auto;
	text-align: center;
	float: left;	
}





.headerContent
{
	width: 1000px;
	text-align: center;
	float: left;
	margin: 0 auto;
	height: 603px;
	background-image:url(images/index_banner.jpg);
}

.centerBG
{
	width: 1000px;
	text-align: center;
	float: left;
	margin: 0 auto;
	min-height: 1000px;
	background-image:url(images/sub_bg.jpg);
	background-repeat:no-repeat;
}

.OutCon
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
	text-align: center;
	float: left;
    margin-bottom: 0px;
}

.OutCon2
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
	text-align: center;
	float: left;
    margin-bottom: 0px;
	background-color:#ededed;
}

.OutBox
{
    width: 100%;
    /*min-height: 1000px;*/
    margin: 0 auto;
	text-align: center;
	float: left;
	background-image:url(images/headerBg2.jpg);	
}

.InBox
{
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 auto;
	/*min-height: 1000px;*/
}
.footer
{
    width: 100%;
    height: 57px;
    margin: 0 auto;
	text-align: center;
	float: left;
	
}

.footerContent
{
	width: 100%;
	text-align:center;
	float: left;
	margin: 0 auto;
	height: 57px;
	background-image:url(images/index_footer.jpg);
	background-repeat:repeat-x;}
	
	


.FL{float: left;}

.LColumn {float:left; width: 195px; height: 650px; margin-left: 27px; background-image:url(images/btnBg4.png); background-repeat:repeat-y;}
.LColumn2 {float:left; width: 195px; height: 720px; margin-left: 27px; background-image:url(images/btnBg5.png); background-repeat:repeat-y;}
.LColumn3 {float:left; width: 195px; height: 900px; margin-left: 27px; background-image:url(images/btnBg6.png); background-repeat:repeat-y;}

.mTTL{float:left; width: 650px; text-align:left; margin-left: 50px;}
.mTTL3{float:left; width: 650px; text-align:center; margin-left: 200px;}
.mTTL0{float:left; width: 650px; text-align:left; }
.mTTL2{float:left; width: 640px; text-align:left; }
.mTTL1{float:left; width: 650px; text-align:right; }
.mImg{float:left; width: 650px; text-align:center; margin-left: 50px; margin-top: 15px;}
.mImg2{float:left; width: 650px; text-align:center; margin-left: 50px; margin-bottom: 15px;}
.mImg3{float:left; width: 650px; text-align:center; margin-left: 50px; margin-bottom: 15px; margin-top: 15px;}
.mImg0{float:left; width: 650px; text-align:center; }

/*==========================================================INDEX========================================================*/

.indexTxt  
{
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; color: #0088a6; font-size: 14px; line-height: 24px; margin-top: 360px; margin-left: 70px;
}

.footerTxt  
{
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; color: #9f9f9f; font-size: 13px; text-decoration: none;
}

.cntTxt  
{
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; color: #3c3c3c; font-size: 14px; line-height: 24px;  margin-left: 20px;
}

.cntTxt2  
{
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; color: #3c3c3c; font-size: 14px; line-height: 24px;  margin-left: 10px;
}

.nbTxt  
{
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; color: #9f9f9f; font-size: 13px; text-decoration: none;
}

.nbTxt:hover
{
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; color: #9f9f9f; font-size: 13px; text-decoration: underline;
	
}


/*==========================================================Activity========================================================*/


.pBG{float:left; width: 200px; height: 200px; background-image:url(images/activity/frame.png);}

.pImg{float:left; width: 200px; margin-top: 15px; }

.pTxt{float: left; width: 200px; margin-top: 15px;}

/*====ticket====*/

.line { width:650px; border:#ccc solid 1px;border-collapse:collapse; background:#fff;}

.line td { border-right:#ccc solid 1px;border-bottom:#ccc solid 1px; font-family: 微軟正黑體; color: #3c3c3c; font-size: 13px; }

.mImg4{float:left; width: 650px; text-align:center; margin-bottom: 15px; }

.speech { font-family: 微軟正黑體;}

.contentword {margin:0 50px; text-align:left;}


/*=====people====*/

.activity {
    float:left; padding-top: 40px; padding-left: 80px; 
}

.download {
   float:left; padding-top: 210px; padding-left: 60px; /*padding-left: 60px;*/
}

.survey {
    float:left; padding-top: 210px; padding-left: 140px; *padding-left: 20px;
}

.remind {
    float:left; padding-top: 20px; padding-left: 110px; *padding-left: 110px;
}


/****收合選單****/

.title .left { margin-bottom: 10px; border:none; width:218px; padding:0; margin-left:0 auto; margin-right:0 auto;}
.title .left ul { padding:0; margin:0;list-style:none;}
.title .left ul li { text-align:center;}
.title .left ul li a { font-size:13px; text-decoration:none; display:block; height:36px;}
.title .left ul li a:hover, .title .left ul li a.selected { color:#fff;font-weight:bold;}
.title .left ul li.child {display:none; width:187px; border-top:#91dbfe solid 1px;margin:0 auto;}
.title .left ul li.child a img{border-left:#91dbfe solid 1px;border-right:#91dbfe solid 1px;border-bottom:#91dbfe solid 1px; }
.title .left ul li.child a:hover, .title .left ul li.child a.selected {color:#fff;}
.title .left ul li > img {margin: 0; padding: 0; clear: both;}