/* CSS Document */
body{ margin:0; font-size:12px; font-family:Arial; background:url(/images/bg.jpg) repeat-x; color:#58595b;}
body.index{ background-image:url(/images/index-bg.jpg);}
ul,li{ list-style:none;}
ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p{ padding:0; margin:0;}
img{ border:0;}
a{ text-decoration:none;color:#58595b;}
a:hover{ text-decoration:underline;}
.container{ width:980px; margin:0 auto;}

#header h1{ float:left; width:115px; height:112px; padding:0 0 0 50px;}
#header .topNav{ width:338px; float:right; padding:30px 0 0 0;}
#header .topNav ul{ background:url(/images/top_nav.jpg) no-repeat; height:23px;}
#header .topNav ul li{ float:left; height:23px; line-height:23px;}
#header .topNav ul li.mail{ width:50px; padding:0 0 0 21px;}
#header .topNav ul li.map{ width:55px; padding:0 0 0 20px;}
#header .topNav ul li.login{ width:43px; padding:0 0 0 20px;}
#header .topNav ul li.lang{ padding: 5px 0 0 10px; line-height:15px;}
#header .topNav ul li.lang img{ margin:0 4px;}
#header .topNav a{ color:#5b5b54;}
#header .topNav .search{ padding:10px 0 0 0;}
#header .topNav .search .input{ width:165px; height:19px;  border:1px solid #ccc; float:right;}
#header .topNav .search .searchBtn{ background:url(/images/search.jpg) no-repeat; width:60px; height:23px; border:0; text-indent:-9999px; float:right; margin:0 0 0 8px;}

#navmenu{ clear:both;}
#navmenu li{ float:left; display:inline; position:relative;}
#navmenu li a{ display:block; padding:0 0 0 30px; height:48px; line-height:48px; float:left;}
#navmenu li a span{ display:block; background:url(/images/nav_line.jpg) no-repeat right top; padding:0 30px 0 0; font-size:14px; font-weight:bold; color:#58595b;}
#navmenu li a:hover{ text-decoration:none; padding:0 0 0 31px; margin:0 0 0 -1px; position:relative; background-image: url(../images/nav_hover.jpg); background-repeat: repeat-x; }
#navmenu li a:hover span{background:url(/images/nav_hover.jpg) repeat-x;  padding:0 31px 0 0; margin:0 -1px 0 0;}
#navmenu li a.sel{ text-decoration:none; padding:0 0 0 31px; margin:0 0 0 -1px; position:relative; background-image: url(../images/nav_hover.jpg); background-repeat: repeat-x; }
#navmenu li a.sel span{background:url(/images/nav_hover.jpg) repeat-x;  padding:0 37px 0 0; margin:0 -1px 0 0;}

#navmenu li ul{ width:215px; position:absolute; top:45px; left:0; display:none; border:1px solid #dbdbdb; z-index:1000; padding:0 0 8px 0; background:#eff1f3;}
#navmenu li ul li,#navmenu li.iehover ul li{ float:none; width:215px; background:#eff1f3;}
#navmenu li ul li a,#navmenu li.iehover ul li a{background: url(/images/dot_nav.gif) no-repeat 35px 12px #eff1f3; display:block; width:170px; border-bottom:1px solid #dbdbdb; line-height:30px; height:30px; padding: 0 0 0 45px; color:#58595b; float:none;}
#navmenu li ul li a:hover,#navmenu li.iehover ul li a:hover{background: url(/images/dot_nav.gif) no-repeat 35px 12px #eff1f3;padding: 0 0 0 45px; margin:0; font-weight:bold; float:none;}
#navmenu li:hover ul,#navmenu li.iehover ul{ display:block;}



#footer{ background:url(/images/bottom.jpg) no-repeat; height:43px; overflow:hidden; margin:0 0 30px 0;}
#footer p{ padding:15px 20px 0 0; text-align:right; font-size:11px;}

.right{ text-align:right;}
.wrapper{ margin:2px 0; border:1px solid #c7c7cb; background:url(/images/wrapper_bg.gif) repeat-x; overflow:hidden; *zoom:1;}
.side-left{ width:240px; padding:15px 20px 0 20px; float:left; display:inline;border-left:1px solid #fff;}
.side-left2{ width:320px; border-right:1px solid #c7c7cb; }
.side-right{ width:680px; float:left; display:inline; padding:25px 15px 0 0; border-right:1px solid #fff;}
.side-right2{ width:584px; padding:15px;}
.side-right3{ width:940px; float:none; margin:0 auto; padding:25px 20px 0 20px; overflow:hidden; display:block;}
.side-right h2{ font-size:28px; color:#004391;}
.side-right h3{ border:1px solid #a9c2ce; border-left:0; border-right:0; line-height:15px; padding:10px 0 10px 15px; font-size:11px; font-weight:normal; margin:0 0 6px 0;}
.side-right h3 a{color:#58595b;}
.aboutContent p{ margin:10px 0;}

.page{ float:left; display:block;font-size:10px;}
.actions{ padding:10px 0;border-top:1px solid #a9c2ce; text-align:right; font-size:16px; font-weight:bold; overflow:hidden; *zoom:1; clear:both;}
.actions a{ color:#0058a7; background:url(/images/dot.gif) no-repeat 0 5px; padding:0 15px 0 10px;}
.page a{ background:none; padding:0; color:#000; padding:0 2px; }
.page span{ color:#747474;}

.side-left h3,.productContent .rightContent h4{ color:#4172ab; font-size:18px; font-weight:normal; border-bottom:1px solid #a9c2ce; padding:0 0 5px 0; margin:0 0 5px 0;}
.side-left .menu{}
.side-left .menu li{border-bottom:1px dashed #a9c2ce; line-height:22px; background:url(/images/dot.gif) no-repeat left 7px; padding:0 0 0 12px; font-weight:bold; }
.side-left .menu li a{ font-weight:normal;}
.side-left .menu li a.sel{color:#ff0000; font-weight:bold;}

.email{ background:url(/images/mail.jpg) no-repeat; width:240px; height:46px; margin:15px 0 0 0;}

.email p{ padding:22px 0 0 55px; font-size:16px;}
.email a{ color:#fff; font-weight:bold;}


.awardsContent{ overflow:hidden; *zoom:1; padding-bottom: 30px; }
.awardsContent p{ margin:0 0 30px 0;}
.awardsContent dl{ width:140px; height:105px; float:left; display:inline; padding-top: 10px; padding-right: 3px; padding-bottom: 0px; padding-left: 4px; margin: 10px; }
.awardsContent dl dd{ width:140px; border:1px solid #f0f0f0; }
.awardsContent dl dd p{ display:table-cell; vertical-align:middle; *display:block; *font-family:Arial; *font-size:102px; text-align:center; margin:0; }
.awardsContent dl dd p img{ vertical-align:middle;}
.awardsContent dl dt{ width:106px; height:15px; padding:10px 0 0 0; line-height:15px; text-align:center; overflow:hidden;}
.awardsContent .content{ *zoom:1; margin:0 0 -1px 0; }

.downloadContent p{ margin:20px 0; color:#ff0000; font-weight:bold; letter-spacing:1px; padding-left:5px;}

ul.tab{ overflow:hidden; *zoom:1; background:url(/images/download_tab_bg.gif) repeat-x;}
ul.tab li{ float:left; display:inline; margin:0 0 0px 5px;}
ul.tab li a,ul.tab li a span{ background:url(/images/download_tab.gif) no-repeat left top; padding:0 0 0 10px; display:block; float:left; height:25px; line-height:26px; overflow:hidden; border-bottom:1px solid #939393; color:#004391; cursor:pointer; }
ul.tab li a span{ background-position:right top; padding:0 10px 0 0;}
ul.tab li a.current,ul.tab li a.current span,ul.tab li a:hover,ul.tab li a:hover span{ height:26px; border:0;}
.downloadContent .content{   position:relative; min-height:200px; _height:400px; }
ul.tab li a:hover,ul.tab li a:hover span{ color:#ff0000; text-decoration:none;}

.downloadContent .adReader{ background:url(/images/reader.gif) no-repeat; width:205px; height:118px; position:absolute; top:10px; right:3px; margin:0;}
.downloadContent .adReader p{ margin:52px 5px 0 10px; font-weight:normal; color:#58595b; letter-spacing:0; line-height:18px;}
.downloadContent .adReader p a{ color:#0057af; font-weight:bold;}

.downloadContent  dl{ width:455px; height:40px; overflow:hidden; *zoom:1; border-bottom:1px dashed #aec7d4; padding:10px 0 0 0; margin:0 0 -1px 0;}
.downloadContent dl dd.download{ float:right; height:14px; padding:13px 21px 13px 0; width:14px;}
.downloadContent dl dd.image{ float:left; height:40px; width:55px; text-align:center; overflow:hidden;}
.downloadContent  dl dt{ padding:3px 0 0 0; width:365px; float:left;}
.downloadContent  dl dd.info{ width:365px; float:left; display:inline;}
.downloadContent  dl dt a{ color:#0058a7;}

/****index****/
.side-left2 h3 p{ font-size:12px; color:#4d4d4f; overflow:hidden; *zoom:1; height:15px; line-height:15px;}
.more{ background:url(/images/more.gif) no-repeat; width:44px; height:13px; display:block; float:right; text-indent:-9999px;}
.newsBox{ background:url(/images/index-news.gif) no-repeat; width:319px; height:109px; color:#000;}
.newsBox dt{ height:28px; line-height:28px; padding:0 0 0 10px; color:#0057af; font-weight:bold;}
.newsBox dt a{ color:#0057af;}
.newsBox .image{ width:90px; height:68px; padding:2px; float:left; display:inline; margin:-2px 10px 0 10px; border:1px solid #c2c2c2;}
.newsBox .info{ height:45px; padding:5px 13px 0 0; line-height:20px; width:190px; float:left; overflow:hidden;}
.newsBox .btn{ height:20px; width:44px; float:left;}

.newsList{ clear:both;margin:0 0 -1px 0;}
.newsList li{ padding:10px 0; border-bottom:1px dashed #aec7d3; margin:0 0 0px 0;}
.newsList span{ color:#ff0000; background:url(/images/dot3.gif) no-repeat 0 3px; padding:0 0 0 8px;}
.newsList a{ color:#004391;}
.newsList p{ width:320px; overflow:hidden; 	white-space:nowrap;	text-overflow:ellipsis;}
.newsList p:after{content:"..."; }


.slide-scroll{ width:584px; height:190px; position:relative;}
.slide-scroll #List1_1 { FLOAT: left }
.slide-scroll #List2_1 { FLOAT: left }
.slide-scroll .LeftBotton{ position:absolute; background:url(/images/left.gif) no-repeat; width:11px; height:24px; display:block; top:55px; left:0; text-indent:-9999px;}
.slide-scroll .RightBotton{ position:absolute; background:url(/images/right.gif) no-repeat; width:11px; height:24px; display:block; top:55px; right:0; text-indent:-9999px;}

.slide-scroll .pcont{ width:520px; margin:0 auto; overflow:hidden; *zoom:1; margin:0 auto 0 35px;}
.jCarouselLite{ position:relative;}
.slide-scroll .ScrollContent{ width:8850px;}
.slide-scroll .pcont dl{ width:136px; height:200px; float:left; display:inline; border-right:1px dashed #82a5b6; padding:0 20px 0 0; margin:0 10px 0 10px;}
.slide-scroll .pcont dl dt{ background:url(/images/dot2.gif) no-repeat left center; padding:0 0 0 8px; color:#006bbe; line-height:25px; font-weight:bold; height:25px; overflow:hidden;}
.slide-scroll .pcont dl dt a{ color:#006bbe;}
.slide-scroll .pcont dl dd{width:134px;}
.slide-scroll .pcont dl dd.image{ width:134px; height:99px; border:1px solid #bcbec0; overflow:hidden; line-height:normal;}
.slide-scroll .pcont dl dd.info1{ padding:15px 0 0 0; color:#ff0000; font-weight:bold; height:18px; width:134px; overflow:hidden; }

.index_bottom{ background:url(/images/index-download.gif) no-repeat; height:71px; margin:20px 0 0 0;}
.index_bottom .download{ width:373px; height:71px; float:left;}
.index_bottom .download a.go{  height:16px; width:38px; display:block; float:right; margin:13px 68px 0 0; display:inline; text-indent:-9999px;}
.index_bottom .download p{ padding:5px 30px 0 85px; clear:both;}

.index_bottom .email{ background:none; width:205px; display:inline; float:left; margin:0 0 0 6px;}
.index_bottom .email p{ padding:40px 0 0 10px; font-size:20px;}

.newsContent{}
.newsContent .newsBox{ float:left; margin:10px 10px 20px 10px; display:inline;}
.newsContent .newsList{border-top:1px solid #aec7d3;}
.newsContent .newsList p{ width:680px;}
.side-left .menu2 li{}
.side-left .menu2 li a.sel{ color:#004391;font-size:14px; font-weight:bold;}
.side-left .menu2 li a{ font-size:14px; font-weight:bold;}
.side-left .menu2 li ul{ padding:0 0 15px 0;}
.side-left .menu2 li ul li{ background-image:url(/images/dot4.gif); padding:0 0 0 8px; border:0; }
.side-left .menu2 li ul li a{ font-size:12px; font-weight:normal;}
.side-left .menu2 li ul li a.sel{ color:#004391;font-size:12px; font-weight:bold;}

.productList{ margin:0 0 -8px 0;}
.productList dl{ overflow:hidden; *zoom:1; padding:0 85px 7px 2px; border-bottom:1px solid #a9c2ce; margin:0 0 7px 0;}
.productList dl dt,.productList dl dd{ width:440px; float:left; display:inline;}
.productList dl dt{ height:20px; padding:5px 0 0 0;}
.productList dl dt a{ font-weight:bold; font-size:14px; color:#ff0000;}
.productList dl .image{ width:130px; height:95px; border:1px solid #bcbec0; padding:2px; overflow:hidden; float:left; display:inline; margin:0 15px 0 0;}
.productsContent{}
.productsContent .content{ margin:0 -20px 0px 0; }
.productsContent p{ margin:10px 0 10px 0;}
.productsContent dl{ width:210px; height:140px; display:inline; float:left; padding:5px 8px 10px 7px;border-bottom:1px solid #aec7d3; margin-bottom:-1px;}
.productsContent dl dt{ background:url(/images/dot_double.jpg) no-repeat left center; line-height:30px; padding:0 0 0 15px; height:30px; }
.productsContent dl dt a{ color:#004391; font-size:14px; font-weight:bold;}
.productsContent dl dd{ width:201px; height:97px; padding:2px; overflow:hidden;border:1px solid #bcbec0;}

.subContent{ overflow:hidden; *zoom:1; padding:10px 0 20px 0;}
.subContent .leftContent{ width:555px; border-right:1px solid #cfcfd0; padding:0 20px 0 0; float:left;}
.subContent .leftContent h4{ font-size:14px; color:#0057af; margin:5px 0;}
.subContent .leftContent p { text-align:justify; line-height:18px;}
.subContent .rightContent{ float:left; padding:0 0 0 20px; width:342px; }
.subContent .rightContent ul{ overflow:hidden; *zoom:1; margin:0 -12px 0 0;}
.subContent .rightContent ul li{ width:104px; height:104px;border:1px solid #bcbec0; float:left; display:inline; margin:5px 11px 6px 0; overflow:hidden;}
.subContent2{ padding:5px 0 30px 0; overflow:hidden; *zoom:1;}

.subContent2 p{ text-align:center;}
.subContent2 .leftContent{ width:450px; float:left; display:inline; padding:0 20px 0 0; height:185px;border-right:1px solid #cfcfd0; margin:20px 0 0 0; }
.subContent2 .leftContent p{ text-align:justify; line-height:18px;}
.subContent2 .rightContent{ width:410px; padding:0 20px; float:left; margin:20px 0 0 0;}
.subContent2 .rightContent h4{ color:#004391; font-size:14px; margin:0 0 3px 0;}
.subContent2 .rightContent ul li{ background:url(/images/dot.gif) no-repeat left center; padding:0 0 0 12px; line-height:22px;}
.subContent2 .rightContent ul li a{color:#004391;}

.productContent h4{ color:#ff0000; font-size:14px; padding:0 0 15px 15px;}
.productContent .leftContent{ width:335px; padding:30px 35px 0 3px; float:left; display:inline; line-height:16px;}
.productContent .leftContent p{ text-align:justify; padding:0 0 15px 0;}
.productContent .rightContent{ width:300px; float:right; padding:30px 0 0 0;}
.productContent .leftContent h5{ color:#004391; font-size:12px; line-height:20px;}
.productContent .leftContent h6{ font-size:12px; line-height:20px;}
.productContent .rightContent h4{ margin:10px 0 0;}
.productContent .rightContent .img{ width:296px; height:224px; border:1px solid #ccc; overflow:hidden; margin:0 0 3px 0;}
.productContent .rightContent .function{ background:url(/images/bar.jpg) no-repeat; width:298px; height:23px; margin:0 0 3px 0; text-align:center; line-height:23px; clear:both;}
.productContent .rightContent .function a{ color:#0057af; font-size:14px; font-weight:bold;}
.productContent .rightContent .function .enlargeLink{ background:url(/images/see.jpg) no-repeat left center; padding:0 8px 0 18px; display:block; float:right; color:#58595b; font-size:12px; font-weight:normal;}
.productContent .rightContent select{ border:1px solid #a9a8ac; width:298px; margin:0 0 5px 0;}



.productContent .rightContent  dl{ width:298px; height:38px; overflow:hidden; *zoom:1; border-bottom:1px dashed #aec7d4; padding:5px 0 0 0; margin:0 0 -1px 0;}
.productContent .rightContent dl dd.download{ float:right; height:14px; padding:13px 21px 11px 0; width:14px;}
.productContent .rightContent dl dd.image{ float:left; height:38px; width:55px; text-align:center; overflow:hidden;}
.productContent .rightContent  dl dt{ padding:3px 0 0 0; width:205px; float:left;}
.productContent .rightContent  dl dd.info{ width:205px; float:left; display:inline;}
.productContent .rightContent  dl dt a{ color:#0058a7;}
.infomationContent{ overflow:hidden; *zoom:1;}


.supportContent{ width:460px; padding:30px 0 0 5px;}
.supportContent dl{ overflow:hidden; zoom:1; padding:8px 0;}
.supportContent dl dt{ width:165px; float:left; text-align:right; font-weight:bold; line-height:18px; font-size:14px;}
.supportContent dl dd{ width:290px; float:left; padding:0 0 0 5px; line-height:20px;}
.supportContent .input,.supportContent .inputArea{ border:1px solid #ccc9c9; width:270px; height:15px;}
.supportContent .inputArea{ height:105px;}
.supportContent .input{ float:left;}
.supportContent span{ color:#ff0000; padding:0 5px; display:block; float:left;}
.supportContent .btn{ text-align:right; padding:8px; margin:10px 0; border-top:1px solid #a4a4a4;}
.submitButton{ background:url(/images/submit.jpg) no-repeat; width:90px; height:24px; border:0; text-indent:-9999px;}

.tabContent{ display:none;}
.tab_block{ display:block;}

.signStep1Content{ padding: 0 10px;}
.signStep1Content p{ margin:0 0 10px 0;}
.signStep1Content strong{ display:block; width:390px; text-align:center; padding:10px 0 0 0;}
.signStep1Content dl{ overflow:hidden; *zoom:1; padding:10px 0;}
.signStep1Content dl dt{ width:170px; float:left; color:#ff0000; font-weight:bold; text-align:right; letter-spacing:1px; line-height:20px;}
.signStep1Content dl dd{ width:210px; float:right; padding:0 270px 0 8px;}
.signStep1Content dl dt.image{ color:#58595b; line-height:15px;}
.signStep1Content dl dt.image a{ font-size:10px; font-weight:normal; color:#ff0000; text-decoration:underline; letter-spacing:0;}
.signStep1Content dl dd span{ color:#000;}
.signStep1Content dl dd b{ color:#ff0000; font-weight:normal; padding:0 0 0 5px;}
.signStep1Content .input{ border:1px solid #a3adb3; width:205px; height:18px; color:#000;}
.signStep1Content .btn{ width:460px;text-align:right; padding:8px; margin:10px 0; border-top:1px solid #a4a4a4;}
.signStep1Content .nextButton{ background:url(/images/next.jpg) no-repeat; width:78px; height:23px; border:0; text-indent:-9999px;}


.userContent{ background:url(/images/user.jpg) no-repeat 40px 0; margin:25px 0; min-height:200px; _height:200px; padding:0 0 0 180px; width:350px;}
.userContent h4{ color:#004391; font-size:12px; margin:0; padding:0;}
.userContent p{ line-height:16px; text-align:justify;}
.userContent p span{ color:#ff0000;}
.userContent input{ width: 260px; }

.signInContent{}
.signInContent h4{ font-size:14px; color:#004391; padding:0 0 0 10px;}
.signInContent .info{ padding:0 0 0 10px; width:520px;} 
.signInContent .signInBox{  padding:30px 15px 10px 130px; background:url(/images/sign-in_bg.jpg) no-repeat 10px 35px #ebedee; height:200px; position:relative; line-height:18px; margin:15px 0;}
.signInContent .signInBox h4{ position: absolute; top:8px; left:10px; padding:0;}
.signInContent .signInBox label{ display:block;}
.signInContent .signInBox a{ color:#ff0000; text-decoration:underline; *position:relative; *top:-5px;}
.signInContent .signInBox p{ margin:0 0 15px 0;}
.signInContent .signInBox .input{ border:1px solid #c8d2d5; line-height:18px; height:18px; width:245px; margin:0 0 5px 0;}
.signInContent .info2{ margin:20px 0 10px 10px;}
.signInContent ul{ padding:0 0 0 10px;}
.signInContent ul li{ padding:0 0 0 15px; line-height:20px; height:20px; background-image: url(/images/sign-in_dot.jpg); background-repeat: no-repeat; background-position: left center; color: #004391; font-weight: bold; }

.signInButton{ background:url(/images/sign-in.jpg) no-repeat; width:100px; height:22px; border:0; margin:10px 0 0 0;}

.signUpButton{ background:url(/images/sign-up.jpg) no-repeat;width:100px; height:23px; border:0; margin:10px 0 10px 10px;}

/****/
/****/
body.view{ background:#fff;}

#header_view{ width:630px; margin:30px auto 0 auto;}

#bigPicDesc{ float:right; width:500px; text-align:right;padding-top:40px; font-size:12px;}
#bigPicDesc h3{ color:#ff0000;}
#bigPicDesc p{ }
.close_view{ background:url(/images/close.gif) no-repeat; width:632px; height:43px; display:block; margin:0px auto 0 auto; line-height:43px; text-align:center; color:#000;}

#large-img{ border:1px solid #CCCCCC; height:465px; width:630px; margin:8px auto 0 auto; text-align:center;}
#large-img div{ display:table-cell; width:630px; height:465px; vertical-align:middle; *font-size:406px; *font-family:Arial; *display:block;}
#large-img div img{ vertical-align:middle;}


.aboutContent{ min-height:350px; _height:350px;}