@charset "utf-8";
/* Website Public */
*  {margin:0px;padding:0px;}
ul {list-style:none;}
hr {color:#ddd;size:1px;height:1px;}
img {border:0px;}
input,
select,
textarea {color:#333;font:11px Arial, Helvetica, sans-serif;}
body {color:#333;text-align:center;font:11px Arial, Helvetica, sans-serif;}
a {color:#029;text-decoration:underline;}
a:hover {color:#7244df;text-decoration:underline;}
.wrap {width:760px;margin:0px auto;}
.wrap .col {float:left;}
.wrap .w1 {width:180px;}
.wrap .w2 {width:378px;}
.wrap .w3 {width:200px;}
.wrap .w4 {width:178px;}
.wrap .w5 {width:578px;}

/* Submenu */
#divmenu {position:absolute;width:80px;background:#fca150;visibility:hidden;}
#divmenu ul {text-align:left;text-indent:12px;line-height:22px;}
#divmenu ul li{padding-top:1px;}
#divmenu ul li:hover {padding-top:1px;background:#f63;}
#divmenu ul li a {color:#222;text-decoration:none;}
#divmenu ul li a:hover {text-decoration:underline;}

/* Website Head */
.header {}
.topnav {margin-top:10px;text-align:right;}
.barnav {color:#fff;margin-top:15px;text-align:right;height:28px;line-height:26px;background:url(/Portal/images/menuBg.gif) no-repeat center;}
.barnav a {color:#fff;text-decoration:none;}
.barnav a:hover {color:#fff;text-decoration:underline;}
.barnav .logo {float:left;margin-left:25px;_margin-left:15px;}
.barnav .mainnav {float:right;margin-right:11px;}
.banner {height:150px;background:url(../images/banner.jpg) no-repeat;margin:15px 0px;}

/* Website Left Column */
.quickCol {margin-top:5px;}
.quickCol .box .newPro {width:155px;margin:10px 0px 5px 0px;padding-bottom:20px;border-bottom:1px solid #ccc;}
.quickCol .box .newPro object {border:1px solid #ddd;}
.quickCol .box {width:94%;margin-bottom:10px;}
.quickCol .box .topic {text-transform:uppercase;padding-left:8px;text-align:left;color:#000;margin:5px 0px;font-size:11px;font-weight:bold;}
.quickCol .box li {padding-left:12px;text-align:left;line-height:18px;}
.quickCol .box .proLog li {padding-left:2px;line-height:24px;margin:0px 10px;border-bottom:1px solid #eaeaea;}
.quickCol .box .proLog li a {text-decoration:underline;}
.quickCol .box .proLog li a:hover {text-decoration:none;}

/* Website middle Column */
.proBox {height:755px;padding:0px 10px 5px 10px;text-align:left;border:1px solid #ece9d8;}
.proBox ul {width:160px;margin-bottom:-20px;}
.proBox li {margin:15px 5px 25px 5px;}
.proBox .topic {text-transform:uppercase;color:#000;font-size:11px;font-weight:bold;height:28px;line-height:28px;margin-bottom:10px;border-bottom:1px solid #ccc;}
.proBox .proIntro {height:50px;}
.proBox .proImg {text-align:center;margin-bottom:10px;}
.proBox .proImg img {border:1px solid #eee;}
.proBox .more {clear:both;margin-left:4px;}

/* Website right Column */
.aboutCol {float:right;width:172px;padding:0px 10px 5px 10px;border:1px solid #ece9d8;text-align:right;}
.aboutCol .newsBox {text-align:left;}
.aboutCol .newsBox li {margin:15px 0px 25px 0px;}
.aboutCol .newsBox .topic {text-transform:uppercase;color:#000;font-size:11px;font-weight:bold;height:28px;line-height:28px;margin-bottom:10px;border-bottom:1px solid #ccc;}
.aboutCol .newsBox .newsDate,
.aboutCol .newsBox .newsTopic,
.aboutCol .newsBox .newsIntro,
.aboutCol .newsBox .more {margin:5px 0px;}
.aboutCol .newsBox .newsDate {color:#666;}
.aboutCol .newsBox .newsTopic {color:#000;font-weight:bold;}
.aboutCol .newsBox .newsIntro {text-indent:12px;}
.aboutCol .aboutBox {text-align:left;}
.aboutCol .aboutBox .aboutImg {margin-bottom:15px;}
.aboutCol .aboutBox .aboutImg img {border:1px solid #ccc;}
.aboutCol .aboutBox .aboutIntro p {text-indent:12px;margin:8px 0px;}
.aboutCol .wwp {text-align:center;margin:20px 0px;}

/* Website footer Column */
.footer {clear:both;margin-top:20px;}
.subMenu {clear:both;height:22px;line-height:20px;background:url(/Portal/images/endMenuBg.gif) no-repeat center;}
.subMenu a {color:#fff;text-decoration:none;}
.subMenu a:hover {color:#fff;text-decoration:underline;}
.certificate {margin:10px 0px;}
.copyright {clear:both;margin-top:10px;}

/* Index page */
.i_body {background:url(../images/i_bg.gif) repeat-x;}
.i_wrap {width:760px;height:440px;margin:30px auto 0px auto;background:url(../images/index_main_bg.gif) -3px 50px no-repeat;}
.i_wrap .link {margin:400px 0px 0px 500px;}
.i_wrap .link a {color:#333;text-decoration:none;padding-left:8px;margin:0px 8px;background:url(../images/i_arrow.gif) 0px 4px no-repeat;vertical-align:middle;}
.i_wrap .link a:hover {color:#000;text-decoration:underline;}
.i_logo {text-align:left;margin-bottom:20px;}
.i_footer {margin:10px auto 0px auto;width:760px;text-align:left;padding-left:20px;}

/* Subweb */
.conMain {border:1px solid #ece9d8;_padding-top:750px;position:relative}
.conBox {min-height:750px;padding:0px 10px 5px 10px;text-align:left;_margin-top:-750px;_position:relative;}
.conBox .topic {text-transform:uppercase;color:#000;font-size:11px;font-weight:bold;height:28px;line-height:28px;margin-bottom:10px;border-bottom:1px solid #ccc;}
.conBox .content {padding:10px 0px;line-height:18px;}
.conBox .content p {text-indent:24px;margin-bottom:10px;}
.conBox .content ul {margin:0px 0px 10px 24px;}
.conBox .content img {border:1px solid #ccc;}
.conBox .content img.l {float:left;margin-right:10px;}
.conBox .content img.r {float:right;margin-left:10px;}
.conBox .content img.c {text-align:center;border:none;margin-top:20px;}
/* Subweb News */
.conBox .content .newslist h1 {font-size:14px;}
.conBox .content .newslist .date {margin-bottom:10px;}
.conBox .content .newslist .newsintro p {text-indent:12px;}
/* Subweb Products */
.conBox .content .prolist {height:660px;margin:0px;text-align:left;}
.conBox .content .prolist ul {margin:0px 0px -20px 0px;}
.conBox .content .prolist li {float:left;width:160px;margin:5px 10px;_margin:5px 7px;}
.conBox .content .prolist p {text-indent:0px;}
.conBox .content .prolist .proIntro {height:55px;}
.conBox .content .prolist .proImg {text-align:center;margin-bottom:10px;}
.conBox .content .prolist .proImg img {border:1px solid #eee;}
/* Subweb Page */
.conBox .content .page {clear:both;width:100%;}
.conBox .content .page ul {float:right;}
.conBox .content .page li {float:left;margin:5px 5px;}
.conBox .content .proContent img {}
.conBox .content .proContent .proName {color:#7244df;font-weight:bold;margin-bottom:10px;}
.conBox .content .proContent .topbar td {line-height:24px; font-weight:bold;background:#eee;}
.conBox .content .proContent table {background:#ccc;text-align:center;}
.conBox .content .proContent table td {background:#fff;}
.conBox .content .itext {float:left;font-weight:bold;margin-left:24px;padding:2px 0px;width:110px;}
.conBox .content .iput  {padding:2px 0px;line-height:28px;}
.conBox .content .iput input {width:280px;font-size:11px;}
.conBox .content .iput textarea {width:282px;}
.conBox .content .btn {text-align:center;padding:20px 0px 10px 0px;}
.conBox .content .btn input {margin:0px 5px;}
.conBox .content .iput .name {width:237px;*width:233px;_width:233px;}
.conBox .content .iput .name2 {width:232px;*width:226px;_width:226px;}
.conBox .content .f00 {color:#f00;}
.conBox .content .barbox {background:#eee;border:1px solid #e0e0e0;padding:5px;}
.conBox .content .ftxt  {float:left;width:120px;margin-left:3px;}
.conBox .content .ftxt2 {text-indent:5px;}
.conBox .content .subtopic{background:#eee;line-height:22px;margin-bottom:5px;padding-left:10px;font-weight:bold;}
.conBox .content .service {margin-left:60px;text-align:center;}
.conBox .content .service .dealers {margin-top:20px;width:80%;text-align:left;}
.conBox .content .service .dealers .topic {text-transform:none;border-bottom:none;}
.conBox .content .service .dealers .itext {margin:4px 0px;margin:0px;text-indent:0px;}
.conBox .content .service .dealers .iput {margin:4px 0px;}
.conBox .content .service .dealers .iput input {width:180px;}
.conBox .content .service .dealers .iput a {vertical-align:middle;}
.conBox .content .service .dealers .iput .iput_code {float:left;width:50px;_margin-left:3px;}
.conBox .content .service .dealers .iput .icode {float:left;margin-left:10px;padding:3px 3px 3px 6px;background:#eee;border:1px solid #ccc;}
.conBox .content .service .dealers .msg {clear:both;text-indent:0px;}
.conBox .content .service .dealers .icode{_margin-left:4px;}
.conBox .content .service .dealers .icode img {border:none;}
.conBox .content .service .dealers .btn {clear:both;margin:20px 0px 0px 0px;padding:0px;}
.conBox .content .userinfo {text-align:right;}
.conBox .content .userbox {margin-top:40px;}
.conBox .content .userbox p {text-indent:0px;}
.conBox .content .userbox form {margin-left:110px;}
.conBox .content .userbox .topic {text-transform:none;margin-left:110px;border-bottom:none;}
.conBox .content .userbox .itext {margin:4px 0px;margin:0px;width:140px;text-indent:0px;}
.conBox .content .userbox .iput {margin:4px 0px;}
.conBox .content .userbox .iput input {width:180px;}
.conBox .content .userbox .btn {clear:both;margin:20px 0px 0px -20px;padding:0px;}
.conBox .content .userbox .orderlist {margin:30px 0px 0px 0px;}
.conBox .content .userbox .orderlist li {background:#f9f9f9;margin:8px 0px;border:1px solid #e0e0e0;padding:5px;border-left:none;border-right:none;}
.conBox .content .userbox .orderlist li:hover {background:#f5f5f5;}
.conBox .content .userbox .orderlist .topic {text-transform:none;margin:0px;border-bottom:none;}
.conBox .content .userbox .orderlist .order_id {float:left;margin-bottom:5px;}
.conBox .content .userbox .orderlist .order_date {float:left;margin:0px 60px 5px 60px;}
.conBox .content .userbox .orderlist .delivery_date {margin-bottom:5px;border-bottom:1px dotted #e0e0e0;}
.conBox .content .login_msg {margin-left:100px;}
.conBox .content .login_msg li {color:#f00;list-style:circle;}
.conBox .content .download {height:660px;}
.conBox .content .download .down {width:520px;margin-bottom:20px;}
.conBox .content .download .down img{border:0px;margin:1px 0px 0px 4px;}
.conBox .content .download .down ul{margin:0px;}
.conBox .content .download .down li{float:left;background:#eee;line-height:20px;text-indent:5px;}
.conBox .content .download .down .file_icon{text-indent:0px;}
.conBox .content .download .down .file_name{color:#029;width:320px;}
.conBox .content .download .down .file_size{width:120px;}
.conBox .content .download .down .file_down{width:60px;background:#f00;text-align:center;text-indent:0px;}
.conBox .content .download .down .file_down a{color:#fff;text-decoration:none;}
.conBox .content .download .down .file_down a:hover{text-decoration:underline;}
.conBox .content .download .down .file_intro{clear:both;margin-top:5px;}