body	{
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1.7;
	letter-spacing: 1px;
	background:url(../images/bg.jpg) repeat-x center top;
	background-color:#d2e9fe;
	margin:0px; padding:0px;
	text-align:left;
	color:#333;
	}

a:link {text-decoration: none; color: #666;}
a:visited {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #000;}
a:active {text-decoration: none; color: #000;}


/* 外框架(主控尺寸) */

.wrapper	{
	width:950px;
	margin:0px auto; padding:0px;
	clear:both;
	}

/* 首頁外框架 */

.header_index	{
	width:100%;
	height:580px;
	background:url(../images/wrapper_index.jpg) no-repeat left top;
	}

.container_index
	{
	width:100%;
	background:url(../images/wrapper_index_bg.jpg) repeat-y left top;
	background-position:0px 580px;
	float:left;
	}

.left_index	{
	width:340px;
	background:url(../images/wrapper_index.jpg) no-repeat left top;
	background-position:0px -580px ;
	float:left;
	}

.main_index	{
	width:950px;
	background:url(../images/wrapper_index.jpg) no-repeat left top;
	background-position:0px -580px;
	float:left;
	}

.main_index_lm	{
	width:600px;
	background:url(../images/wrapper_index.jpg) no-repeat left top;
	background-position:-340px -580px;
	float:left;
	}

.main_index_mr	{
	width:660px;
	background:url(../images/wrapper_index.jpg) no-repeat left top;
	background-position:0px -580px;
	float:left;
	}

.main_index_lmr	{
	width:350px;
	background:url(../images/wrapper_index.jpg) no-repeat left top;
	background-position:-200px -580px;
	float:left;
	}

.right_index	{
	width:300px;
	background:url(../images/wrapper_index.jpg) no-repeat right top;
	background-position:-650px -580px;
	float:right;
	}

.footer_index	{
	width:100%;
	height:100px;
	background:url(../images/footer_index.jpg) no-repeat left top;
	float:left;
	}

/* 內頁外框架 */

.header_plan	{
	width:100%;
	height:165px;
	background:url(../images/wrapper_plan.jpg) no-repeat left top;
	}

.container_plan
	{
	width:100%;
	background:url(../images/wrapper_bg.jpg) repeat-y left top;
	background-position:0px 165px;
	float:left;
	}

.left_plan	{
	width:180px;
	background:url(../images/wrapper_plan.jpg) no-repeat left top;
	background-position:0px -165px ;
	float:left;
	}

.main_lm_plan	{
	width:770px;
	background:url(../images/wrapper_plan.jpg) no-repeat left top;
	background-position:-180px -165px;
	float:left;
	}



.header	{
	width:100%;
	height:315px;
	background:url(../images/wrapper.jpg) no-repeat left top;
	}

.container
	{
	width:100%;
	background:url(../images/wrapper_bg.jpg) repeat-y left top;
	background-position:0px 315px;
	float:left;
	}

.left	{
	width:180px;
	background:url(../images/wrapper.jpg) no-repeat left top;
	background-position:0px -315px ;
	float:left;
	}

.main	{
	width:950px;
	background:url(../images/wrapper.jpg) no-repeat left top;
	background-position:0px -315px;
	float:left;
	}

.main_lm	{
	width:770px;
	min-height:400px;
	background:url(../images/wrapper.jpg) no-repeat left top;
	background-position:-180px -315px;
	float:left;
	}

.main_mr	{
	width:770px;
	background:url(../images/wrapper.jpg) no-repeat left top;
	background-position:0px -315px;
	float:left;
	}
	
.main_lmr	{
	width:600px;
	background:url(../images/wrapper.jpg) no-repeat left top;
	background-position:-200px -315px;
	float:left;
	}

.right	{
	width:180px;
	background:url(../images/wrapper.jpg) no-repeat right top;
	background-position:-770px -315px;
	float:right;
	}

.footer	{
	width:100%;
	height:100px;
	background:url(../images/footer.jpg) no-repeat left top;
	float:left;
	}


/* 內框架(主控内距) */

/* 首頁內框架 */

.main_index_content	{
	padding:10px 30px 10px 30px;
	}

.main_index_lm_content	{
	padding:10px 20px 10px 0px;
	}

.main_index_mr_content	{
	padding:10px 10px 10px 20px;
	}

.main_index_lmr_content	{
	padding:10px 20px 10px 10px;
	}

.left_index_content	{
	padding:10px 10px 10px 20px;
	}

.right_index_content	{
	padding:10px 20px 10px 10px;
	}


/* 內頁內框架 */

.header_content	{
	padding:0px 20px 0px 20px;
	}

.main_content	{
	padding:10px 33px 10px 10px;
	}

.main_lm_content	{
	padding:10px 20px 10px 10px;
	}

.main_mr_content	{
	padding:10px 10px 10px 20px;
	}

.main_lmr_content	{
	padding:10px;
	}
	
.footer_content	{
	padding:15px 0px 0px 0px;
	}

.left_content	{
	padding:10px 0px 10px 20px;
	}

.right_content	{
	padding:10px 33px 10px 0px;
	}


/* 內容元件 */
	
.logo
	{
	width:450px;
    height:90px;
	float: left;
	text-indent: -9999px;
	}

.nav	{
	width:425px;
	height:20px;
	text-align:right;
	margin:5px 0px 0px 0px;
	padding-right:25px;
	float:right;
	
	}

.nav a:link {text-decoration: none; color: #efefef;}
.nav a:visited {text-decoration: none; color: #efefef;}
.nav a:hover {text-decoration: none; color: #fff;}
.nav a:active {text-decoration: none; color: #fff;}

.nav_sub	{
	width:425px;
	height:20px;
	text-align:right;
	margin:10px 0px 35px 0px;
	padding-right:25px;
	float:right;
	line-height:2;
	}

.back	{
	float:right;
	padding:10px 20px 0px 0px;
	}

.copyright	{
	color:#113e5b;
	padding:10px 0px 0px 35px;
	}

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

.title_sub	{
	font-size: 15px;
	color:#0064ab;
	padding:5px 0px 5px 17px;
	}

.title_tri	{
	color:#0c5284;
	padding:5px 0px 0px 17px;
	background:url(../images/icon/dot_tri.gif) no-repeat top left;
	background-position:3px 8px;
	}

.content	{
	padding:5px 0px 0px 17px;
	}

.left_column	{
	margin:5px 0px 0px 0px;
	}

.left_info {
	color:#666;
	margin:5px 0px 0px 13px;
	float:left;
	}

.main_column	{
	margin:5px 0px 0px 0px;
	}

.main_info {
	width:100%;
	color:#666;
	margin:5px 0px 0px 0px;
	float:left;
	text-align:center;
	}

.ad_box {
	float:left;
	#margin:0px 0px 10px 20px;
	}

.ad {
	border:1px solid #ccc;
	margin:0px 0px 10px 10px;
	float:left;
	}

.right_column	{
	margin:5px 0px 0px 0px;
	}

.right_info {
	width:100%;
	color:#666;
	margin:5px 0px 0px 0px;
	float:left;
	text-align:center;
	}

/* 文內圖放置樣式 */
.img
	{
	font-size: small;
	color: #21adce;
	margin: 5px;
	padding:2px;
	border: 1px solid #cccccc;
	}
	
.img_right
	{
	font-size: small;
	color: #21adce;
	margin: 5px 0px 5px 10px;
	padding:2px;
	border: 1px solid #cccccc;
	text-align:center;
	float:right;
	}

.img_left
	{
	font-size: small;
	color: #21adce;
	margin: 5px 8px 5px 0px;
	padding:2px;
	border: 1px solid #cccccc;
	text-align:center;
	float:left;
	}

.img_center
	{
	font-size: small;
	color: #21adce;
	margin: 5px 10px 5px 0px;
	padding:2px;
	border: 1px solid #cccccc;
	text-align:center;
	float:center;
	}

.more
	{
	padding:0px 5px 0px 0px;
	text-align:right;
	}
	
.more a:link {text-decoration: none; color: #0A8900;}
.more a:visited {text-decoration: none; color: #0A8900;}
.more a:hover {text-decoration: none; color: #c00;}
.more a:active {text-decoration: none; color: #c00;}

.news_time {color: #0A8900; font-style:italic; font-size:11px; font-family:Verdana, Geneva, sans-serif}

/* 列表樣式 */
.ul
{
	padding:0px 0px 0px 10px;
	margin:0px 0px 3px 20px;
}
.ul li
{	
	list-style-image:url(../images/icon/right.gif);
	list-style-position:inherit;
}

ul.unstyled li  /*purple Add_20161216*/
{
margin-top:5px;
}

.ol
{
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 20px;
}
ol li
{	
   margin-left:20px;    /*purple Add_20161216*/
   list-style:decimal;  /*purple Add_20161216*/

}



/* 顏色樣式 */
.white	{
	color: #ffffff;
	}

.gray	{
	color: #999999;
	}
	
.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;
	}
	
.button {
	font: small Verdana, Arial, Helvetica, sans-serif;
	BORDER: #666666 1px solid;
	PADDING: 3px;
	FONT-SIZE: 12px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#efefef);
	CURSOR: pointer;
	COLOR: #333333;
}

a.button {
	color:#333 !important;
	padding: 5px 3px;
	background-color:#F0F0F0;
}

a.button:hover {
	color: #333;
}

/* 列表樣式 */
.viewframe
{   /* 視圖列表框架 */
	padding:0px;
}
.viewframe-body
{   /* 視圖列表主體框架 */
	width:100%;
	margin:10px auto; /*20161216 purple 從0調整為10 與後台同*/
    text-align:center;
}
.viewframe-body th
{ 
	color:#000000;
	font-weight:normal;
	border:1px #aaa solid;
	border-top:1px #aaa solid;
	border-bottom:1px #aaa solid;
	padding:1px 3px;
	background: url(../images/view/th_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}
    .viewframe-body td {
        border: 1px #aaa solid;
        padding: 3px;
        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:10px;
	color:#999999;
}
.viewframe-title td
{   /* 視圖列表標題 */
	font-size:15px;
	color:#0e6eba;
	border:none;
	padding:0px 0px 5px 20px;
	background: url(../images/view/title_view.gif) no-repeat left top;
	background-position:3px 3px;
	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 #aaa solid;
	border-bottom:1px #aaa solid;
	background: url(../images/view/bottom_bg.jpg) repeat-x left top;
	background-position:0px 0px;
	vertical-align:middle;
	text-align:center;
}


/* 表單樣式 */
.formframe
{   /* 表單框架 */
	padding:0px;
}
.formframe-body
{   /* 表單主體框架 */
	width:100%;
	margin:0px auto;
	text-align:center;
	background-color:#FFF;
}
.formframe-body th
{ 
	color:#000000;
	font-weight:normal;
	border:1px #a4b8fa solid;
	border-top:1px #a4b8fa solid;
	border-bottom:1px #a4b8fa solid;
	padding:1px 3px;
	background: url(../images/forms/forms_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}
.formframe-body td
{
	border:1px #a4b8fa solid;
	padding:3px;
}
.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:12px;
	color:#787878;
}
.formframe-title td
{   /* 表單框架標題 */
	font-size:15px;
	color:#0e6eba;
	border:none;
	padding:0px 0px 0px 18px;
	background: url(../images/forms/title_forms.gif) no-repeat left top;
	background-position:3px 3px;
	text-align:left;
}
.formframe-fieldname
{   /* 表單名稱容器 */
	width:150px;
	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 #a4b8fa solid;
	border-bottom:1px #a4b8fa solid;
	background: url(../images/forms/bottom_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}


/* 其他客製樣式 */

.textfield
{
	color:#999;
	height:16px;
	border:1px solid #999;
}

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


/* 圖片加陰影 */

span.s1   {
float: left;
width: auto;
background: url(../images/fuzzy_shadow.gif) no-repeat bottom right;
}
span.s1 span.s2 {
background: url(../images/fuzzy_shadow1.gif) no-repeat right top;
padding: 0;
display: block;
}
span.s1 span.s2 span.s3 {
background: url(../images/fuzzy_shadow2.gif) no-repeat left bottom;
padding: 0 5px 5px 0;
display: block;
}

/*案件申請管理流程*/
.flow_date{
font-size:11px;
color:#333;
float:left;
text-align:left;
padding-left:19px;
padding-right:25px;
}

.flow_date_end{
font-size:11px;
color:#333;
float:left;
text-align:left;
padding-left:19px;
padding-right:0px;
}

/*申請時新增其他機構審查項目*/
.app_increat{
	padding:0px 0px 10px 30px;
}

/* 公告專區 */

.viewframe-news-body
{   /* 視圖列表主體框架 */
	width:100%;
	margin:0px auto; 
	text-align:center;
}
.viewframe-news-body th
{ 
	color:#000000;
	font-weight:normal;
	border:1px #aaa solid;
	border-top:1px #aaa solid;
	border-bottom:1px #aaa solid;
	padding:1px 3px;
	background: url(../images/view/th_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}
.viewframe-news-body td
{
	padding:3px;
	text-align:left;
	border-bottom:1px #aaa dashed;
}
.viewframe-news-body td.list
{
	text-align:left;
}
.viewframe-news-body td.num
{
	text-align:right;
}
.viewframe-news-body span.viewlink
{
	color:#007ccb;
	font-size:15px;
	line-height: 1.8;
}
.viewframe-news-body span.secondline
{
	font-size:10px;
	color:#999999;
}

.viewframe-news-bottom td
{   /* 視圖列表尾註 */
	color:#0060b6;
	border-top:1px #aaa solid;
	border-bottom:1px #aaa solid;
	background: url(../images/view/bottom_bg.jpg) repeat-x left top;
	background-position:0px 0px;
	vertical-align:middle;
	text-align:center;
}

.content_title	{
	font-size: 15px;
	color:#0064ab;
	padding:5px 0px 5px 0px;
	}

.time{
	font-size:12px;
}

.booking{
	font-size:12px;
	color:#fff;
}

.note{
	font-size:14px;
	padding:0px 3px 0px 3px;
	color:#df4f00;
	text-decoration:underline;
}

.viewframe-news-body .form_list{
	font-size: 15px;
	color:#0064ab;
	padding:5px 0px 5px 17px;
	background:url(../images/icon/dot_sub.gif) no-repeat top left;
	background-position:3px 12px;
}

.file{
	font-size:13px;
	padding-left:10px;
}

@media print {
	.noPrint { display:none; }
}
@media screen {
	.noScreen { display: none; }
}


/*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; }

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

.marginL-0 {margin-left:0px;}
.marginL-5 {margin-left:5px;}
.marginL-15 {margin-left:15px;}
.marginL-20 {margin-left:20px;}

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

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

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

.CommentBox
{
    vertical-align: middle;
}

.formframe-line
{
    background: url(../images/forms/bottom_bg.jpg) repeat-x left top;
    background-position: 0px 0px;
}

/*20200320 Mona midfify*/
body {
	background: none;
}
img {
	max-width: 100%;
}
.wrapper {
	width: 100%; }

.header_plan	{
	width:100%;
	/*max-width: 950px;*/
	height:auto;
	margin: 0 auto;
	padding-bottom: 1em;
	background:none;
}
.header_content {
	padding: 0;
}
textarea {
	width: 100%;
}
.keyV {
	padding-top: 5px;
	margin: 0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.container_plan {
	max-width: 1920px;
}
.container_plan, .main_lm_plan {
	background: #ffffff;
}
.left_plan{
	background: transparent;
}
.main_lm_plan {
	width: calc(100% - 180px);
}
.footer {
	height: auto !important;
	background: linear-gradient(#9cbfdf,#76a1c1) !important;
}
.footer_content {
	padding: 0 !important;
}
.copyright{
	padding: 2em !important;
}
[action="login.aspx"] .viewframe-body {
	width: 300px;
	float:right;
	margin-right:50px;
}
[action="login.aspx"] .main_lm_plan {
	width: 100%;
}
[action="login.aspx"] #mainContentDiv {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	height: calc(100vh - 306px);
}
@media only screen and (max-width: 950px) {
	.keyV {
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3)
	}
	[action="login.aspx"] .viewframe-body {
		position: absolute;
		right: 0;
		float: none !important;
	}
	[action="login.aspx"] #mainContentDiv {
		width: auto !important;
	}
}

@media only screen and (max-width: 580px) {
	.left_plan {
		width: 100%;
	}
	.left_info {
		float: initial !important;
	}
	.main_lm_plan {
		width: 100%;
		background: none; }
	.menu_sub_box {
		display: inline-block;
		width: 150px;
		padding: 0;
		margin: 0;
		margin-right: 33px;
		background: none;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}
	.left_content > img {
		display: none;
	}
	.menu_sub a {
		width: auto;
	}
	.ad_box .ad {
		float: initial !important;
		margin: 0;
	}
	.ad:nth-of-type(1) {
		margin-bottom: 10px;
	}
	.formframe-fieldname {
		width: 50px }
	.formframe-fieldvalue input{
		max-width: initial;
	}
	[action="login.aspx"] .viewframe-body {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
}