body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box}
/* Full-width input fields */
input[type=text], input[type=password] {
    width: 100%; text-align:center;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background: #f1f1f1;
}

/* Add a background color when the inputs get focus */
input[type=text]:focus, input[type=password]:focus {
    background-color:#F99;
    outline: none;
}

/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

button:hover {
    opacity:1;
}

/* Extra styles for the cancel button */
.cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
  float: left;
  width: 50%;
}

/* Add padding to container elements */
.container1 {
    padding: 16px;
    background-color: #fefefe;
    margin: 5% auto 10% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
	z-index:10000;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #474e5d;
    padding-top: 50px;
}
/* Style the horizontal ruler */
hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}
 
/* The Close Button (x) */
.close {
    position: absolute;
    right: 35px;
    top: 15px;
    font-size: 40px;
    font-weight: bold;
    color: #f1f1f1;
}

.close:hover,
.close:focus {
    color: #f44336;
    cursor: pointer;
}

/* Clear floats */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
    .cancelbtn, .signupbtn {
       width: 100%;
    }
}

a	{color:#009; text-decoration: none; font-weight:6500; font-family:"Times New Roman", Times, serif, Roman }
/*

 選單 */
navb ul	{font-size: 0.75em; width:100%; font-size:18px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	height: 30px;
	background-color:#F00;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), color-stop(50%, #444444), color-stop(50%, #F00), to(#555555));
	background: -webkit-linear-gradient(#777777 0%, #444444 50%, #F00 51%, #555555 100%);
	background: -moz-linear-gradient(#777777 0%, #444444 50%, #F00 51%, #555555 100%);
	background: -o-linear-gradient(#777777 0%, #444444 50%, #F00 51%, #555555 100%);
	background: -ms-linear-gradient(#777777 0%, #444444 50%, #F00 51%, #555555 100%); }
navb ul li	{list-style-type: none;	float: left; text-align:center; width:100%;}
navb ul li a	{display: block;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	border-right: solid 1px rgba(255,255,255,0.2)}
navb ul li a:hover	{background-color:#F00; color:#FFF; font-size:24px}
navb ul li:first-of-type a:hover	{border-radius: 5px 0 0 5px}

navc ul	{font-size: 0.75em; width:100%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	height: 30px;
	border-radius: 5px;
	}
navc ul li	{list-style-type: none;	float: left}
navc ul li a	{display: block;
	width: 100px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	border-right: solid 1px rgba(255,255,255,0.2)}
navc ul li a:hover	{background-color:#F00; color:#FFF; font-size:14px}
navc ul li:first-of-type a:hover	{border-radius: 5px 0 0 5px}

.logo {color:#FFF; font-size:36px; font-weight:800; font-family:"標楷體"; }
.logo a { color:#FFF }
.logo a:hover { color:#C00}
.logom {width:300px; height:60px}
.ptitle { color:#009; font:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:600; font-style:italic}
.logo1 {color:#336; font-size:28px; font-weight:800; font-family:Verdana, Geneva, sans-serif}
.logo1 a { color:#006 }
.logo1 a:hover { color:#C00}
.logo2 {color:#336; font-size:20px; font-weight:800; font-family:Verdana, Geneva, sans-serif; text-align:center}
.logo2 a { color:#006 }
.logo2 a:hover { color:#C00}
.qr_code { width:150px }
.hello { color:#036; font-size:10px; }
.hello a {color:#FF0; font-size:12px; }
.hello a:hover {font-size:14px; }
.qkeyw {width: 10em;font-size: 20px; color:#000}

.prompt0 {color:#FFF;}
.prompt1 {font-size:10px; }
.imquery {width:30px; height:30px}
.imedit  {width:30px; height:30px}
.imdel   {width:30px; height:30px}
.imprt   {width:30px; height:30px}
.im3x2   {width:30px; height:20px}

.imman   {width:20px; height:30px}
.pagep1  {width:160px;}
.running {width:100px; height:20px}
.pmenu0   {color:#FFF; font-size: 16px; text-align:center; height:25px; background-color:#0CF;}
.pmenu0 a {color:#FFF}
.pmenu0 a:hover  {color:#F00; background-color:#09C;}
.pmenu1  {color:#FFF; font-size: 16px; text-align:center; height:25px; background-color:#0CC}
.pmenu1 a {color:#FFF;}
.pmenu1 a:hover  {color:#F00; background-color:#09C;}
.pmenu2  {color:#FFF; font-size: 16px; text-align:center; height:25px; background-color:#0C9;}
.pmenu2 a {color:#FFF;}
.pmenu2 a:hover  {color:#F00; background-color:#09C;}
.pmenu3  {color:#FFF; font-size: 16px; text-align:center; height:25px; background-color:#0C6;}
.pmenu3 a {color:#FFF;}
.pmenu3 a:hover  {color:#F00; background-color:#09C;}
.pmenu4  {color:#FFF; font-size: 16px; text-align:center; height:25px; background-color:#0C3;}
.pmenu4 a {color:#FFF;}
.pmenu4 a:hover  {color:#F00; background-color:#09C;}
.pmenu5  {color:#FFF; font-size: 16px; text-align:center; height:25px; background-color:#0C0;}
.pmenu5 a {color:#FFF;}
.pmenu5 a:hover  {color:#F00; background-color:#09C;}
.fullmsg {color:#FFF; font-size:12px }
.fullmsg a:hover {width: 100%;margin-left: auto;margin-right: auto; background: #F00;
	box-shadow: 0px 2px 3px #cccccc, 0px 0px 4px 3px #ffffff inset}

input[type=checkbox].css-checkbox {	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label {
							padding-left:35px;
							height:30px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:30px;
							vertical-align:middle;
							cursor:pointer;
						}
input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -30px;
						}
label.css-label {background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_3f5bd3f7617a578c200aa742689c997e.png);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			}

.pt0_1 {color:#003; font-size:14;}
.ptp_1 {color:#00C; font-size:18;font-weight:500}
.ptk_1 {color:#F00; font-size:18;font-weight:500}

.title0 {color:#FFF; font-size:24px}
.no0 {color:#FFF; font-size:12;}
.v0 {color: #003; font-size:14;}
.v1 {color: #900; font-size:12;}
.msg  {color:#FFF; font-size:10px;}
.msg0 {color:#900; font-size:8px;}
.msg1 {color: #FFF; font-size:10px;}
.msg2 {color: #FFF; font-size:12px;}
.msg3 {color: #FF0; font-size:11px;}
.msg4 {color: #F00; font-size:16px;}
.keyword { color:#F00}
.keyword a { color:#F00}
.keyword a:hover { color:#F00}

.keyw   {color:#CFF;font-size: 12px;}
.keyw a {color:#03C; font-size: 12px; font-weight:500}
.keyw a:hover {color:#F00}

.ptitle_td  {font-size:16px;  color:#FFF; text-align:center}
.ptitle_tr0 {background:#CCF; color:#039; text-align:center}
.ptitle_tr1 {background:#8000FF; color:#039; text-align:center}
.ptitle_tr2 {background:#FC3; color:#039; text-align:center}
.ptitle_tr3 {background:#CC0; color:#039; text-align:center}
.ptitle_tr4 {background:#69C; color:#039; text-align:center}
.ptitle_tr5 {background:#C9F; color:#039; text-align:center}
.AMQX_title {color:#006;font-size:20px;}
.AMQX_title_job {color:#900;font-size:12px;}
.AMQX_cmd0{ font-size:10px; color:#FFF;}
.AMQX_cmdq{ font-size:10px; color:#FFF;}
.cccx   {color:#CFF;font-size: 10px; text-align:right; margin-top:0;}
.cccx a {color:#FFF;}
.cccx a:hover {color:#F00; font-size: 11px}

.album1_box {width: 100%;margin-left: 0px;margin-right: 0px; background:#E8E8E8;box-shadow: 0px 2px 3px #cccccc, 0px 0px 4px 3px #ffffff inset}
.album1_bg {color:#E8E8E8}
.album1_subject {color:#004A00;font-size: 12px; }
.album1_img1 { width:192px; height:108px; text-align:center}
.album1_imgp { width:114px; height:152px; text-align:center}
.album1_imgpx { width:114px; text-align:center}
.album1_item {color:#424242;font-size: 9px; }
.album1_text {color:#030303;font-size: 12px;}
.album1_text a {color:#009;}
.album1_text a:hover {color:#F00;font-size: 14px;}
.album1_text1 {color:#030303;font-size: 10px;}
.gotop {color:#039;font-size: 12px;}
.gotop a{color:#039;font-size: 320px;}
.gotop a:hover {color:#F00;font-size: 36px;}

.edaq_item {color:#000;font-size: 9px; width:50px }
.edaq_text {color:#006;font-size: 11px; }
.pmsg{color: #CCC ;	font-size: 8px; text-align: center;}
.pmsg a {color: #999;}
.pmsg a:hover {color:#F33;	font-size: 9px;}
 
.prompt {color: #F00;font-size: 11px;font-weight: bold;}
.po_price0 {color: #333;	font-size: 20px;font-weight: bold;}
.po_price1 {color: #F00;	font-size: 24px;font-weight: bold;}
.msg {color: #F00;	font-size: 12px;font-weight: bold; text-align:center}
.msgw {color:#FFF;	font-size: 10px;font-weight: bold; text-align:center}
.msgw a {color:#CCF}
.msgw a:hover  {color:#F00; font-size:11px}
.asubject {color:#00C;	font-size: 11px; text-align:left;}
.bsubject {color:#00C;	font-size: 11px; text-align:center;}
.bmem {color:#999;	font-size: 10px; text-align:left;}
.navt	{color:#FFF;	font-size: 12px; text-align:center; height:30px; background-color:#303;}
.navt a {color:#FFF;}
.navt a:hover  {color:#F00; background-color:#09C;}

.amsg   {color:#009;	font-size: 8px; text-align:left; background-color:#FFF;}
.amsg a {font-size: 9px;}
.amsg a:hover {color:#F33;	font-size: 10px; text-align:right;}
.amst   {color:#009;	font-size: 8px; text-align:rihht; background-color:#FF0;}
.amst a {font-size: 9px;}
.amst a:hover {color:#F33;	font-size: 10px; text-align:right;}
.nnn   {color: #F00;	font-size: 8px;}
.nnn a {color: #F00;	font-size: 9px;}
.nnn a:hover {color: #F00;	font-size: 10px;}
.nn1   {color: #F00;	font-size: 15px; font-weight:400}
.nn1 a {font-size: 15px;}
.nn1 a:hover {color: #F00;	font-size: 16px;}

.ntt {color:#009;	font-size: 10px;}
.nnt {color:#009;	font-size: 10px; text-align:center;}
.nnt0 {color: #F00;	font-size: 10px;}
.nnt0 a:hover {font-size: 12px;}
.nntl{color:#009;	font-size: 10px; text-align:left;}
.nntl a {color:#009;	font-size: 10px; }
.nntl a:hover {color:#F33;	font-size: 12px;}
.nnt2{color:#F00;	font-size: 12px; }
.nnt2 a {color:#FFF;}
.nnt2 a:hover {color:#F33;font-size: 14px;}
.aac {color:#009;	font-size: 10px; text-align:center; margin-top:0;}
.subject {color:#009;	font-size: 20px; text-align:left;}
.pnext {color:#F00;	font-size: 14px; text-align:right;}
.eex {color:#009;	font-size: 10px; text-align:right;}
.popmenu a {color:#009;	font-size: 14px; text-align:left;}
.popmenu a:hover {color:#F33;font-size:16px;text-align:left;}
.linka {color:#0369;font-size: 10px; text-align:left; margin-top:0;}
.linka a {color:#0369;font-size: 12px; }
.linka a:hover {color:#F33;font-size: 14px; }
.linkb {color:#666;font-size: 10px; text-align:right; margin-top:0;}
.linkb a {color:#03C;font-size: 12px; }
.linkb a:hover {color:#F33;font-size: 14px; }
.linkc {color:#039;font-size: 14px; }
.linkc a {color:#039;font-size: 14px; }
.linkc a:hover {color:#F33;font-size: 16px; }
.foot1 {color:#666;font-size: 10px; text-align:center; margin-top:0; }
.foot1 a {color:#CCC;font-size: 11px; }
.foot1 a:hover {font-size: 12px; }
.Ad_title a {color:#006; font-size: 16px;}
.Ad_title a:hover {color:#C00;}
.Ad_subject {color:#033; font-size: 12px;}
.Ad_mem {color:#099; font-size: 10px;}

#table-wrapper {position:relative;}
#table-scroll {height:{wnd.heigth.max}px;overflow:auto;margin-top:0px;}
#table-wrapper table {width:100%;}
#table-wrapper table * {background:yellow;color:black;}
#table-wrapper table thead th .text {position:absolute; top:-20px;  z-index:2;  height:20px;  width:35%;  border:1px solid red;}

.mobileA {display:none}
.mobileB {display:block}
.showpx_wp {width:50%;}
.tx_1{ width: 80em; background-color:#FFF	}
.tx_x{ width: 100%;	height: 5em; background-color:#FFF}
.tx_b{ width: 60em;	height: 5em; background-color:#CCC}
.l1 {color:#3A3A3A; font-size: 10px;}
.t1 {color:#00C; font-size: 12px;}
.n1 {color:#F00; font-size: 14px;}
@media ( max-width: 800px) {
.mobileA {display:block}	
.mobileB {display:none}
.showpx_wp {width:100%;}
.tx_1 {width: 30em;}
.tx_x, .tx_b {width: 25em; height: 2em;}
}

@media ( max-width: 400px) {
.mobileA {display:block}	
.mobileB {display:none}
.showpx_wp {width:100%;}
.l1 {font-size: 8px;}
.t1 {font-size: 10px;}
.n1 {font-size: 12px;}
.logom {width:250px; height:50px}

article header h1	{float: none}
article header p	{margin: 0}
article section:nth-of-type(1n) figure	{float: none;	margin: 0;	text-align: center;	display: block}
article section:nth-of-type(1n) figcaption	{text-align: center;	margin-bottom: 15px}#album1_body {display:none;}
#fullclick {display:none;}
.tx_1 {width: 20em;}
.tx_x, .tx_b {width: 10em; height: 3em;}
.logo {color:#FFF; font-size:20px; font-weight:800; font-family:"標楷體"; }
.qkeyw {width: 4em;}
}

@media ( max-width: 320px) {
.mobileA {display:block}	
.mobileB {display:none}
.logom {width:200px; height:40px}
}

.jqtree-tree .edit {margin-left: 8px; vertical-align: middle;}
</style>

<!--Top Man -->
<style>
.poplink a {color:#33C; font-weight:600}
.poplink a:hover {color:#F00}
.popimg {width:200px;	height:223px}
.popimg1 {width:180px;	height:225px}

.sidebar-widget {
    padding: 16px;
    background-color: #fefefe;
    width: 320px; /* Could be more or less, depending on screen size */

}
.sidebar-widget ul li.leftNavCurrent  {
  color: #000; text-align:center;
  border-top: none !important;
  font-weight: bold;
  font-size: 21px;
  padding-left: 0px;
}
.sidebar-widget ul li.leftNavCurrent a:before {
  background-image: none;
}
.sidebar-widget ul li.leftNavChild {
  padding: 0 3em;
  background-color: #FFF;
  border-top: none !important;
  font-weight: bold;
  font-size: 21px;
  padding-left: 0px;
}
.sidebar-widget ul li.leftNavChild a {
  color: #000; font-weight:600; font-size:18px
}
.sidebar-widget ul li.leftNavChild a:hover {
  color: #FFF; background:#000
}
</style>

<style>
* {box-sizing: border-box;}
.container2 {
  position: relative;
  width: 100%;
  max-width: 210px; min-height:270px;
}
.container3 {
  position: relative; border:#090; border-style:double;
  width: 100%;
  max-width: 100%; max-height:200px;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.imageA {
  position: absolute;   bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  width: 100%;  transition: .5s ease;  opacity:1;
  color: white;  font-size: 14px;  padding: 14px;  text-align: center;
}
.imageA a {color: white;}
.imageA a: hover {color:#F00;}

.imageB {
  position: absolute;   bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.3); /* Black see-through */
  width: 100%;  transition: .5s ease;  opacity:1;
  color: white;  font-size: 12px;  padding: 10px;  text-align: center;
}
.imageB a {color: white;}
.imageB a: hover {color:#F00;}
@media screen and (max-width: 600px) {
    .container2 {max-width: 90%;}
    .container3 {max-width: 100%;}
	.imageB  { font-size: 16px; }
	.imageB a { font-size: 16px; }
}

.overlay {
  position: absolute; 
  bottom: 50px; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 14px;
  padding: 14px;
  text-align: center;
}
.overlay a {color: white;}
.overlay a: hover {color:#F00;}
.container2:hover .overlay {  opacity: 1;}
.container3:hover .overlay {  opacity: 1;}

.imageC {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:1;
  color: white;
  font-size: 16px;
  padding: 14px;
  text-align: center;
}
.imageC a {color: white;}
.imageC a: hover {color:#F00;}


/* ~~ 導覽清單樣式 (如果選擇使用 Spry 之類的預製飛出選單，則可移除) ~~ */
ul.navT {
	list-style: none; /* 這會移除清單標記 */
	border-top: 0px solid #666; /* 這會建立連結的上方邊框，其他則都會使用下方邊框放置在 LI 上 */
	margin-bottom: 15px; /* 這會在下方的內容上建立導覽間的間距 */
}
ul.navT li {
	border-bottom: 0px solid #666; /* 這會建立按鈕分隔 */
}
ul.navT a, ul.navT a:visited { /* 將這些選取器放入群組，即可確保您的連結即使在受到點擊後仍保有按鈕外觀 */
	padding: 5px 5px 5px 15px;
	display: block; /* 這會為連結提供區塊屬性，使連結能填滿包含它的整個 LI，讓整個區域都能回應滑鼠點按動作。 */
	text-decoration: none; font-size:20px;
	background: #FFF;/* 白底*/
	color: #000;	/* 黑字*/
}
ul.navT a:hover, ul.navT a:active, ul.navT a:focus { /* 這會同時變更滑鼠及鍵盤導覽器的背景及文字顏色 */
	background:#FC0;/* 橘黃*/
	color: #FFF;
}

.tab {  overflow: hidden;}
.tab tr {background-color: inherit;}
.tab tr:hover {background-color:#F9F;}
.tab tr.active {  background-color: #ccc;}
.text{color:#330;	font-size: 12 px;} 
.td_item0 {background:#CFC; color:#033; font-size:10px}
.td_text0 {background:#CFC; color:#033; font-size:15px}
.td_item1 {background:#FFF; color:#000; font-size:10px}
.td_text1 {background:#CFC; color:#033; font-size:15px}
.item0 {color:#036; font-size:10px}
.text0 {color:#000; font-size:15px; font-weight:600 }
.item1 {color:#FFF; font-size:10px}
.text1 {color:#FFF; font-size:15px; }
.item2 {color:#036; font-size:12px}
.text2 {color:#030; font-size:16px; font-weight:500 }
.page0 {color:#006;font-size: 10px; text-align:center;}
.pagex {color:#C30;font-size: 24px; text-align:center;}
.pagex a {color:#009;font-size: 20px;}
.pagex a:hover {color:#F00;font-size: 24px;}
.Page_seq  {color:#009;font-size: 8px; text-align:center;}
.Page_text {color:#003;font-size: 11px;  }
.Page_text a {color:#03C;}
.Page_text a:hover {color:#F00;}