body {
    font-family: 微軟正黑體, Verdana, Tahoma,Arial,Helvetica, sans-serif;
    font-size:15px;
    background:#fff;
    text-align:center;
    background:#787878 url(../images/admin_bg_bg.jpg) repeat-x top center;
}

body.singlepage	{
	background:none;
	padding:10px;		
}

a {text-decoration:none; color:#222;}
a:hover {color:#B70000;}


/*all base*/

td,pre {
    word-wrap: break-word;
    word-break: break-all;
}

.bg {
    width:100%;
    background:url(../images/admin_bg.jpg) repeat-y top center;
}



.wrapper {
    width:1180px;
    min-height:600px;
    background:url(../images/admin.jpg) no-repeat top center;
    padding:0px;
    margin:0px auto;
}

.header {
	width:1180px;
	background:url(../images/admin.jpg) no-repeat top center;
	height:110px;
	vertical-align:top;
	padding:0px; margin:0px;
}

.nav a {
    font-size:13px;
}
.nav a:link {
    color: #EFEFEF;
    text-decoration: none;
}
.nav a:visited {
    color: #EFEFEF;
    text-decoration: none;
}
.nav a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.nav a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.menu {
	width:196px;    
	padding-left:6px;
	vertical-align:top;
	background:url(../images/admin_bg.jpg) repeat-y 0px 0px;
}

.prompt {	
	height:40px;
	border-bottom:1px solid #ccc;
	margin-top:10px;
}

.prompt_content {
	height:30px;
	padding:5px 0px 0px 10px;
}

.logout {
	float:right;
	margin:8px 15px 8px 8px;
}

.content {
	background:url(../images/admin_bg.jpg) repeat-y -202px 0px;
	vertical-align:top;
	padding:15px 20px 15px 15px;
}

.footer {
	background:#787878 url(../images/admin_footer.jpg) no-repeat top center;
}

.footer_content {	
	height:40px;
	color:#fff;
	text-align:right;
	padding:20px 20px 0px 0px;
	vertical-align:top;
	margin:0px auto;
}

.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;
	}

/* 清單樣式 */
.viewframe
{   /* 視圖清單方塊架 */
	padding:0px;
}
.viewframe-body
{   /* 視圖列表主體框架 */
	width:100%;
	margin:10px 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 solid;
        padding: 5px;
        word-wrap: break-word;
        word-break: break-all;
    }

        .viewframe-body td * {
            word-wrap: break-word !important;
            word-break: break-all !important;
        }
.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;
    word-wrap: break-word;
    word-break: break-all;
}
.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 10px 18px;
}
.ul li
{	
	list-style-image:url(../images/icon/right.gif);
	list-style-position:inherit;
	padding-left:5px;
}

.ol
{
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 20px;
}
.ol li
{	
}

/* 顏色樣式 */
.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;
	}


.search {
	margin-bottom:20px;
	padding:10px;
	text-align:left;
	border:1px dotted #999;
	background-color:#ffe;
	}
	
.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;
}


/*purple Add*/

.BG_red { background:#E6B9B8 !important; }
.BG_orange { background:#FCD5B5 !important; }
.BG_green { background:#D7E4BD !important; }
.BG_purple { background:#CCC1DA !important; }
.BG_blue { background:#E3F7FD !important; }

.floatL { float:left; }
.floatR { float:right; }

.underLine { text-decoration:underline;	}
.bold { font-weight:bold;}

.textL { text-align:left  !important;  }
.textR { text-align:right  !important;  }
.textC { text-align:center  !important; }

.title {
    font-size: 18px;
    color: #1085d9;
    padding: 5px 0px 0px 16px;
    background: url(../images/icon/dot.gif) no-repeat top left;
    background-position: 3px 9px;
    text-align: left;
}

.voteStatus_chosen { padding: 0 5px; background:#4C9BD3; color: #ffffff; }
.voteStatus_noChoose { padding: 0 5px; background:#F2F2F2; color: #7F7F7F ;}
.voteStatus_choose {padding: 0 5px; background:#FF704C;  color: #ffffff; }

.margin-0 {margin: 0 ; }

.marginT-0 {margin-top:0px;}
.marginT-5 {margin-top:5px;}

.marginB-0 {margin-bottom:0px;}

.marginL-5 {margin-left:5px; }
.marginR-5 {margin-left:5px; }


.percent-25 > th {width:25%; }
.percent-20 > th {width:20%;}

ul.unstyled 
{
   list-style: none; 
   margin-left: 0; 
   padding-left: 0;

}

.ul.unstyled 
{
   list-style: none; 
   margin-left: 0; 
   padding-left: 0;

}

ul.unstyled li
{
margin-top:5px;
}

.CommentBox
{
    vertical-align: middle;
}

/*20200320 Mona midfify*/
body {
	background: #ffffff url(../images/admin_bg_bg.jpg) repeat-x top center;
}
.wrapper {
	width: 100%;
	max-width: 1920px;
}
.content{
	background: #ffffff;
	height: calc(100vh - 218px);
}
.prompt{
	background: #ffffff;
}
.header {
	height: 105px;
}
.footer {
	background: #787878;
}
.footer_content td{
	text-align: center;
}
[action="login.aspx"] .header > table{
	margin: auto;
}