@charset "utf-8";
/* CSS Document */

body{ margin:0; height:100%; padding:0; border:0;}
#Wrap{ _position:absolute;margin:0 auto; padding:0; width:100%; height:100%; min-width:1000px; width:expression(document.body.clientWidth < 1000? "1000px": "auto" );}
#Main{ position:relative; margin:0 0 0 160px; background:url(../images/RightBG.jpg) top right no-repeat;}

/*------Menu------*/
#Menu{ height:45px;}
#Menu .RightImg{ float:right;}
#MenuTop{ background:url(../images/Menu_TopBG.jpg) top left repeat-x; height:2px;}
#MenuBottom{ background:url(../images/Menu_Bottom.jpg) top left repeat-x; height:11px;}
#MenuMain{ position:static; margin:0; width:100%; height:32px; background:url(../images/Menu_BG.jpg) top left repeat-x;}

#HideMenu{ width:813px; height:32px; background:url(../images/HideMenu_MainBG.jpg) top left no-repeat;}
#HideMenu ul{ list-style:none; margin:0; padding:0; height:32px;}
#HideMenu li{ display:inline; margin:0; padding:0; float:left; height:32px;}
#HideMenu li a{ padding:0; margin:0;}
#HideMenu li img{ border:0; _display:block;}
#HideMenu li a img{ cursor:pointer;_cursor:hand;}
#HideMenu li a:hover{ cursor:pointer;_cursor:hand;}

/*------Contain------*/
#Contain{ position:relative; margin:10px 160px 0 0; _margin:0 160px 0 0; min-height:601px;}
#Contain .List{ width:28px; text-align:left;}
#Contain .SubTitle{ text-align:left; background:url(../images/Content_Top.jpg) top left repeat-x; color:#505050;font:90% Arial, Sans-Serif;font-style:normal;font-size:14px; padding:5px 0 0 2px; border-bottom:1px dotted #CCC;}

#Contain .MainTitle{ width:100%; height:64px; position:relative;}

#Contain .MainTitle #IndexContent{ float:right; font:90% Arial, Sans-Serif; font-style:normal; font-size:9pt; color:#fff; position:absolute; right:20px; top:20px; text-align:left;}

#Contain .MainTitle #SubMenu{ padding:0; margin:0; height:26px; position:absolute; top:40px; left:50px;}
#Contain .MainTitle #SubMenu ul{ list-style:none; margin:0; padding:0;}
#Contain .MainTitle #SubMenu li{ display:inline; margin:0; padding:0; float:left;}

/*Tab*/
#Contain .MainTitle #Tab{ height:26px; position:absolute; top:40px; left:50px;}
#Contain .MainTitle #Tab ul{ list-style:none; margin:0; padding:0;}
#Contain .MainTitle #Tab li{ display:inline; margin:0; padding:0; float:left; background:url(../images/TabBG_o.jpg) left top no-repeat; height:26px; color:#0bff31; font:90% Arial, Sans-Serif; font-style:normal; font-size:9pt;}
#Contain .MainTitle #Tab li span{background:url(../images/TabRight_o.jpg) right top no-repeat; height:26px; padding:4px 10px 0 10px; margin:0 -2px 0 0; _margin:0 -2px 0 0; _padding:4px 10px 11px 10px; display:block; _display:inline; _position:relative; _top:4px}
#Contain .MainTitle #Tab li a{ background:url(../images/TabBG.jpg) left top no-repeat; padding:0; margin:0; display:block; _display:inline; height:26px; color:#d3e0f3; text-decoration:none;}
#Contain .MainTitle #Tab li a span{ background:url(../images/TabRight.jpg) right top no-repeat; height:26px; padding:4px 10px 0 10px; margin:0 -2px 0 0; _margin:0 -2px 0 0; _padding:4px 10px 11px 10px; display:block; _display:inline; _position:relative; _top:4px}
#Contain .MainTitle #Tab li a:hover{ color:#0bff31; background:url(../images/TabBG_o.jpg) left top no-repeat; cursor:pointer; height:26px;}
#Contain .MainTitle #Tab li a:hover span{ background:url(../images/TabRight_o.jpg) right top no-repeat;}

#Contain .MainTitle #Sitemap{ font:90% Arial, Sans-Serif; font-style:normal; font-size:9pt; color:#666; height:15px; padding:0 10px 0 20px; background:url(../images/sitemap.gif) top left no-repeat; float:right; margin:18px 0 0 0;}
#Contain .MainTitle #Sitemap a{ color:#666; text-decoration:underline;}
#Contain .MainTitle #Sitemap a:hover{ color:#669999;}

#Contain .TopRight{ width:17px; text-align:right;}
#Contain .MainContent{ font:90% Arial, Sans-Serif;font-style:normal;font-size:9pt; text-align:justify;/* word-break:break-all;*/ vertical-align:top; padding:5px 5px 10px 5px; color:#666; height:475px;}
#Contain .MainContent h2{ font:Arial, Sans-Serif;font-style:bold;font-size:12px; margin:0 0 10px 0; padding:0; color:#3e5368;}
#Contain .MainContent h2 a{ color:#3e5368; text-decoration:none;}
#Contain .MainContent h2 a:hover{ text-decoration:underline;}
#Contain .MainContent h3{ border-top:1px solid #b3b8ca; border-bottom:1px solid #b3b8ca; font-size:12px; font-weight:bold; padding:0 0 0 20px; background:url(../images/Arrow_RightDown.jpg) top left no-repeat; height:17px; margin:5px 0; text-transform:capitalize;}
#Contain .MainContent a h3{ color:#666; text-decoration:none;}
#Contain .MainContent a:hover h3{ /*text-decoration:underline;*/ background:url(../images/h3_a_hover_BG.jpg) top left repeat-x; color:#0b3267; cursor:pointer;}
#Contain .MainContent h4{ font-size:12px; font-weight:bold; color:#333; margin:2px 0;}
#Contain .MainContent ul li{ padding:0 0 0 10px; text-transform:capitalize;}
#Contain .MainContent ul a{ color:#666; text-decoration:none;}
#Contain .MainContent ul a:hover{ text-decoration:underline;}
#Contain .MainContent ul li span{ font-weight:bold;}
#Contain .MainContent ul li ul{ list-style:lower-alpha;}
#Contain .MainContent ul li ul li{ margin:0;}

#Contain .MainContent ul.Number li{ list-style:decimal;}
#Contain .MainContent ul.Number hr{ border-top:1px solid #dfeef3; border-bottom:0; height:1px;}
#Contain .MainContent ul.Number li ul li{ list-style:upper-alpha;}

#Contain .MainContent .LeftImg{ float:left; margin:0 5px;}
#Contain .MainContent .RightImg{ float:right; margin:0 5px;}
#Contain .MainContent .CenterDiv{ margin:10px auto; text-align:center; position:static;}
#Contain .MainContent textarea{ text-align:justify; font-size:12px;}
#Contain .MainContent hr{ border-top:1px dotted #d9e8f0; border-bottom:0; height:1px;}
#Contain .Right{ background:url(../images/Content_Right.jpg) top right repeat-y;}
/*Table*/
#Contain .MainContent .Table01{ width:100%; border:1px solid #999;}
#Contain .MainContent .Table01 td{ padding:5px; text-align:left; background:#EFF3F5; border-right:1px solid #fff; border-bottom:1px solid #fff;}
#Contain .MainContent .Table01 td span{ font-weight:bold;}
#Contain .MainContent .Table01 td a{ text-decoration:none; color:#003366;}
#Contain .MainContent .Table01 td a:hover{ text-decoration:underline;}
#Contain .MainContent .Table01 .TitleTr td{ background:#6699CC; color:#fff;}
#Contain .MainContent .Table01 .TitleTd{ background:#6699CC; color:#fff; text-align:center; font-weight:bold;}

#Contain .MainContent .Table02{ width:100%; border:1px solid #999;}
#Contain .MainContent .Table02 td{ padding:5px; text-align:left; background:#EFF3F5; border-right:1px solid #fff; border-bottom:1px solid #fff;}
#Contain .MainContent .Table02 td span{ font-weight:bold;}
#Contain .MainContent .Table02 td a{ text-decoration:none; color:#003366;}
#Contain .MainContent .Table02 td a:hover{ text-decoration:underline;}
#Contain .MainContent .Table02 .TitleTr td{ background:#6699CC; color:#fff; font-weight:bold; text-align:center;}
#Contain .MainContent .Table02 .SubTitleTr td{ background:#a7bdd3; color:#333; text-align:center;}

#Contain .MainContent .Table01s{ width:620px; border:1px solid #999;}
#Contain .MainContent .Table01s td{ padding:5px; text-align:left; background:#EFF3F5; border-right:1px solid #fff; border-bottom:1px solid #fff;}
#Contain .MainContent .Table01s td span{ font-weight:bold;}
#Contain .MainContent .Table01s td a{ text-decoration:none; color:#003366;}
#Contain .MainContent .Table01s td a:hover{ text-decoration:underline;}
#Contain .MainContent .Table01s .TitleTr td{ background:#6699CC; color:#fff;}
#Contain .MainContent .Table01s .TitleTd{ background:#6699CC; color:#fff; text-align:center; font-weight:bold; width:250px;}
/*------Right------*/
#Right{ width:160px;/* background:url(../images/RightBG.jpg) top right no-repeat;*/ min-height:601px; position:absolute; top:45px; right:0; margin:0;}
#Right #RightBanner{position: static; width: 153px; height: 260px;}
#Right img{ text-align:left; vertical-align:top; border:0;}
#Contact{ text-align:left; vertical-align:top; padding:0; margin:0; height:273px; width:153px;}

/*------Left------*/
#Left{ position:absolute; float:left; width:160px; z-index:2; top:0; left:0; height:662px; background:url(../images/LeftBG.jpg) left top no-repeat;}
#Left form{ margin:0; padding:0;}
#Left .Contain01{ font:90% Arial, Sans-Serif;font-style:normal;font-size:9pt; color:#FFF; #margin:38px 0 0 60px; padding:38px 0 0 60px; #padding:0;}
#Left .Contain02{ font:90% Arial, Sans-Serif;font-style:normal;font-size:9pt; color:#FFF; #margin:10px 0 0 55px; padding:10px 0 0 55px; #padding:0;}
#Left .Contain02 .GoBtn{ margin:0 0 0 59px;}
#Left .Contain02 #SearchTextBox{ clear:both; margin:11px 0 0 0; width:93px; height:24px; background:url(../images/SearchTextBoxBG.jpg) top left no-repeat;}
#Left .Contain02 #SearchTextBox input{ border:0; margin:0; #margin:0 0 -10px -52px; padding:5px; width:70px; height:24px; background:transparent; font:90% Arial, Sans-Serif; font-size:11px; color:#666;}
#Left .Contain02 #LoginTextBox1{ clear:both; margin:11px 0 0 0; width:93px; height:24px; background:url(../images/LoginTextBox01BG.jpg) top left no-repeat; }
#Left .Contain02 #LoginTextBox1 input{ border:0; margin:0; #margin:0 0 -10px -52px; padding:5px; width:70px; height:24px; background:transparent; font:90% Arial, Sans-Serif; font-size:11px; color:#666;}
#Left .Contain02 #LoginTextBox2{ clear:both; margin:0;/* _margin:0 0 0 -10px;*/ width:93px; height:24px; background:url(../images/LoginTextBox02BG.jpg) top left no-repeat;}
#Left .Contain02 #LoginTextBox2 input{ border:0; margin:0; #margin:0 0 -10px -52px; padding:5px; width:70px; height:24px; background:transparent; font:90% Arial, Sans-Serif; font-size:11px; color:#666;}

@media all and (min-width: 0px) {
      #Left .Contain02 #LoginTextBox1 input{
		   padding:0 5px;
		   margin:0;
      }
	  #Left .Contain02 #LoginTextBox2 input{
		   padding:0 5px;
		   margin:0;
      }
} 

#Left .Contain03{ font:90% Arial, Sans-Serif;font-style:normal;font-size:10pt; color:#FFF; #margin:34px 0 0 55px; padding:34px 0 0 55px; #padding:0;}
#Logo{ height:151px; width:160px;}
#Date{ height:68px; width:160px; background:url(../images/Left_Date.jpg) top left no-repeat;}
#YourIP{ height:68px; width:160px; background:url(../images/Left_YourIP.jpg) top left no-repeat; }
#Search{ height:68px; width:160px; background:url(../images/Left_Search.jpg) top left no-repeat;}
#Login{ height:93px; width:160px; background:url(../images/Left_Login.jpg) top left no-repeat;}
#Region{ height:68px; width:160px; background:url(../images/Left_Region.jpg) top left no-repeat;}

/*------Footer------*/
#Footer{ 
	height:68px; 
	border-top:1px solid #c8cdd7; 
	background:#fff; 
	clear:both; 
	position:relative; 
	margin:10px 15px 0 15px;
	font:90% Arial, Sans-Serif;
	font-style:normal;
	font-size:9pt; 
	text-align:center;
	padding:10px;
	color:#213237;
}
#Footer ul{ list-style:none; margin:0; padding:10px 0; text-transform:capitalize; font:90% Arial, Sans-Serif; font-size:9pt; }
#Footer li{ display:inline; margin:0; padding:0 13px; border-left:1px solid #00508b;}
#Footer li span{padding:0 13px 0 0; border-right:1px solid #00508b;}
#Footer li a{ text-decoration:none; color:#00508b; _position:relative;}
#Footer li a:hover{ color:#660000;}