/* 1)--- General selectors --- */
body{ margin:0 auto;font:12px/150% arial,'ËÎÌå',helvetica,clean,sans-serif;background: #f8f8f8;color:#666;}
@media print{ 
body{display:none} 
} 

td{ vertical-align:top;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:#000;text-decoration:none;}
a:visited{ color:#000;text-decoration:none;}
a:hover{ color:#ed0081; text-decoration:none;}
a:active{ color:#ed0081; 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;}
.detail{display: block;padding-left:16px;width: 65px;background:url(../images/detail.gif) no-repeat 0 3px;}

/* 1)--- General selectors --- */
img{border:0;}
/* --- Structure --- */
.cp{ width:1002px; text-align:center;background:#fff url(../images/shadow_r.gif) repeat-y;padding-left:0px;margin:0 auto;}
#wp{width: 1002px;}
/* --- top --- */
#hd{height: 100px; position: relative; background: url(../images/bg_hd.gif) repeat-x;}
#hd h1{float: left;}
#hd ul{float: right;padding:17px 0 0;}
#hd ul li{float: left;padding-right:15px;}
#hd input{vertical-align: middle;}
#hd .ib{border: 1px solid #999;margin-right:6px;padding:1px 2px;}
.srb *{vertical-align: middle;}
/* main nav */
#main_nav{background: url(../images/bg_main_nav.gif) no-repeat;height: 34px;padding-left:33px;}

#main_nav li{float: left;position: relative; }
#main_nav li a{float: left;width: 98px;height: 34px;background: url(../images/bg_main_nav.gif) no-repeat;text-indent: -9999em;overflow:hidden;}
#main_nav a#nav_01{background-position:-43px 0;}
#main_nav a#nav_02{background-position:-141px 0;}
#main_nav a#nav_03{background-position:-239px 0;}
#main_nav a#nav_04{background-position:-337px 0;}
#main_nav a#nav_05{background-position:-435px 0;}
#main_nav a#nav_06{background-position:-533px 0;}
#main_nav a#nav_07{background-position:-631px 0;}
#main_nav a#nav_08{background-position:-729px 0;}
#main_nav a#nav_09{background-position:-827px 0;}

#main_nav a#nav_01:hover{background-position:-43px -68px;}
#main_nav a#nav_02:hover{background-position:-141px -68px;}
#main_nav a#nav_03:hover{background-position:-239px -68px;}
#main_nav a#nav_04:hover{background-position:-337px -68px;}
#main_nav a#nav_05:hover{background-position:-435px -68px;}
#main_nav a#nav_06:hover{background-position:-533px -68px;}
#main_nav a#nav_07:hover{background-position:-631px -68px;}
#main_nav a#nav_08:hover{background-position:-729px -68px;}
#main_nav a#nav_09:hover{background-position:-827px -68px;}

#main_nav a#nav_01.on,
#products #main_nav a#nav_01.on{background-position:-43px -34px;}
#main_nav a#nav_02.on,
#service #main_nav a#nav_02.on{background-position:-141px -34px;}
#main_nav a#nav_03.on,
#olympic #main_nav a#nav_03{background-position:-239px -34px;}
#main_nav a#nav_04.on,
#recruit #main_nav a#nav_04{background-position:-337px -34px;}
#main_nav a#nav_05.on,
#news #main_nav a#nav_05{background-position:-435px -34px;}
#main_nav a#nav_06.on,
#about #main_nav a#nav_06{background-position:-533px -34px;}
#main_nav a#nav_07.on,
#about #main_nav a#nav_07{background-position:-631px -34px;}
#main_nav a#nav_08.on,
#about #main_nav a#nav_08{background-position:-729px -34px;}
#main_nav a#nav_09.on,
#about #main_nav a#nav_09{background-position:-827px -34px;}


#main_nav li ul{display:none;position: absolute;top:27px;left:-30px; width: 455px;}
#main_nav li ul li{padding:7px 0 0 0;float: left;background: none;}
#main_nav li ul li a{text-indent: 0;background: #fff;float: left;width:80px;height:20px;color:#555;padding-top:3px;text-align: center;}
#main_nav li ul li a:hover{color:#ed0081;}
#main_nav li:hover ul,
#main_nav li.iehover ul{display: block;}
#main_nav li ul#nav01_ul{position: absolute;left:-30px; width: 900px;}
#main_nav li ul#nav01_ul li a{width:70px;}

#main_nav li ul#nav01_ul li a.a01{width:45px;}
#main_nav li ul#nav01_ul li a.a02{width:55px;}

#main_nav li ul#nav02_ul{position: absolute;left:-100px; width:600px;}
#main_nav li ul#nav02_ul li a{width:70px;}
#main_nav li ul#nav05_ul{position: absolute;left:-430px; width:700px;}
#main_nav li ul#nav05_ul li a{width:70px;}
#main_nav li ul#nav04_ul{position: absolute;left:-30px; width:300px;}

#ct{ background: url(../images/bg_nav_left.gif) no-repeat 0 0;clear:both;overflow:hidden;width: 100%;}
#ctn{margin-left:14px;background: url(../images/bg_nav_left.gif) no-repeat -227px 0;}
#ct2{clear:both;width: 100%;}

/* sidebar nav */
#sb{float: left;width: 240px;padding-bottom:25px;background: url(../images/bg_nav_left.gif) no-repeat 0 0;text-align:left;}
#sb2{float: left;width: 240px;padding-bottom:25px;}
#sb ul{padding:13px 18px 13px 28px;}
#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:#ed0081;}
#sb ul ul{color:#ed0081;}
#sb ul ul li.on a{color:#ed0081;}
.arr{cursor:pointer;}

#mc{float: right;width: 762px;padding-bottom:25px;text-align:left;}
#mc2{margin:12px 0 25px 17px; background: url(../images/p_line.gif) no-repeat; }

/* location */
#loc{padding:6px 11px 4px;margin:0 18px 13px 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:#ed0081;}

/* content */
.mca{padding:5px 14px;float: left;}
.mcb{padding:5px 34px 5px 15px;}

/* blink */
#blink{ clear:both; }
#blink ul{width: 1002px;text-align:center;zoom:1;overflow:hidden;padding-bottom:5px;border-left:5px;border-right:5px;}
#blink ul li *{vertical-align: middle;}

/* ft */
#ft{ clear:both; }
#ft ul{width: 1002px;text-align:center;background: url(../images/shadow_b.gif) repeat-x top;zoom:1;overflow:hidden;margin:0 auto;}
#ft ul li *{vertical-align: middle;}
#ft ul .ce{float: left;padding:25px 0 30px 60px;}
#ft ul .cl{float: right;padding:25px 60px 0 0;}
#ft ul .cl span{padding:0 15px;}
#ft a{color:#666;}
#ft a:hover{color:#ed0081;}


/* 3)--- about --- */
.vis_p1{ color:#878787; line-height:20px; text-indent:2em; margin:25px 0 0 0; padding:0 10px 0 8px;}

#showclass {	
		margin:0px;
		padding:1px;		
		text-align:left;
	    color:#087686;		
		}
#showclass li  {
		float:left;
		width:350px;
		margin:0px 0px;
		white-space:nowrap;
		}