﻿body 
{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
	background:#fff;/*f4f7f9;*/
}

#maincontainer {
    width: 90%;
    /*Width of main container*/
	max-width: 1024px;
    margin: 0 auto;
    /*Center container on page*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contentwrapper {
    float: left;
    width: 100%;
    background: white;
}

/* ######### Content Column ######### */

#contentcolumn {
    margin-right: 200px;
    /*Set right margin to RightColumnWidth*/
		padding: 8px;
		position: relative;
    z-index: 2;
    border-right: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#contentcolumn table[border="1"]{
		background: white;
}

#contentcolumn #dd-socialshare{
    position: absolute;
    top: 100px;
    left: -40px;
}

#contentcolumn #dd-socialshare > span{
    display: block;
}

#leftcolumn {
    float: left;
    width: 200px;
    /*Width of right column*/
    margin-right: -200px;
    /*Set left margin to -(RightColumnWidth) */
    background: white;
		padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#rightcolumn {
    float: left;
    width: 200px;
    /*Width of right column*/
    margin-left: -200px;
    /*Set left margin to -(RightColumnWidth) */
    background: white;
		padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.CSS_Body
{
	scrollbar-base-color: #4A494A;
	scrollbar-arrow-color: #ADAAAD;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #444344;
	scrollbar-track-color: #4A494A;
}

.CSS_TextBox1 {
    color:black;
    font-size:12pt;
    text-align:left;
    border :2px;
    border-style:inset;
  	font-family:arial;
}

.CSS_Title_Password
{
	font-size:10pt;
	color:Yellow;
	font-family:Arial;
	font-weight:bold;
}

.CSS_Title_GroupName
{
	font-size:24pt;
	color:#000066;
	font-family:標楷體;
	font-weight:bold;
}

.CSS_Title_Name1
{
	font-size:24pt;
	color:#000066;
	font-family:標楷體;
	font-weight:bold;
}

.CSS_Title_Name2
{
	font-size:14pt;
	color:#000066;
	font-family:標楷體;
	font-weight:bold;
}

.TableBannerTopRight {
	font-size: 12px;
	font-family: "Verdana";
	float: right;

}


.hw14bk
{
	padding:0px;
	color:black;
	font-size: 14px;
	font-family: "Verdana";
	/*background-color: #3589c5;*/
	/*background:url(../Images/BackHeadBlue.png) repeat-x;*/
}

.hw14b
{
	padding:0px;
	color:#004477;
	font-weight: bold;
	font-size: 14px;
	font-family: "Verdana";
	/*background-color: #3589c5;*/
	/*background:url(../Images/BackHeadBlue.png) repeat-x;*/
}

.hw14w
{
	width:100%; 
	height:26px; 
	padding:0px;
	color:#FFFFFF;
	font-size: 14px;
	font-family: "Verdana";
	/*background-color: #3589c5;*/
	background:url(../Images/BackHeadBlue.png) repeat-x;
}
.hw12bk
{
    color:black;
	font-weight: bold;
	font-size: 12px;
	font-family: "Verdana";
}

.hw12b
{
    color:#004477;
	font-weight: bold;
	font-size: 12px;
	font-family: "Verdana";
}

.w12 
{
/*    text-align: center;*/
    color:#666666;
	font-size: 12px;
	font-family: "Verdana";
}

ul .liw12
{
/*    text-align: center;*/
    color:#666666;
	font-size: 12px;
	font-family: "Verdana";
}
.w12c
{
    text-align: center;
    color:#666666;
	font-size: 12px;
	font-family: "Verdana";
}

.w12l 
{
	text-align: left; 
    color:#666666;
	font-size: 12px;
	font-family: "Verdana";
}
.w12r 
{
	text-align: right;
	vertical-align :top;
	width:80px; 
    color:#666666;
	font-size: 12px;
	font-family: "Verdana";
}

.en10 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
}
.gray-shen {

	font-size: 12px;
	border: 1px solid #E4E4E4;
}

.CSS_Table
{
	background-color: white; 
	border-right: white 1px solid;
    border-top: white 1px solid; 
    border-left: white 1px solid; 
    border-bottom: white 1px solid;
}

.CSS_Table_TD1
{
	font-weight: bolder; 
	text-transform: capitalize; 
	color: white;
    background-color: gray;	
}

.CSS_Table_TD2
{
	background-color: #a6a6ff;
}

.CSS_Table_TD3
{
	color:Black;
	background-color:#DEDFDE;
}

.CSS_Table_TD4
{
	color:Black;
	background-color:#6666ff;
}

.CSS_Table_TD5
{
	font-weight: bolder; 
	text-transform: capitalize; 
	color: #e7e7ff;
    background-color: #4a3c8c;	
}

.CSS_Table_TD6
{
	font-weight: bolder; 
	text-align: right; 
	color: black;
    background-color: #9999ff;	
}

.CSS_Table_TD7
{
	color:Black;
	background-color:#9999ff;
}

.CSS_Table_TD8
{
	font-weight: bolder; 
	text-align: center; 
	text-transform: capitalize; 
	color: white;
    background-color: gray;	
}

.modalbackground
{
	background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	border: 1px solid #2F4F4F;
	color:white;
	cursor:not-allowed;
}

#PopWin_overlay
{
    position: absolute;
    z-index:100;
    top: 0px;
    left: 0px;
    background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	border: 1px solid #2F4F4F;
	color:white;
	cursor:not-allowed;
}

#PopWinOverlay
{
    position: absolute;
    z-index:100;
    top: 0px;
    left: 0px;
    background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	border: 1px solid #2F4F4F;
	color:white;
	cursor:not-allowed;
}

.CSS_PopWindows
{
	background-color:#fff; 
	border: 4px solid #525252; 
	width:auto; 
	height:auto;
}
/* ajax__tab_blueGrad-theme theme (images/blueGrad.jpg) */

.ajax__tab_blueGrad-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    /*底線色*/
    color:#ffffff;
    /*上圍的U框顏色*/
    border-bottom:solid 1px silver;
}
.ajax__tab_blueGrad-theme .ajax__tab_header .ajax__tab_outer 
{
    /*background:url(../Images/blueGrad.jpg) repeat-x;*/
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:middle;
    border:solid 1px #505050;
    border-bottom-width:0px;
    /*unactive tab color*/
    background-color:#505050;/*FAF1C6*/
}
/*預設 tab*/
.ajax__tab_blueGrad-theme .ajax__tab_header .ajax__tab_tab
{   
	/* unactive tab header font color*/ 
    color:#ccc;/*353535; 5b5b5b;*/
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
/* 當滑鼠移過去時*/
.ajax__tab_blueGrad-theme .ajax__tab_hover .ajax__tab_outer 
{	
    background: url(../Images/blueGrad.jpg) #808080 repeat-x left -1400px;
}
/*active tab font color*/
.ajax__tab_blueGrad-theme .ajax__tab_active .ajax__tab_tab 
{
    color:white;
}

/*active tab background*/
.ajax__tab_blueGrad-theme .ajax__tab_active .ajax__tab_outer
{
     background:url(../images/blueGrad.jpg) #989898 repeat-x left -1300px;  
}
/*TabPanel 內容*/
.ajax__tab_blueGrad-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
	/* tab content font color*/ 
    color:#8c8c8c;
    padding:0.25em 0.5em;
    background-color: #000;/*#FAF1C6;    */
    /*下圍的U框*/
    border:solid 0px silver;
    border-top-width:0px;
}

#SubMB
{
	width:100%; 
	height:100%; 
	background-color: #fff;/*#f4f7f9;000;*/
	padding:0px;
}

#SubMB .mbBody {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
    color:#8c8c8c;
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.5em 0.5em;
}

#SubMB h2 {
	margin-top:10px;
	margin-left :20px;
	margin-bottom:5px;
    padding:0px;
    color:#4D92B3;
    font-family:verdana,tahoma,helvetica;
    font-size:16pt;	
	font-weight: bold;    
}

#SubMB h3 {
	margin-top:10px;
	margin-left :20px;
	margin-bottom:5px;
    padding:0px;
    color:#444444;/*01A0D0;*/
    font-family:verdana,tahoma,helvetica;
    font-size:12pt;	
	font-weight: bold;    
}

#SubMB .mbBody p {
    color:#005599;/*666666;0077aa#8c8c8c;*/
	margin-top:5px;
	margin-left:20px;
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;	
	line-height: 20px;
	padding:0px;
}

#SubMB .mbBody ul {
    color:#005599;/*666666;8c8c8c;*/
	margin-top:0px;
	margin-left:20px;
	/*margin:0;list-style-type: none;*/
	display: block;
	padding:0;
}

#SubMB .mbBody ul li 
{
    color:#005599;/*666666;8c8c8c;*/
	margin-left:20px;
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;	
    padding:2px;
}
#SubMB .mbBody a {
    color:#0c51ff;/*FFF718;*/
}
#SubMB .mbBody a:visited {
    color:#3366ff;/*FFF718;*/
}
#SubMB .mbBody a:hover
{
	color:#4EDFFF;/*0239B0;FFF718;*/
}
.TableSubBody
{
	/* tab content font color*/ 
    background-color: #000;
}
.style1 {
	font-size: 14px;
	font-weight: bold;
}
.style2 {
	color: #333333;
	font-size: 12px;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.style6 {color: #CCCCCC}
.style7 {
	font-family: "新細明體";
	font-size: 11px;
}
.style15 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.style18 {color: #000000; font-size: 12px; }
.style19 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.style23 {
	font-size: 12px;
	font-weight: bold;
}
.style24 {
	color: #c6c6c6;
	font-weight: bold;
	font-size: 12px;
}
.style25 {font-family: Arial, Helvetica, sans-serif}
.style28 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.style29 {	color: #094A9E;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.copyright 
{
	text-align: center;
	height: 19px;
	color: #7d7d7d;
	font-size: 12px;
	font-family: Arial, Century,Verdana, Helvetica, sans-serif;
}

.content
{
	text-align: left;
	vertical-align: top;
    color:#8c8c8c;
	font-size: 12px;
	font-family: Arial, Century,Verdana, Helvetica, sans-serif;
}
