/*html, body, #Bg {height: 100%;}
body {margin: 0px;letter-spacing: 1px;
background: #FFF url(../../images/design_bg1.png) repeat-x left top;
font-family: 新細明體,Arial,Helvetica,sans-serif;font-size: 10pt;color: #333333;}*/
/*.clear {clear: both;}*/
#Bg {height: auto;min-height: 100%;background: url(../../images/design_bg2.png) repeat-x left bottom;}
#Bottom {position: relative;margin-top: -70px;height: 70px;clear: both; background: url(../../images/design_footer.png) no-repeat center top;}
#Footer {width: 975px;height: 70px;text-align: center;line-height: 70px;margin: 0px auto;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/*.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}*/
/*.clearfix {display: block;}*/
#Main_wrapper {width: 100%;padding-bottom: 70px;position: relative;}
/*#Main {position: relative;z-index:1;width: 975px;margin: 0px auto;}*/
#Main {position:relative;z-index:1;width: 1225px;margin: 0px auto;}
#Flash_title {position: relative;z-index: 2;width: 1225px;height: 120px;}
#Flash_pic1 {position: absolute;z-index: 1;top: -60px;right: 0px;width: 230px;height: 220px;}
#Sidebar {width: 175px; float: left;overflow: hidden;}
/*A{font-size:10pt;text-decoration:none;color:#333}
A:link {color: #333}
A:visited {color: #333}
A:active {color: #333}
A:hover {color:#FF0000}*/
/*去除chrome表單focus邊框*/
*:focus {outline: none;}
.divLogin {width: 155px;height: 155px;padding: 10px;margin-top: 10px;background: url(../../images/log_bg.png) no-repeat;}
.divLogin h3 {color: #FFF;text-shadow: -1px -1px 2px #827263;font-size: 16px;margin: 0px;}
.divLogin ul {color: #827263;font-size: 13px;list-style: none;line-height: 30px;padding: 0px;margin: 10px 5px 5px 5px;}
.divLogin a {color: #827263;font-size: 13px;}
.divLogin .textbox {width: 84px;height:19px;}
.divLogin, .btn {border-radius: 8px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.textbox {padding: 2px;border: 1px solid #CEC6BF;border-radius:5px}
.btn{vertical-align:top;border:none}
.btn2 {color: #FFF;font-weight: bold;letter-spacing: 3px;padding: 3px 7px 4px 10px;background: #FF7C00;border: 1px solid #FF7C00;cursor: pointer;}
.btn2:active {background: #FCAE41;}
.divLogout {width: 155px;height:75px;padding: 10px;margin-top: 10px;background: url(../../images/log_bg2.png) no-repeat;border-radius: 8px}
.divLogout h3 {color: #FFF;text-shadow: -1px -1px 2px #827263;font-size: 16px;margin: 0px;}
.font10R{font-size:10pt;color:Red;}
.font10B1{font-size:10pt;color:#333333;font-weight:bold;}
.font10N1{font-size:10pt;color:#333333}
.font12B1{font-size:12pt;color:#333333;font-weight:bold;}
.font10B2{font-size:10pt;color:#4B6ECF;font-weight:bold;}
.font10N2{font-size:10pt;color:#4B6ECF}
.font10N3{font-size:10pt;color:#FF0000;}
.font10B3{font-size:10pt;color:#FF0000;font-weight:bold;}
/* Menu */
.divMenu {font-weight: bold;font-size:14px;text-shadow: 1px 1px 2px #113EA6}
.divMenu ul, .divMenu ul li {list-style: none;padding: 0px; margin: 0px;}
/*.divMenu ul li {line-height:30px;background: url(../../images/menu_bg.png) no-repeat;}*/
.divMenu ul li {padding-top:8px;background: url(../../images/menu_bg.png) no-repeat;}
.divMenu span{color: #FFF;margin-left: 10px;}
.divMenu ul li a {color: #FFF;text-decoration: none;text-shadow: 1px 1px 2px #113EA6;font-size: 14px;height: 30px;margin-left: 10px;display: block;}
.divMenu ul li a:hover {color: #FF6;}
.divMenu ul li ul {padding:0px;margin:0px;}
.divMenu ul li ul li {padding:0px;margin:0px;background: url(../../images/menu_spot.png) no-repeat 3px 12px;border-bottom: 1px solid #87AACD;}
.divMenu ul li ul li a {color: #000;text-shadow: -1px -1px 2px #FFF;font-size:12px;margin-left:12px;letter-spacing:0.5px}
.divMenu ul li ul li .aLine1 {height:17px;padding:10px 0px 0px 0px}
/* 字數較多折行 */
.divMenu ul li ul li .aLine2 {border:solid 0px #111;height:30px;padding:10px 0px 0px 0px}
.divMenu ul li ul li a:hover {color: #C40000;}
/* SiteMapPath */
.divSiteMapPath{margin:5px 0px 15px 0px;height:20px;/*border-bottom:1px dotted #555;*/color:#555;font-size:10pt;font-weight:bold}
.divSiteMapPath A{text-decoration:underline;color:#555;font-weight:bold}
.divSiteMapPath A:link {color: #555}
.divSiteMapPath A:visited {color: #555}
.divSiteMapPath A:active {color: #555}
.divSiteMapPath A:hover {color: #3879CF}
#Flash_pic2 {
position: relative;
z-index: 1;
left: 5px;
width: 200px;
height: 230px;
}
#Content_wrapper {
width:1048px;
min-height:900px;
float: right;
background: #FFF;
border: 1px solid #CCC;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: #000 1px 1px 5px;
-moz-box-shadow: #000 1px 1px 5px;
box-shadow: #000 1px 1px 5px;
}
#Content {
margin:10px 20px 20px 20px;
}
#Flash_bg {
position: absolute;
z-index: 0;
width: 100%;
height: 300px;
top: 0px;
}
/* 連結圖不要出現虛線 */
input, a {
outline:expression(hideFocus='true');
outline:none;
}
/* Query */
.tbQuery {border:solid 2px #11CFFF; line-height:28px;background-color:#FFFFFF}
.tbQuery th{font-size:10pt;font-weight:normal;text-align:right; padding-right:5px;background-color:#84E7FF;}
.tbQuery td{font-size:10pt; padding-left:5px; }
.tbQuery .tdFooter {background-color: #11CFFF; padding: 4px 0px 0px 1px;}
/* GridView */
.titleGV{font-size:10pt;font-weight:bold;color:#333333}
.tdGVHeader{height:28px;background:url(../../images/BgGridViewHeader.jpg) repeat-x}
.tdGVHeaderL{text-align:center}
.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:#555;font-weight:normal;font-size:10pt;color:#FFF;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}
/*.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}
/* Edit */
.tbEdit{border:1px #60B0A8 solid;line-height:25px}
.tbEdit .tdHeader{text-align:center;font-size: 10pt;color: #FFFFFF;background-color:#60B0A8;}
.tbEdit .tdHeader1{font-size:10pt;text-align:left;background-color:#BDDFDC; font-weight:bolder;}
.tbEdit th{font-size:10pt;vertical-align:top;text-align:right;padding:2px 5px 2px 5px;text-align:right;background-color:#BDDFDC}
.tbEdit td{font-size:10pt;padding:2px 5px 2px 5px}
.tbEdit .tdFooter{height:25px;background-color: #60B0A8;padding: 3px 0px 0px 1px;}
/* Edit2 */
.tbEdit2{border:1px #60B0A8 solid;line-height:25px}
.tbEdit2 .tdHeader{text-align:center;font-size: 10pt;color: #FFFFFF;background-color:#60B0A8;}
.tbEdit2 .tdHeader2{font-size:10pt;text-align:center;background-color:#BDDFDC; font-weight:bolder;}
.tbEdit2 .thCell{font-size:10pt;vertical-align:top;text-align:right;padding:2px 5px 2px 5px;text-align:right;background-color:#BDDFDC}
.tbEdit2 .tdCell{font-size:10pt;padding:2px 5px 2px 5px}
.tbEdit2 .tdFooter{height:25px;background-color: #60B0A8;padding: 3px 0px 0px 1px;}
/* EditItem */
.tbEditItem{border-left:1px #60B0A8 solid; border-right:1px #60B0A8 solid;background-color: #60B0A8;line-height:25px}
.tbEditItem .tdHeader{text-align:center;font-size: 10pt;color: #FFFFFF;background-color:#60B0A8;}
.tbEditItem .tdHeader1{font-size:10pt;text-align:left;background-color:#BDDFDC; font-weight:bolder;}
.tbEditItem .tdHeader2{font-size:10pt;text-align:center;background-color:#BDDFDC}
.tbEditItem .tdHeader3{text-align:left;font-size: 12pt;color: #FFFFFF;background-color:#60B0A8;font-weight:bolder; padding:5px; }
.tbEditItem th{font-size:10pt;text-align:right;background-color:#BDDFDC; font-weight:lighter;}
.tbEditItem .tdRowName1{font-size:10pt;text-align:center;background-color:#BDDFDC}
.tbEditItem td{font-size:10pt;background-color: #FFFFFF;}
.tbEditItem .tdRowValue1{font-size:10pt;background-color: #FFFFFF;text-align:center;}
.tbEditItem .tdFooter{height:25px;background-color: #60B0A8;padding: 3px 0px 0px 1px;}
/* EditItem1 */
.tbEditItem1{border-left:1px #60B0A8 solid; border-right:1px #60B0A8 solid;background-color: #60B0A8;line-height:25px}
.tbEditItem1 .tdHeader{text-align:center;font-size: 10pt;color: #FFFFFF;background-color:#60B0A8;}
.tbEditItem1 .tdHeader1{font-size:10pt;text-align:left;background-color:#BDDFDC; font-weight:bolder;}
.tbEditItem1 .tdHeader2{font-size:10pt;text-align:center;background-color:#BDDFDC}
.tbEditItem1 .tdHeader3{text-align:left;font-size: 12pt;color: #FFFFFF;background-color:#60B0A8;font-weight:bolder; padding:5px; }
.tbEditItem1 th{font-size:10pt;text-align:center;background-color:#BDDFDC; font-weight:lighter;}
.tbEditItem1 .tdRowName1{font-size:10pt;text-align:center;background-color:#BDDFDC}
.tbEditItem1 td{font-size:10pt;background-color: #FFFFFF;}.
.tbEditItem1 .tdRowValue1{font-size:10pt;background-color: #FFFFFF;text-align:center;}
.tbEditItem1 .tdFooter{height:25px;background-color: #60B0A8;padding: 3px 0px 0px 1px;}
/* MsgBox */
.tbMsgBox
{
font-family: Arial, sans-serif;
font-size: 12px;
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
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(/EnMSCP2/images/MsgBox/title.gif) top repeat-x;
border: solid 1px #FFFFFF;
border-bottom: solid 1px #999999;
padding: 0px;
margin: 0px;
}
.btnHidden{ display: none}
.btnC{
height:20px;
background: url(/EnMSCP2/images/bgBtnC.gif) repeat-x;
background-color: #FFFFFF;
border-top: 1px solid #70A4F2;
border-right: 1px solid #0E59C0;
border-bottom: 1px solid #0E59C0;
border-left: 1px solid #70A4F2;
color: #333333;
padding: 2px 2px 0px 3px;
font-size: 10pt;
}
/* Bottom */
.bottom{height:50px;background-color:#6ADDDD}
.bottom A{font-size:10pt;text-decoration:none}
.bottom A:link {color: #053D3D}
.bottom A:visited {color: #053D3D}
.bottom A:active {color: #053D3D}
.bottom A:hover {color: #FFFFFF}
/* ClassBar */
.ClassBarSelected{
color: #2C4967;
font-size: 10pt;
vertical-align: middle;
text-align: center;
font-weight: bold;
cursor: hand;
}
.ClassBarList
{
background-color: #add8e6;
border: lightsteelblue 1px solid;
color: #ffffff;
font-size: 10pt;
vertical-align: middle;
text-align: center;
font-weight: bold;
cursor: hand;
}
.ClassBarHL
{
color:#2C4967;
font-size: 10pt;
text-decoration:none;
}
a.ClassBarHL:visited,a.ClassBarHL:active,a.ClassBarHL:link
{
color:#2C4967;
font-size: 10pt;
text-decoration:none;
}
a.ClassBarHL:hover
{
color:White;
font-size: 10pt;
text-decoration:none;
}
.ClassBarSelectedHL
{
color: #FF0000;
font-size: 10pt;
text-decoration: none;
}
a.ClassBarSelectedHL:visited, a.ClassBarSelectedHL:active, a.ClassBarSelectedHL:link
{
color: #FF0000;
font-size: 10pt;
text-decoration: none;
}
a.ClassBarSelectedHL:hover
{
color:White;
font-size: 10pt;
text-decoration:none;
}
/* Reference Case */
.divReferenceCase{font-size:12pt;line-height:45px;margin-left:20px}
.divReferenceCase A{font-size:12pt;text-decoration:underline;color:#333}
.divReferenceCase A:link {color: #333}
.divReferenceCase A:visited {color: #333}
.divReferenceCase A:active {color: #333}
.divReferenceCase A:hover {color: #FF0000}
/* Training */
.divTraining{font-size:12pt;line-height:45px;margin:20px}
.divTraining A{font-size:12pt;text-decoration:underline;color:#333}
.divTraining A:link {color: #333}
.divTraining A:visited {color: #333}
.divTraining A:active {color: #333}
.divTraining A:hover {color: #FF0000}
.tbTraining
{
border-top:2px #60B0A8 solid;
border-right:1px #60B0A8 solid;
border-bottom:1px #60B0A8 solid;
border-left:2px #60B0A8 solid;
line-height:30px;
font-size:12pt
}
.tbTraining .tdHeader{text-align:center;color: #FFFFFF;font-weight:bold;background-color:#60B0A8;}
.tbTraining .tdHeader2{text-align:center;color: #356A65;font-weight:bold;background-color:#88C4BD;}
.tbTraining .tdHeader3{text-align:center;color: #575526;font-weight:bold;background-color:#EEEDD8;}
.tbTraining td{border-right:1px #60B0A8 solid;border-bottom:1px #60B0A8 solid;padding:2px 5px 2px 5px}
.divTitle {text-align: center;font-size: 13pt;color:#FF7C00;padding-bottom:10px;}
/* Marquee */
/*.divMarquee{color:#333}
.divMarquee A{font-size:10pt;text-decoration:underline;color:#333}
.divMarquee A:link {color: #333}
.divMarquee A:visited {color:#333}
.divMarquee A:active {color:#333}
.divMarquee A:hover {color:#FFF}*/
/* Popup*/
.mpeBackground {background-color:Gray;filter: alpha(opacity=35); opacity: 0.5;}
.panPopup{display:none}
.tbModalPopup {border:solid 2px #FFFFFF;background-color:#FFFFFF}
.tdMPWinHeader{border:solid 2px #11CFFF;background: #11CFFF}
.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}
/* Radio Check Box */
input[type=checkbox]:not(old),
input[type=radio ]:not(old){
width : 28px;
margin : 0;
padding : 0;
opacity : 0;
}
input[type=checkbox]:not(old) + label
{
display : inline-block;
margin-left : -28px;
padding-left : 28px;
background : url('../../images/CheckBoxNS.png') no-repeat;
line-height : 24px;
}
input[type=radio]:not(old) + label
{
display : inline-block;
margin-left : -28px;
padding-left : 28px;
background : url('../../images/RadioBoxNS.png') no-repeat;
line-height : 24px;
}
input[type=checkbox]:not(old):checked + label{
background : url('../../images/CheckBoxYS.png') no-repeat;
}
input[type=radio]:not(old):checked + label {
background: url('../../images/RadioBoxYS.png') no-repeat;
}
input[type=checkbox]:disabled + label{
background : url('../../images/CheckBoxDS.png') no-repeat;
}
input[type=radio]:disabled + label {
background: url('../../images/RadioBoxND.png') no-repeat;
}