﻿/* CSS Document */
body,html{margin:0px; padding:0px;}
body,html,#content{height:100%}
body > #content {height: auto; min-height: 80%;}
body{width:100%;font:12px  Verdana, Arial, Helvetica, sans-serif;color:#8a8a8a; background-color:#f5f5f5;}
p{clear:both;}
ul{margin:0px; padding:0px; list-style:none;}
#content #right  ul {padding-left:20px; font-size:12px; list-style-type:disc; clear:both;}
#content #right  ul li{margin:5px 0px 0px 0px; padding:0px; line-height:150%; font-size:12px;}
p{margin:10px 0px 0px 0px; padding:0px; font-size:12px;  line-height:150%; float:left; width:100%;}
.clear{clear:both; overflow:auto; height:0px; font-size:0px;}
a{ text-decoration:none;color: #036ebc;}
a:hover{color:#009999;}
strong{font-size:12px;color:#009999;}
/* Text */
h1,h2{font-size:15px; margin:10px 0px 15px 0px; padding:0px;float:left;}
h1{color:#003399; margin-right:5px;}
h2{color:#009999;} 
h3{margin:8px 0px 0px 0px; padding:5px;font-size:13px; color:#036ebc; clear:both; }
h4{font-size:12px; color:#003399; padding:0px; margin:8px 0px 0px 0px; float:left;}
h5{font-size:12px; color:#fff; background-color:#036ebc;  padding:5px;  margin:7px  15px 15px 0px; float:left;}
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/*content*/
#content{
width:782px; height:auto; 
margin-left:auto; margin-right:auto; 
padding-left:17px;
position:relative;
background: #fff url(../images/greenline.jpg)  repeat-y  top left;
min-height:8%; padding-bottom:25px;}
#content #logo{width:770px; height:68px;
background:url(../images/logo.jpg) no-repeat 10px 10px;
float:left; padding-left:12px;
display:inline;
text-align: right;}
/*content_nav*/
#content #nav{width:200px; height:154px; float:left;padding-top:10px;}  
#content #nav li{margin-top:1px;}      
#content #nav li a{background:url(../images/nav_2.jpg) no-repeat top left; } 
#content #nav li a,#content #nav .now{
width:150px; height:25px;
font-size:14px; font-weight:bold; color:#fff;
display:block;padding-left:50px;
text-decoration:none;
padding-top:5px;}      
#content #nav li a:hover,
#content #nav .now{background:url(../images/nav_1.jpg) no-repeat top left;}
#content #flashcontent{width:500px; height:154px;float:left;margin-top:11px;}
*+html #content #flashcontent{margin-top:10px;}
*html #content #flashcontent{margin-top:10px;}
#content #content_box{height:auto; width:100%; float:left; padding-bottom:20px; margin-top:-1px;}
/*content_left*/
#content #left{width:182px; height:auto; float:left;padding:10px 10px 300px 10px;}
#content #left ul{margin-top:10px;width:180px;white-space:normal; }
#content #left li{margin-top:5px;}
/*content_right*/
#content #right{
width:580px; float:left; 
margin-top:20px;}
#content #right .box  {width:530px; margin-left:10px; float:left;}
#content #right #about{
width:500px; height:auto; padding:20px 0px 30px 20px;
float:left;background:url(../images/bc.jpg) no-repeat top left;
}
#content #right #about .box{width:480px; margin-left:10px; float:left;}
#content #right .box h3{margin:0px 0px 0px 0px; padding:5px;font-size:13px; color:#036ebc; clear:both; }
#content #right .box ul li{clear:both;}
#content #right .box img,#content #oc_box  .box img{width:40px; height:40px; margin:0px 8px 5px 5px; float:left;  }
#content #right .box .block {width:auto; height:auto; margin:0px 8px 5px 5px;margin-left:20px; float:right; }
#content #right .box a{ float:left;  font-size:13px; text-decoration:none; color:#036ebc; font-weight:bold;  margin-top:10px;margin-right:10px;
vertical-align:middle; line-height:150%;}
#content #right .box a:hover{color:#009999;}
#content #right .box .email{font-size:12px; font-weight:normal;  padding:0px; }
#content #right .box .more { width:100%; }
#content #right .box .more a{font-size:10px; font-weight:normal;color: #036ebc; text-decoration:none; float:right; clear:both; }
#content #right .box .more a:hover{color:#00b050;}
#content #right .box #page{width:300px; float:right; margin-top:30px; font-size:11px;}
#content #right .box #page .now{ padding:3px 5px; background-color:#036ebc; color:#fff; font-weight:bold;  float:left; }
#content #right .box #page span a{padding:2px 8px; font-size:11px; color:#036ebc; font-weight:bold; text-decoration:none;  float:left; margin:0px;}
#content #right .box #page span a:hover{color:#555;}
#content #map{
width:450px; height:350px; 
float:left;margin-left:20px; margin-top:20px;
padding-bottom:30px;}
#content #map iframe{margin:20px; padding:0px;float:left;}
#content #right .ItemBox  {width:530px; margin-left:10px; float:left;}
#content #right .ItemBox h3{margin:0px 0px 0px 0px; padding:0px;font-size:13px; color:#036ebc; clear:both; }
#content #right .ItemBox img {width:40px; height:40px; margin:0px 8px 5px 5px; float:left;  }
#content #right .ItemBox p { margin-left:55px; margin-top: -10px; display:inline; width: 480px;}
#content #right .ItemBox ul { margin-left: 50px; margin-top: -15px; }
#content #right .ItemBox ul li{clear:both;}
#content #right .ItemBox a{ float:left;  font-size:13px; text-decoration:none; color:#036ebc; font-weight:bold;  margin-top:10px;margin-right:10px;
vertical-align:middle; line-height:150%;}
#content #right .ItemBox a:hover{color:#009999;}
#content #right .ItemBox .more { width:100%; }
#content #right .ItemBox .more a{font-size:10px; font-weight:normal;color: #036ebc; text-decoration:none; float:right; clear:both; }
#content #right .ItemBox .more a:hover{color:#00b050;}
/*content_foot*/
#foot{ position:relative; bottom:0;  margin-top:-25px;
clear:both;
width:772px;    height:22px;
background:url(../images/foot.jpg) no-repeat top right; 
margin-left:auto; margin-right:auto;
padding-top:3px;padding-left:20px;
color:#fff;}
*+html #foot{width:770px;background:url(../images/foot.jpg) no-repeat  11px 0px; }
#foot span{float:left; width:150px;}
#foot ul{margin-right:20px; float:right;}
#foot ul li{float:right; margin-right:10px;}
#foot ul li a{ font-size:11px; color:#fff; text-decoration:none;}
#foot ul li a:hover{color:#003399; text-decoration:underline;}
#foot ul li span{width: auto; cursor:pointer;}
/*content_OneCorporate*/
#content #oc_box{
width:672px; padding:20px 50px 50px 50px; 
height:auto; float:left;}
#content #oc_box h3{clear:none;  float:left; margin-top:5px;}
#content #oc_box .box{width:640px; float:left; height:auto; margin-left:15px; margin-bottom:15px;}
#content #oc_box .box p{ margin-bottom:10px;}
#content #oc_login {
position: relative;
background:url(../Images/onecorporate_banner.jpg)  no-repeat bottom left;
width:782px; 
height:220px;
padding-top:10px; 
float:left;
}
#content #oc_box p{margin-left:55px; width:600px; margin-top:-15px; display:inline;}
#content #oc_signin{
position:absolute; 
top:44px; left:486px; 
z-index:1;
width:282px; 
height:156px;
}
#content #flashcontent{
padding-top:0px;
}
#content #oc_signin h1{
margin:15px 20px; padding:0px; 
font-size:18px; font-weight:bold; color:#3c746e; display:inline;
}
#content #oc_signin ul{
margin:0px; padding:0px;
}
#content #oc_signin li{
width:285px; margin:5px 0px 0px 5px; float:left;
}
#content #oc_signin input{
float:left;width:150px;
margin-left:8px;
}
#content #oc_signin  .labelcss{
float:left;width:80px; 
font-weight:bold; font-size:13px; color:#3c746e; text-align:right;
}
#content #oc_signin li  #hlForgetPassword{
color:#000; margin:8px 0px 0px 15px; 
float:left; width:120px;
font-size:12px;
}
#content #oc_signin li a:hover{
color:Blue;
}
#content #oc_signin #btnLogin{
width:100px; height:24px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
float:right; margin:5px  30px 0px 0px;
_border:1px  solid  #fff;
background:url(../Images/button3.gif ) no-repeat -1px -1px;
cursor:pointer;
cursor: hand;
}
*+html #content #oc_signin #btnLogin{border:1px  solid  #f6f6f6;}
/*input*/
.input_on{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #3c746e;
background-color:#98d1cb;
}
.input_off{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}
.input_move{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #3c746e;
background-color:#98d1cb;
}
.input_out{
/*height:16px;Ä¬ÈÏ¸ß¶È*/
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #ccc;
background-color:#fff;
}
