﻿@charset "utf-8";
/* CSS Document */
*{webkit-text-size-adjust:none;}
html, body{height:100%;}
body{padding:0; margin:0; text-align:center; background:url(../images/bg.gif) top left repeat-x; background-color:#f2f2f2; font-family:Verdana, Geneva, sans-serif; font-size:75%;}
a{color:#666; text-decoration:none; noFocusline:expression(this.onFocus=this.blur()); outline:0;}
a:hover{color:#3389c6; text-decoration:none;}
a:focus{-moz-outline-style:none;}	
h1,h2,h3,h4,h5,h6,p{padding:0; margin:0; word-wrap:break-word; overflow:hidden; font-weight:normal;}
h1{font-size:2em;}
ul,li{list-style-type:none; padding:0; margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
li li, li p, li span, li p span, p span{font-size:1em}

.txtLeft{text-align:left;}
.txtRight{text-align:right;}
.txtCenter{text-align:center;}
.floatLeft,.image-left{float:left;margin-right:15px;}
.floatRight,.image-right{float:right; margin-left:15px;}
.floatClear{clear:both; height:1px;}
img{border:none;}

#bg_wrapper{background:url(../images/bg-wrapper.png) top center repeat-y; min-height:450px;}
#wrapper{width:1000px; margin:0 auto; text-align:left; position:relative;}

/*****header*****/
#header{width:1000px; height:106px; position:relative; background:url(../images/bg-header.gif) top center no-repeat;}
#header .topbar{width:974px; height:33px; line-height:33px; text-align:right; color:#fff; position:absolute; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}
#header .topbar img{height:15px; line-height:15px; vertical-align:middle;}
#header .topbar a{color:#fff;}
#header .topbar a:hover{color:#a5cbe6;}
#header .topbar span{padding:0 10px; font-size:0.7em;}
#header .topbar .lang{background:url(../images/icon-reset.png) top right no-repeat; padding-right:19px; cursor:pointer;}
#header .topbar .lang:hover{background:url(../images/icon-reset-over.png) top right no-repeat;}
#header .logo{position:absolute; left:26px; bottom:3px;}
#header .siteSearch{width:357px; position:absolute; top:52px; right:18px;}
#header .siteSearch:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
#header .siteSearch .search_form{width:193px; height:38px; float:left; background:url(../images/bg-searchform.png) no-repeat;}
#header .siteSearch .search_form input{margin-left:10px; margin-top:10px; border:none; background:none; padding:5px; color:#999; width:168px; font-family:Arial, Helvetica, sans-serif;}
#header .siteSearch .search_select{width:134px; float:left; height:38px; background:url(../images/bg-seaechselect.png) no-repeat; display:block; overflow:hidden;}
#header .siteSearch .search_select select{border:none; background:none; width:170px; padding:12px 15px; overflow:hidden; color:#999;}
#header .siteSearch .searct_bt{width:30px; height:38px; background:url(../images/bt-search.gif) no-repeat; float:left;}
.langbox{position:absolute; z-index:10; width:380px; background:#fff; top:33px; right:0; height:73px;}
.langbox:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.langbox li{float:left; padding:0 15px; margin-top:15px; font-family:Arial, Helvetica, sans-serif;}
.langbox li.on{}
.langbox li.on a{color:#3389c6;}


/*****nav*****/
#nav{background:url(../images/bg-nav.gif) top left repeat-x; height:39px;}
#nav:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
#nav ul{padding-left:42px;}
#nav li{float:left; padding:0 20px 0 19px;}
#nav li a{display:block; height:39px; line-height:42px; font-size:16px; color:#000; padding:0 25px;}
#nav li a:hover, #nav li a.on, #nav li a.active:hover{background:url(../images/bg-nav.png) bottom center no-repeat; color:#3389c6;}
#nav li a.active{color:#3389c6;}





/****************** css shadow  ******************/
/* m2 */
.myworldbg-m2 {position:absolute; width:1000px; height:290px;background:url(../images/worldbg2.png) bottom repeat-x; background-color:#3389c6; z-index:99999; padding:15px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:#1a5580 1px solid;}
.myworldbg-m2:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.myworldbg-m2 li{}
.myworldbg-m2 li a{font-size:13px; color:#000000; display:block; padding:8px 0; font-weight:bold;}
.myworldbg-m2 li a:hover{color:#fff;}
.myworldbg-m2 li li{float:none; width:100%; margin:0; padding-bottom:5px; background:url(../images/icon05.png) 3px 6px no-repeat; padding-left:12px;}
.myworldbg-m2 li li a{font-size:12px; border:none; color:#DCEDF9; padding:2px 0;text-shadow: 0px 1px 0px #000000,0px -1px 0px #000000,1px 0px 0px #000000,-1px 0px 0px #000000;}
.myworldbg-m2 li li a:hover{color:#000000; font-size:12px;text-shadow: 0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 5px #ffffff,0px 0px 6px #ffffff,0px 0px 7px #ffffff;background:none;}
.myworldbg-m2 li ul{padding-bottom:25px; margin:0;}

/* m3 */
.myworldbg-m3 {position:absolute; width:1000px; height:358px;background:url(../images/worldbg3.png) bottom repeat-x; background-color:#3389c6; z-index:99999; padding:15px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:#1a5580 1px solid;}
.myworldbg-m3:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.myworldbg-m3 li{}
.myworldbg-m3 li a{font-size:13px; color:#000000; display:block; padding:8px 0; font-weight:bold;}
.myworldbg-m3 li a:hover{color:#fff;}
.myworldbg-m3 li li{float:none; width:100%; margin:0; padding-bottom:5px; background:url(../images/icon05.png) 3px 6px no-repeat; padding-left:12px;}
.myworldbg-m3 li li a{font-size:12px; border:none; color:#DCEDF9; padding:2px 0;text-shadow: 0px 1px 0px #000000,0px -1px 0px #000000,1px 0px 0px #000000,-1px 0px 0px #000000;}
.myworldbg-m3 li li a:hover{color:#000000; font-size:12px;text-shadow: 0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 5px #ffffff,0px 0px 6px #ffffff,0px 0px 7px #ffffff;background:none;}
.myworldbg-m3 li ul{padding-bottom:25px; margin:0;}





.subnav{position:absolute; width:150px; background:url(../images/bg-navline.png) bottom repeat-x; background-color:#57b0dc; z-index:99999; padding:15px 15px 0 15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:#1a5580 1px solid;}
.subnav:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.subnavitem{width:160px; float:left; padding-left:36px;}
.subnav li{}
.subnav li a{font-size:13px; color:#000000; display:block; padding:8px 0; font-weight:bold;}
.subnav li a:hover{color:#fff;}
.subnav li li{float:none; width:100%; margin:0; padding-bottom:5px; background:url(../images/icon05.png) 3px 6px no-repeat; padding-left:12px;}
.subnav li li a{font-size:12px; border:none; color:#DCEDF9; padding:2px 0;text-shadow: 0px 1px 0px #000000,0px -1px 0px #000000,1px 0px 0px #000000,-1px 0px 0px #000000;}
.subnav li li a:hover{color:#000000; font-size:12px;text-shadow: 0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 5px #ffffff,0px 0px 6px #ffffff,0px 0px 7px #ffffff;background:none;}
.subnav li ul{padding-bottom:25px; margin:0; height:50px;}



.subnavList:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.subnav03{width:150px; padding:15px 15px 30px; left:390px;}
.subnav03 li a{color:#fff; border-bottom:#ccc 1px dashed;}
.subnav03 li a:hover{color:#00ffff;}

.subnav04{width:150px; right:265px; padding:15px 15px 30px;}
.subnav04 li a{color:#fff; border-bottom:#ccc 1px dashed;}
.subnav04 li a:hover{color:#00ffff;}
.subnav04 li ul{padding-top:5px;}

.subnav05{width:150px; right:105px; padding:15px 15px 30px;}
.subnav05 li a{color:#fff; border-bottom:#ccc 1px dashed;}
.subnav05 li a:hover{color:#00ffff;}







