@charset "utf-8";
/* CSS Document */
.copyright{
	width: 900px;
	height: 60px;
	background-image: url(../images/copyrightbg.png);
	margin: 0 auto;
	color: #4D4D4D;
	font-size: 10pt;
	float: left;
	line-height: 60px;
	text-align: center;
	}
.htit{
	width: 900px;
	margin: 0 auto;
	}

/*分頁*/
.page{
	width: 680px;
	height: 25px;
	line-height: 25px;
	margin: 10px 10px 10px 10px;
	float: left;
	text-align: center;
	color: #831F33;
	}	
	
.page a:link{color: #831F33;text-decoration: none;}
.page a:hover{ color: #831F33; text-decoration:underline;}
.page a:visited { color:#831F33;}
.page a:active{ color:#831F33;}

.htitCSS{
	    background-color: #F9225A;
    color: #FFFFFF;
    font-family: "華康儷中黑";
    font-size: 16pt;
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	}

/*回首頁*/
.backindex{
	height: 20px;
	line-height: 20px;
	font-size: 11pt;
	color: #BB2C02;
	font-weight: bold;
	text-align: right;
	font-family: "微軟正黑體";
	width: 900px;
	margin: 0 auto;
	}
	
.backindex a:link {
	color: #BB2C02;
	text-decoration: none;
}
.backindex a:visited { color:#BB2C02; text-decoration:none;}
.backindex a:hover { color:#BB2C02; text-decoration:none; cursor:hand;}
.backindex a:active { color:#BB2C02; text-decoration:none;}


.body{
background: #cdeb8b; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8b 0%, #cdeb8b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8b), color-stop(100%,#cdeb8b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdeb8b 0%,#cdeb8b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdeb8b 0%,#cdeb8b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdeb8b 0%,#cdeb8b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cdeb8b 0%,#cdeb8b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8b', endColorstr='#cdeb8b',GradientType=0 ); /* IE6-9 */


}
.txt-c{
	width: 700px;
	border-bottom: 1px solid #355C01;
	color: #355C01;
	font-weight: bold;
	margin-top: 10px;
	height: 30px;
	}
.txt-c1{
	width: 700px;
	border-bottom: 1px solid #E34A00;
	color: #E34A00;
	font-weight: bold;
	margin-top: 10px;
	height: 30px;
	}
	
/*menu+內容區*/
.menu-c{
	width: 900px;
	float: left;
	background-color: #EBF8D1;
	-moz-box-shadow: 1px  1px  9px  #424242;
	-webkit-box-shadow: 1px  1px  9px  #424242;
	box-shadow: 1px  1px  9px  #424242;
	padding-bottom: 10px;
	padding-top: 10px;
	}

/*中間內容大框*/
.big-c{
	width: 900px;
	margin: 0 auto;
	/* [disabled]height: 1130px; */

	}

.S-big-c{
	width: 900px;
	margin: 0 auto;
	background-color: #C1D3FF;


	}
	
.W-big-c{
	margin: 0 auto;
	/* [disabled]background-color: #C1D3FF; */
	width: 900px;
	/* [disabled]height: 3400px; */
	}

/*教學影片中間大框*/
.L-big-c{
	margin: 0 auto;
	width: 900px;
-moz-box-shadow: -1px  0px  8px  #575757;
-webkit-box-shadow: -1px  0px  8px  #575757;
box-shadow: -1px  0px  8px  #575757;
	}

.L-big-c-DM{
	margin: 0 auto;
	background-color: #DBF1AB;
	width: 900px;
	height: 630px;
	}

.banner{
	width: 900px;
	height: 100px;
	}
	
.txttitle{
	background-color: #D2E6FD;
	color: #0564B1;
	font-weight: bold;
	border-bottom: #0564B1 2px solid;
	}	


/*DM區*/
.DM-bigc{
	width: 700px;
	/* [disabled]height: 1000px; */
	float: left;
	}	

/*DM第一塊*/
.DM1{
	width:700px;
	height:292px;
	float:left;
	}

/*DM第2塊*/
.DM2{
	width: 700px;
	/* [disabled]height: 502px; */
	float: left;
	}

/*DM第3塊*/
.DM3
{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	width: 700px; /*2013.04.26 Emmy modify*/
	/*height:237px;*//*2013.04.26 Emmy modify*/
	/*height: 230px;*/
	float: left;	 /*2013.04.26 Emmy modify*/
	margin-top: 10px;
	}
.DM3_Table /*2013.04.26 Emmy modify*/
{
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid #1A72A6; /*有細內框也有細外框*/
	font-weight: bold;
	background-color: #FFF;
	color: #355C01;
	font-family: "微軟正黑體";
	margin-top: 5px;
	width: 680px;
	font-size:16px;
	}
.DM3_Table td/*2013.04.26 Emmy modify*/
{
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px solid  #1A72A6; /*有細內框也有細外框*/
	height: 40px;
    }

.DM3_title{
	background-color: #1A72A6;
	color: #FFF;
	text-align: center;
	font-size:16px;
	}
	
.DM3_firstTd{
	text-align:center;
	}


/*DM第4塊*/
.DM4{
	float: left;
	margin-top: 10px;
	}
.DM4_Table{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	width: 680px; /*2013.04.26 Emmy modify*/
	height: 150px;
	float: left; /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid  #E34A00; /*有細內框也有細外框*/
	margin-top: 10px;
	background-color: #FFF;
	color: #B53A00;
	font-weight: bold;
	font-family: "微軟正黑體";
	font-size:16px;
	}

.DM4_Table td{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px solid  #E34A00; /*有細內框也有細外框*/
	height:30px;
	}


.DM4_Table-title{
	width:100px;
	background-color: #E34A00;
	color:#FFF;
	text-align:center;
	}

.s /*2013.04.26 Emmy modify*/
{
	margin-top: 10px;
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid  #D92F04; /*有細內框也有細外框*/
	font-weight:bold;
	background-color:#FFF;
	color:#D92F04;
    }


.menubox{
	width:200px;
	float:left;
	}

/*------------------------------Menu css----------------------------------*/
/* Some stylesheet reset */
#cssmenu > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;

}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 5px;
	width: 195px;
	}

		/* General link styling menu的顏色*/
		#cssmenu > ul li a {
	/* Layout */
	display: block;
	position: relative;
	margin: 0;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #d9d9d9;
	padding: 11px 20px;
	width: 150px;
	/* Typography */
	font-family: "微軟正黑體";
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	/* Background & effects */
	background: #8fc400; /* Old browsers */
	background: -moz-linear-gradient(top,  #8fc400 0%, #8fc400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8fc400 0%,#8fc400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8fc400 0%,#8fc400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8fc400 0%,#8fc400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8fc400 0%,#8fc400 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links  滑上menu上的顏色*/
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
	color: #fff;
	text-shadow: 0 0px 0 rgba(0, 0, 0, .3);
	background: #24748c;
background: #ff670f; /* Old browsers */
background: -moz-linear-gradient(top,  #ff670f 0%, #ff670f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff670f), color-stop(100%,#ff670f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff670f 0%,#ff670f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff670f 0%,#ff670f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff670f 0%,#ff670f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff670f 0%,#ff670f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 ); /* IE6-9 */
	border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}
/*------------------------------教學說明頁用 css----------------------------------*/
/*顯示 全國盃 電子商務網路行銷技能競賽 教學輔助平台 說明 內容*/
#pptMov
{
    background-color:#fff7be;
    position:absolute;
    z-index:999999;
    display:none;
    width:600px;
    height:400px;
    border:1px;    
    margin-left:25%;
    /*margin-right:20%;*/
    margin-top:10%;
    padding:20px;
     
    border:double 8px #ffa01f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    filter: alpha(opacity=100);
    opacity: 1;
    
    /*影子*/
    -moz-box-shadow:8px 8px 4px #787878;
    -webkit-box-shadow:8px 8px 3px #787878;
    box-shadow:8px 8px 4px #787878;
    
    overflow:auto;
}

/*顯示 網路行銷經營大師 教學說明 內容*/
#EduMolaMov
{
    background-color:#fff7be;
    position:absolute;
    z-index:999999;
    display:none;
    width:600px;
    height:400px;
    border:1px;    
    margin-left:25%;
    /*margin-right:20%;*/
    margin-top:10%;
    padding:15px;
     
    border:double 8px #ffa01f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    filter: alpha(opacity=100);
    opacity: 1;
    
    /*影子*/
    -moz-box-shadow:8px 8px 4px #787878;
    -webkit-box-shadow:8px 8px 3px #787878;
    box-shadow:8px 8px 4px #787878;
    
    overflow:auto;
}

.MovMenu ul {
	list-style: none;
	/*position: absolute;*/
	margin: 0;
	padding: 0;
	bottom: 5px;
	/*right: 5px;*/
	z-index: 3;
}

.MovMenu ul li {
		float: left;
		margin: 0 3px;
		width: 16px;
	}
	
.MovMenu ul li a {
	position: relative;
	display: block;
	/*width: 100%;*/
	height: 14px;
	padding-top: 2px;
	text-decoration: none;
	color: #666;
	background: #eee;
	border: 1px solid #666;
	text-align: center;
	font-size: 11px;
}
	
.MovMenu ul li a.current {
	color: #111;
	font-weight: bold;
	border: 1px solid #111;
	background: #fff;
}
	
.MovMenu ul li a:hover {
	color: #fff;
	background: #333;
}

/************************辦法公告********************************/

/*整個大table*/
.bigtable{
	width: 100%;
	margin: 0 auto;
	}
	

	
/*menu*/
.menutable{
	width: 100%;
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid  #E34A00;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	font-family: "微軟正黑體";
	background-color: #E34A00;
	}

.menutable td{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px solid  #FFF;
	text-align:center;
	}
	
.menutxt{
	color:#FFF;
	}
	
.menutxt a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.menutxt a:visited { color:#FFFFFF; text-decoration:none;}
.menutxt a:hover { color:#FFFFFF; text-decoration:none; cursor:hand;}
.menutxt a:active { color:#FFFFFF; text-decoration:none}

	
.menutable td:hover{ background-color:#002E97;}

/*標題*/
.title{
	background-color: #FFC68C;
	color: #17658A;
	font-weight: bold;
	font-size: 14pt;
	font-family: "微軟正黑體";
	}

/*說明文*/
.txt{
	font-size: 12pt;
	color: #C81602;
	font-weight: bold;
	line-height: 25px;
	font-family: "微軟正黑體";
	padding-bottom: 20px;
	}

/*內文*/
.table-txt{
	color: #34510D;
	font-family: "微軟正黑體";
	font-size: 12pt;
	line-height: 25px;
	font-weight: bold;
	background-color: #FAFFC8;
	padding-bottom: 5px;
	}

/*所有表格*/
.All-Table{
	width: 100%; /*2013.04.26 Emmy modify*/
	height: 150px;
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid  #E34A00;
	background-color: #FFF;
	color: #5C2F01;
	font-size: 11pt;
	font-weight: bold;
	font-family: "微軟正黑體";
	text-align: center;
	}

.All-Table td{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px solid  #E34A00;
	text-align: center;
	}

/*表格上的標題*/
.All-Table-title{
	background-color:#E34A00;
	color:#FFF;
	}
	
/****************************教學影片**************************/
.video-title{
	background-color: #DDFEDA;
	color: #E04503;
	font-weight: bold;
	line-height: 30px;
	font-size: 14pt;
	font-family: "微軟正黑體";
	}

/*教學影片文字說明*/
.video-txt{
	height: 70px;
	background-color: #FAFED8;
	color: #4D8009;
	font-family: "微軟正黑體";
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	}
	
.video-txt Img { border:0px;}

/*教學影片 連結*/
.video-link{
	background-color: #FFE9D9;
	color: #E04503;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	font-size: 12pt;
	}
		
.video-link a:link {
	color: #235c00;
	text-decoration:underline;
}
.video-link a:visited { color:#235c00; text-decoration:none;}
.video-link a:hover { color:#235c00; text-decoration:none; cursor:hand;}
.video-link a:active { color:#235c00; text-decoration:none;}

/*教學影片 影片小標題*/
.video-LittleTitle{
	font-size: 13pt;
	color: #E04503;
	font-weight: bold;
	line-height: 25px;
	font-family: "微軟正黑體";
	}
	
/*教學影片 影片小標題*/
.video-LittleTxt{
    font-size: 12pt;
    color: #4D8009;
    font-weight: bold;
    font-family: "微軟正黑體";
    line-height: 18px;
}

	
/************ 橘色按鈕 ************/
.OrangeButton
{
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background-image:url(../images/addbutton-bg.png);
	border: 1px solid #9e2702 !important;
	padding: 4px 7px 4px 7px !important;
	color: #FFFFFF !important;
	font-size: 12px !important;
	cursor: pointer;
	text-decoration:none;
}

.OrangeButton:hover
{
    text-decoration: underline;
}

.OrangeButton:active
{
    padding: 5px 7px 3px 7px !important;
}

a.remove-link
{
    color: #bb0000;
}

a.remove-link:hover
{
    color: #000;
}


/*****************************場次list頁*********************************************/
/*表格*/
.TableList{
	width: 680px;
	/* [disabled]margin:10px 10px 10px 10px; */
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px #2089C8 solid;
	}
	
.TableList td{
	border-collapse: collapse; /*讓格與格中間沒有間距*/	
	border:1px #2089C8 solid ;
	height:35px;
	}
	
.TableList td a:link { color:#066863; text-decoration: none;}
.TableList td a:visited { color:#066863; text-decoration: underline;}
.TableList td a:hover { color:#066863; text-decoration:underline; cursor:hand;}
.TableList td a:active { color:#066863; text-decoration:underline;}
	
	
.TableList th{
	margin:3px 0px 3px 0px;
	padding:3px 0px 3px 0px;
		}	

.TableList tr:hover{
	background-color:#FFF4E6;
	}

/*表格外麵包的div*/
.TableBigBox{
	width: 680px;
	float: left;
	margin: 10px 10px 10px 10px;
	}
	
/*表格標題*/	
.TableTitle{
	background-color:#2089C8;
	color:#FFF;
	height:30px;
	line-height:30px;
	font-family:"微軟正黑體";
	text-align:center;
	font-size:16px;
	}

/*場次 標題*/	
.ListTitle{
	margin: 0px 10px 0px 10px;
	height: 30px;
	line-height: 30px;
	width: 680px;
	color: #E84804;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size:14pt;
	border-bottom:1px #E84804  dotted ;
	}
	
/*名稱*/
.SeminarName{
	width: 430px;
	color: #066863;
	font-family: "微軟正黑體";
	font-weight: bold;
	word-break: break-all;
	font-size:16px;
	}	
	
.SeminarName a:visited { color:#066863; text-decoration:none;}
.SeminarName a:hover { color:#066863; text-decoration:none; cursor:hand;}
.SeminarName a:active { color:#066863; text-decoration:none;}
	
/*人數*/
.pcount {
    width: 50px;
	color: #066863;
	font-family: "微軟正黑體";
	font-weight: bold;
	word-break: break-all;
    text-align: center;
    padding-top: 2px;
}
	
/*截止時間*/
.StopTime{
	width: 100px;
	color: #066863;
	font-family: "微軟正黑體";
	font-weight: bold;
	word-break: break-all;
    text-align: center;
    padding-top: 2px;
	font-size:16px;
	}	
	
/*按鈕*/
.ButtonBox{
	width:80px;
	text-align:center;
}	

/*黃色按鈕*/
.yellowButton{
	color: #805413;
	border:1px solid #805413;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size:12pt;
	 cursor: pointer;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

	
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

	}

/*黃色按鈕 文字用*/
.yellowButton2{
	color: #805413;
	border:1px solid #805413;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size:12pt;
	padding:3px;
	 cursor: pointer;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

	
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

	}


/*藍色按鈕*/
.BlueButton{
	color: #0F676F;
	border: 1px solid #0F676F;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 12pt;
	 cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #e0f3fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */
	}

/*桃色按鈕*/
.PeachButton{
	color: #740A64;
	border: 1px solid #740A64;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 12pt;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #fcecfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcecfc), color-stop(50%,#fba6e1), color-stop(51%,#fd89d7), color-stop(100%,#ff7cd8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */
	}

/*灰色按鈕*/
.GrayButton{
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 12pt;
	color: #747474;
	border: 1px solid #BEBEBE;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

	}
	
/*綠色按鈕*/
.GreenButton{
	cursor: pointer;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 12pt;
	color: #20681C;
	border: 1px solid #587C23;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #e6f0a3; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */

	}
	
/******************************************場次詳細頁***************************************************************/
/*大框*/
.DetailedBigBox{
	width: 680px;
	/* [disabled]height: 30px; */
	margin: 0px 10px 0px 10px;
	float: left;
	}
	
/*1標題*/
.DetailedTitle{
	width: 120px;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #0064B5;
	font-family: "微軟正黑體";
	font-weight: bold;
	text-align: right;
	font-size:16px;
	}
	
/*內容*/
.DetailedContent{
	width: 560px;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #8C0407;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size:16px;
	}	
	
/*報名詳細資訊*/
.JoinDetailed{
	width: 680px;
	float: left;
	margin: 0px 10px 0px 10px;
	line-height: 25px;
	}
	
/*報名按鈕 框*/
.joinButtonBox{
	width: 680px;
	height: 30px;
	margin: 10px 10px 0px 10px;
	float: left;
	}
	
/*報名 3個按鈕*/
.joinButton{
	width: 90px;
	height: 30px;
	float: right;
	text-align: right;
	}

/*回上頁 框*/
.BackPage{
	width: 680px;
	height: 30px;
	float: left;
	margin: 10px 10px 10px 10px;
	text-align: center;
	}
	
/*******************************研習會說明***********************************/
/*小標題*/
.C-title{
	width: 680px;
	line-height: 25px;
	font-family: "微軟正黑體";
	font-weight: bold;
	color: #931E26;
	margin: 5px 10px 5px 10px;
	font-size: 14pt;
	float: left;
	}
	
/*大綱說明文*/
.Big-txt{
	width: 680px;
	/* [disabled]height: 25px; */
	line-height: 25px;
	font-family: "微軟正黑體";
	font-weight: bold;
	color: #286579;
	margin: 5px 10px 5px 10px;
	font-size:16px;
	}	
	
/*內文*/
.C-txt{
	width: 680px;
	/* [disabled]height: 25px; */
	line-height: 25px;
	font-family: "微軟正黑體";
	font-weight: bold;
	color: #8A267B;
	margin: 5px 10px 5px 10px;
	float: left;
	font-size:16px;
	}	

/*時間*/
.C-time{
	width:100px;
	background-color: #1A72A6;
	color:#FFF;
	text-align:center;
	}

/*地點*/
.C-add{
	width:580px;
	background-color: #1A72A6;
	color:#FFF;
	text-align:center;
	}

.C_Table{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid #1A72A6; /*有細內框也有細外框*/
	font-weight: bold;
	background-color: #FFF;
	color: #355C01;
	font-family: "微軟正黑體";
	margin-top: 5px;
	width: 680px;
	font-size:16px;
	}

.C_Table td{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px solid  #1A72A6; /*有細內框也有細外框*/
	height:30px;
	}
	
.C_Table_txt{
	text-align: center;
	color:#1A72A6;
	font-family:"微軟正黑體";
	font-weight:bold;
	}
	
/*******************************************註冊頁***********************************************************/	
/*標題+textbox 框*/
.JoinTableTitleBox{
	width: 680px;
	/*height: 30px;*/
	line-height: 30px;
	float: left;
	margin-bottom:5px;
	}

/*標題*/
.JoinTableTitle{
	width: 170px;
	height: 30px;
	line-height: 30px;
	font-size:16px;
	float: left;
	text-align: right;
	color: #2B7193;
	font-weight: bold;
	font-family: "微軟正黑體";
	}
	
/*textbox*/
.JoinTextbox{
	margin: 6px 0px 0px 0px;
	width: 200px;
	height: 24px;
	line-height: 24px;
	float: left;
	}
	
/*提醒文字*/
.JoinPrompt{
	width: 300px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: left;
	color: #B41837;
	font-weight: bold;
	font-family: "微軟正黑體";
	font-size:16px;
	}

/*地址 提醒文字*/
.ADDJoinPrompt{
	width: 300px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: left;
	color: #B41837;
	font-weight: bold;
	font-family: "微軟正黑體";
	font-size:16px;
	margin-left:170px;
	}

/*請自行輸入密碼 字樣*/
.PWJoinPrompt{
	width: 300px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: left;
	color: #D51383;
	font-weight: bold;
	font-family: "微軟正黑體";
	font-size: 16px;
	margin-left: 170px;
	}


/***************************************會員登入頁***********************************************/
.LoginTouch{
	width: 680px;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #87169E;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-align: center;
	font-size:16px;
	margin-bottom:10px;
	}