/*基本樣式*/
body {
	font-family: "新細明體",Arial;
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
	background: #FFF url(../../images/body-bg.png) repeat-x;
}
a {color: #03C;text-decoration: none;}
a:hover {color: #FF0000;}
a:active {color: #FF0000;}
/*去除chrome表單focus邊框*/
*:focus {outline: none;}


/*強制出現Scroll Bar*/
html
{
 overflow:scroll;
 overflow-x: hidden;
}

.font10B1{font-size:10pt;color:#333333;font-weight:bold;}
.font10N1{font-size:10pt;color:#333333}
.font10B2{font-size:10pt;color:#4B6ECF;font-weight:bold;}
.font10N2{font-size:10pt;color:#4B6ECF}
.font10B3{font-size:10pt;color:#FF0000;font-weight:bold;}
.font10N3{font-size:10pt;color:#FF0000}
.font10N4{font-size:10pt;color:#990000}
.font10W1{font-size:10pt;color: #FFFFFF;}
.font10WB{font-size:10pt;color: #FFFFFF;font-weight:bold;}
.font12W1{font-size:12pt;color: #FFFFFF;}



/* 共用樣式 */
.float-l {
	float: left;
}
.float-r {
	float: right;
}
img.float-l {
	margin: 0px 10px 10px 0px;
}
img.float-r {
	margin: 0px 0px 10px 10px;
}
.clear-b {
	clear: both;
}
/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}


/*輸入方塊與下拉選單*/
.formInput {
	padding: 3px 5px;
	-moz-box-shadow: inset #CCC 2px 2px 5px;
	-webkit-box-shadow: inset #CCC 2px 2px 5px;
	box-shadow: inset #CCC 2px 2px 5px;
	border: 1px solid #999;
	border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  vertical-align:middle
}


/*輸入方塊與下拉選單*/
.formInputDisableFalse {
	padding: 3px 5px;
	-moz-box-shadow: inset #CCC 2px 2px 5px;
	-webkit-box-shadow: inset #CCC 2px 2px 5px;
	box-shadow: inset #CCC 2px 2px 5px;
	border: 1px solid #999;
	border-radius: 6px;
    background:#f7e8a5;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  vertical-align:middle
}



.btn{vertical-align:top;border:none}

/*版面配置*/
#page-wallpaper1 {background: url(../../images/page-bg.gif) repeat-y center top;}
#page-wallpaper2 {background: url(../../images/page-bg.png) no-repeat center top;}
#page {background:url(../../images/footer-bg.png) repeat-x left bottom;}
#header,#main,#divFooter {
	position: relative;
	width: 980px;
	margin: 0px auto;
}
#header {z-index: 1;}
/*
#main {z-index: 0;}
    */
/*Header*/
#header {height:130px;
    top: 0px;
    left: 0px;
}
/* 登入與登出 */
#divUserInfo 
{
    background: url(../../images/UserInfoBg.png) no-repeat;
	width: 200px;
	height:116px;
	float: right;
	margin-top: 10px;
	font-size:10pt
}

/* 選單 */
#divMenu {
	position:absolute;
	z-index:100;
	top: 110px;
	left: 0px;
	width: 600px;
	padding: 4px 4px 0px 4px;
	border: 1px solid #BFC5B8;
	border-bottom: none;
	background: #FFF;
	border-radius:5px;
}
#divMenu:after {
	position: absolute;
	right: -11px;
	bottom: 0px;
	content: ' ';
	width: 10px;
	height: 25px;
	background: url(../../images/menu-bg.png) no-repeat;
}
#divMenu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#divMenu a {
	display: block;
}
.menu {
	display: block;
	float: left;
}
.menu-btn {
	display: block;
	float: left;
	position: relative;
	font-family:微軟正黑體,新細明體,Arial;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 118px;
	border-right: 1px solid #DAD3D3;
	border-left: 1px solid #FCFCFC;
	background: url(../../images/menu-btn.png) repeat-x 0px 0px;
}
.menu-btn:hover, 
.menu-btn.active {
	border-right: 1px solid #2C1F1F;
	border-left: 1px solid #685757;
	background: url(../../images/menu-btn.png) repeat-x 0px -40px;
}
.menu-btn a,.menu-btn span {
	color: #2F3229;
}
.menu-btn:hover a,.menu-btn a:hover,.menu-btn.active a
,.menu-btn:hover span,.menu-btn span:hover,.menu-btn.active span 
{
    font-family:微軟正黑體,新細明體,Arial;
	color: #FFF;
}
.menu-list {
	display: none;
	float: left;
	position: absolute;
	top: 40px;
	left: -1px;
	border-right: 1px solid #2F3229;
	border-left: 1px solid #4A5041;
	border-bottom: 1px solid #2F3229;
	background: #636958;
}
.menu-list li {
	float: none;
	width: 160px;
	padding: 5px 10px;
	margin: 5px;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	height: 25px;
	line-height: 25px;
	border: none;
	border-bottom: 1px solid #838B74;
	background: none;
}
.menu-list li:hover {
	border: none;
	border-bottom: 1px solid #838B74;
	background: #838B74;
}
.menu-list a {
	color: #FFF;
}
.menu-list a:hover {
	color: #FFF;
}

/*Main*/
#main {
	padding: 30px 0px;
}
#SiteMapPath {
	height: 40px;
	line-height: 40px;
	background: url(../../images/breadcrumb-bg.png) repeat-x left top;
	color: #A39595;
}

#content {
	min-height: 500px;
	margin: 20px 0px;
}

/*Footer*/
#divFooter {
	color: #A39393;
	height: 100px;
	line-height:30px
}
#divFooter a {
	color: #675757;
}
#go-top {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 110px;
	height: 40px;
	line-height: 25px;
	text-align: center;
	background: url(../../images/footer-btn.png) no-repeat;
}
#go-top a {
	color: #A39595;
	font-weight: bold;
}
#go-top a:hover {
	color: #675757;
}
#copyright {
	padding: 15px 0px 15px 80px;
	background: url(../../images/footer-icon.png) no-repeat 10px center;
}
#copyright p {
	margin: 0px;
}

/* GridView */
.titleGV{font-size:10pt;font-weight:bold;color:#333333}
.tdGVHeader{height:28px;background:url(../../images/BgGridViewHeader.jpg) repeat-x}
.tdGVHeaderL{text-align:center;}
.tdGVHeaderLTextL{text-align:left;}
.tdGVHeaderR{font-size:10pt;font-weight:normal;color: #FFFFFF;text-align:right;padding-right:10px}
.trGVFooter{height:28px;background:url(../../images/BgGridViewFooter.jpg) repeat-x}
.tdGVFooter{border-left:2px #555555 solid;border-bottom:2px #555555 solid;border-right:2px #555555 solid;font-weight:bolder;padding-right:3px}
.gv{border:2px #555555 solid;line-height:20px}
.gvStat{border:2px #555555 solid;line-height:20px}
.gvHeader th{background-color:#c2b89e;font-weight:normal;font-size:10pt;color:#615543;text-align:center}
.gvItem{font-weight: normal;font-size:10pt;color:#333333;background-color: #FFFFFF}
.gvAlternatingItem{font-weight:normal;font-size:10pt;color: #333333;background-color: #F1F1F1}
.gvHeader{background-color:#c2b89e;font-weight:normal;font-size:10pt;color:#615543;text-align:center}

/*.gvFooter{background-color:#555555;font-size: 10pt;color: #FFFFFF;font-weight:bold}*/
.gvFooter{background-color:#EEE;font-size: 10pt;color: #555555;font-weight:bold}
.gvPager{color:#FFFFFF;background-color: #666666;font-size:12pt}
.gvPager A{font-size:12pt}
.gvPager A:link {color: #000000}
.gvPager A:visited {color: #000000}
.gvPager A:active {color: #000000}
.gvPager A:hover {color: #FF3833}
.gvOver{font-weight: normal;color:#000000;background-color:#F7E48D}

/* MsgBox */
.tbMsgBox{font-family: Arial, sans-serif;font-size: 12px;min-width: 350px;max-width: 600px;background: #FFFFFF;border: solid 2px #999999;color: #111111;}
.MsgBoxTitle {font-size: 10pt;font-weight: bold;text-align: center;line-height: 25px;color: #666666;background: #CCCCCC url(../../images/MsgBox/title.gif) top repeat-x;
	border: solid 1px #FFFFFF;border-bottom: solid 1px #999999;	padding: 0px;margin: 0px;}
.MsgIcon{vertical-align:middle;margin:2px}
.btnHidden{display:none}
/*.mpeBackground {background-color:Gray;filter: alpha(opacity=35); opacity: 0.5;}*/
/* ModalPopup*/
.mpeBackground {background-color: Gray;filter: alpha(opacity=35); opacity: 0.5;z-index:20000;height:100%;width:100%;}


/* ModalPopup */
.divMasked
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: verdana;
    font-weight: bold;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity:0.3;
}

.divModalPopup
{
    visibility: hidden;
    background-color:#FFFFFF; 
    position: absolute;
    padding:10px;
    border:solid 2px #FFFFFF; 
}

.panPopup{display:none}
.tbModalPopup {border:solid 2px #FFFFFF;background-color:#FFFFFF}
.tdMPWinHeader{border:solid 2px #E78F08;background: #F7B64B}
.tdMPWinL{text-align:Left;padding: 2px 0px 0px 5px;font-size: 13px;color: #FFFFFF}
.tdMPWinR{text-align:Right;padding: 0px 3px 0px 0px;}
.trMPWinHeader{background-color: #F7B64B}
.meAddress{MARGIN:10px; WIDTH:300px;text-align:left;}
.meMobile{MARGIN:10px; WIDTH:200px;text-align:left;}
.meBtn{WIDTH:50px; text-align:left;}

.divGroupS{}
.divGroupH{display:none}
.divMenuGroup{width:100px;height:27px;margin-bottom:3px;background-color:#333333;color:#FFFFFF;font-weight:bold;cursor:pointer}
.divMenuItem{width:100px;height:27px;margin-bottom:3px;background-color:#FFFFFF;color:#333333}

/* Query  */
.tbQuery {border:solid 2px #FCD72A; line-height:28px;background-color:#FFFFFF}
.tbQuery th{font-size:10pt;font-weight:normal;text-align:right; padding-right:5px;background-color:#FEF0B1;}
.tbQuery td{font-size:10pt; padding-left:5px; }
.tbQuery .tdFooter {height:28px;background:url(../../images/BgQueryFoot.jpg) repeat-x}

.tbQuery3 {border:solid 2px #FCD72A; line-height:35px;background-color:#FFFFFF}
.tbQuery3 th{font-size:14pt;font-weight:normal;text-align:right; padding-right:5px;background-color:#FEF0B1;}
.tbQuery3 td{font-size:14pt; padding-left:5px; }
.tbQuery3 .tdFooter {height:28px;background:url(../../images/BgQueryFoot3.jpg) repeat-x}


/*mpCondition*/
.tbQueryCondition {border:solid 2px #FCD72A; line-height:28px;background-color:#FFFFFF}
.tbQueryCondition th{font-size:10pt;font-weight:normal;text-align:center; padding-right:5px;background-color:#FEF0B1;}
.tbQueryCondition td{font-size:10pt; padding-left:5px; }
.tbQueryCondition .tdFooter {height:28px;background:url(../../images/BgQueryFoot.jpg) repeat-x}

/* Edit */
.tbEdit{border:1px #333333 solid;line-height:28px}
.tbEdit .tdHeader{height:28px;text-align:center;font-size:10pt;color: #FFFFFF;background:url(../../images/BgEdit.jpg) repeat-x;padding:0px}
.tbEdit th{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:2px 5px 2px 5px;background-color:#EEEEEE}
.tbEdit td{font-size:10pt;padding:2px 5px 2px 5px}
.tbEdit .tdFooter{height:28px;background:url(../../images/BgEdit.jpg) repeat-x;padding:0px;line-height:normal}
.tbEdit td.tdGVHeader{height:28px;background:url(../../images/BgGridViewHeader.jpg) repeat-x}


tbAdvocacy{font-size:10pt;padding:0px 0px 0px 0px;}
.tbAdvocacy td{font-size:10pt;padding:0px 5px 0px 5px;background-color:#FFFFFF;padding-right:0px;color: #333333;}
.tbAdvocacy th{width: 150px;font-size:10pt;font-weight:normal;vertical-align:top;background:url(../../images/BgEdit.jpg) repeat-x;text-align:left;padding:2px 5px 2px 5px;background-color:#EEEEEE}
.tbAdvocacy .tdHeader{height:28px;text-align:Left;font-size:10pt;color: #FFFFFF;padding:0px 5px 0px 5px;background:url(../../images/BgEdit.jpg) repeat-x;padding:0px}

/* Humidity */
.tdHumidityGVHeaderL{text-align:center;background:url(../../images/BgEdit.jpg) repeat-x;width:90px;}
.tdHumidityGVHeaderR{font-size:10pt;font-weight:normal;color: #FFFFFF;background:url(../../images/BgEdit.jpg) repeat-x;text-align:right;padding-right:10px}
.tbHumidity {background-color:#FFFFFF;}
.tbHumidity .tdHeader{height:28px;text-align:Left;font-size:10pt;color: #FFFFFF;background:url(../../images/BgEdit.jpg) repeat-x;padding:0px}
.tbHumidity .tdHeader2{height:28px;padding-left:5px;text-align:Center;font-size:10pt;color: #FFFFFF;background:url(../../images/BgEdit.jpg) repeat-x;padding:0px}
.tbHumidity th{width: 150px;font-size:10pt;font-weight:normal;vertical-align:top;text-align:center;padding:2px 5px 2px 5px;background-color:#EEEEEE}
.tbHumidity td{font-size:10pt; padding:0px 0px 0px 0px;background-color:#FFFFFF;}
.tbHumidity .tdFooter{height:28px;background:url(../../images/BgEdit.jpg) repeat-x;padding:0px;line-height:normal}

tbHumidity.tdAdvocacyFormHeader{font-size:10pt;font-weight:normal;color: #FFFFFF;background:url(../../images/BgEdit.jpg) repeat-x;text-align:left;padding-right:10px}

.tbTemperature {background-color:#F7B64B;border:1px #E78F08 solid;line-height:28px;}
.tbTemperature .tdHeader{height:28px;text-align:Left;font-size:10pt;color: #FFFFFF;background-color:#F7B64B;padding:0px}
.tbTemperature .tdHeaderLeft{height:28px;padding-left:5px;text-align:Center;font-size:10pt;color: #FFFFFF;background-color:#F7B64B;padding:0px;}
.tbTemperature .tdHeaderRight{height:28px;padding-left:5px;text-align:Center;font-size:10pt;color: #FFFFFF;background-color:#F7B64B;padding:0px;}


.tbTemperature .thTemperature{width: 150px;font-size:10pt;font-weight:normal;vertical-align:top;text-align:center;padding:2px 5px 2px 5px;background-color:#EEEEEE}
.tbTemperature .tdTemperature{font-size:10pt; padding:2px 5px 2px 5px;background-color:#FFFFFF;}
.tbTemperature .tdFooter{height:28px;background-color:#F7B64B;padding:0px;line-height:normal}
.tbTemperature.tdAdvocacyFormHeader{font-size:10pt;font-weight:normal;color: #FFFFFF;background:url(../../images/BgEdit.jpg) repeat-x;text-align:left;padding-right:10px}

/* ModalPopup */
.divMasked
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: verdana;
    font-weight: bold;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity:0.3;
}

.divModalPopup
{
    visibility: hidden;
    background-color:#FFFFFF; 
    position: absolute;
    padding:10px;
    border:solid 2px #FFFFFF; 
}

   .thQuestionnaire
    {
        width: 100px;
    }

   /*手機版的calendar*/
.CalendarExtender2{font-size:14pt;color:#333333;font-weight:bold;}
.CalendarExtender2 .ajax__calendar_container{font-size:14pt;border:1px solid #646464;background-color:#eee;width:245px;height:230px;}
.CalendarExtender2 .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year{font-size:10pt;color:#2583AF;}
.CalendarExtender2 .ajax__calendar_hover .ajax__calendar_day{font-size:10pt;color:#DF2C07;background-color:#e8e8e8;}
.CalendarExtender2 .ajax__calendar_active .ajax__calendar_day{font-size:12pt;color:#2583AF;font-weight:bolder;background-color:#e8e8e8;}
.CalendarExtender2 .ajax__calendar_day{font-size:10pt;margin:2px 5px 2px 5px;}
.CalendarExtender2 .ajax__calendar_body{width:220px;height:170px;vertical-align:middle;}
.CalendarExtender2 .ajax__calendar_dayname{font-Size:10pt;margin:8px 5px 8px 5px;}
.CalendarExtender2 .ajax__calendar_next{font-size:10pt;}


.GridviewScrollHeader TH, .GridviewScrollHeader TD 
{ 
    padding: 5px; 
    font-weight: bold; 
    white-space: nowrap; 
    border-right: 1px solid #AAAAAA; 
    border-bottom: 1px solid #AAAAAA; 
    background-color: #EFEFEF; 
    text-align: left; 
    vertical-align: bottom; 
}