/*
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: #FFFFFF url(../images/bg_top.gif) repeat-x;color:#666;}
.td1{ vertical-align:top;font:13px/35px arial,'ËÎÌå',helvetica,clean,sans-serif;}
td{ vertical-align:top;font:13px/25px 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:#999999;text-decoration:none;}
a:visited{ color:#999999;text-decoration:none;}
a:hover{ color:#333333; text-decoration:none;}
a:active{ color:#333333; 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;}


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

/* news list */
.list_news{margin:5px 15px;}
.list_news li{clear:both;padding:4px 6px 2px;border-bottom: 1px dashed #ccc;zoom:1;}
.list_news li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list_news li a{float: left;background: url(../images/dot_g.gif) no-repeat 3px 8px;width:470px;padding:0 0 0 10px;}
#search .list_news li a{width:650px;}
.list_news li a{background: url(../images/dot_o.gif) no-repeat 3px 8px;}
.list_news li a span{color:red;float:none;font-size:10px;padding-left:3px;}
.list_news li span{float: right;font-size:11px;}

/* news pages */
.pages{ border: 1px solid #ccc; padding: 10px 20px; margin:5px;zoom:1;overflow:hidden;}
.pages li{ float: left; }
.pages li input{ border: 1px solid #C0C0C0; width: 20px; vertical-align: middle; }
.pages li img{ vertical-align: middle; }
.pages li.li01{ padding-left: 16px; }
.pages li.li02{ width: 400px; text-align: right; color: #ddd; }
.pages li a.red{ color: #f00; }

/* news detail */
#ct .func{text-align: right;height:22px;width: 100%;border-bottom:2px solid #dfe0df;margin:0 0 3px;padding:0;}
#ct .func a{padding:2px 6px 0 24px;color:#7387b6;text-decoration: underline; }
#ct .func a:hover{color:#ed0081;}
#ct .func a.resend{background: url(../images/resend.gif) no-repeat 0 0;}
#ct .func a.print{background: url(../images/print.gif) no-repeat 0 0;}
#ct .func a.back{background: url(../images/back.gif) no-repeat 0 0;padding-left:16px;}

.nh3{font:bold 12px arial;color:#656565;font-weight:bold;background: #fafaf5;margin:0;padding:10px 25px;}
.nh3 span{font-weight:normal;}
.art{border-top: 1px dashed #ddd;background: #fafafa;padding:15px 25px;color:#999;margin-top:1px;}
.art p{text-indent: 2em;}
.artnav{border-top: 1px dashed #ddd;background: #fafafa;padding:0;color:#999;margin-top:1px;height: 60px;}
.artnav dt{float: left;padding:21px 25px;background: #fafaf5;}
.artnav dd{padding-left:115px;background: url(../images/arr_r.gif) no-repeat 103px 5px;}
.artnav dd.pr{padding-top:12px;background: url(../images/arr_l.gif) no-repeat 103px 17px;}

.funcb{margin-top:2px;border-top:2px solid #dfe0df;text-align: right;padding-top:10px;}
.funcb a{padding:3px 5px 2px;border: 1px solid #aaa;background: #f7f6f1;}


.ti{margin:5px 10px 0;background: #c0ebf9;height: 22px;}
.ti li{float: left;padding:2px 0 0 25px;}
.ti li.ac{width:510px;}

.ti2{margin:2px 10px 0;background: #F4F4F4;height: 20px; border: 1px solid #E8E8E8; color: #9E9E9E;}
.ti2 li{float: left;padding:2px 0 0 25px;}
.ti2 li.ac{width:510px;}

.p01{text-indent: 2em;margin-top:0.8em}
#banner02{margin-top: 22px;}
#about #ct{ background: url(../images/bg_nav_left.gif) no-repeat 1px 0;}

.magz_d{margin-top:-2px;width: 167px;padding:0;color:#2e93af;}
.magdp{border: 1px solid #cbd3d5;padding:9px 10px 0 15px;}
.md_ip{width:95px;border: 1px solid #c8c8c8;}
.magd_bt{padding:11px 0 6px;text-align: center;}
.magd_bt *{margin:0 7px;}
.magz_lt{width: 167px;}

.srb *{vertical-align: middle;}