body {
font-family: 微軟正黑體, Verdana, Tahoma,Arial,Helvetica, sans-serif;
font-size:15px;
line-height:1.5;
background:#fff;
text-align:center;
background:#e9e9e9 url(../images/bg.gif) repeat-x top center;
}

body.singlepage	{
	background:none;
	padding:10px;		
}

a {text-decoration:none; color:#222;}
a:hover {color:#C00;}


/*all base*/

.bg {
width:100%;
background:url(../images/admin_bg.jpg) repeat-y top center;
}



.wrapper {
width:1003px;
min-height:600px;
background:url(../images/admin.jpg) no-repeat top center;
padding:0px;
margin:0px auto;
}
/*頁首*/
.header {
	width:985px;
	background:url(../images/admin.jpg) no-repeat top center;
	height:130px;
	vertical-align:top;
	padding:0px; margin:0px;
}
/*選單*/
.menu {
	width:194px;
	padding: 2px 0 0 5px;
	vertical-align:top;
	background:#fff; /*url(../images/admin_bg.jpg) repeat-x  top ;
	 background-size:0.8% !important;
	border-right:#ffe75f 1px dotted;*/
	
}

/*右邊內容*/
.content-line{ border-left:#CCC 1px solid;border-right:#CCC 1px solid;}
.content {
	width:784px;
	min-height:455px;
	background:#fff;
	vertical-align:top;
	padding:15px 20px 15px 15px;
}
.main{ width:752px; background:#fff; /*url(../images/main_bg.jpg) no-repeat top left ; background-size:0.2% !important;*/ margin:0;}
.main .content{ width:93%; margin:5px auto 20px auto; color:#333333; letter-spacing:1px; line-height:150%; background:#FFFFFF /*url(../images/main_bg.jpg) no-repeat top center;*/
border-radius:10px;	-moz-border-radius:10px;		-webkit-border-radius:10px;
/*border:1px #CCCCCC solid;*/
}
.main .content h1{ background:url(../images/forms/title_forms.gif) no-repeat left center; color:#0068b7; font-size:16pt; font-weight:bold; text-align:left; padding:0 0 0 1em;}
.main .content p{ text-align:left; color:#333;}

/*回頂端*/
.go-top {
	position: relative;
	z-index:199;
	float: left;
	bottom:0;
	margin:0px 0 0px 535px;
*margin:0px 0 -20px 535px;}
.go-top p{background:url(../images/go-top.png) no-repeat top right; width:66px; height:40px; margin:0 0 0 100%; display:block;}
 .go-top p a{background:url(../images/go-top.png) no-repeat top right; width:66px; height:40px;  display:block;}
 .go-top p a span{ display:none;}


/*頁腳*/
.footer {
	background:url(../images/footer.png) no-repeat 0px -4px;
	position: relative; z-index:100; bottom:0; margin:0 auto; 
}

.footer_content {
	width:960px;
	height:40px;
	color:#313131;
	margin:0px auto; font-weight:normal; font-size:13px;
}
.footer_content p{ margin:10px 0 0 0;}

.button {
	font-size:15px;
	font-family: Verdana, Tahoma ,Arial,Helvetica, sans-serif;
	border: #666666 1px solid;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#efefef);
	padding: 2px 10px;
	cursor: pointer;
	color: #333333;
	}
/*內頁背景*/
.companybg{ background:url(../images/page/company-bg.jpg) no-repeat right top; height:420px; background-size:50% 100% !important;}
/* 清單樣式 */
.viewframe
{   /* 視圖清單方塊架 */
	padding:0px;
}
.viewframe-body
{   /* 視圖列表主體框架 */
	width:100%;
	margin:0px auto;
	text-align:center;
}
.viewframe-body th
{ 
	color:#000000;
	font-weight:normal;
	border:1px #ccc solid;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
	background: url(../images/view/th_bg.jpg) repeat-x left top;
	background-position:0px 0px;
	text-align:center;
}
.viewframe-body td
{
	border:1px #ccc dotted;
	padding:5px; background:#FFFFFF;
}
.viewframe-body td.list
{
	text-align:left;
}
.viewframe-body td.num
{
	text-align:right;
}
.viewframe-body span.viewlink
{
	color:#007ccb;
	font-size:15px;
	line-height: 1.8;
}
.viewframe-body span.secondline
{
	font-size:13px;
	color:#999999;
}
.viewframe-title td
{   /* 視圖列表標題 */
	font-size:18px;
	color:#0e6eba;
	border:none;
	padding:0px 0px 5px 20px;
	background: url(../images/view/title_view.gif) no-repeat left top;
	background-position:3px 5px;
	text-align:left;
}
.viewframe-title td.viewframe-button
{   /* 視圖列表欄控項 */
	font-size:small;
	color:#0060b6;
	border:none;
	padding:0px;
	background:none;
	text-align:center;
}
.viewframe-bottom td
{   /* 視圖列表章節附註 */
	color:#0060b6;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(../images/view/bottom_bg.jpg) repeat-x left top;
	background-position:0px 0px;
	vertical-align:middle;
}


/* 表單樣式 */
.formframe
{   /* 表單框架 */
	padding:0px;
}
.formframe-body
{   /* 表單主體框架 */
	width:100%;
	margin:0px auto;
	text-align:center;

}
.formframe-body th
{ 
	color:#000000;
	font-weight:normal;
	border:1px #ccc solid;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:1px 3px;
	background: url(../images/forms/forms_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}
.formframe-body td
{
	border:1px #ccc solid;
	padding:5px;
}
.formframe-body td.list
{
	text-align:left;
}
.formframe-body div.formstitle
{
	color:#007ccb;
	font-size:15px;
	line-height: 1.8;
}
.formframe-body span.secondline
{
	font-size:15px;
	color:#787878;
}
.formframe-title td
{   /* 表單框架標題 */
	font-size:18px;
	color:#0e6eba;
	border:none;
	padding:0px 0px 5px 20px;
	background: url(../images/forms/title_forms.gif) no-repeat left top;
	background-position:3px 5px;
	text-align:left;
}
.formframe-fieldname
{   /* 表單名稱容器 */
	width:120px;
	background: url(../images/forms/forms_bg.jpg) repeat left top;
	background-position:0px 0px;
	text-align:left;
}
.formframe-fieldvalue
{   /* 表單值容器 */
	text-align:left;
}
.formframe-bottom td
{   /* 表單註腳 */
	color:#0060b6;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(../images/forms/bottom_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}
.formframe-sum td
{
	color:#666;
	background:#FFC;
	border:1px dotted #999;
}
.formframe-sum td .red
{
	color:#900;
}

.formframe-line
{
	background: url(../images/forms/bottom_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}

.tableless tr td {
	border:none;
}
.tableless tr th {
	text-align:center;
}

a.chart1 {
	width:90px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/chart1.jpg) no-repeat left top;
	float: left;
	}
a.chart1:hover {
	width:90px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/chart1.jpg) no-repeat left bottom;
	float: left;
	}

a.chart2 {
	width:90px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/chart2.jpg) no-repeat left top;
	float: left;
	}
a.chart2:hover {
	width:90px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/chart2.jpg) no-repeat left bottom;
	float: left;
	}

.secondline
{
	font-size:15px;
	color:#787878;
}

/* 清單樣式 */
.ul
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 18px;
}
.ul li
{	
	list-style-image:url(../images/icon/right.gif);
	list-style-position:inherit;
	padding:5px 0;
}

.ul2
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 18px;
	
}
.ul2 li
{	
	list-style-image:url(../images/icon/ul2.gif);
	list-style-position:inherit;
	padding:5px 0;
}



.ol
{
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 20px;
}
.ol li
{	
}
/*裝飾框線*/
.bor1{ border-bottom:2px dashed #999999; padding:0 0 5px 0;}

/*文字尺寸*/
.z10{ font-size:10pt;}
.z14{ font-size:14pt;}


/* 顏色樣式 */
.white	{
	color: #ffffff;
	}

.gray	{
	color: #787878;
	}
	
.red	{
	color: #cc0000;
	}
	
.maroon	{
	color: #990000;
	}

.yellow {
	color: #fff600;
	}
	
.orange {
	color: #FF761B;

	}

.green {
	color: #0A8900;
	}
	
.deepgreen{
	color:#669900;
	}
	
.blue {
	color: #069;
	}
	
.purple {
	color: #6800C1;
	}
	
.brown{
	color: #804001;
	}



.del {
	cursor:pointer;
	}

/*個人提醒專區*/
#news{margin :10px 0 5px 0; padding:0px; text-align:left;	border:1px dotted #999;
	background-color:#ffe;	display:block;	width:70%;}
#news p{ margin:5px 0 0 10px; padding:0; line-height:180%;}	
/*跑馬燈設定 start*/
.marquee	{
	width:660px;
	height:25px;
	float: right;
	letter-spacing: 1px;
	padding-top:0px;
	margin:-25px 0 0 5px;
	}
.mar{
	width:740px;
	height:25px;
	letter-spacing: 1px;
	padding:0px;
	margin:-5px 0 0 0;
	display:block;
	background:#FFC;
 	}
/*跑馬燈設定 end*/
/*個人提醒專區end*/

/*重要連結專區*/
#search {margin :5px 0 0 0 ; padding:15px 0 0 0 ; text-align:left;	border:1px dotted #999;background-color:#ffe;	height: 325px;	display:block;	width:740px;}

#search ul{ margin:0 0 0 -50px;	display:block; }
#search li{  list-style: url(../images/icon/right.gif) outside;float:left; width:28%;  margin:2px 0 5px 40px; line-height:120%;}
#search li.wr{ width:90%;}

/*重要連結專區end*/

.textfield {
	border:1px solid #787878;
}

.button_right {
	float:right;
}


/*客製化設定*/

/*彈跳視窗*/
.alert_bg{
background-color:#fff;
}

/*登入驗證碼用*/
.left_info .vcode_img {
	height:18px;
	vertical-align:top;
	margin-top:5px;
}

.left_info .vcode {
	padding:0px 0px 5px 0px;
	margin:0px;
}

.left_info .vcode .button {
	width:145px;
	margin-top:5px;
}

.more{
	float:right;
	padding:1px 2px 0 0 ;
	display:block;
	width:43px;
	height:13px;
	margin:5px 0 0 0;
	}


	
/*banner 輪播 start*/
/* changeBox_a1 */
.changeBox_a1{
	float:left;
	width:740px;height:140px; 
	padding:2px;
	position:relative;
	border:1px solid #aaa; 
	margin:0 0 20px 0;
	}

.changeBox_a1 .a_bigImg img{
	position:absolute;
	top:2px;left:2px;
	display:none;
	}


.changeDiv{
	position:absolute;
	top:2px;left:2px;
	display:none;
	}

.changeDiv h3{
	position:absolute;
	left:0px;bottom:0;
	width:700px;
	height:30px;
	line-height:30px;
	background:#fff;
	filter:alpha(opacity=70);
	opacity:0.7;
	}

.changeDiv h3 a{
	display:block;
	padding-left:15px; 
	color:#FF6600;
	}

/* ul_change_a2 */
.ul_change_a2{
	position:absolute;
	right:5px; bottom:7px;
	padding-left:19px;
	margin:0 0 -5px 0;
	overflow:hidden;
	}
.ul_change_a2 li{
	display: -moz-inline-stack;
	display:inline-block;
	*display:inline;
	*zoom:1;
	}

.ul_change_a2 span{
	display: -moz-inline-stack;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:0.8em;
	padding:0px 3px; 
	margin-right:2px;
	border:1px solid #999;
	background:#fff;
	filter:alpha(opacity=85);
	opacity:0.85;
	cursor:hand;
	cursor:pointer;
	}

.ul_change_a2 span.on{
	border:1px solid #CC0000;
	background:#FFFF9D;
	color:#CC0000;
	}
/*banner 輪播 end*/


/* changeBox_b1 start */
.eachBox{
	overflow:hidden;
	clear:both;
	padding:15px 0; 
	}

.changeBox_b1{
	float:left;
	position:relative;
	width:740px;
	height:380px; 
	padding-left:5px; 
	}

.changeBox_b1 h3{
	float:left;
	position:relative;
	width:61px;
	height:50px;
	line-height:120%;  
	border:1px dotted #ccc;
	text-align: left;
	margin:0 0 0 -1px;
	padding:0 0 0 5px;
	z-index:0;
	font-size:10pt;
	}

.changeBox_b1 h3.now{
	background:#f3f3f3; 
	border:1px dotted #C00;
	border-bottom:none;
	color:#C00;
	z-index:3;
	}

.changeBox_b1 h3 a{
	color:#666;}
.changeBox_b1 h3 a:hover,
.changeBox_b1 h3.now a{
	color:#C00;}

.changeBox_b1 div{
	font-size:10.5pt;
	position:absolute;
	top:50px;
	left:4px;
	_left:3px;
	width:705px;
	height:300px;
	background:#f3f3f3; 
	padding:15px; 
	border:1px dotted #C00;
	z-index:2;
	}

/*changeBox_b1 end*/

/*底部藍色連結區塊*/
#links{  width:745px; margin:0;}
#links ul{ margin:15px 0 0 -38px;}
#links li{ width:146px; height:48px; float:left; list-style:none; margin:0 2px 3px 0;}
/*底部藍色連結區塊end*/
