@charset "utf-8";
/* CSS Document #F7F8FA*/

body {margin:0;padding:0; background:#dee1e4 url(../images/default/body_bg.png) repeat-x left top;height:100%; width:100%;}
.page_top {background:url(../images/default/top_bg_w.jpg) no-repeat scroll right top transparent;}
#top_ws {height:77px;width:966px; margin:0 auto;}

#wrapper {margin-top:0;}
#top_ws .logo {background:url(../images/default/logo_wondershare.png) no-repeat; width:140px;height:50px;display: block;}
#logo {float: left;height: 50px;padding: 10px;}
#logo a {background:url(../images/default/logo_wondershare.png) no-repeat; width:140px;height:50px;float: left;}

#crumb {background:url(../images/default/crumb_bg_ws.gif) no-repeat;}

#container sub.l {background:url(../images/default/corner_white_ws.gif) no-repeat;}
#container sub.r {background:url(../images/default/corner_gray_ws.gif) no-repeat;}
#footer p, #footer p a {color:#666;}

#top_ws .back_to_home {color:#1B4A9C;top:38px; line-height: 22px; margin-top: 40px; float:right;margin-right:30px;}
#top_ws a.back_to_home:hover {color:#f60;}
#top_ws .mem_info {
    background: url("../images/default/icon_member1.png") no-repeat scroll 0 3px transparent;
    color:#1B4A9C;top:38px; line-height: 22px; margin-top: 40px; float:right;margin-right:30px; padding-left:19px;
}

#navigation{background:url(../images/default/nav_m.png) repeat-x;}
#navigation .nav_l{background:url(../images/default/nav_lr.png) -11px 0 no-repeat;}
#navigation .nav_r{background:url(../images/default/nav_lr.png) 969px 0 no-repeat; width:980px; height:40px;}


#logo span {background:url(../images/default//header_img.png) no-repeat;float:left;display:block; background-position:-217px -120px; line-height:22px; padding:0 0 0 10px; margin-top:30px; color:#3e4e57; font-size:12px;}
#nav {float:left; width:880px;}
#nav li {float:left; display:block; position:relative; z-index:9;font-family:Arial, verdana, Tahoma, Helvetica, sans-serif;}
#nav li a {color:#fff; text-decoration:none; width:110px; display:block; font-weight: normal; text-align:center; font-size:17px; line-height:40px; }
#nav li a:hover,#nav li.curr a,#nav li.support a {background:url(../images/default//header_img.png) no-repeat -50px -60px; color:#fff;}
#nav li.curr2 a {background:url(../images/default//header_img.png) no-repeat -50px -60px; color:#3e4e57;}
#nav li.menu1 a:hover,#nav .menu1.curr2 a {background:url(../images/default//header_img.png) no-repeat -3px -60px;}
#nav li.curr a:hover {color:#3e4e57;}
#nav li.curr2 a:hover {color:#fff;}
#nav .nav_menu {width:970px; padding:20px 0 20px 10px !important; *padding:20px 0 5px 10px !important; padding:20px 0 5px 10px; display:none; z-index:10; position:absolute; top:40px; background:url(../images/default/bg_navMenu.png) repeat-x left top #90c52a;}
#nav .nav_menustore {width:235px; padding:20px 0 20px 10px !important; *padding:20px 0 5px 10px !important; padding:20px 0 5px 10px; display:none; z-index:10; position:absolute; top:40px; background:url(../images/default//bg_navMenu.png) repeat-x left top #90c52a;}
#nav .m0 {left:0;}
#nav .m1 {left:-110px;}
#nav .m2 {left:-220px;}
#nav .m3 {left:-330px;}
#nav .m4 {left:-440px;}
#nav .m5 {left:-550px;}
#nav .nav_menu dl, #nav .nav_menustore dl {float:left; display:block; height:150px; width:220px; padding:0 0px 0 10px; border-right:solid 1px #a2d345; border-left:solid 1px #86b21e;}
#nav .nav_menu dl.noneLeft, #nav .nav_menustore dl.noneLeft {border-left:none;}
#nav .nav_menu dl.noneRight, #nav .nav_menustore dl.noneRight {border-right:none; width:215px;}
#nav .nav_menu dl a, #nav .nav_menustore dl a {line-height:22px; background:none; font-size:12px; font-weight:normal;}
#nav .nav_menu dl dt, #nav .nav_menustore dl dt {font-size:15px; color:#3e4e57; font-weight:normal; padding:5px 0 0 5px; line-height:22px;}
#nav .nav_menu dl dt a, #nav .nav_menustore dl dt a {font-size:15px; font-weight:normal; color:#fff; text-align:left; width:auto;}
#nav .nav_menu dl dt a:hover, #nav .nav_menustore dl dt a:hover { text-decoration:underline; color:#fff; background:none;}
#nav .nav_menu dl dd a, #nav .menu1 .nav_menustore dl dd a {color:#3e4e57; background:url(../images/default//dd_dot.gif) no-repeat 7px 10px; padding:0 17px; text-align:left; width:auto;}
#nav .nav_menu dl dd a:hover, #nav .nav_menustore dl dd a:hover {background:url(../images/default//dd_dot.gif) no-repeat 7px -38px #3e4e57; color:#fff;}

#sidebar .title {height:40px;padding-left:12px;background:url(../images/default/title_sidebar_bg.gif) repeat-x;line-height:34px;font-size:14px;font-weight:bold;}
#main .main_title {height:50px;padding-left:30px;background:#f4f4f4;border-top:none;border-bottom:1px solid #ccc;}