@charset "UTF-8";
/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment

	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% = 17px		|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	184% = 24px
	100% = 13px	|	146.5% = 19px	|	192% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|

=======================================*/

/* -------------------- logo --------------- */
#news {
	margin-top: 50px;
	background-repeat: no-repeat;
 }

#logo {
  margin-top: 140px; }



h3 {
  padding-top: 50px;
  margin-bottom: 50px; }





/*---課程特色內容區--*/
#Characteristic{
	background-color:#FFF;
	}


#Characteristic .LEFT{
	width:20%;
	background-color:#f2f127;
	}
	
#Characteristic .LEFT img{
	margin:50px auto 0 auto;
	}
	
#Characteristic .CONTENT {
	padding-left:30px;
	padding-top:50px;
	}

#Characteristic .CONTENT h2 {
	display:block;
	background-image:url(Characteristic_bigtitle2.jpg);
	width:700px;
	height:150px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:30px;
	background-repeat:no-repeat;
		}
		
#Characteristic .CONTENT p {
  display:block;
  width:700px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family:arial;
  font-size:16px;
  margin-bottom:20px;
  text-align:justify;
   }


/*---課程特色內容區結束----*/




/*---課程資訊內容區--*/

#information{
	background-color:#FFF;
	}

#information .LEFT{
	width:20%;
	background-color:#00a0e9;
	}
	
#information .LEFT img{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
#information .CONTENT {
	padding-left:30px;
	padding-top:50px;
	}

#information .CONTENT h2 {
	display:block;
	background-image:url(information_bigtitle.jpg);
	width:214px;
	height:73px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:30px;
		}
		
#information .CONTENT p {
	display: block;
	width: 450px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-family:arial;
	font-size: 16px;
	margin-bottom: 50px;
   }
   
   
 
   
/*----招生表格開始----*/

#TABLE_BOX{
	margin-top:30px;
	width:700px;
	border:1px solid #09F;
	}

#TABLE01{
	margin:20px 30px;
	background-color:#FFF;
	border:1px solid #CCC;
	font-family:Arial, arial;
	font-size:16px;
	
	}

#TABLE01 td{
	border:1px solid #CCC;
	height:20px;
	line-height:20px;
	}

#TABLE01 .TAB_TITLE{
	font-family:arial;
	font-size:16px;
	color:#000;
	font-weight:bold;
	}

#TABLE01 .TAB_BIGTITLE{
	padding-left:10px;
	padding-top:15px;
	height:50px;
	font-family:arial;
	font-size:22px;
	color: #FFF;
	background-color:#00a0e9;
	font-weight:bold;
	}
	
#TABLE02{
	margin:20px 30px;
	background-color:#FFF;
	border:1px solid #CCC;
	font-family:arial;
	font-size:16px;
	
	}

#TABLE02 td{
	border:1px solid #CCC;
	height:20px;
	line-height:20px;
	padding-left:10px;
	}

#TABLE02 .TAB_TITLE{
	font-family:arial;
	font-size:16px;
	color:#000;
	font-weight:bold;
	}

#TABLE02 .TAB_BIGTITLE{
	padding-left:10px;
	padding-top:15px;
	height:50px;
	font-family:arial;
	font-size:22px;
	color: #FFF;
	background-color:#00a0e9;
	font-weight:bold;
	}


/*---招生表格結束---*/


/*---課程資訊內容區結束----*/




/*---問答內容區--*/

#QA{
	background-color:#FFF;
	}



#QA .LEFT{
	width:20%;
    background-color:#f2f127;
	}
	
#QA .LEFT img{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
#QA .CONTENT {
	padding-left:30px;
	padding-top:50px;
	}

#QA .CONTENT h2 {
	display:block;
	background-image:url(QA_bigtitle.jpg);
	width:325px;
	height:76px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:30px;
		}
		
#QA .CONTENT p {
	display: block;
	width: 450px;
	margin-top: 10px;
	margin-bottom: 30px;
	font-family:arial;
	font-size: 16px;
	margin-bottom: 50px;
   }
   
   
#QA .CONTENT #qaContent {
	width: 700px;
}
#QA .CONTENT #qaContent h3 {
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}
#QA .CONTENT #qaContent h3.qa_group_1 {
	background: url(qa_group_1.gif) no-repeat;
}
#QA .CONTENT #qaContent h3.qa_group_2 {
	background: url(qa_group_2.gif) no-repeat;
}
#QA .CONTENT #qaContent ul.accordionPart {
	
}
#QA .CONTENT #qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	
}
#QA .CONTENT #qaContent ul.accordionPart li .qa_title {
	background: url(http://www.ittraining.com.tw/ittraining/images/102gov/q.png) no-repeat 0px 3px;
	padding-left: 50px;
	color: #1186ec;
	cursor: pointer;
	height: 35px;
}
#QA .CONTENT #qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#QA .CONTENT #qaContent ul.accordionPart li .qa_content {
	margin: 12px 0 0;
	background: url(http://www.ittraining.com.tw/ittraining/images/102gov/a.png) no-repeat 0px 0px;
	padding-left: 50px;
	color: #666;
}
#QA .CONTENT .Q {
	font-size: 16px;
	color: #3691BB;
	
}


/*-----Q&A結束----*/


/*------培訓經驗開始------*/

#EXP{
	background-color:#FFF;
	}


#EXP .LEFT{
	width:20%;
	background-color:#00a0e9;
	}
	
#EXP .LEFT img{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
#EXP .CONTENT {
	padding-left:30px;
	padding-top:50px;
	}

#EXP .CONTENT h2 {
	display:block;
	background-image:url(EXP_bigtitle.jpg);
	width:484px;
	height:76px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:30px;
		}
		
#EXP .CONTENT p {
	display: block;
	width: 250px;
	font-family:arial;
	font-size: 16px;
	text-align: justify;
	margin-top: 20px;
	margin-left: 20px;
	letter-spacing:1px;
	line-height:1.6:;
   }
 
#EXP .CONTENT .work_box {
	width: 690px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family:arial;
	font-size: 16px;
	border:1px solid #09F;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;

   }


/* 照片輪播燈箱1 */
#abgneBlock01 {
		width: 405px;
		height: 241px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock01 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock01 ul.list li {
		float: left;
		width: 405px;
		height: 100%;
	}
	#abgneBlock01 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock01 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock01 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock01 ul.playerControl li.current { 
		background-position: 0 0;
	}

/* 照片輪播燈箱2 */
#abgneBlock02 {
		width: 405px;
		height: 241px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock02 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock02 ul.list li {
		float: left;
		width: 405px;
		height: 100%;
	}
	#abgneBlock02 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock02 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock02 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock02 ul.playerControl li.current { 
		background-position: 0 0;
	}

/* 照片輪播燈箱3 */
#abgneBlock03 {
		width: 405px;
		height: 241px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock03 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock03 ul.list li {
		float: left;
		width: 405px;
		height: 100%;
	}
	#abgneBlock03 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock03 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock03 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock03 ul.playerControl li.current { 
		background-position: 0 0;
	}
   
   
 
   



/*-------培訓經驗結束------*/
   



/*------學員見證開始------*/

#STUDENT{
	background-color:#FFF;
	}


#STUDENT .LEFT{
	width:20%;
	background-color:#f2f127;
	}
	
#STUDENT .LEFT img{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
#STUDENT .CONTENT {
	padding-left:30px;
	padding-top:50px;
	}

#STUDENT .CONTENT h2 {
	display:block;
	background-image:url(student_bigtitle.jpg);
	width:480px;
	height:72px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:30px;
		}
		
#STUDENT .CONTENT p {
	display: block;
	width: 250px;
	font-family:arial;
	font-size: 16px;
	text-align: justify;
	margin-top: 20px;
	margin-left: 20px;
   }
 
#STUDENT .CONTENT .work_box {
	width: 690px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family:arial;
	font-size: 13px;
	border:1px solid #09F;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;

   }
   

   
   
 
   



/*-------學員見證結束------*/







#intro {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  height: 100%;
  width: 100%;
  z-index: 9999; }

#summary {
  position: relative;
  width: 940px;
  margin: 0 auto;
  text-align: center;
  display: none; }

#intro ul {
  position: relative;
  width: 940px;
  margin: 0 auto -30px;
  overflow: hidden; }

#intro ul li {
  display: none;
  margin-bottom: 30px; }

a {
  color: #e61b33;
  text-decoration: underline; }

a:visited {
  color: #e61b33;
  text-decoration: underline; }

a:hover {
  color: #1b41e6;
  /*min-height: 1em; Mac Firefox */
  text-decoration: none; }

html {
  color: #d3dcf2;
  background: url(img/bg.gif) #FFF; } /*背景色*/

body {
  overflow: hidden;
  min-width: 940px;
  background-color:#EFEFEF;
  background-image:url(fancy_deboss.png);
 }

::selection {
  background: #34bdbf; }

.section {
  margin-top: 150px !important; }



.wrapperIn {
  width: 700px;
  margin: 0 auto;
  background-color:#FFF; }
  
.wrapperIn .FLOW{
	background-image: url(../image/class.png);
	width:620px;
	height:310px;
	overflow:hidden;
	margin-bottom:40px;
	}

.wrapperIn .FLOW ul{
	font-family:arial;
	font-size:16px;
	margin-top:200px;
	}

.wrapperIn .FLOW li{
	float:left;
	padding-left:10px;
	width:192px;
	}

/* -------------------- mount --------------- */
#header {
  background-color: #EFEFEF;
  background-image:url(fancy_deboss.png);
  position: relative;
  top: 0;
  left: 0; }

#header p {
  margin-top: 0; }

#mount,
#bgMount {
  margin:0 auto;
   }


#copy {
	position: absolute;
	top: 438px;
	right: 240px;
}

#ttl {
	position: absolute;
	top: 70%;
	left: 40%;
}

/* -------------------- navi --------------- */
#navi {
  z-index: 9998;
  position: fixed;
  top: 50%;
  right: -200px;
  margin-top: -154px; }

#navi li {
  margin-top: 5px;
  position: relative;
  top: 0;
  left: 0;
  height: 27px; }

#navi li#entry {
  height: 55px; }

#navi li#facebook {
  margin-top: 30px;
  /*
  width:147px;
  overflow:hidden;
  */ }

.waypoint {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 27px; }








/* -------------------- vision --------------- */
#vision h2 {
  top: 132px; }

/* -------------------- resources --------------- */
#resources {
  margin-top: 750px !important; }

#resources h2 {
  top: 174px; }

p span {
  border-bottom: 2px solid #e5e333; }

#zu {
  margin-top: -5px;
  margin-bottom: -50px; }

h4 {
  font-size: 138.5%;
  font-weight: bold;
  color: #00a0e9;
  font-family: 細明體;
  margin-bottom: -20px;
  margin-top: 150px; }

.field {
  width: 620px;
  position: relative;
  z-index: 1000; }

#f1, #f3, #f5 {
  margin-left: 80px; }

#f2, #f4, #f6 {
  margin-left: 160px; }

#btn {
  margin-top: 140px;
  margin-left: 80px; }

#m {
  position: relative;
  top: 0;
  left: 0; }

#m li {
  position: absolute;
  top: 0;
  left: 0; }

#m li#m1 {
  left: 616px;
  top: 606px; }

#m li#m2 {
  left: -122px;
  top: 862px; }

#m li#m3 {
  left: 708px;
  top: 1126px; }

#m li#m4 {
  left: -180px;
  top: 1352px; }

#m li#m5 {
  left: 500px;
  top: 1577px; }

/* -------------------- qa --------------- */
#qa {
  margin-top: 300px !important; }

#qa h2 {
  top: 174px; }

.qa {
  width: 620px;
  margin-left: 80px; }

.qa h4 {
  margin-top: 100px; }

/* -------------------- info  --------------- */
	
	.info ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.info #qaContent {
	width: 700px;
}
.info #qaContent h3 {
	width: 500px;
	height: 22px;
	text-indent: -9999px;
}
.info #qaContent h3.qa_group_1 {
	background: url(qa_group_1.gif) no-repeat;
}
.info #qaContent h3.qa_group_2 {
	background: url(qa_group_2.gif) no-repeat;
}
.info #qaContent ul.accordionPart {
	margin: 10px 10px 50px 30px;
}
.info #qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	margin-top: 12px;
}
.info #qaContent ul.accordionPart li .qa_title {
	background: url(http://www.ittraining.com.tw/ittraining/images/102gov/q.png) no-repeat 0px 3px;
	padding-left: 50px;
	color: #1186ec;
	cursor: pointer;
	height: 35px;
}
.info #qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
.info #qaContent ul.accordionPart li .qa_content {
	margin: 12px 0 0;
	background: url(http://www.ittraining.com.tw/ittraining/images/102gov/a.png) no-repeat 0px 0px;
	padding-left: 50px;
	color: #666;
}
.info .Q {
	font-size: 16px;
	color: #3691BB;
	
}

/* -------------------- footer --------------- */
#footer {
  margin-bottom: 300px; }
  
/*------test-------*/

.wrapperIn .people{
	width:350px;
	margin-bottom:30px;
	}

	
.wrapperIn .people h2{
	font-family:arial;
	font-size:20px;
	color:#00a0e9;
	margin-left:60px;
	font-weight:bold;
	margin-top:10px;
	}
	
.wrapperIn .people p{
	width:300px;
	font-family:arial;
	font-size:16px;
	color:#333;
	line-height:1.6;
	text-align:justify;
	}	

.wrapperIn .people .title1{
	background-image:url(image/01.png);
	background-repeat:no-repeat;
	width:300px;
	height:45px;
	}

.wrapperIn .people .title2{
	background-image:url(image/02.png);
	background-repeat:no-repeat;
	width:300px;
	height:45px;
	}
	
.wrapperIn .people .title3{
	background-image:url(image/03.png);
	background-repeat:no-repeat;
	width:300px;
	height:45px;
	}