/*
by Jiejun Tan | Agenda

1) General selectors
2) Structure
*/

/* 1)--- General selectors --- */
body{ margin:0 auto;font:12px/150% arial,'ËÎÌå',helvetica,clean,sans-serif;background-color: #ededed;}
td{ font:12px/150% arial,'ËÎÌå',helvetica,clean,sans-serif;}
select, input, textarea{ font-size:12px;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form{ margin:0;padding:0;}
table{ border-collapse: collapse; border-spacing:0;  border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal;}
p{margin:5px 0 15px;}
.idx{text-indent: 2em;}
ul,li{ list-style:none;}
img{border:0;}
a:link{ color:#555;text-decoration:none;}
a:visited{ color:#888;text-decoration:none;}
a:hover{ color:#035AA6; text-decoration:none;}
a:active{ color:#035AA6; text-decoration:none;}
.clear{ clear:both;zoom:1;}
.clear:after {content:'.';display:block;visibility:hidden;clear:both;height:0;} 
.l{float: left;}
.r{float: right;}
.center{text-align: center;}
.bord{padding:2px;border: 1px solid #ccc;}
.imgr{margin:0px 0 10px 10px;float: right;}
.imgl{margin:10px 10px 10px 0;float: left;}
.hide{display: none;}
.red{color:#b97601;}
.bd{font-weight: bold;}




/* main nav */
#main_nav{background: url(../images/bg_index_nav.gif) no-repeat;height: 34px;padding-left:16px;}

#main_nav li{float: left;position: relative;}
#main_nav li a{float: left;width: 136px;height: 34px;background: url(../images/bg_index_nav.gif) no-repeat;text-indent: -9999em;overflow:hidden;}
#main_nav a#nav_01{background-position:-16px 0;}
#main_nav a#nav_02{background-position:-152px 0;}
#main_nav a#nav_03{background-position:-288px 0;}
#main_nav a#nav_04{background-position:-424px 0;}
#main_nav a#nav_05{background-position:-560px 0;}
#main_nav a#nav_06{background-position:-696px 0;}
#main_nav a#nav_01:hover{background-position:-16px -68px;}
#main_nav a#nav_02:hover{background-position:-152px -68px;}
#main_nav a#nav_03:hover{background-position:-288px -68px;}
#main_nav a#nav_04:hover{background-position:-424px -68px;}
#main_nav a#nav_05:hover{background-position:-560px -68px;}
#main_nav a#nav_06:hover{background-position:-696px -68px;}

#main_nav a#nav_01.on,
#products #main_nav a#nav_01{background-position:-16px -34px;}
#main_nav a#nav_02.on,
#service #main_nav a#nav_02{background-position:-152px -34px;}
#main_nav a#nav_03.on,
#olympic #main_nav a#nav_03{background-position:-288px -34px;}
#main_nav a#nav_04.on,
#recruit #main_nav a#nav_04{background-position:-424px -34px;}
#main_nav a#nav_05.on,
#news #main_nav a#nav_05{background-position:-560px -34px;}
#main_nav a#nav_06.on,
#about #main_nav a#nav_06{background-position:-696px -34px;}

#main_nav li ul{display:none;position: absolute;top:27px;left:-30px; width: 848px;}
#main_nav li ul li{padding:10px 0 0 0;float: left;background: none;}
#main_nav li ul li a{text-indent: 0;background: #f5f5f5;float: left;width:70px;height:20px;color:#555;padding-top:5px;text-align: center;}
#main_nav li ul li a:hover{color:#035AA6;}
#main_nav li:hover ul,
#main_nav li.iehover ul{display: block;}

#main_nav li ul#nav01_ul{position: absolute;left:-30px; width: 0px;}
#main_nav li ul#nav01_ul li a{width:0px;}

#main_nav li ul#nav02_ul{position: absolute;left:-25px; width:220px;}
#main_nav li ul#nav02_ul li a{width:60px;}
#main_nav li ul#nav03_ul{position: absolute;left:7px; width: 145px;}
#main_nav li ul#nav03_ul li a{width:60px;}
#main_nav li ul#nav04_ul{position: absolute;left:-20px; width:215px;}
#main_nav li ul#nav04_ul li a{width:60px;}
#main_nav li ul#nav05_ul{position: absolute;left:-40px; width:215px;}
#main_nav li ul#nav05_ul li a{width:70px;}
#main_nav li ul#nav06_ul{position: absolute;left:7px; width:145px;}
#main_nav li ul#nav06_ul li a{width:60px;}

/* sidebar nav */
#sb{float: left;width: 136px;padding-bottom:25px;}
#sb2{float: left;width: 136px;padding-bottom:25px;}
#sb ul{padding:13px 18px 13px 38px;}
#sb ul li{padding-top:4px;}
#sb ul li img{vertical-align: middle;margin-right:2px;}
#sb ul ul{padding:4px 0 4px 15px;}
#sb ul ul li{padding:3px 2px;border-bottom: 1px solid #ddd;}
#sb dl{padding:5px 0 15px 20px;}
#sb dl dd{padding-top:4px;}
#sb a{color:#666;}
#sb a:hover{color:#035AA6;}
#sb ul ul{display: none;}
#sb ul ul li.on a{color:#035AA6;}
.arr{cursor:pointer;}


/* location */
#loc{padding:0px 0px 0px;margin:0 0px 0px 0;border-bottom: 1px solid #eee;color:#333;}
#loc .pa{padding-left:3px;line-height:1em;border-left:2px solid #ec0881;}
#loc a{color:#222;}
#loc a:hover{color:#035AA6;}