/*
    design by scanline
    version 0.5
    date 2009/01/10
*/
html,body {
    margin: 0px;
    padding: 0px;
    font: normal 13px Arial,"Helvetica Neue",Helvetica,sans-serif;
}

body {
    background: #D2EEFA url(cloundbg.jpg) 0 180px no-repeat;
    background: url(dotted-world.png) no-repeat fixed center 50px, -webkit-radial-gradient(ellipse at center top, #eeeeee, #0080C0) repeat fixed center bottom #0080C0;
    background: url(dotted-world.png) no-repeat fixed center 50px, -webkit-radial-gradient(center top, ellipse, #eeeeee, #0080C0) repeat fixed center bottom #0080C0;
    background: url(dotted-world.png) no-repeat fixed center 50px, radial-gradient(ellipse at center top, #eeeeee, #0080C0) repeat fixed center bottom #0080C0;
}

/******************** 以下是字体部分 ********************/
/*************** 字体大小部分 ***************/
/*从 10px 到 30px ,每个编号相差2px*/
/*编号越大字体大小越大*/
.font-size-1{
    font-size:10px!important;
}
.font-size-2{
    font-size:12px!important;
}
.font-size-3{
    font-size:14px!important;
}
.font-size-4{
    font-size:16px!important;
}
.font-size-5{
    font-size:18px!important;
}
.font-size-6{
    font-size:20px!important;
}
.font-size-7{
    font-size:22px!important;
}
.font-size-8{
    font-size:24px!important;
}
.font-size-9{
    font-size:26px!important;
}
.font-size-10{
    font-size:28px!important;
}
.font-size-11{
    font-size:30px!important;
}
/******************** 以上是字体部分 ********************/
table caption{
    color: #000;
	font-weight:600;
    border: 1px solid #edf1f3;
	background-color:#edf4f9;
	padding-left:15px;
    border-radius: 5px;
}

select {
    font: normal 11px tahoma,arial;
}

a, a:link, a:visited, a:active {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.blue, a.blue:link, a.blue:visited, a.blue:active {
    color: #1988c8;
}

a.green, a.green:link, a.green:visited, a.green:active {
    color: #007300;
}
/*
a.red, a.red:link, a.red:visited, a.red:active{color:#f00;}
*/
a.red, a.red:link, a.red:visited, a.red:active {
    font-weight: 600;
    color: #333
}

ul {
    list-style-type: none;
}

h2 {
    color: #1988C8;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

textarea {
}

input.sinput130 {
    width: 130px;
    background-image: url(130input.gif);
    border-width: 0px;
    padding: 3px;
    margin: 2px 0;
    height:22px;
    line-height: 16px;
}

#wraper {
    margin: auto auto;
    width: 100%;
    color: #333;
}

#wraperToper {
    height:60px;
    background-color: #02182a;
    background-color: #6796ae\0/IE8-9;
}

#headerTop {
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #b4c4e6;
    background-color: #eef2fa;
    color: #333;
    padding: 0 5px
}

#header {
    height: 50px;
    text-align: right;
    padding: 0 5px;
    line-height: 20px;
}

#header span {
    width: 400px;
    display: block;
    float: right;
    margin-top: 10px;
    line-height: 15px;
}

#logo {
    position: absolute;
    z-index: 10;
    width: 300px;
}

#logo img {
    float: left;
}

#navbar {
    height: 28px;
    margin: 0 0 0 250px;
}

#navbar ul {
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

#navbar ul li {
    float: left;
    margin: 0 8px;
    background: transparent url(coo-03.gif) left bottom no-repeat;
}

#navbar ul li a {
    padding: 0 15px;
    line-height: 25px;
    font-weight: bold;
    background: transparent url(anav.gif) right bottom repeat-x;
    display: block;
    margin: 3px 0 0 2px;
}

#navbar ul li a:hover {
    color: #900;
    text-decoration: none;
}

#navbar ul li.active {
    background-image: url(coo-06.gif);
}

#navbar ul li.active a {
    line-height: 28px;
    margin: 0 0 0 4px;
    background-image: url(atbg.gif);
    color: #fff;
}

#navbar ul li.active a:hover {
    color: #e00;
}

#searchBox {
    height: 77px;
    background: transparent url(coo-11.gif) 0 0 repeat-x;
    color: #fff
}

#searchBox a {
    color: #fff;
}

#searchNav {
    height: 30px;
    line-height: 30px;
    margin-left: 260px
}

#search {
    text-align: center;
}

#search input {
    border-width: 0px;
}

#search select,#search input {
    margin: 0 6px;
}

#navigation {
    height: 20px;
    line-height: 20px;
}

#wraperBottom {
    font-family: Arial;
    margin: 10px 0;
    padding-top: 10px;}

#bottomLink {
    text-align: center;
    line-height: 30px;
}

#copyRight {
    text-align: center;
    line-height: 25px;
}

#wraperBottom .adv {
    background: transparent url(sookuu-10.gif) left bottom repeat-x;
    padding: 20px;
    border-top: 1px solid #b0bfc6;
}

#wraperBottom img {
    border-width: 0px;
}

#wraperLeft {
    width: 10%;
    float: left;
    overflow: hidden;
	padding-top:40px;
}

#wraperRight {
    width: 90%;
    float: left;
    /*overflow: hidden;*/
	background-color:#f4f4f4;
}

.iBox {
    border: 1px solid #b0bec7;
    margin-bottom: 20px;
}

.iBox .header {
    background: transparent url(coo-16.gif) 0 0 repeat-x;
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid #b0bec7;
    padding: 0 10px;
    font-weight: bold;
}

#wraperRight .iBox ul.list li {
    background: transparent url(coo-23.gif) 3px center no-repeat;
    padding-left: 16px;
}

#wraperRight ul {
    margin: 10px 5px;
    padding: 0px;
    list-style-type: none;
	padding-bottom:0px;
}

#wraperRight ul li {
    margin: 0px;
    padding: 5px 0;
}

#gralist li {
    float: left;
    width: 50%;
}

#gralist li img {
    float: left;
    margin-right: 5px;
}

#gralist li img.none {
    float: none;
}

#wraperLeft .sortList ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#wraperLeft .sortList ul li {
    margin: 0px;
    padding: 0px;
    width: 50%;
    float: left;
}

#wraperLeft .sortList ul li div {
    padding: 0 20px 0 10px;
}

#wraperLeft .sortList a,#wraperLeft .sortList a:link, #wraperLeft .sortList a:visited {
    color: #16387C;
}

#wraperLeft .sortList ul li div.header {
    font-weight: bold;
    color: #16387C;
}

#rLeft {
    width: 220px;
    float: left;
    overflow: hidden;
}

#rRight {
    width: 750px;
    float: right;
}

#productlist {
    border: 1px solid #b0bec7;
}

#productlist div.header {
    background: transparent url(sookuu-36.jpg) 0 0 repeat-x;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

#productlist ul {
    margin: 0 5px 25px 5px;
    padding: 0px;
}

#productlist ul li {
    margin: 0px;
    padding: 0px 15px;
    border-bottom: 1px solid #ccc;
    line-height: 25px;
    background: transparent url(hd-05.jpg) 5px 8px no-repeat;
    font-weight: 800;
}

#productlist ul li a:hover {
    color: #900;
}

#productlist ul li.ol {
    margin: 0;
    margin-top: 0 !important;
    margin-top: -12px;
    background-image: none;
    background-color: transparent;
    border-width: 0px;
    position: relative;
    overflow: hidden;
    padding: 0px;
}

#productlist ul li ol {
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}

#productlist ul li.ol ol li {
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    margin: 0px;
    padding: 0px 0 0 15px;
    border-bottom: 1px solid #ccc;
    background-image: none;
    font-weight: normal;
}

#rRight dl,#rRight dl dt, #rRight dl dd {
    margin: 0px;
    padding: 0px;
}

#rRight dl {
    border: 1px solid #b0bec7;
}

#rRight dl img {
    border-width: 0px;
    vertical-align: middle;
}

#rRight dl dt {
    background: transparent url(sookuu-36.jpg) 0 0 repeat-x;
    padding: 4px 20px;
    height: 22px;
    overflow: hidden;
}

#rRight dl dd div.content {
    padding: 10px 0 0px 0;
    background-color: #fff;
}

#rRight dl dd .ddbot {
    height: 25px;
    line-height: 25px;
    background: #eaeaea url(ba29.gif) 5px center no-repeat;
    margin: 5px;
    padding: 0 30px;
}

#rRight dl dd a.zoom,#rRight dl dd a.zoom:link,#rRight dl dd a.zoom:visited {
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    background: transparent url(zoom.gif) 0 center no-repeat;
    padding-left: 20px;
}

div.contactHeader {
    border-bottom: 1px solid #ddd;
}

div.contactHeader img.cLogo {
    float: left;
    padding: 0 10px;
    height: 60px;
    overflow: hidden;
}

div.contactHeader label.c a,div.contactHeader label.c a:link, div.contactHeader label.c a:visited {
    color: #16387c;
    font-weight: bold;
    font-family: Arial;
}

div.contactHeader label.c a:hover {
    color: #900;
}

div.info {
    line-height: 16px;
    padding-top: 5px;
}

div.info label {
    font-weight: bold;
    color: #16387c;
}

#newslist {
    border: 1px solid #b0bec7;
}

#newslist .header {
    background: transparent url(sookuu-36.jpg) 0 0 repeat-x;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-indent: 20px;
}

#newslist ul {
    margin: 0 5px 5px 5px;
    padding: 0px;
}

#newslist ul li {
    margin: 0px;
    padding: 0px 15px;
    border-bottom: 1px solid #ccc;
    line-height: 25px;
    background: transparent url(hd-05.jpg) 5px 8px no-repeat;
}

#newslist ul li a:hover {
    color: #900;
}

#relatedKey {
    margin-top: 10px;
}

#sLogo {
    background: transparent url(soocuu.gif) 0 0 no-repeat;
    display: block;
    width: 254px;
    height: 62px;
    margin: 5px 0;
}
/* common class */
.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.b {
}

.clearCache {
    display: inline-block;
    color: #cedbe1;
    padding: 5px;
    font-weight: 600;
}

.vcenter {
    vertical-align: middle;
	padding-left:10px;
}

.w500 {
    width: 500px;
}

.w30 {
    width: 30px;
}

.w160 {
    width: 160px;
}

.w100 {
    width: 100px;
}

.w550 {
    width: 550px;
}

.w186 {
    width: 186px;
}

.w180 {
    width: 180px
}

.H20 {
    height: 20px;
    line-height: 20px;
    text-indent: 20px;
}

.H10 {
    height: 10px;
    line-height: 10px;
    font-size: 1px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.fdiv {
    float: left;
    width: 50%;
}

.ffleft {
    float: left;
}

.pl5px {
    text-indent: 5px;
}

.vline {
    background: transparent url(ba07.gif) top right repeat-y;
}

.width130px {
    display: inline-block;
    width: 130px;
}

.H25 {
    line-height: 25px;
    height: 25px;
}

.LH25 {
    line-height: 25px;
}

.letterNav a,.letterNav a:link, .letterNav a:visited, .letterNav a:active {
    font-weight: bold;
}

.letterTop {
    background: transparent url(smallpix.gif) 0 center repeat-x;
    height: 20px;
}

.letterTop label {
    display: block;
    width: 30px;
    color: #dc7004;
    line-height: 20px;
    padding: 0 10px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
}

.grayBar {
    background: transparent url(sookuu-36.jpg) 0 0 repeat-x;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-indent: 20px;
    border-top: 1px solid #b0bec7;
}

.back {
    padding: 5px;
    text-decoration: none;
}

.red {
    color: #f00;
}

.rtip {
    color: #999;
    font-weight: 200;
    font-family: verdana;
}

.mButton {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #62c1db 1%, #05abdf 100%) repeat scroll 0 0;
    border: 1px solid #05abdf;
    color: #ffffff;
    font-family: Roboto,Helvetica,Tahoma,Arial,sans-serif,SimSun;
    font-weight: 600;
    line-height: 18px;
    margin: 10px 0;
    border-radius: 8px;
    padding: 8px 25px;
    text-shadow: 0 0 1px #000000;
    width: 35%;
}

.margin5 {
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1988c8;
    background-color: #fff;
}

.mar10p0 {
    margin: 10px 0;
}

.pointer {
    cursor: pointer;
}

.green {
    color: #009900
}

.black {
    color: #000000
}

.pdfimage {
    width: 59.5px;
    height: 84.2px;
    border: 1px solid #00699b;
    padding: 2px;
    background-color: #aaa;
}

.imageBox {
    border: 1px solid #999;
    margin: auto auto;
    padding: 2px;
    width: 160px;
    overflow: hidden;
    background-color: #d7eaf9
}

.imageBox img {
    width: 160px;
}

.bgred {
    background-color: #900;
}

.hidden {
    display: none;
}

span.blank {
    margin: 0 20px;
}

span.space {
    margin: 0 10px;
}

span.floatRight span.blank {
    margin: 0 10px
}
/*注释部分*/
.note{
    display:inline-block;
    position: relative;
}
.note .note-icon{
    color: #777;
    width: 18px;
    height: 18px;
    text-align: center;
}
.note .note-content{
    /*display: none;*/
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
    background-color: #EFEFEF;
    z-index: 1200;
    font-weight: 1;
    padding: 5px;
    word-wrap: break-word;
}
.note .note-content p{
    margin: 0;
    line-height: 20px;
}
.note .note-content a{
    color: #09A8E2;
}
/* pageNav */
#pageNav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: right;
    padding-right: 20px;
}

#pageNav ul li {
    margin: 0px;
    padding: 0px;
    float: left;
    padding: 2px;
}

#pageNav ul li a,#pageNav ul li a:link,#pageNav ul li a:visited,#pageNav ul li a:active {
    display: block;
    background-color: #8A0202;
    color: #fff;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
}

#pageNav ul li a:hover {
    background-color: #DB8900
}

#pageNav ul li a.PageLinkSelected,#pageNav ul li a:link.PageLinkSelected, #pageNav ul li a:visited.PageLinkSelected,#pageNav ul li a:active.PageLinkSelected {
    background-color: #e1e9f4;
    color: #333;
    font-weight: bold;
}

#welcome p {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}
/* join Table */
#joinTable .leaderText {
    font-family: tahoma;
    font-weight: 600;
    color: #999;
    margin-top: 10px;
}

#joinTable table tr th {
    font-weight: bold;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding: 10px 10px 5px
}

#joinTable table tr td {
    font-weight: bold;
    padding: 10px 10px 5px 0px
}

#joinTable span.blank {
    margin: 0 20px;
}

#joinTable input.linput {
    border: 1px solid #ccc;
    padding: 2px !important;
    width: 230px;
}

#joinTable input.sinput50 {
    border: 1px solid #ccc;
    padding: 2px !important;
    width: 50px;
}

#joinTable input.sinput90 {
    border: 1px solid #ccc;
    padding: 2px !important;
    width: 90px;
}

#joinTable table {
    width: 600px;
}

#joinTable select,#joinTable textarea, #joinTable input {
    font-family: arial;
}

/* header nav*/
ul#HeaderNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: tahoma;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    color: #0080C0;
    position: absolute;
    top:9px;
    left: 15vw;
}

ul#HeaderNav li {
    float: left;
    height: auto;
    line-height: auto;
    background-image: none;
    display: inline-block;
    zoom: 1;
	
	padding-top:5px
}



ul#HeaderNav li a,ul#HeaderNav li a:link, ul#HeaderNav li a:visited {
    background-image: none;
    color: #4084A6;
    display: block;
    padding: 0px 25px;
    background-color: rgba(255, 255, 255, .3);
}

/*导航栏小图标*/
ul#HeaderNav li i{
    display: block;
    color: #dce6e9;
    margin:0 auto;
    text-align: center;
}

ul#HeaderNav li a:hover {
    color: #09c;
    background-color: #FEF1C5;
}

ul#HeaderNav li.active {
/*background: transparent url(bg.gif) left 2px no-repeat;*/
    background-color: #333;
    background-color: #09a8e2;
    border-radius: 5px;

}

ul#HeaderNav li.active a,ul#HeaderNav li.active a:link, ul#HeaderNav li.active a:visited,ul#HeaderNav li a.active:hover {
    color: #fff;
    text-decoration: none;
/*background: transparent url(bg_right.gif) right 2px no-repeat;*/
    background-color: #333;
    background-color: rgba(30, 30, 30, .3);
}

.smallSpra {
    background-color: #2381ac;
/*margin:2px 0px;*/
    height: 2px;
    font-size: 1px;
    display: none
}

/* rgiht Nav */
#wraperToper div.navBar {
    margin: auto auto;
    width: 100%;
}

#rightNav {
    float: right;
    width: 296px;
    height: 30px;
    margin: 10px;
    background: transparent url(rightNavbgleft.gif) 0 0 no-repeat;
    padding-left: 3px;
}

#rightNavInner {
    background: transparent url(rightNavbg.gif) 0 0 repeat-x;
    height: 30px;
}

#rightNav p.ed {
    background: transparent url(rightNavbgright.gif) 0 0 no-repeat;
    width: 3px;
    float: right;
    height: 30px;
    margin: 0px;
    padding: 0px;
}

#rightNavInner ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    background-color: #f00
}

#rightNavInner ul li {
    margin: 0px 5px;
    padding: 0px;
    float: left;
    display: inline;
}

#rightNavInner a, #rightNavInner a:link, #rightNavInner a:visited {
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

#rightNavInner a:hover {
    color: #f90;
    text-decoration: none;
}

/* right Box */
#wraperMainInner {
	background-color:#0c243a;
}

.leftBox {
/*background:#fff url(leftBoxBottom.gif) left bottom no-repeat;*/
    margin: 0 0 10px 0;
}

.leftBox h3 {
    margin: 0px;
    padding: 0 0 0 10px;
    line-height: 25px;
    height: 25px;
    background: transparent url(leftBoxTop.gif) 0 0 no-repeat;
    color: #fff;
}

.leftBox ul {
    margin: 0px;
    padding: 0px;
}

.leftBox ul li {
    margin: 0px;
    padding: 0px 10px;
    line-height: 25px;
    background-color: #f6f9f9;
    border: 1px solid #c4d3e5;
    border-top: 0px;
}

.leftBox ul li.active {
    background-color: #d7eaf9;
    font-weight: 600;
}

.leftBox ul li a {
    text-transform: capitalize;
}

.leftBox dt {
    color: #33ccff;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 0 0 20px;
    font-weight: 600
}

.leftBox dd {
    position: relative;
    border-width: 0 0 1px;
    line-height: 45px;
    margin: 0;
    padding: 3px 0 3px 20px;
	
}

.leftBox dd a, .leftBox dd a:link {
    color: #fff
}

.leftBox dd a:hover .leftBox dd a:visited {
    color: #fff;
	
}

.leftBox dd span {
    float: right;
    padding: 2px 3px;
    border-radius: 5px;
    display: block;
    width: 35px;
    height: 18px;
    margin: 4px 10px 0 0;
    text-align: center;
    background-color: #18bc99;
}

.leftBox dd span a, .leftBox dd span a:link, .leftBox dd span a:visited {
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
}

.left-service{
    margin-top: 20px;
}

.left-service .ls-title{
    color: #fff;
    text-align: center;
    line-height: 48px;
}
.left-service .ls-title .icon{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('./icon/service.png') center center no-repeat;
    background-size: 32px;
    position: relative;
    top: 10px;
}

.left-service .ls-content li{
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: transparent;
    border: none;
}
.left-service .ls-content li p{
    margin: 0;
}
.left-service .ls-content li img{
    width: 50px;
    height: 50px;
}
.left-service .ls-content li a{
    color: #fff;
}
.left-service .ls-content li a:hover{
    text-decoration: none;
}
.left-service .ls-content li .p1{
    color: #7B96B0;
}

.bBlue {
    color: #09a8e2;
	font-weight:600;
	padding-right:25px;
}
.btn-info a, a:link, a:visited, a:active {
    /*color: #fff;*/
    text-decoration: none;
}


#rightTop {
    height: 40px;
    line-height: 40px;
    font-weight: 600;
}

#rightTopTip {
    margin: 10px 0px;
    border: 1px solid #edf1f3;
	background-color:#edf4f9;
    padding: 0 15px 0 25px;
    line-height: 40px;
    border-radius: 5px;
}
#rightTopTip input#selectAll{
    margin-top: 13px;
    margin-right: 8px;
}
#rightTopTip .btn-toolbar{
    margin-top: 3%;
}

#showsroll {
    margin: 10px 0px;
    border: 1px solid #ccc;
    background: #fafafa url(bullet.gif) 5px 5px no-repeat;
    padding: 0 15px 0 25px;
    line-height: 30px;
    border-radius: 5px
}

#baseForm {
}

#baseForm .H30, .H30 {
    line-height: 30px;
    vertical-align: middle;
	padding-bottom:5px;
}

#baseForm label {
    float: left;
    width: 190px;
    padding: 0 5px;
    text-align: right;
    font-weight: 600;
}

#baseForm label.radio-inline,#baseForm label.checkbox-inline{
    font-weight: normal;
}

#baseForm legend{
}

#baseForm .ab {
    width: auto
}
#baseForm input{
    background-repeat: no-repeat;
    font-weight: 100;
}

#baseForm label.none {
    float: none;
    font-weight: normal;
    padding: 0;
    text-align: left;
    width: auto;
}


input.slist {
    width: 280px;
    text-indent: 5px;
    margin: 2px 0;
    background: #fff url(280inputlong.gif) 0 0 no-repeat;
    border: 0px;
    height: 22px;
    line-height: 16px;
}

#baseForm input.droplist, #baseForm input.droplistTag, #baseForm input.droptags,#baseForm input.dropapp, #baseForm input.dropkeyword,#baseForm input.droppdfs, input.qDroplist {
/*padding:3px;*/
/*margin:2px 0;*/
    cursor: pointer;
}

#baseForm label.rlabel {
    float: none;
}

#baseForm label.normal {
    font-weight: 400;
}

#imageBox {
    border: 1px solid #c4d3e5;
    background-color: #f6f9f9;
    width: 250px;
    height: 180px;
    text-align: center;
    float: left;
}

#imageBoxInfo {
    width: 483px;
    float: right;
}

#imageShowBox {
    border: 1px solid #aaa;
    background: #fff url(iDefault.png) 0 0 no-repeat;
    width: 96px;
    height: 96px;
    margin: 10px auto;
}

#dataTable tr th ,#dataTable1 tr th ,#dataTable2 tr th {
    font-weight: 400;
    color: #005f8c;
    padding: 5px 8px;
    background: transparent url(th_bg.gif) left bottom repeat-x;
    text-align: left;
}

#dataTable tr td ,#dataTable1 tr td ,#dataTable2 tr td {
    padding: 5px 8px;
    background: transparent url(td_bg.gif) left bottom repeat-x;
    line-height: 40px;
}
#dataTable tr:hover ,#dataTable1 tr:hover ,#dataTable2 tr:hover { background-color:#f3f8fb;}

.explain .exp-tab{
    display: block;
    width: 70px;
    height: 20px;
    float: left;
    margin-right: 10px;
}
.explain span{
    display: block;
    width: 100px;
    height: 20px;
    float: left;
}

.necessary{
    background-color: #fff6e3;
}
.important{
    background-color: #def6fb;
}
.normal{
    background-color: #eee6ff;
    color: black;
}
.necessary:hover,.important:hover,.normal:hover{
    color: black;
}

a.blue, a:link.blue, a:visited.blue {
    color: #0080C0
}

a.orange, a:link.orange, a:visited.orange {
    color: #f89c18
}

/* UI */
.iButton {
    background-color: #00a65a;
    border: 1px solid #008d4c;
    border-radius: 3px;
    margin: 0 5px;
    padding: 0px;
    width: 120px;
    height: 30px;
    font-family: Comic Sans MS, Tahoma;
    font-weight: 600;
    color: #fff;
    padding: 0 0 3px;
}

.tip {
    margin: 10px 0px;
    border: 1px solid #c4d3e5;
    background: #f6f9f9 url(flag_red.gif) 5px 5px no-repeat;
    padding-left: 25px;
    line-height: 30px;
}

.realTip {
}

.leader {
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    font-weight: 600;
    color: #00699b;
    background: transparent url(bgdot.gif) 0 center repeat-x;
	margin:20px 0 10px 0;
}

.leader span {
    padding: 0 12px;
    background-color: #fff;
}

.clip {
    font-style: normal;
    cursor: pointer;
}

.commonBox {
    border: 1px solid #c4d3e5;
    background-color: #f6f9f9;
    padding: 5px;
    margin: 0 50px 10px 50px;
}

#imagePreview {
    border: 1px solid #aaa;
    height: 102px;
    width: 102px;
    background: transparent url(nophoto.gif) 0 0 no-repeat;
    vertical-align: middle;
    display: table-cell;
}

div.imagePreview {
    border: 1px solid #aaa;
    height: 112px;
    width: 150px;
    background: #fff url(nophoto.gif) center center no-repeat;
    vertical-align: middle;
    overflow: hidden;
}

div.imagePreviews {
    float: left;
    border: 1px solid #aaa;
    max-width: 150px;
    max-height: 120px;
    background: #fff url(nophoto.gif) center center no-repeat;
    vertical-align: middle;
    overflow: hidden;
    margin: 5px
}

div.imagePreviews .close {
    height: 17px;
    width: 40px;
    position: absolute;
    background: transparent url(close.gif) 0 0 no-repeat;
    z-index: 10px;
    cursor: pointer;
}

div.imageBannerPreview {
    vertical-align: middle;
    margin: 5px 0;
    padding: 5p 0;
    width: 750px;
    overflow: hidden;
}

div.imageBannerPreview a,div.imageBannerPreview a:link, div.imageBannerPreview a:active {
    font-weight: 600;
    padding: 5px 10px;
    background-color: #900;
    color: #fff;
    position: relative;
    z-index: 10;
    top: -20px;
}

div.imageBannerPreview a:hover {
    background-color: #fff;
    color: #900;
}

#uploading {
    background: transparent url(uploading.gif) 80px 8px no-repeat;
    height: 25px;
    line-height: 25px;
    font-family: Comic Sans MS,tahoma;
    font-weight: 600;
    color: #900;
    width: 200px
}

.deal {
    background: transparent url(uploading.gif) 80px center no-repeat;
    height: 25px;
    line-height: 25px;
    width: 180px;
    display: inline;
    display: inline-block;
    zoom: 1
}

#dropdown {
    display: block;
    height: 14px;
    width: 14px;
    background: transparent url(dropdown.gif) 0 0 no-repeat;
    position: relative;
}

span.image {
    display: block;
    height: 16px;
    width: 16px;
    background: transparent url(image.gif) 0 0 no-repeat;
    vertical-align: middle;
    margin: auto auto;
}

span.flag {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(sub_cate.png) right center no-repeat;
    vertical-align: middle;
    zoom: 1;
}

tr.parent span.flag {
    background: transparent url(category.png) right center no-repeat;
}

span.leader {
    height: 16px;
    background: transparent url(leader.gif) 0 center no-repeat;
    zoom: 1;
}

span.ishome {
    height: 16px;
    width: 16px;
    background: transparent url(home.png) 0 0 no-repeat;
    zoom: 1;
    position: absolute;
    z-index: 9;
    left: 6px/*home_en.gif*/
}

span.downarrow {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(downarrow.gif) 0 3px no-repeat;
    zoom: 1;
    cursor: pointer;
}

span.add {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(plugin.gif) 0 center no-repeat;
    zoom: 1;
}

span.w130 {
    width: 130px;
    float: left;
}

span.enable {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(plugin_enable.gif) 0 center no-repeat;
    zoom: 1;
}

span.disable {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(plugin_disabled.gif) 0 center no-repeat;
    zoom: 1;
}

span.change {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(vcard_edit.gif) 0 center no-repeat;
    zoom: 1;
}

span.remove {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(delete.png) 0 center no-repeat;
    zoom: 1;
}

span.person {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(person.gif) 0 center no-repeat;
    zoom: 1;
}

span.pdf {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(pdf.png) 0 center no-repeat;
    zoom: 1;
}

span.rpdf {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(rpdf.png) 0 center no-repeat;
    zoom: 1;
}

span.progress {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: transparent url(progress.gif) 0 center no-repeat;
    zoom: 1;
}

#dataTable tfoot th a,#dataTable tfoot th a:link, #dataTable tfoot th a:visited ,#dataTable1 tfoot th a,#dataTable1 tfoot th a:link, #dataTable1 tfoot th a:visited ,#dataTable2 tfoot th a,#dataTable2 tfoot th a:link, #dataTable2 tfoot th a:visited {
    display: inline-block;
    zoom: 1;
    width: 10px;
    text-align: center;
    color: #007AB5
}

#dataTable tfoot th a.current, #dataTable tfoot th a.current:link, #dataTable tfoot th a.current:visited ,#dataTable1 tfoot th a.current, #dataTable1 tfoot th a.current:link, #dataTable1 tfoot th a.current:visited ,#dataTable2 tfoot th a.current, #dataTable2 tfoot th a.current:link, #dataTable2 tfoot th a.current:visited {
    font-weight: bold;
    color: #900;
}
/* selectDialog*/
#selectCatUl {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#selectCatUl li {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 311px;
    font-family: Helvetica,Tahoma;
    font-weight: normal;
    overflow: hidden;
}

#selectCatUl li span {
    cursor: pointer;
}

/* fix */
#wraperRight div.rte-toolbar ul li {
    margin: 5px 2px;
    padding: 0px;
}

#baseForm textarea.rte {
    background-image: none;
    position: relative;
    top: 0px;
    left: 0px;
    clear: both;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

span.helpImg {
    height: 16px;
    width: 16px;
    background: transparent url(help.gif) 0 0 no-repeat;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}

#droplist, #droplistTag, #droptags, #dropkeyword, #droppdfs,#quicklist,#dropapp {
    max-height: 300px;
    height: auto !important;
    overflow: auto!important;
    border: 1px solid #75B9F0;
    display: none;
    background: #fff url(Divbase.gif) left bottom no-repeat;
    position: absolute;
    z-Index: 100;
    border-top: 0;
    background: -webkit-linear-gradient(top, #EFEFEF 0%, #F9F9F9 40%, #FFFFFF 100%) repeat fixed 0 0 transparent;
    background: linear-gradient(to bottom, #EFEFEF 0%, #F9F9F9 40%, #FFFFFF 100%) repeat fixed 0 0 transparent;
    border-radius: 0 0 5px 5px;
    box-shadow: 3px 3px 4px #ccc;
}

#droplist ul, #droplistTag ul,#quicklist ul {
    margin: 0px;
    padding: 0
}

#droplist ul li,#droplistTag ul li,#droppdfs ul li,#quicklist ul li {
    height: 30px;
    margin: 2px;
    background: transparent url(td_bg.gif) left bottom repeat-x;
    line-height: 30px;
    color: #00699b;
    cursor: pointer;
    padding: 0 10px;
    white-space: nowrap;
}

#droplist li.selected, #droplistTag li.selected {
    background-color: #fef1c5
}

a.read {
    display: inline-block;
    zoom: 1;
    background: transparent url(read.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    font-size: 1px;
}

a.edit {
    display: inline-block;
    zoom: 1;
    background: transparent url(edit.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    font-size: 1px;
}

a.delete {
    display: inline-block;
    zoom: 1;
    background: transparent url(delete.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    font-size: 1px;
}

a.look {
    display: inline-block;
    zoom: 1;
    background: transparent url(look.jpg) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    font-size: 1px;
}

span.imgOk {
    display: inline-block;
    zoom: 1;
    background: transparent url(delete.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    font-size: 1px;
}

a.copy {
    display: inline-block;
    zoom: 1;
    background: transparent url(copy.png) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    font-size: 1px;
}

.f11px {
}

span.tagMatches {
    margin: 0 5px;
}

span.tagMatches span {
    color: #00699B;
    cursor: pointer;
    margin-right: 4px;
    padding: 3px 2px;
    border: 1px solid #c4d3e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f6f9f9;
}
span.glyphicon-edit,span.glyphicon-trash,span.glyphicon-search,span.glyphicon-copy{
    color:white;
}
.btn{
    padding-left: 7px!important;
    padding-right: 7px!important;
}
.btn-group-sm .btn{
    padding: 5px 7px!important;
}

div.upnarrow {
    background: transparent url(upnarrow.gif) 20px 0 no-repeat;
    font-size: 1px;
    height: 12px;
    width: 50px;
}

#baseForm textarea.ta {
    background: #fff url(none.gif) repeat-x scroll left bottom;
    border: 1px solid #ccc;
    overflow: auto;
    height: 80px;
    margin-bottom: 8px;
    overflow: auto;
    width: 99%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* table */
table tr.selected {
    background-color: #ffebe1;
}

div.bgbottom a,div.bgbottom a:link, div.bgbottom a:visited {
    color: #000;
    padding: 0 5px;
}

/* navbar reorder */
ul#reOrderNav {
    margin: 10px 0;
}

ul#reOrderNav li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

ul#reOrderNav li a,ul#reOrderNav li a:visited {
    padding: 5px 8px;
    margin: 3px;
    text-decoration: none;
    background-color: #F6F9F9;
    border: 1px solid #C4D3E5;
    font-weight: 600;
}

ul#reOrderNav li a:hover, ul#reOrderNav li a.hide:hover {
    background-color: #D7EAF9;
    border: 1px solid #D7EAF9;
}

ul#reOrderNav li a.hide {
    background-color: #fff;
    border: 1px solid #fff;
}

ul#reOrderNav li div.panel {
    width: 150px;
    height: 80px;
    background-color: #D7EAF9;
    border: 1px solid #D7EAF9;
    position: absolute;
    z-index: 10;
    padding: 5px;
    display: none;
    border: 1px solid #0095C6;
}

.x {
    display: block;
    float: left;
    width: 220px;
    margin: 0 10px;
}

.x1 {
    background: transparent url(1x2.gif) 0 0 no-repeat;
    height: 100px;
    border: 1px solid #aaa;
    width: 180px;
}

.x2 {
    background: transparent url(2x2.gif) 0 0 no-repeat;
    height: 100px;
    border: 1px solid #aaa;
    width: 180px;
}

.x3 {
    background: transparent url(5x2.gif) 0 0 no-repeat;
    height: 100px;
    border: 1px solid #aaa;
    width: 180px;
}

div.gs, div.ps, div.otherps{
    width: 200px;
    height: 150px;
    background: #fff url(example.gif) center center no-repeat;
    border: 1px solid #999;
    border-radius: 5px;
}

div.waterText {
    height: 18px;
    line-height: 18px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #eee;
    color: #bbb;
    width: 50px;
    text-align: center;
    position: absolute;
    z-index: 5;
    display: none;
}

#closedown {
    background: #fff url(close-downloads.png) center center no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right
}

#imagePre {
    float: left;
}

span.move {
    height: 23px;
    width: 23px;
    background: transparent url(Move.gif) 0 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

#listTag, #listTag li {
    margin: 1px;
    padding: 0;
    list-style-type: none;
}

#listTag li {
    background-color: #d7eaf9;
    border: 0;
    padding: 0 5px;
}

#dataTable tr.placeholder td ,#dataTable1 tr.placeholder td ,#dataTable2 tr.placeholder td {
    background-color: #ff9900;
    height: 10px;
    line-height: 10px;
}

#normalBg {
    background-color: rgba(255, 255, 255, 1.55);
    padding:20px 40px;
	margin:30px;
}

.myQuick {
    float: left;
    display: block;
    height: 120px;
    line-height: 20px;
    width:48%;
    margin: 5px;
    padding: 20px 20px 20px 90px;
    border: 1px solid #B9CDD5;
    background: transparent url(iDefault.gif) 8px 8px no-repeat;
    cursor: pointer;
    border-radius: 5px;
}

.groups64 {
    background: transparent url(groups.64.png) 10px 10px no-repeat;
}

.products64 {
    background: transparent url(products.64.png) 10px 10px no-repeat;
}

.pdf64 {
    background: transparent url(PDF.64.png) 10px 10px no-repeat;
}

.news64 {
    background: transparent url(news.64.png) 10px 10px no-repeat;
}

.profile64 {
    background: transparent url(profiles.64.png) 10px 10px no-repeat;
}

.contact64 {
    background: transparent url(contact.64.png) 10px 10px no-repeat;
}

.myQuick strong {
}

.gray {
    color: #999
}

.pbox {
    padding: 10px 20px;
    line-height: 20px;
}

dl dd.active {
    background-color: #1c4870;
    color: #fff
}

dl dd.active a, dl dd.active a:link, dl dd.active a:visited {
    color: #33ccff; 
}

dl dd:hover {
    color: #000;
	border-left:#33ccff solid 2px;
	background-color:#1c4870;;
}

dl dd:hover a, dl dd:hover a:link, dl dd:hover a:visited {
        color: #33ccff;
		text-decoration:none;
		


  
}

a.white, a:link.white, a:visited.white {
    font-weight: 600;
    display: inline-block;
    color: #7891ad;
    padding: 5px;
}

#notebg {
    display: block;
    width: 160px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    background: transparent url(notebg.gif) 0 0 no-repeat;
    position: relative;
    right: 25px;
}

.editable {
    cursor: pointer;
}

.editable:hover {
    color: #900;
    font-weight: bold;
}

/* iupload pic */
ul#iupload_pic {
    display: inline-block;
    float: left;
    margin: 10px 5px;
}

ul#iupload_pic li {
    display: inline-block;
    zoom: 1;
    margin: 5px;
    border: 1px solid #C4D3E5;
    box-shadow: 1px 1px 2px #333333
}

ul#iupload_pic li span {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    background: transparent url(close2.gif) 0 0 no-repeat;
    left: 90%;
    bottom: 90%;
    z-index: 9;
    cursor: pointer;
}

#iupload_preview {
    background-color: #fff;
    border: 1px dotted #C4D3E5;
}

.cart, .scart {
    background: transparent url(down.png) center center no-repeat;
    width: 9px;
    height: 9px;
    display: inline-block
}

.scart {
    background-image: url(sdown.png);
}

#language {
    display: inline-block;
    color: #cedbe1;
    padding: 5px;
}

#language ul {
    margin: 0;
    padding: 0;
    width: 270px;
    display: block;
    position: relative;
    z-index: 11;
}

#importLayer {
    z-index: 101;
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 1px 1px 6px #333;
}

#importLayer ul {
    margin: 0;
    padding: 5px;
    width: 350px
}

#importLayer ul li {
    display: inline-block;
    width: 150px;
    height: 30px;
    line-height: 30px;
}

#importLayer ul li input {
    width: auto;
}

#language ul li {
    margin: 2px 5px;
    padding: 0;
    width: 120px;
    float: left;
    height: 25px;
    line-height: 25px;
    display: block
}

#language ul li a, #language ul li a:link, #language ul li a:visited {
}

#langlist {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 5px 6px;
    box-shadow: 1px 1px 5px #333;
    z-index: 11;
    border-radius: 0 0 10px 10px
}

span.import {
    height: 10px;
    width: 20px;
    background: transparent url(import.gif) center center;
    display: inline-block
}

#productList {
    position: absolute;
    z-index: 1000;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 2px 3px 5px #666666;
}

#productList ul {
    margin: 0;
    padding: 0 15px 5px 15px;
}

#productList ul li {
    margin: 0;
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px dotted #333;
    text-shadow: 1px 1px 1px #999
}

#quicklist {
    z-index: 10002;
    position: absolute;
}

#productList .close {
    text-decoration: none;
    text-shadow: 1px 1px 1px #333;
    padding: 3px 8px
}

#productList a.close:hover {
    color: #f00;
    text-shadow: 0px 0px 3px #900;
}

#productList hr {
    border-style: dotted;
    border-width: 1px 0 0 0
}

#filter {
    padding: 8px 8px 0 15px;
}

#wraperHeaderInner {
    margin: 0;
    /*background-color: #0066cc;*/
}

#tags_tags input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
    background-image: none;
}

#baseForm
#baseForm textarea {
    height: 125px;
}

#baseForm input:focus, #baseForm textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

/*
#baseForm input[type="checkbox"] {
    vertical-align:text-top;
}
*/
.tips {
    color: #bbb;
    line-height: 12px;
    position: relative;
	padding-top:10px;
    margin-bottom: 5px
}

#tags_tagsinput {
    padding: 8px;
}

#tags_tagsinput input {
    padding: 2px 3px;
}

#tags_tagsinput input:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(82, 168, 236, 0.6);
}

.tags {
    background: transparent url(tags.png) 0 2px no-repeat;
    height: 20px;
    line-height: 20px;
    padding-left: 38px;
    color: #999
}

.delete {
    background: transparent url(delete.png) 0 0 no-repeat;
    height: 20px;
    line-height: 20px;
    margin-right: 22px;
    color: #999;
    cursor: pointer
}

#baseForm input.sinput130 {
    background-image: none;
    width: 110px;
}

#baseForm label strong {
    color: #0080C0;
    letter-spacing: 1px;
}

#dataTable ,#dataTable1 ,#dataTable2 {
    width: 100%;
}

.banner-setting {
    clear: left;
    padding: 2px;
    min-height: 90px
}

#wraperRight .banner-setting ul {
    margin: 0;
    padding: 0;
}

#wraperRight .banner-setting li {
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
}

.banner-setting li img {
    width: 100%;
    overflow: hidden;
	padding-bottom:10px;
}

.banner-setting li a, .banner-setting li a:link, .banner-setting li a:visited {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}

.banner-setting li a:hover {
    color: #fff;
    font-weight: 600;

}

.banner-setting li button {
    position: absolute;
    top: 10px;
    right: 10px;
}

.banner-setting li .link_button {
    position: relative;
    left: 10px;
    top: 0
}

.banner-setting li.add {
    text-align: center;
    display: table-cell;
}

.banner-setting li.add button {
    margin: 5px auto;
}

.banner-setting .clear {
    font-size: 1px;
    line-height: 1px;
}

#baseForm input.sinput50 {
    background-image: none;
    margin: 0;
}

.closeSpan {
    color: #FF0000;
    font-weight: 600;
    z-index: 100;
    cursor: pointer;
    color: #FF0000;
    float: right
}

#droptags ul {
    margin: 0;
    padding: 0;
}

#droptags ul li {
    float: left;
    width: 98%;
    color: #0080C0;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: url("td_bg.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0)
}

#droptags ul li input[type="checkbox"] {
    vertical-align: middle;
    margin-bottom: 10px;
}

#droptags ul li label {
    float: none;
    font-weight: 200;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

#dropapp ul {
    margin: 0;
    padding: 0;
}

#dropapp ul li {
    /*float: left;*/
    /*width: 48%;*/
    color: #0080C0;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: url("td_bg.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0)
}

#dropapp ul li input[type="checkbox"] {
    vertical-align: middle;
    margin-bottom: 10px;
}

#dropapp ul li label {
    float: none;
    font-weight: 200;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
#droptags .not-find,#droptags .add-tag-btn{
    background: url("td_bg.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}
#droptags .add-tag-btn{
    cursor: pointer;
}

filedset {
    padding: 5px 10px;
    display: block;
    border: 1px dotted #b8dde6;
    margin-top: 20px;
    margin-bottom: 20px
}

legend {
    font-weight: 600;
    color: #00699B;
    display: inline;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 8px;
    margin-top: -25px;
    background: #fff;
}

.grayBox {
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    background-color: #fcfcfc;
    margin: 0 10px
}

.transparent {
    background: url(transparent.png) 0 0 repeat
}

#imageLogo,#imagebLogo, #imageCommon {
    overflow: hidden;
    position: relative;
    min-height: 50px;
}

#imageCommon img {
    width: 100%
}

#imageLogo button,#imagebLogo button, #delCommonButton {
    top: 10px;
    right: 10px;
    z-index: 10;
    position: absolute
}

.dropDiv {
    position: absolute;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ccc;
    box-shadow: 0 0 1px #ccc;
    width: 90px;
    background-color: #fff;
    display: none;
}

.dropDiv ul li {
    min-height: 15px;
    line-height: 15px;
    border-bottom: 1px dotted #ccc
}

.dropDiv ul li a, .dropDiv ul li a:link, .dropDiv ul li a:visited {
    display: block;
    text-decoration: none;
}

.dropDiv ul li a:hover {
    background-color: #ececec
}

fieldset.opbox {
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #eeeeee;
    padding: 10px;
    margin: 10px
}

fieldset.opbox legend {
    margin: 0;
}

/* ********************************** */

body {
    background: #eee;
}

#normalBg {
    min-height: 500px
}

.leftBox {
    
}

.leftBox dt {
}

.leftBox dd {border-bottom:1px solid #0c1e2f;
border-top:1px solid #102e4a;
}

ul#HeaderNav li {
    position: relative;
}

ul#HeaderNav li a, ul#HeaderNav li a:link, ul#HeaderNav li a:visited {
    color: #dce6e9;
    background-color: #02182a;
    background-color: #6796ae\0/IE8-9;
}

ul#HeaderNav li.active a, ul#HeaderNav li.active a:link, ul#HeaderNav li.active a:visited, ul#HeaderNav li a.active:hover {
    background-color:#f4f4f4;
	color:#09a8e2;
    transition: border 0.5s linear 0s, box-shadow 1s linear 0s;
}

ul#HeaderNav li .nav-icon{
    display: block;
    width: 2em;
    margin:0 auto;
}

.figure {
    background-color: #fefefe;
    border: 1px solid #ccc;
    margin: 0 5px;
}

.figure .title {
    text-align: center;
    font-weight: 600;
    background-color: #fafafa;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
}

.figure .content {
    height: 150px;
}

.figure select {
    border: 0;
    margin: 3px;
    background-color: transparent;
}

.figure .title .show {
    width: 30px;
    line-height: 20px;
    margin: 0;
    float: left
}
/** div弹出层 **/
.closed {
    background-color: red;
    border-radius: 15px;
    float: right;
    height: 30px;
    line-height: 31px;
    text-align: center;
    width: 30px;
}

.closed a {
    color: #fff;
    text-decoration: none
}

.custom_t {
    height: 35px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 10px
}

.custom_t input {
    height: 20px;
    width: 200px;
    margin-left: 10px
}

.editor1 #edui145_iframeholder {
    width: 200px
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 125%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=88);
}

.white_content {
    display: none;
    position: absolute;
    top: 35%;
    left: 25%;
    width: 55%;
    height: 60%;
    padding: 20px;
    border: 5px solid #05a9c5;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
/* 
i.home {
    background: transparent url(ishome.png) 0 0 no-repeat;
    display: inline;
    display: inline-block;
    zoom: 1;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer
}

i.new {
    background: transparent url(isnew.png) 0 0 no-repeat;
    display: inline;
    display: inline-block;
    zoom: 1;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer
}
 */
i.enable {
    color: #D9534F;
	padding:0 4px
}

i.disabled {
    color: #B2ADAD;
	padding:0 4px
}

#wraperRight ul.userlist {
    padding: 0;
    margin: 10px 0
}

.addUser {
    background: #fafafa url(addUser.png) center center no-repeat;
    width: 80px;
    height: 80px;
    display: block;
    line-height: 80px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px
}

.addUser:hover {
    background-color: #a0a0a0
}

#wraperRight ul li.staff {
    background: #fafafa url(staff.png) center center no-repeat;
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0;
    margin: 5px;
    position: relative
}

.layout_row {
    height: 150px;
    background: transparent url(admin/row_2.png) center center no-repeat;
    background-size: 95%;
}

.row_2 {
    background-image: url(admin/row_2.png);
}

.row_3 {
    background-image: url(admin/row_3.png);
}

.row_4 {
    background-image: url(admin/row_4.png);
}

.left_layout {
    background-image: url(admin/left_layout.gif);
    background-size: 150px 150px;
}

.full_layout {
    background-image: url(admin/full_layout.gif);
    background-size: 150px 150px;
}

.right_layout {
    background-image: url(admin/right_layout.gif);
    background-size: 150px 150px;
}

.auto_column {
    background-image: url(admin/auto_column.gif);
    background-size: 150px 150px;
}

.one_column {
    background-image: url(admin/one_column.gif);
    background-size: 150px 150px;
}

.two_column {
    background-image: url(admin/two_column.gif);
    background-size: 150px 150px;
}

.three_column {
    background-image: url(admin/three_column.gif);
    background-size: 150px 150px;
}

.four_column {
    background-image: url(admin/four_column.gif);
    background-size: 150px 150px;
}

.uploadify-button {
    background: transparent url(admin/addpdf.png) center center no-repeat;
    height: 48px
}

.pdf_list {
    background: transparent url(admin/pdf.png) center center no-repeat;
    height: 100px
}

#clearsitemap {
    display: block;
    line-height: 27px;
    text-align: center;
    cursor: pointer
}

.sns {
    display: inline;
    display: inline-block;
    *zoom: 1;
}

#wraperRight .sns li {
    float: left;
    display: inline;
    margin: 0 10px;
    padding: 0
}

.sns a {
    font-weight: 600
}

.sns i {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    display: inline;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0 5px;
    *zoom: 1
}

.google {
    background-image: url(sns/google.png)
}

.twitter {
    background-image: url(sns/twitter.png)
}

.facebook {
    background-image: url(sns/facebook.png)
}

.linkedin {
    background-image: url(sns/linkedin.png)
}

.digg {
    background-image: url(sns/digg.png)
}

.skype {
    background-image: url(sns/skype.png)
}

#baseForm #groupname .ab {
    width: 100px;
    float: none
}

#baseForm #aboutus,#baseForm #others {
    margin-bottom: 5px
}

#album_list li {
    border-bottom: 1px dotted;
    line-height: 30px;
    width: 180px;
    float: left
}

#wraperRight #pic_list li {
    border: 1px solid #333;
    float: left;
    height: 100px;
    margin: 5px;
    padding: 7px;
    width: 130px;
}

#wraperRight #pic_list li img {
    width: 100%;
    max-height: 95%;
    height: 95%
}

#wraperRight #pic_list li .closed {
    background: transparent url("close2.gif") no-repeat scroll 0 0;
    bottom: 90%;
    cursor: pointer;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    z-index: 9;
    right: -7px;
    top: -104%
}

#wraperRight #applist li {
    float: left;
    width: 23%;
    height: 30px;
    line-height: 30px;
    background: #f1f8fc;
    border: 1px solid #e6f2f8;
    color: #fff;
    padding: 2px;
    margin-left: 5px;
    border-radius: 3px;
    text-align: center;
    margin-top: 10px
}

#wraperRight #applist li .delapp {
    display: inline-block;
    float: right;
    padding: 2px 4px;
    margin-top: 5px;
    margin-right: 5px
}

#baseForm .vcenter {
    margin-bottom: 3px
}

#album_list .del {
    display: inline-block;
    cursor: pointer;
    float: right;
    margin-right: 30px
}

#baseForm #addoption input {
    width: 150px
}

#help {
    width: 172px;
    height: 100px;
    line-height: 55px;
    position: fixed;
    right: 20px;
    top: 100px;
    background: #fff;
    border-radius: 7px;
    padding: 5px;
    border-bottom: 6px solid #da8c10;
    border-top: 3px solid #f39c12;
    border-left: 3px solid #f39c12;
    border-right: 3px solid #f39c12
}

#help strong {
    text-align: center;
}

#help ul {
    padding: 0;
    margin: 0
}

#baseForm #updateapp {
    height: 30px;
    background-color: #2d9cec;
    color: #fff;
    width: 200px;
    border: 1px solid #696969;
    text-shadow: 0 1px 0 #333;
    margin-top: 30px
}

#baseForm #updatetag {
    height: 30px
}


.taglist .button {
    padding: 1px;
    cursor: pointer;
    float: right;
    margin-right: 5px
}

#wraperRight .taglist li {
    width: 24%;
    float: left;
    border: 1px solid #0e9bc6;
    border-radius: 2px;
    margin-left: 5px;
    text-align: center;
    margin-top: 5px
}

.search ul li {
    width: 25%;
    float: left
}

.search ul .date input {
    width: 100px
}

.upimage li {
    float: left
}

#feedlist tr:nth-child(2n+1) td {
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
}

#feedlist tr {
    background-color: #fff;
}

#feedlist th {
    background-color: #f3f8fb;
    border-bottom: 1px solid #e6f2f8;
	border-top: 1px solid #e6f2f8;
	text-align:center;
}

.rel_name {
    visibility: hidden
}

.showPic #imagePre img {
    width: 100%
}

/*表格样式*/
table tr.necessary{

}
table tr.important{

}
table tr.necessary:hover,tr.important:hover,tr.normal:hover{
    background-color: rgb(255,178,229);
}

b.drop-icon{
    cursor: pointer;
}

#activeIcon { 
    position:absolute; 
    right:-3%; 
    top:40%;
    color:#f4f4f4;
}
.showhidden bootstrap-switch bootstrap-switch-mini { border-radius:25px;border:1px solid #ccc}
#tabs ul li{
    padding:0px;
}
#dialog-modal ul{
    padding-left: 4px;
    margin-bottom: 0px;
}
#dialog-modal ul li{
    cursor: pointer;
}
#dialog-modal ul li.enabled{
    color: white;
    background-color: #0079F7;
}
#dialog-modal ul li.disabled{
    cursor: not-allowed;
}
#dialog-modal ul li:not(.disabled):hover{
    background-color: #00E0F7;
}

#dialog-modal table{
    color: #0070B5;
    height: 90vh;
    overflow-y: scroll;
}
#dialog-modal table tr.app-pic td{
    border: 0px;
}
#dialog-modal table tr.relative-products{
    border-bottom: 3px solid #E0EEF7;
}
#dialog-modal table tr.relative-products th{
    border-top: 1px dashed #E0EEF7;
}
#dialog-modal table tr:not(.relative-products) td{
    text-indent: 5px;
}
#dialog-modal table tr:not(.relative-products):hover{
    background-color: #E0EEF7;
}