/*
1) General selectors
2) Structure
*/

/* 1)--- General selectors --- */
body{ margin:0 auto;font:12px/150% arial,'ËÎÌå',helvetica,clean,sans-serif;background: #f8f8f8 url(../images/bg_top.gif) repeat-x;color:#666;}
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:#555;text-decoration:none;}
a:visited{ color:#888;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;}

/* 2)--- Structure --- */
.cp{ width:924px; text-align:left;background:#fff url(../images/shadow_r.gif) repeat-y;padding-left:5px;margin:0 auto;}
#wp{width: 920px;}


/* top */
#links{ width: 924px;height: 39px;position: relative;z-index:1111;margin:0 auto;}
#links ul{position: absolute;top:0;right:0;padding-top:10px; }
#index #links ul{right:32px;}
#links ul li{float: left;position: relative; }
#links ul li.en{padding-right:4px;}
#chlm img,#glbm img{cursor:pointer;}
#glb,#chl{display: none;}
.glb{position: absolute;top:20px;right:-1px;background: #fafafa;padding:4px 0;width:115px;border:1px solid #ddd;height: 180px;overflow:auto;}
.glb a{padding:1px 6px;display: block;color:#555;text-align: right;}
.glb a:hover{color:#ed0081;background: #ed0081;color:#fff;}

#hd{height: 58px; 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;}

.tool_f p{position: absolute;top: 0px;left: 365px;}

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

#main_nav li{float: left;position: relative; }
#main_nav li a{float: left;width: 125px;height: 34px;background: url(../images/bg_main_nav.gif) no-repeat;text-indent: -9999em;overflow:hidden;}
#main_nav a#nav_01{background-position:-44px 0;}
#main_nav a#nav_02{background-position:-169px 0;}
#main_nav a#nav_03{background-position:-294px 0;}
#main_nav a#nav_04{background-position:-419px 0;}
#main_nav a#nav_05{background-position:-544px 0;}
#main_nav a#nav_06{background-position:-669px 0;}
#main_nav a#nav_01:hover{background-position:-44px -68px;}
#main_nav a#nav_02:hover{background-position:-169px -68px;}
#main_nav a#nav_03:hover{background-position:-294px -68px;}
#main_nav a#nav_04:hover{background-position:-419px -68px;}
#main_nav a#nav_05:hover{background-position:-544px -68px;}
#main_nav a#nav_06:hover{background-position:-669px -68px;}

#main_nav a#nav_01.on,
#products #main_nav a#nav_01{background-position:-44px -34px;}
#main_nav a#nav_02.on,
#service #main_nav a#nav_02{background-position:-169px -34px;}
#main_nav a#nav_03.on,
#olympic #main_nav a#nav_03{background-position:-294px -34px;}
#main_nav a#nav_04.on,
#recruit #main_nav a#nav_04{background-position:-419px -34px;}
#main_nav a#nav_05.on,
#news #main_nav a#nav_05{background-position:-544px -34px;}
#main_nav a#nav_06.on,
#about #main_nav a#nav_06{background-position:-669px -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#nav01_ul li a.a03{width:120px;}

#main_nav li ul#nav01_ul li span{float:left;cursor:pointer;}
#main_nav li ul#nav01_ul div#ab{float:left;width:860px;overflow:hidden;position:relative;height:30px;margin:0 6px;}
#main_nav li ul#nav01_ul div#ab ul{width:3000px;position:absolute;left:0;top:0;margin:0;padding:0;}
#main_nav li ul#nav01_ul div#ab ul li{padding:0;}


#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%;}

/* index */
#hnav{height:185px;}
.htcb{padding:11px 15px 0px;zoom:1;}
.htcb:after {content:'.';display:block;visibility:hidden;clear:both;height:0;} 
#index #main_nav{width:848px;padding:0;margin:0 auto;background: url(../images/bg_main_nav.gif) no-repeat;}
#nav_00_ct ul li{float: left;width:255px;}
#nav_00_ct ul li.i_d{width:306px;}
.ind_lt{padding:5px 7px 0 14px;border-right:1px solid #ccc;height:110px;}
.ind_lt dt{position: relative;padding-bottom:8px; }
.ind_lt dt img{vertical-align: middle;margin-right:3px;}
.ind_lt dt .more{position: absolute;right:10px;top:5px; }
.ind_lt dd{background: url(../images/dot_g.gif) no-repeat 3px 11px;padding:6px 0 0 10px;}
dl.d_m{float: left;width:130px;line-height:1.4em;}
dl.d_m dt{color:#ed0081;border-bottom:1px solid #ccc;padding:0 4px 1px;margin-bottom:2px;}
dl.d_m dt a{color:#ed0081;}
dl.d_m a:hover{color:#d00000;}
dl.d_m dd{background: url(../images/dot_o.gif) no-repeat 5px 8px;padding:1px 0 0 13px;}
#nav_05_ct{background: url(../images/news_bg.png) no-repeat left bottom;}
#nav_01_ct dl.d_m{width:90px}
#nav_02_ct dl.d_m{width:82px}
#nav_04_ct dl.d_m{width:90px}
#nav_05_ct dl.d_m{width:110px}
#nav_06_ct dl.d_m{width:98px}

/* sidebar nav */
#sb{float: left;width: 200px;padding-bottom:25px;}
#sb2{float: left;width: 200px;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:#ed0081;}
#sb ul ul{display: none;}
#sb ul ul li.on a{color:#ed0081;}
.arr{cursor:pointer;}

#mc{float: right;width: 690px;padding-bottom:25px;}
#mc2{margin:12px 0 25px 17px; background: url(../images/products/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;}
.mcb{padding:5px 34px 5px 15px;}

/* ft */
#ft{ clear:both; }
#ft ul{width: 920px;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;}

/* index */
body#index{background: #EDEDED url(../images/bg_top.gif) repeat-x;}
#index .cp{ width:864px;background:#fff url(../images/index_shadow_r.gif) repeat-y;padding-left:6px;}
#index #wp{width: 858px;}
#index_banner{text-align: center;}
#index_menu{margin: 2px 0 0 0;text-align: center;}
#index #ft ul{width: 861px;background: url(../images/index_shadow_b.gif) repeat-x top;}