body{
	background-color:#C597C6;
	
}
.dashboardMenu{
	margin-top:-250px;
	top:450px;
	position:relative;
}
.dashboardMenu a{
	color:#D3A631;
	text-decoration:none;
	font-weight:bold;
	font-family:"標楷體";
	font-size:20px;
	text-align:center;	
}
.dashboardMenu li{ 
	list-style:none; 
	background:#5E285C;
	padding:5px 5px 5px 5px;
	width:180px;
	border:2px solid #bbb;
	left:-3%;
	position:relative;
}

.dashboardMenu li:hover,
.dashboardMenu  .current{
	//color:#FFC956;
	color:#FFF39B;	
	left:30px;
	position:relative;
	z-index:1;
	
}



.container{
	background-color:white;
	width:902px;
	margin-left:17%;	
	
	-moz-box-shadow: 0px 0px 20px  rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 20px  rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 20px  rgba(0,0,0,0.3);
}
.container .header{
	height:60px;
	padding:20px 0 0 20px;
	font-family:"Arial","標楷體";
	
}
.container .header img{
	float:left;	
}
.container .header #back a {
	color:white;
	text-decoration:none;
	padding:10px;
	right:20px;
	float:right;
	position:relative;	
	text-align:center;
	background-color:#5E285C;
	border-radius:20px;	
}
.container .header #back a:hover{
	background-color:#C597C6;
}

.container .header #greeting{
	right:10px;
	float:right;
	position:relative;
}
.container .header #greeting a{
	text-decoration:none;
}

.container .footer{
	clear:both;
	background-color:#5E285C;	
	height:80px;
	padding:10px 0 10px 20px;
	//outline-offset:-5px;
	//outline:2px solid #C597C6;
	
	color:#D3A631;
	font-family:"Arial","標楷體";
}
.container .footer .pdiv {
	
	border:2px solid #C597C6;
	margin:0px -5px 0 -5px;
	padding:5px 7px 5px 7px;
	left:-10px;
	top:-6px;
	position:relative;
}
.container .footer a {
	color:#D3A631;
}

.container .menu{
	background-color:#5E285C;
	height:50px;
}
.container .menu ul{
	right:20px;
	position:relative;
}
.container .menu a{
	color:#D3A631;
	text-decoration:none;
	font-weight:bold;
	font-family:"標楷體";
	font-size:18px;
	margin: 15px 0px 0px 0;
	left:10px;
	float:left;
	position:relative;
	width:11%;
	text-align:center;
	
	height:30px;
	border:5px solid #5E285C;
	//border-left:5px solid #5E285C;
	//border-right:5px solid #5E285C;
	//border-bottom:5px solid #C597C6;
	border-bottom:none;
}
.container .menu a:hover,
.container .menu .current{ 
	color:#844444; 
	border:5px double #C597C6;
	//border:5px solid white;
	border-bottom:none;
	border-radius:10px 10px 0px 0px;
	//box-shadow:1px 2px 1px 1px white;
	//color:#555;
	background-color:white;
	height:30px;
	z-index:1;
}
.container .menu li, .container .subMenu li{ list-style:none; }
.container .subMenu{
	background-color:white;
	height:20px;
	border-bottom:2px solid #C597C6;
	
	top:-10px;
	position:relative;
}
.container .subMenu ul{
	right:20px;
	position:relative;
}
.container .subMenu a{
	color:#bbb;
	text-decoration:none;
	font-weight:bold;
	font-family:"標楷體";
	font-size:16px;
	//margin: 15px 0px 0px 0;
	left:10px;
	float:left;
	position:relative;
	width:20%;
	text-align:center;
	//border-bottom:5px solid #C597C6;
	//height:25px;
}
.container .subMenu a:hover,
.container .subMenu .current{ 
	color:#844444; 
	//border:5px solid #C597C6;
	//border-bottom:none;
	//border-radius:10px 10px 0px 0px;
	//box-shadow:1px 2px 1px 1px white;
	//color:#555;
	background-color:white;
	//height:25px;
	z-index:1;
}

.container .content{
	background-color:white;		
}
.container .content .left ,
.container .content .right {
	background-color:white;
	height:500px;
	float:left;	
	width:27%;
	position:relative;
	overflow:auto;
	font-family:"Arial";
}
.container .content .middle,
.container .content .middleHome  {
	background-color:#BABADA;
	//background-color:white;
	height:500px;
	float:left;	
	width:46%;
	position:relative;
	overflow:auto;
}
.container .content .main {
	background-color:white;
	font-family:"Arial","標楷體";
	width:73%;
	float:left;	
	//position:relative;
}

/*** 3 columns ***/

.container .content .left .top,
.container .content .right .top{
	background-color:white;
	height:300px;
	overflow:auto;
	font-size:14px;
	position:relative;
}
.container .content .left .top .cell,
.container .content .right .top .cell{
	border-bottom:#bbb 1px solid;
	padding:12px 10px 11px 10px;
	font-family:"Arial","標楷體";	
}
.container .content .left .top .cell a,
.container .content .right .top .cell a{
	text-decoration:none;
}

.container .content .middle .top{
	background-color:white;
	//height:300px;
	overflow:auto;
	font-size:14px;
	position:relative;
	
}
.container .content .middle .top .cell{
	border-bottom:#bbb 1px solid;
	padding:12px 10px 11px 10px;
	font-family:"Arial","標楷體";	
}
.container .content .middle .top .cell a{
	text-decoration:none;
}

.container .content .left .bottom,
.container .content .right .bottom{

	//background-color:white;
	height:200px;
	overflow:auto;
	
	//outline-offset:-15px;
	//outline:1px solid #BBB;	
	font-size:14px;
	position:relative;
	font-family:"Arial","標楷體";
}

.container .content .left .bottom form,
.container .content .left .top form,
.container .content .right .top form{
	border:2px solid #bbb;
	border-radius:10px 10px 10px 10px;
	box-shadow: 0px 0px 2px #999;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	//height:180px;
	//overflow:auto;
	font-family:"Arial","標楷體";
}

.container .content .left .leftMenu{	
	background-color:white;
	//left:10%;
	font-size:14px;
	position:relative;
	font-family:"Arial","標楷體";
}
.container .content .left .leftMenu label{
	background-color:white;
	border:1px solid #BBB;
	border-radius:10px 10px 10px 10px;
	top:25px;
	left:30px;
	position:relative;
	z-index:1;
}
.container .content .main .mainLeft{
	height:300px;
	overflow:auto;
	
	//outline-offset:-15px;
	//outline:1px solid #BBB;	
	font-size:14px;
	position:relative;
	font-family:"Arial","標楷體";
}
.container .content .left .bottom label,
.container .content .right .bottom label,
.container .content .main .mainLeft label{
	background-color:white;
	border:1px solid #BBB;
	border-radius:10px 10px 10px 10px;
	top:5px;
	left:30px;
	position:absolute;
	z-index:1;
}
.container .content .left .leftMenu ul,
.container .content .left .bottom ul,
.container .content .right .bottom ul,
.container .content .main .mainLeft ul{
	border:1px solid #BBB;	
	margin:15px 10px 0px 10px;
	padding-top:10px;
	position:relative;
}

.container .content .left .bottom li,
.container .content .right .bottom li,
.container .content .main .mainLeft li{
	right:20px;
	list-style:none;
	position:relative;	
}
.container .content .left .leftMenu li{
	margin:5px 0 5px 0;
	right:20px;
	list-style:none;
	position:relative;
}
.container .content .left .leftMenu a{

	text-decoration:none;

}

.container .content .middleHome .top{
	background-color:white;
	height:100px;
	//outline-offset:-10px;
	//outline:2px solid #bbb;
}
.container .content .middleHome .bottom{
	background-color:#C597C6;
	height:400px;
	outline-offset:-10px;
	outline:2px solid #5E285C;
}
.container .content .middle .top{
	//background-color:#C597C6;
	background-color:white;
	height:400px;
	//outline-offset:-10px;
	//outline:2px solid #5E285C;
}
.container .content .middle .bottom{
	background-color:white;
	height:100px;
	//outline-offset:-10px;
	//outline:2px solid #bbb;
}
.container .content .middle .top #mp3player{
	//background-color:white;
	//height:400px;
	//outline-offset:-10px;
	//outline:2px solid #5E285C;
	width:100%;
	top:10%;
	position:relative;
}
.container .content .middleHome .bottom .homeBody{
	margin: 0 5% 0 5%;
	text-align:center;
	font-family:"Arial", "標楷體";
	color:#5E285C;
}
.container .content .middleHome .bottom .homeBody img{
	margin-top:10%;
	border:2px solid #777;
	box-shadow: 0px 0px 2px #999;
}

/*** 2 columns ***/
.container .content .main .top p{
	border:2px solid #bbb;
	margin:20px 20px 20px 20px;
	padding:20px 20px 20px 20px;
}

.container .content .main .top form{	
	border:2px solid #bbb;
	border-radius:10px 10px 10px 10px;
	box-shadow: 0px 0px 5px #999;
	margin:20px 20px 20px 20px;
	padding:20px 20px 20px 20px;
}
.container .content .main .top  h2{
	clear:both;
	left:20px;
	font-size:24px;
	font-weight:bold;
	position:relative;
}

.container .content .main .top div{	
	border-bottom:1.5px solid #C597C6;
	padding:10px 0px 10px 0px;
}

.container .content .main .mainLeft,
.container .content .main .mainRight{
	float:left;
	width:50%;
	//padding:10px 10px 10px 10px;
	//position:relative;
}
.container .content .main .mainRight iframe{
	top:15px;
	position:relative;
	border:2px solid #bbb;
	box-shadow: 0px 0px 5px #999;
}

/*** 1 column ***/
.container .content .page {
	background-color:white;
	//height:700px;
	float:left;	
	width:100%;
	font-family:"Arial", "標楷體";
}
.container .content .page  h2{
	clear:both;
	left:20px;
	font-size:24px;
	font-weight:bold;
	position:relative;
}
.container .content .page form {
	border:2px solid #bbb;
	border-radius:10px 10px 10px 10px;
	box-shadow: 0px 0px 5px #999;
	margin:20px 20px 20px 20px;
	padding:20px 20px 20px 20px;
}
.container .content .page .leftPanel,
.container .content .page .rightPanel {
	float:left;
	width:50%;
	position:relative;
}
.container .content .page .leftPanel h3,
.container .content .page .rightPanel h3{
	left:20px;
	font-size:20px;
	position:relative;
}
.container .content .page .leftPanel form,
.container .content .page .rightPanel  form{
	border:2px solid #bbb;
	border-radius:10px 10px 10px 10px;
	box-shadow: 0px 0px 5px #999;
	margin:20px 20px 20px 20px;
	padding:10px 10px 10px 10px;
}

.container .content .page .dataEdit{
	width:60%;
	float:left;
	position:relative;
}

.container .content .page .dataList{
	margin-left:5%;
	width:35%;
	float:left;
	position:relative;	
}
.container .content .page .dataReport{
	margin-left:5%;
	width:45%;
	float:left;
	position:relative;	
}
.container .content .page .dataEdit form{
	border:2px solid #bbb;
	border-radius:10px 10px 10px 10px;
	box-shadow: 0px 0px 2px #999;
	margin:20px 20px 20px 20px;
	padding:10px 10px 10px 10px;
}

.container .content .page .dataList .report,
.container .content .page .dataReport .report{
	border:2px solid #bbb;
	border-radius:10px 10px 10px 10px;
	box-shadow: 0px 0px 2px #999;
	margin:20px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	height:180px;
	overflow:auto;
}
.container .content .page .dataList .report .cell,
.container .content .page .dataReport .report .cell{
	border-bottom:2px solid #bbb;
	padding: 5px 0 5px 0;
}
.container .content .page .dataList .report .cell .time,
.container .content .page .dataReport .report .cell .time{
	float:right;
}
.container .content .page .dataList .report .cell:hover,
.container .content .page .dataReport .report .cell:hover{
	background-color:#ddd;
	color:#5E285C;
	font-weight:bold;
}