@Media Print {
  Body {display:none;} 
}


body,button, input,select, textarea,h1 ,h2, h3, h4, h5, h6, li, div, label,a { 
	font-family:'Noto Sans TC', MicrosoftYaHei,'微軟正黑體',Tahoma,Helvetica,Arial,"\5b8b\4f53", sans-serif; letter-spacing:normal; 
	font-size: 100%;
}

/* --- 回頂端 -- */
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
   /* background-color: #777777;  */
	color: #eeeeee;
	width: 50px;
	height: 40px;
	line-height: 48px;
	right: 30px;
	bottom: 50px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.01s ease-in-out;
	-moz-transition: all 0.01s ease-in-out;
	-ms-transition: all 0.01s ease-in-out;
	-o-transition: all 0.01s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.scroll-top-wrapper:hover {
	/* background-color: #888888; */
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
/* --- 回頂端 -- */

/* 定義banner 置頂 */
div[role="banner"] {
  /* Class for Banner */
  position: fixed;
  width: 100%;
  /*height: 30px;
  z-index: 100;
  top: 0px;
  padding: 0 0px; */
  /* Required for utility links to be displayed properly */
}
div[role="region"] {
	 /*position:relative ;*/
	 top:110px ;
}
div[role="main"] {
	 position:relative ; top:100px ;
	 /* top:100px -> top:10px  by Eric*/
}

Body{
	/* font-family:"Arial,serif,sans-serif"; */
	/* font-family:serif;  border:1px orange solid; */
	 margin-right:10px;
}

.sopLink{
	font-size: 16px;	
}

@charset "utf-8";
/* ==== 天氣 ==== float: right;*/
div.box {
	margin:0 auto;
	float: right;
}

.fContainer {
	position: static;
	margin: 5px auto;
	width: 95%;
	padding: 2px 5px;
	background: #ffffff;
	border: 1px solid #d1d1d1;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


div.box h2 {
	margin:0;
	display:inline-block; /* =破解= */
	margin-top:25px;
	margin-left:25px;
	letter-spacing:2px;
}
div.box h5 {
	margin:0;
	margin-left:25px;
	/* color:#666666; */
	letter-spacing:1px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
/* ==== 天氣 ==== */


/* 重點連結 */
a.hightLine:link {
    color: #E0000F;
}
a.hightLine:visited {
    color: #E0000F;
}
/* --- 布告欄 DLG --- */
.panelDLG{
	width:80%;
	height:50%;
	background-color: #DDDDDD;	
}

.xView{
	width:100%;
	font-size: 13px;
	font-family: Arial, Tahoma; 	
}

.xView-title{
	font-size: 18px;	
}

/* Banner */
.text-decoration_fail{
	font-family:細明體,sans-serif;font-size:12pt;

}

/* ------- 20180213 doc button --- */
.Bar{
	padding:5px;
	background-color:#f3f0ec;
	height:26px;
	border:1px #c4c4c4 dashed;
	margin-top:5px;
}
.Button{
	margin:5px;
	height:26px;
	padding-right:5px;
	line-height:20px;
	float:left;
}
.Button .BtnLeft{
	width:10px;
	height:26px;
	/*background: url("thumb_4a0cd308c18d7.gif") no-repeat;*/
	float:left;
}
.Button .BtnContent { /*background: url("4a0cd4d6cae42.gif") repeat-x;*/ float:left; }

.Button .BtnRight{
	width:10px;
	/*background: url("thumb_4a0cd307aad4c.gif") no-repeat;*/
	float:left;
	height:26px;
}	

.Button .BtnContent a{
	line-height:26px;
	color:#1870bb;
	font-weight:500;
	font-size:13px;
	text-decoration:none;
}
.Button .BtnContent a:hover{
	color:#eb6b6a;
	text-decoration:none;
}

/* ----------AP Link 中的 頁籤 Css--------- */
ul.apLink {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 24px;　
}
li.xx {/* --- 間格用 --- */
    display: block;
    width: 25px;
background-color: #FFFFFF;
text-align: center;
}

li.apLink {
    float: left;
    font-size: 12px;
    margin:0.2em;
}

a.apLink {
    display: block;
    width: 180px;
    font-size: 14px;
    background-color: #FFFFFF;
}
/* mouse over link */
a.apLink:hover {
   /* color: #000047; */
    text-decoration: underline;
    /* font-size:102%; */
    /* background-color: #FFFFFF; */
}

.leftFunctionURLLink_fail{
	/* font-family:細明體,sans-serif;font-size:12pt; */
}
/* ----------AP Link 中的 頁籤 Css--------- */

/* ----------SOP Link 中的 頁籤 Css--------- */
ul.SOPLink {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 24px;　
}
li.xx {/* --- 間格用 --- */
    display: block;
    width: 250px;
background-color: #FFFFFF;
text-align: center;
}

li.SOPLink {
    float: left;
    font-size: 16px;
}

a.SOPLink {
    display: block;
    width: 280px;
    font-size: 16px;
    background-color: #FFFFFF;
}
/* mouse over link */
a.SOPLink:hover {
   /* color: #000047; */
    text-decoration: underline;
    /* font-size:102%; */
    /* background-color: #FFFFFF; */
}

.leftFunctionURLLink_fail{
	/* font-family:細明體,sans-serif;font-size:12pt; */
}
/* ----------SOP Link 中的 頁籤 Css--------- */

.lotusTabWrapper{
	/* 廠區選單動作 */
	font-size: 18px;
	font-weight: normal;
	/* font-family:細明體; */ 
}
.lotusText{
	/* 廠區選單名稱 */
	font-size: 26px;
	font-weight: normal;
	color: #0000FF;
	/* font-family:細明體; */ 
}


/* ----- C_login style 移至此 ----- */
.lnkLogin{
	color: #61656a;
	text-decoration: none;
}
.lnkLogin:hover {
	text-decoration: underline;
}
.lnkLogout{
	color: #61656a;
	text-decoration: none;
}
.lnkLogout:hover {
	text-decoration: underline;
}
.label {
	color: #f79232;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bolder;
}
.btnLogin{
	color: #ffffff;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bolder;
	background-color: #FFFFFF;
}
#lblLoginMessage{
	font-family: Arial;
	font-size: 16pt;
}
#dialogLogin{
	width:600px;
	height:300px;
	border-color:#999999;
	
}
#dialogLogin_underlay { 
    background-color:#FFFFFF;
    opacity:0.8; 
}
/* ----- C_login style 移至此 ----- */

/* --- 浮水印 --- */
	div#watermark {
		z-index:100;
		position: relative;
	   	position: fixed;
		bottom: 50%;
		left: 20%;
		font-size: 14 px;
		padding: 0.1em;
		/*background: white;*/
		color: 	#9d9d9d;
		opacity: 0.5;              
	}
	div#watermark a {
		color: #9d9d9d;
		text-decoration: none;
	}
/* --- 浮水印 --- */


.unicode_list_image {
	list-style-type: none;
	margin-right: 5px;
	display: block;
	font-size: 14px;
    background-color: #FFFFFF;
    width: 180px;
}
.unicode_list_image:before {
	content: "\1F4DD"; 
}