/**/
*{ margin:0; padding:0; font-size:11px; font-family:"MS PGothic"; color:#333;}
img,a{ border:none;}
li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.text-right{ text-align:right;}
#container{ margin:0 auto; width:1000px;}
.box{padding:0px 0px 50px 0px; background:url(../images/common/btn-bg.jpg) center bottom no-repeat;}

/* header */
#header{ padding-bottom:6px; width:1000px; background:url(../images/common/head-bg.jpg) -90px -78px no-repeat;}

#logo{ float:left; padding:10px 0px 10px 30px; width:146px; height:78px;}
#logo a{ display:block; width:146px; height:78px; text-indent:-99999px; background:url(../images/common/logo.jpg) 0px 0px no-repeat;}
.header-a{ float:right;padding:53px 0px 0px 20px; width:210px; height:20px; background:url(../images/common/top.jpg) no-repeat;}
.header-a2{ float:right;padding:53px 0px 0px 20px; width:210px; height:20px; background:url(../images/common/top2.jpg) no-repeat;}
.a1{ display:block; float:left; padding-right:10px; width:60px; height:20px;}
.a2{ display:block; float:left; padding-right:10px; width:60px; height:20px;}
.a3{ display:block; float:left; width:60px; height:20px;}
.header-link{clear:both;text-align:right;padding:10px 35px 0px;}
.header-link a{ text-decoration:none; color:#0033FF; background:url(../images/common/icon.gif) no-repeat 0 1px;padding-left:10px;}
.header-link a:hover{ text-decoration:underline;}

/* nav */
#nav{ width:1000px; height:39px; background:url(../images/common/nav.jpg) bottom no-repeat;}
#nav ul{ padding:0px 0px 0px 40px; }
#nav ul li{ display:block; float:left; margin-right:6px; width:106px; height:34px;}
#nav ul li a span{ display:none;}
#nav ul li a{ display:block; width:106px; height:34px;}
#nav ul li a.nav1{ background:url(../images/common/nav-menu.jpg) -10px 5px no-repeat;}
#nav ul li a.nav2{ background:url(../images/common/nav-menu.jpg) -123px 5px no-repeat;}
#nav ul li a.nav3{ background:url(../images/common/nav-menu.jpg) -235px 5px no-repeat;}
#nav ul li a.nav4{ background:url(../images/common/nav-menu.jpg) -349px 5px no-repeat;}
#nav ul li a.nav5{ background:url(../images/common/nav-menu.jpg) -461px 5px no-repeat;}
#nav ul li a.nav6{ background:url(../images/common/nav-menu.jpg) -574px 5px no-repeat;}
#nav ul li a.nav1:hover,#top #nav ul li a.nav1{ background-position:-10px -34px;}
#nav ul li a.nav2:hover,#dtp #nav ul li a.nav2{ background-position:-123px -34px;}
#nav ul li a.nav3:hover,#sms #nav ul li a.nav3{ background-position:-235px -34px;}
#nav ul li a.nav4:hover,#bbs #nav ul li a.nav4{ background-position:-349px -34px;}
#nav ul li a.nav5:hover,#service #nav ul li a.nav5{ background-position:-461px -34px;}
#nav ul li a.nav6:hover,#faq #nav ul li a.nav6{ background-position:-574px -34px;}

/* content */
#content{ padding-bottom:6px;}
.left-column{ float:left; width:230px;}
.right-column{ float:right; width:766px;}
#top .right-column{ float:right; width:762px;}
.right-bg{ padding:0px 0px 0px 14px; width:752px; background:url(../images/common/right-line.jpg) -11px 0px no-repeat; }

.left-menu{ padding-bottom:6px;}
.left-menu dl{}
.left-menu dl dt{ margin-bottom:4px; padding:0px 0px 0px 0px;background:url(../images/common/left-menu-line.gif) bottom repeat-x;}
.left-menu dl dt img{ padding:5px 0px 8px 40px; background:url(../images/common/left-menu-icon.gif) 5px 0px no-repeat;}
.left-menu dl dd{ padding-bottom:2px;}
.left-menu dl dd a{ display:block; width:230px; height:26px;}
.left-menu dl dd a span{ display:none;}

.left-info{ margin-bottom:8px; padding:1px 0px 7px; border:1px solid #ccc; background:url(../images/common/left-boxbg.jpg) bottom repeat-x;}
.left-info-box{ margin-bottom:10px; padding:10px 14px 10px 70px; border-bottom:1px solid #ccc;border-top:2px solid #eee; background:url(../images/common/left-icon.gif) 1px 10px no-repeat;}
.left-info-box2{  padding:10px 14px 10px 70px; border-top:2px solid #eee; background:url(../images/sms/left-icon.gif) 1px 5px no-repeat;}
.left-info-box2 a{ color:#4f5fb9;}
.left-info-box2 a:hover{ color:#000066;}
.left-info-box2 .p2{ min-height:35px; overflow:visible;}

.left-info h6{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #ccc;}
.left-info p{ line-height:1.5em;}
.left-p2{ padding:0px 14px;}
.p-strong{ font-size:12px; font-weight:bold; }

.banner{ padding-bottom:6px;}
.rig-banner{ padding-bottom:11px; background:url(../images/common/banner-bg.jpg) bottom no-repeat;}


/*login*/
.login-box{ margin-bottom:10px; padding:12px 11px 19px 12px; width:207px; height:280px; background:url(../images/top/login-bg.jpg) no-repeat;}
.btn-login{ display:block; border:none; width:207px; height:32px; background:url(../images/top/login-btn1.jpg) no-repeat; cursor:pointer;}
.btn-login2{ display:block; border:none; width:207px; height:32px; background:url(../images/top/login-btn5.jpg) no-repeat; cursor:pointer;}
.login-tab{ padding-bottom:7px; background:url(../images/top/login-line.gif) left bottom no-repeat;}
.login-tab table td{ padding:2px 0px;}
.text1{ width:136px; height:15px; font-size:12px;}
.login-link{ padding:10px 0px 0px;}
.login-out{ text-align:right; padding:5px 0px 0px 0px;}
.name{ font-weight:bold; font-size:12px;}
.login-send{ padding-top:10px; padding-bottom:7px; background:url(../images/top/login-line.gif) left bottom no-repeat; color:#fff;}
.login-h6{ color:#3B52B4; font-size:12px;}
.login-send p{ color:#fff; line-height:1.5em;}
.login-send p strong{ font-size:12px; color:#fff;}
.login-p-2{ padding:7px 0px 5px 0px;}

.login img{ padding:2px 2px;}
.login input{ margin:3px 0px;}
.login input.btn-login2{ margin:5px 0px 4px;}
.login .login-text{ padding:2px 5px 2px 2px;}
.login .name{ display:block; padding:0px 0px 0px 3px;}

/* btn*/
.btn-box{ padding:0px 0px 10px 0px; background:url(../images/common/btn-bg.jpg) left 19px no-repeat; text-align:right;}
.btn-home{ border:none; width:130px; height:30px; background:url(../images/common/btn-home.gif) no-repeat; cursor:pointer;}
.btn-back{ border:none; width:130px; height:30px; background:url(../images/common/btn-back.gif) no-repeat; cursor:pointer;}
.btn-back2{ border:none; width:130px; height:30px; background:url(../images/common/btn-back2.gif) no-repeat; cursor:pointer;}

/*error*/
.error{ margin-bottom:10px;padding:10px; background-color:#FFFF66; text-align:center; color:#fff;}
.error p{color:#ff0000;}

/* footer */
#footer{ padding:14px 0px 0px 5px; height:47px; border-top:5px solid #3246A0; background:url(../images/common/foot.jpg) bottom repeat-x;}
.copyright{ float:right;}
.footer-nav{ float:left; width:500px; color:#999;}
.footer-nav a{ padding:0px 7px; color:#999; font-size:12px; text-decoration:none;}
.footer-nav a:hover{ color:#333;}

.icp{ display:block; float:left; padding:0px 0px 0px 40px; font-size:12px; color:#999}

/* add */
.addh2{ display:block; margin:0px 0px 0px 0px; padding:10px 0px 10px 290px; text-align:left; background:url(../images/common/icon-alarm.jpg) 230px 0px no-repeat; font-size:16px; font-weight:bold; line-height:2em;}
.h2font{ color:#3b51b4; font-size:16px;}
.addp{ padding:10px 200px 10px 290px; text-align:left; font-size:12px; line-height:1.5em;}
.login-send .list-a{ padding-left:10px; color:#0000FF; white-space:nowrap}
.login-send a.list-a:hover{ color:#0066CC}

/* upload */
.upload-box{ padding:1px; width:726px;}
.upload{ padding:10px; border:1px solid #ccc;}
.upload-h6{ margin-bottom:5px; padding:0px 0px 0px 30px; background:url(../images/upload/upload.gif) no-repeat; font-size:12px; font-weight:bold;}
.up-step{ padding:2px; width:700px; height:20px; background:url(../images/upload/gray-bg.gif) no-repeat;}
.step-blue{ display:block; height:20px; background:url(../images/upload/step-bg.jpg) no-repeat;}
.up-text{ margin-top:5px; padding:5px 10px; border:1px dotted #ccc; background-color:#FFFFCC; font-size:12px;}
