
li{list-style-type:none} ol li{list-style-type:decimal}
.blue{color:#0000ff}
.blue2{color:#0099FF}
p{padding:12px;}
p.plr0{ padding:12px 0 }
td,p{line-height:20px;}


 a.green{text-decoration:underline; color:green}
a.green:hover{text-decoration:underline;color:blue }

.icon{background:url(img/icon.png) no-repeat ;width: 30px; height: 30px;  }
 .logo img{max-height: 50px}
 .logo-icon img{max-height: 50px;max-width: 52px}

 .nodejsdoselect span{display: inline-block; border-radius:5px;border:1px solid #ccc;padding:3px 8px}

.c0{overflow:hidden;clear:both;height:0px;}
.c{overflow:hidden;clear:both}
.c3{height:3px;overflow:hidden;clear:both}
.c1{height:1px;overflow:hidden;clear:both}
.c5{height:5px;overflow:hidden;clear:both}
.c15{height:15px;overflow:hidden;clear:both}
.c10{height:10px;overflow:hidden;clear:both}
.c20{height:20px;overflow:hidden;clear:both}
.pad8{padding:8px; }.pad8lr{padding:0 8px; }.pad15{padding:8px; }.pad8lt{padding:8px 0 0 8px; }

.p10{padding:10px}.p20{padding:20px}.p50{padding:50px}.p100{padding:100px}.p150{padding:150px}.p200{padding:200px}
.m10{marign:10px}.m20{margin:20px}.m50{marign:50px}.m100{margin:100px}

.pl10{padding-left:10px}.pr10{padding-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}
.pr20{padding-left:20px}.pr20{padding-right:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}
.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}
.ptb10{padding:10px 0; }.ptb20{padding:20px 0; }

.ml10{margin-left:10px}.mr10{margin-right:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}
.ml20{margin-left:20px}.mr20{margin-right:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}
.mt30{margin-top: 30px}.mb30{margin-bottom: 30px}.mt50{margin-top: 50px}.mb50{margin-bottom: 50px}
.mtb10{margin:10px 0; }.mtb20{margin:20px 0; }
.mauto{margin-left:auto;margin-right: auto;}
.maxheight{max-height:420px;clear:both; overflow:hidden; }
.maxheight250{max-height:250px;clear:both; overflow:hidden; }
.maxheight350{max-height:350px;clear:both; overflow:hidden; }
.iconimg .fa, .iconimg .fasize{font-size:10em;margin-top:10px}/*default have iconimg class*/
.fasize5 .fa,.iconimg .fasize5{font-size:5em;margin-top:10px}

.blank{height:0px;overflow:hidden;clear:both}
.blank5{height:5px;overflow:hidden;clear:both}
.blank10{height:10px;overflow:hidden;clear:both}

.f14b{font-size:14px;font-weight:bold;}.fb{font-weight:bold;}
.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}

.pa20{padding:20px}
.pa20tb{padding:20px 0}.pa20t{padding-top:20px}.pa20b{padding-bottom:20px}
.pa20lr{padding:0 20px}.pa20l{padding-left:20px}.pa20r{padding-right:20px}

.pa10{padding:10px} /*pa10 has use,avoid it,so need new class*/
.pa10tb{padding:10px 0}.pa10t{padding-top:10px}.pa10b{padding-bottom:10px}
.pa10lr{padding:0 10px}.pa10l{padding-left:10px}.pa10r{padding-right:10px}
input{border:1px solid #ccc;padding:3px;outline: 0}


.del {	COLOR: #404040; TEXT-DECORATION: line-through}
.nodejsdoselect{padding: 10px}
.nodejsdoselect span{display: inline-block;margin-right: 10px;cursor: pointer;}

select,textarea{border:1px solid #996699;padding:3px}
td.lh{line-height:22px; }
b,i,em{display:inline-block;font-style:normal;font-weight:normal; }
a b, a i {    cursor: pointer;}
em{color:red}
.dn,.mobshow{display:none; }
strong,strong b,strong i,.fb{font-weight:bold;}
.db{display:block;}.di{display:inline; }


a.red{color:#ff0000;text-decoration:underline;}
a.red:hover{color:#ff0000;text-decoration:underline;}
a.tdn,a.tdn:hover{text-decoration:none; }

.cblue{color:#0000ff}.cred{color:#ff0000}.cgreen{color:green}.cblue2{color:#138caa}
.cgray{color:#999}.cyel{color:#FF6634}

 a.titletolist{font-size:14px;font-weight:bold;}
 a.titletolist2{font-size:14px;color:#000;font-weight:normal;}

.tc{text-align:center; }.tl{text-align:left; } .tr{text-align:right; } .cp{cursor: pointer;}
.fl{float:left;display:inline;  }.fr{float:right;display:inline;  }
.poa{position:absolute}.por{position:relative}
.tr_hide{color:#999;background-color:#ddd; }
.tr_hide .albumadm{background:#ddd; }
.tr_hide a{color:#555}
.loading {background: url(img/loading.gif) center center no-repeat;}
.translateing{ text-align: center;width: 130px;padding-top:80px;display: none; }

.hintbox{background:url(img/hint.png) 0 10px no-repeat ;padding:10px 5px 5px 20px !important;line-height:20px;color:#FC8003;}

.f14bgred,.box_hint{font-size:14px;background:red;color:#fff }
.f14bgred .cred,.box_hint .cred,.f14bgred .cgray,.box_hint .cgray{color:blue}

.nav-tabs{ margin:10px auto;}
.imgyt{padding:5px;text-align:left;background: #eee}
.imgyt a{text-align: center;display: inline-block}
.tc .imgyt{text-align:center;}

 
  .strongtext { font-weight: 500;
    display: inline-block;padding:5px 10px;background: #3f85b9;
    color:#fff } 

 

/*column*/
.adminclear .admincolinc{border:1px solid #999; padding:10px; text-align:center;  }
.admincol{padding:10px;}
.admincol .admincolinc{height:210px;border:1px dashed #ccc;padding:10px; }
.col_1f6{width: 16.66%; }.col_5f6{width: 83.33%; }
.col_1f5{width: 20%; }.col_2f5{width: 40%; }.col_3f5{width: 60%; }.col_4f5{width: 80%; }
.col_1f4{width: 25%; }.col_3f4{width: 75%; }
.col_1f3{width: 33.33%; }.col_2f3{width: 66.66%; }
.colhalf{width: 50%; }
.colfull{width: 100%; }



.blocknav .active{background:red;color:#fff}
.blocknav  a{display:inline-block;margin:4px;padding:0 3px;text-decoration: none;border:1px solid #ccc;border-radius: 5px}
.blocknav span.num{color:red}
.blocknav .active span.num{color:blue}

.blocknav .border_dh{ border: 1px solid blue;}
.blocknav .border_node{ border: 1px solid green;background: #bff8ce;}
.blocknav .border_video{ border: 1px solid green;background: #bff8ce;}
.blocknav .border_slider{ border: 1px solid green;background: #bff8ce;}
.blocknav .border_footer{ border: 1px solid green;background: #bff8ce;}
.blocknav .border_effect{ border: 1px solid #80b8ef;background: #cadef2;}
.blocknav .border_node.active,.blocknav .border_effect.active,.blocknav .border_slider.active
,.blocknav .border_footer.active,.blocknav .border_video.active
{background: red;color: #fff}

/*img bg css*/
a.imgbg_blue,a.imgbg_yell{height: 26px; line-height:26px;display:inline-block;text-decoration:none;color:#fff }
.menutab a:hover,a:hover.imgbg_blue,a:hover.imgbg_yell{text-decoration:none; color:#fff}

a.imgbg_blue span,a.imgbg_yell span{display:inline-block;cursor:pointer;padding:0 6px;/*padding-right:6px;*/}

/*---menutab---*/
.menutab {border-bottom:3px solid #2480C4;margin:20px 0 10px 0;overflow:hidden; clear:both; }
.menutab a{height: 26px; line-height:26px;margin-left:10px;display:inline-block;text-decoration:none;color:#fff;margin-top:3px}
.menutab a span{display:inline-block;cursor:pointer;padding:0 6px;/*padding-right:6px;*/ }

.menutab a span{background:#accff1;color:#2480C4;border-radius: 3px 3px 0 0;}
.menutab a span.other{color:blue}
.menutab a.active span{background:#2480C4; color: #fff}
.menutab a:hover span{background:#2480C4; color: #fff}

 .tab{height: 22px;border-bottom:2px solid #002866;margin-bottom:10px  }
.tab span{display:inline-block;color:#bbb;background:#6986C2;height: 20px;line-height:20px;float:left; display:inline; margin-right:10px;cursor:pointer;padding:2px 5px;font-size:12px; }
.tab span.cur{background:#002866; color:#fff}


  /*---btn------*/
.mysubmit{padding:0 30px;height: 35px;line-height:35px; font-size:16px; background:#369add;color:#fff;text-align:center; cursor:pointer;border:0;border-radius: 6px;display:inline-block;}
.mysubmit:hover{background:#1286d3}
.mysubmitbig{padding:0 50px;height: 42px;line-height:42px; font-size:18px;  }
.mysubmitsm{padding:0 20px;height: 30px;line-height:30px; font-size:14px;  }

a.but1,a.but2,a.but3,a.but4{min-width:60px;height: 20px;line-height:20px; text-align:center; color:#fff;margin-bottom:5px;margin-right:3px;border-radius: 6px;display:inline-block;text-decoration:none;padding:0 3px;font-size:12px;}
a.but1:hover,a.but2:hover,a.but3:hover,a.but4:hover{text-decoration:none; color:#fff}
a.but1{background:#0066CA}a.but1:hover{background:#023D77;}
a.but2,.delbg{background:#FF9935} a.but2:hover,.delbg:hover{background:#FF8102;}
a.but3{background:#CE9E0E}a.but3:hover{background:#755A09;}
a.but4{background:#31bfc9}a.but4:hover{background:#2f9198;}

a.butbig {height: 50px;line-height: 50px;padding:0px 10px;font-size: 16px}

 /*----content---*/
.content p,.content td{padding:0;margin:0;font-size:12px;  }
 .contenttop{height: 35px;   }
 .boxheader h3{font-size:16px;margin:10px 0 10px 10px}
 .box .trheader{background:#fff}
 .redbgcur{ color:#fff;background:red;padding:3px;}

 select.form-control{width: 30%; }
 .contentleft{margin-bottom:20px}

.boxcontent li{padding:10px;border-bottom:1px solid #ddd;  }
.boxcontent li a.active{background:red;color:#fff }


/*table*/
table.formtab{border:1px;width: 100%; margin-bottom:11px;border-collapse: collapse;}
table.formtab td{padding:5px;border:1px solid #ccc}
tr.tableheader{  font-weight:bold;background:#eeefff }

.trbg{background:#4D91D5;text-align:center;color:#fff  }
.inputclear{height: 5px;clear:both;  }
.inputhengdivi{display:inline-block;width:20px}

.formtitle{background:#B3C0E0;  }
.searchform label{cursor:pointer}.searchform label.cur{ font-weight:bold;color:#ff0000}


/*styleeditlink*/
.styleeditlink2{background:#cce0f5; height: 30px; padding:10px;margin-bottom:10px}
.styleeditlink a{display:inline-block;background:#ccc;height: 22px;line-height:22px;width: 80px;margin-bottom:5px;margin-right:5px;border-radius:5px;text-align:center; background:#65acf1;color:#333;text-decoration:none;      }
.styleeditlink a:hover{background:#97c0e7; }
.styleeditlink a.a2{background:#3e6b98;color:#bdd4eb}

.stylegrid li{float:left; display:inline; width: 240px;height: 380px; padding:10px 0; text-align:center; border:1px solid #ccc;margin:10px  }
.stylegrid h3{font-size:14px;padding:5px 2px; height: 40px;overflow:hidden; margin:5px 0;  }
.stylegrid li.cur{background:#f5e8a8; }

.mblist li{position:relative;overflow:hidden;   border-bottom:1px solid #ccc; padding:5px 0 ;float:left; width:16%;height: 320px;margin:10px 2%;text-align:center;  }
.mblist li:hover{background:#DDE7FF;}
 .mblist li .title,.mblist li .notdir{height: 20px;line-height:20px;overflow:hidden; clear:both;   }
 .mblist  p {padding:0;margin:0;}
.mblist li  img{width: 190px;height: 150px;  }
 

.nodelistgird li{float:left; display:inline; width: 210px;height: 265px; padding:10px; text-align:center; border:1px solid #ccc;margin:10px 10px 15px 10px }
.nodelistgird li.cur{background:#f5e8a8; }
.gridimghover li img{border:1px solid #fff;}
.gridimghover li img:hover,.stylegrid li img:hover{border:1px solid #5FD2F4;}

/*-------other---*/
.csubheaderlist a.cur{color:red}
table.formtab .inputcss{height:30px;font-size:15px;border:1px solid #33B9F6;padding:0 5px;font-weight: bold;}
table.formtab .inputstyle{height:25px;font-size:15px;border:1px solid #D9691E;padding:0 5px;}
table.formtab br{height: 2px;clear:both;  }
ul.ullist li{padding:5px 10px;background: url(img/dotdot3.gif) 0px 7px no-repeat}
.nodekvsm img{height: 100px;padding-right: 5px}
.cirbtn{font-size:15px;font-weight:bold;background:#6B9DFF;border-radius:10px;padding:3px;color:#fff  }
.editmenuother_cnt{margin-bottom:20px;border:2px solid #2480C4;border-radius:10px;display:none;  }
.hovertr{background:#DDE7FF; }
.contactlist{padding:10px 0;border-bottom: 1px solid #ccc}
.contactlist p{padding:0;margin:0;color:#666;}

table.formtab td.sidebarsubtitle{padding:0;border-bottom:1px solid #0066CA;}

h3.sidebartitle,a.sidebartitle { font-size:14px;padding:10px;display:block;background:#4D91D5;color:#fff;font-weight:bold;margin-bottom:10px }
a.sidebartitle{text-decoration:underline; }
a.sidebartitle:hover { background:#4a75a1; }

.content p.p10{padding:10px; }

/*albumadm*/
ul.albumadm{height: 270px;width: 150px;float:left; border:1px solid #ccc; margin:3px ;text-align:center;overflow:hidden; padding:0;margin-right:10px;}
/*ul.albumadm li.img img{width: 100px;height: 100px;  }*/
ul.albumadm li.img{height: 100px; }
ul.albumadm li.imgsm{height: 100px; }
ul.albumadm li.title{width: 100%;height: 20px; line-height: 20px;overflow:hidden  }
ul.albumadm li{padding:3px 0;text-align:center;font-size:12px; }
.hidden{background:#eee; }
.albumadm .imgyt{ text-align: center; }

/*ulimgfj*/
.ulimgfj{position:relative; float:left;width:160px;height:200px;margin:8px;border:1px solid #9BACD7;padding:8px}
 
.ulmusicaddr{ height: 195px;  }
 .ulmusicaddr .kvlink{width: 100%; height: 40px;overflow:hidden;  }

 /*blocklist*/
.blocklist h3,.sidebartitle{margin:0;background:#4D91D5;color:#fff;padding:10px;font-size:14px;font-weight:bold;  }
.blocklist h3 a,.sidebartitle a,.sidebartitle span{ color:#fff !important;font-weight:normal;font-size:14px;font-weight:bold; }
.sidebartitle  div{ color:#fff !important; }
.sidebartitle a:hover{color:#e2e2e2}
/*popup*/
.bgmask{z-index:9996;display:none; position: absolute;left:0;top:0; background:#000; width: 100%; height: 100%;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.popcontent{position:absolute; display:none;z-index:9998;border:1px solid #ccc;box-shadow:0 0 2px #333;padding:10px;background:#fff }
.popcontentneed{width: 98%;height: 90%;}
.popcontentconfirm{ min-width: 500px;height:300px;padding:0}
.popcontentconfirm .h3hd{display:block;padding-left:10px;height: 40px;line-height:40px;  background:#2176BE;color:#fff;text-align:center; font-size:18px; }
.popcontentconfirm p{padding:20px 10px;font-size:16px;text-align:center;font-weight:bold;  }
.popcontentconfirm .cancel{text-align:center; height: 20px; }
.popcontentconfirm .link{display:block;height: 50px;text-align:center; margin-top:30px }


.popcontentinc{width: 100%; height: 100%; }
.popclose{position:absolute; right:0px;top:0px;width: 28px; height: 28px;background:url(img/close.jpg) no-repeat;
	z-index:9998;cursor:pointer; text-indent:-9999px }

.popcontentconfirm .popclose{top:8px;right:5px }

 /*****pageroll***************************************/
.pageroll{margin:10px 0;clear: both;height: 50px;line-height:50px; text-align:center;   }
.pageroll a,.pageroll span{ margin-left:6px;padding:6px 12px;font-size:12px;border:1px solid #ddd;background:#e2e2e2;color:#39A7DF;}
.pageroll span{color:#666}
.pageroll a.cur,.pageroll a:hover{color:#fff;background:#39A7DF}

/*lang*/
.langimg{margin:5px 10px 0 0}
.langimginc{position:absolute; top:30px;left:0;z-index:1005;border: 1px solid #ccc;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px;}
.langimginc a{display:block;padding:2px;background:#fff;  }
.langimg img{height: 16px; }

.nodeeditrgtop{position:absolute; top:5px;right:5px}

/*---override adminlte----*/
 .nav-tabs a,.box a{text-decoration:none; }
body,.wrapper{overflow-x:auto}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer{background:#306499; }
.content-header{padding-top:0}
.content-header > .breadcrumb{float:none;position:relative;top:0 }
.content-header > .breadcrumb > li > a{text-decoration:underline;color:#3C8DBC}
.content-header h1{border-bottom:1px solid #ccc;padding:5px 0;font-size:22px; }

/*--override simditor-*/
.simditor .simditor-toolbar > ul > li > .toolbar-item span.simditor-icon{position:absolute; top:10px}
.simditor-body img{max-width:100%;height: auto; }

/*layout*/
.layoutheader{padding:0px 0px 5px 0 ;line-height:25px;border-bottom:1px solid #ccc;margin-bottom:10px   }
.layoutheader .stylename{font-size:12px;font-weight:normal;background:#EEEEEE;padding:3px;margin-bottom:5px; }
.layoutsidebar {line-height:20px; }
.layoutsidebar li{padding-bottom:5px; }
.layoutsidebar ul ul li{padding-left:15px}
.sidebarnew li{padding:5px 2px;margin-bottom: 5px;border-bottom: 1px solid #ccc}
.sidebarnew p{padding: 5px 3px;margin: 0}
.sidebarnew p.active{background: red;color:#fff;}
.sidebarnew p.active a{color:#fff;} 
 
.sidebarnew li.active{ background:red;color:#fff;  }
.sidebarnew li.active a{ color:#fff;   }
.sidebarnew li a.active { background:red;color:#fff;  padding:3px}
.sidebarnew li.active .relname{color:#fff !important;}

/*-----------------responsive-----------------*/
@media (max-width: 979px) {

}

@media (max-width: 650px) {

 .main-footer .pull-right{display:block;width: 100%; }
select.form-control{width: 90%; }
.nav>li>a{padding:5px}
.nodeeditrgtop{width: 100%;position:relative; padding-bottom:10px }
.content-header h1{font-size:18px;}
.mobhide{display:none; }.mobshow{display:block; }

 .skin-blue .wrapper {background:#ECF0F5; }
 .skin-blue .main-header .navbar .dropdown-menu li a{background:#eee;color:#333 }

 .maxwidthimg img{max-width:100%}

/*column -*/
.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{width: 100%; }



}/*end media*/


@media (max-width:480px) {
.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{width: 100%; }

}


/*-------------------20191008----------- appendcss--------------*/

*{margin:0;padding:0;font-size:12px;}

body{text-align:left;font-family:Arial,Helvetica,sans-serif; }

a {color:#2480C4;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

/*end common*/

/*siteheader*/
.siteheader{height: 40px;position: relative; }
.siteheader h1{font-size:18px;margin:5px 0 0 10px}
.siteheader .title {position: absolute;left:5px;top:9px;z-index:3;}
.siteheader .link{ position: absolute;right:5px;top:5px; z-index:5; }

.bgcolor,.bgcolor:hover,.bgcolor:visited{background:#205081;color:#fff;  }
.headerfront{ display:inline-block;padding:0px 10px; height: 25px;line-height:25px;  margin:2px 20px 0 0;}

.headeruser{position:relative;display:inline-block; width: 36px; height: 30px; cursor:pointer }
.headeruser img{float:left; margin:3px 3px 0 6px;width: 24px; height: 24px; }
 .headeruserinc {display:none;position:absolute; width: 150px;top:30px;right:0; z-index:222;padding:5px;   background-color: #fff;  border: 1px solid #ccc;
  border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);}
 .headeruserinc a{display:block;padding:10px 5px;color:#333 }
  .headeruserinc a:hover{ color:#4877a8}
/*---end siteheader*/

.w_rgmod{width: 1020px; }
.menu{padding:2px 0 10px 15px}
.menu a{background:transparent url(img/dotdot3.gif) no-repeat scroll 0 3px;padding:0 15px;}
img{border:0}
.price{color:#ff0000;font-size:18px;font-family:Tahoma}

/*end new cnt*/
.pageroll{width: 80%;font-size:12px;padding:10px;  }
.pageroll a{padding:0 5px}
.hei180{line-height:200%}
.cnt {	MARGIN-LEFT: auto; WIDTH: 600px; MARGIN-RIGHT: auto;FLOAT:center; TEXT-ALIGN: left}
.pad20{padding:20px; }.pad10{padding:10px; }
table td.title{font-size:16px;font-weight:bold;}

.ul_lunh{float:left;display:inline; width:173px;height:280px;margin:5px;border:1px solid #9BACD7;padding:3px;overflow:hidden; }
.ul_lunh li.text{height: 80px;overflow:auto; line-height:15px;  }
.ul_lunh li.btn{padding-bottom:3px}

 .memleft{
	background-color:#ECF8FF;border-left:1px solid #CBE4F3;border-right:1px solid #CBE4F3;text-align:center;MARGIN-LEFT: auto; MARGIN-RIGHT: auto;}

.memleft  a{width:100px;height:27;background:#AEC9E6;color:#0066CC;text-decoration:none;font-weight:bold;TEXT-ALIGN: center;padding:5px  0 0 0;display:block;margin:0 0 10px 0;MARGIN-LEFT: auto; MARGIN-RIGHT: auto;}
.memleft   a:hover{width:100px;height:27;background:#6799CF;color:#FF6600;text-decoration:none;font-weight:bold;TEXT-ALIGN: center;padding:5px  0 0 0;display:block;margin:0 0 10px 0;MARGIN-LEFT: auto; MARGIN-RIGHT: auto;}
/*append 20090306*/
.proname{font-weight:bold;font-size:15px;}


.cont{text-align:center}
.cont-c{width:96%;margin:0 auto;text-align:left}
.refresh{padding:5px}
.box{border:1px solid #b1b1b1;margin:10px 0}
.box .title{border-bottom:#ddd;background:#F5E7F3;height:30px;color:#EE0D72;padding:5px 0 0 5px}
.box .title h3{float:left;font-size:16px}
.box .detail ul{padding:0 0 0 22px}
.box .detail li{padding:5px 0}
.box .detail .list li{background:url(../img/arrinf2.gif) no-repeat scroll 2px 8px;padding-left:15px;border-bottom:1px solid #ccc;font-size:14px;line-height:150%}
.box .form{width:96%;margin-bottom:3px}
.box .form li.left{float:left;width:200px;text-align:right; background:#F0F0F0;padding:10px}
.box .form li.rg{float:left;text-align:left;padding:10px;line-height:155%;background:#fafafa;width: 500px;   }
.box .text{padding:5px}
.boxhint{margin-bottom:22px;padding:5px;font-size:14px;line-height:136%;border:1px solid red}
.boxhint h5{font-size:16px}
/*add 2009 03*/
ul.buttonbg,ul.buttonbg li,ul.buttonbg li a{height: 35px;background:url(../img/buttonbg.jpg) no-repeat ;  }
ul.buttonbg li a{background-position: 100% 0 ;display:block;float:right;width: 85%;line-height:32px;color:#fff;font-size:16px  }

.formtab i{font-style:italic}


.pro_album_right{float:left;width: 66%; }



/*add1015*/
.navlang{margin:10px 0 0 40px;position:relative;z-index:333;}
.curstyle{margin:15px 0 0 40px;position:relative;z-index:333;}



.navdm  {height: 42px;line-height:40px; padding-left:10px;background:#2480C4;border-bottom:1px solid #144579;}
.navdm li{float:left; position:relative;z-index:2221;}
.navdm  li a{color:#fff;text-decoration:none;font-size:14px;display:block;  }
.navdm  li a.m { height: 40px;line-height:40px; padding:0 30px ; }
.navdm li a:hover{color:#e2e2e2;text-decoration:none;}
.navdm li.main{border-right:1px solid #1E6CA6; }
.navdm li.last{border-right:0; }
.navdm .subicon{position:absolute; bottom:15px;right:5px;width: 10px; height: 10px;color:#fff}
.menucurcnt{clear:both; overflow:hidden;}
.menucurcnt a{float:left; margin:0 10px; }


body .xialabox { top:40px;left:0px;background:#4078b0; width:660px;padding:10px;z-index:2221;border-bottom-right-radius:5px;
border-bottom-left-radius:5px;}  
body .xialabox .line{float:left; line-height:30px;width: 150px;padding-left:10px;color:#fff   }
body .xialabox strong{font-size:14px; color:#94bde5}
body .xialabox a{ display:block;height: 30px;line-height:30px;  font-size:12px;}
body .xialabox2 { width: 180px; }

/*navmodule*/
.navmod{padding:5px 10px;background:#DFDFDF;border-top:2px solid #6498FF;height:20px}
.navmod a{display:inline-block;}
.navmod  a{padding:0px 15px;background:url(img/dotdot3.gif) no-repeat 0 3px; color:#0000ff;}
.navmod   a:hover{color:#ff0000}


.nodelist_maincate{padding:10px}
.nodelist_maincate a{display:inline-block;padding:5px }
.nodelist_maincate a.cur{background:red;color:#fff}
/*new cnt*/
.newcnt{font-size:14px;padding:10px}
.tit_biao{height: 35px; background:#2176BE;padding:0;color:#fff;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
 .iframeheader a:hover{color:#FFA245}
.tit_biao h1{
float:left;display:inline; margin:5px 0 0 5px;height: 23px; line-height:23px;
padding:5px 0 0 11px;font-size:16px;color:#333;background:#EBBF60; font-size:15px;padding:0 10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px; }


/**/
.adindex2{padding:0 11px;font-size:14px;line-height:20px; }
.adindex2 b{font-size:16px;}
ol.adindex li{padding:7px 5px;font-size:14px; }ol.adindex{padding-left:11px;font-size:14px;}
/**/




.sidebarsubtitle .tdtitle{border-top:1px solid #c1c1c1;background:#f0f0f0;padding:10px 0;text-align:center; color:#2176BE}
.sidebarsubtitle .blockid{ display:inline-block;padding:0 3px; }




.diviso_filter{text-align:center;margin:10px 0;border-bottom:3px solid #2176BE; }
.diviso_filter a.active{font-weight:bold;font-size:12px;background:#2176BE;color:#fff}
.diviso_filter li{display:inline-block;margin-right:5px; }
.diviso_filter li a{text-decoration:none; font-size:12px;display:block;height: 24px;line-height:24px;padding:0 10px}


/*maineff subeff*/
.maineff .maintitle{height: 45px;line-height:45px; background:#52a6e5;color:#fff;font-size:14px;font-weight:bold;padding-left:10px;cursor:pointer}
.maineff{border:2px solid #52a6e5;margin-bottom:20px }
.subeff li.subli{ margin:5px; border:1px solid #BED3E5; float:left; display:inline;  }
.subeff .subtitle{height: 30px;line-height:30px; background:#BED3E5; font-size:14px;font-weight:bold;padding-left:10px;margin-bottom:10px  }
.subeff ul.ndlist li{float:left; display:inline; width: 260px; height: 250px; text-align:center; }
.subeff ul.ndlist li .name{padding:3px; }
.subeff ul.ndlist li .bs{padding:5px;color:gray }
.maineff .accord{margin-right:5px;margin-top:5px;cursor:pointer}
.maineff .accordcur{background-position:-52px 0}
.hidesubeff .subeff{display:none; }
.allcord{height: 35px; text-align:right; }
.allcord span{display:inline-block;height: 25px;line-height:25px;padding:0 10px;  margin:3px 3px 0 0 ;background:#FFA245;color:#fff;font-size:14px;font-weight:bold;cursor:pointer   }
.allcordfixed{position:fixed;width: 100%;top:0;right:10px;background:#fff; border-bottom:1px solid #f5e675;  }

/*backtop*/
.backtop{display:none;position:fixed;_position:absolute;bottom:300px;right:0px;
width: 31px; height: 62px; }
.backtop a{display:block;width: 28px; height: 30px;background: url(img/bgbacktop.png) no-repeat; }
.backtop .up:hover{ background-position:-33px 0px}
.backtop .down{background-position:0 -31px }
.backtop .down:hover{ background-position:-33px -31px}




/*new*/
.content-wrapper{width:96%;margin:0 auto;border:1px solid #99ACD6}

.content-header{position:relative;padding:8px; }
.content-header > h1{margin:0;font-size:20px}
.content-header > h1 > small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}
.content-header > .breadcrumb{float:right;background:transparent;font-size:12px;padding:7px 5px;border-radius:2px}
.content-header > .breadcrumb > li > a{color:#444;text-decoration:none;display:inline-block}
.content-header > .breadcrumb > li > a > .fa,.content-header > .breadcrumb > li > a > .glyphicon,.content-header > .breadcrumb > li > a > .ion{margin-right:5px}
.content-header > .breadcrumb > li + li:before{content:'>\00a0'}
.breadtitle{ font-size:18px; }

.content{width:99%;margin:10px auto;min-height:350px}

.cntwrap  h3{margin:0; font-size:18px;}
.cntwrap .sidebar{ width: 18%;float:left; display:inline;  padding:0 1%}
.cntwrap .content{ width: 80%;float:left; display:inline;  }
.cntwrap .content li{font-size:14px;padding:3px 0; }
.cntwrap .content li span{font-size:14px;}
.cntwrap .sidebar  li{padding:5px; }
.cntwrap .sidebar  li a{font-size:16px;text-decoration:none; }
.cntwrap .sidebar  li a.cur{font-weight:bold;color:red}
.showblockid{padding:20px; }

.main-footer{padding:20px;text-align:center; border-top:1px solid #ccc;text-align:center; background: #fff  }


.content-header > .breadcrumb > li > a{text-decoration:underline; color:#2480C4}

.seolist li{ padding:5px;border-bottom:1px solid #ccc }
.seolist li li,.seolist li li li{padding:3px  0px 3px 25px !important}
.seolist li h3{font-size:14px;padding:3px;margin:0;  }.seolist li li h3{font-size:12px;}
.seolist li .tdk{ padding:0 5px }
.seolist li{ margin-bottom:15px }
.seolist li li {background:none; margin-bottom:0}
.seolist .divimaincate {border-bottom: 1px solid #216293}

#backtotop a{position:fixed;bottom:60px;right:20px;z-index:999;width: 37px; height: 50px;background:url(img/admbacktop.jpg) no-repeat;  }
 
.treearr ul{padding:5px 0 5px 30px;  }
.treearr li{padding:2px;   }
.treearr .hidediv{ background:#ccc; clear: both;overflow: hidden; }

.treearr_select{ background:#eff2f5;padding:5px; margin:10px 0 }
.treearr_select li{padding-bottom:3px  }
.treearr_select span.activeblue { color:blue }
.treearr_select span.active,.treearr_select span.active a{font-weight:bold;color:red}
.treearr_select li span{ cursor:pointer }

/*.treearr_catelist*/
.treearr_catelist li{clear: both;overflow: hidden; }
.treearr_catelist li li {border:0;}
.treearr_catelist .line{ clear:both; overflow:hidden; padding:5px 0; border-top: 1px solid #ccc; }
.treearr_catelist .lastline{  border-bottom: 1px solid #ccc; }
.treearr_catelist .bghover{background: #DDE7FF}
.treearr_catelist .w1{float:left;width:15%}
.treearr_catelist .w2{float:left;width:20%}
.treearr_catelist .w3{float:left;width:15%}
.treearr_catelist .w4{float:left;width:25%}
.treearr_catelist .w5{float:left;width:15%}
.treearr_catelist .w6{float:left;width:15%}
/*-----------------admincolor ------------------------*/
.color_red .navdm,.color_red .mysubmit,.color_red  a.but1,.color_red .navdm_mob , .color_red  .bgcolor  {background:red; }
.color_red  .navdm li.main{border-right:1px solid #d47468; }
.color_red .mysubmit:hover,.color_red  a.but1:hover {background:#d33622; }

/*color_green*/
.color_green .navdm,.color_green .mysubmit,.color_green  a.but1,.color_green .navdm_mob , .color_green  .bgcolor  {background:green; }
.color_green  .navdm li.main{border-right:1px solid #2a6a24; }
.color_green .mysubmit:hover,.color_green  a.but1:hover {background:#2a6a24; }
 /*color_yellow*/
.color_yellow .navdm,.color_yellow .mysubmit,.color_yellow  a.but1,.color_yellow .navdm_mob , .color_yellow  .bgcolor  {background:#e3a31c; }
.color_yellow  .navdm li.main{border-right:1px solid #b38b37; }
.color_yellow .mysubmit:hover,.color_yellow  a.but1:hover {background:#b38b37; }

 /*color_black*/
.color_black .navdm,.color_black .mysubmit,.color_black  a.but1,.color_black .navdm_mob , .color_black  .bgcolor  {background:#000; }
.color_black  .navdm li.main{border-right:1px solid #333; }
.color_black .mysubmit:hover,.color_black  a.but1:hover {background:#333; }

 /*color_purple*/
.color_purple .navdm,.color_purple .mysubmit,.color_purple  a.but1,.color_purple .navdm_mob , .color_purple  .bgcolor  {background:#b337b3; }
.color_purple  .navdm li.main{border-right:1px solid #a13fa2; }
.color_purple .mysubmit:hover,.color_purple  a.but1:hover {background:#a13fa2; }
 /*color_pink*/
.color_pink .navdm,.color_pink .mysubmit,.color_pink  a.but1,.color_pink .navdm_mob , .color_pink  .bgcolor {background:pink; }
.color_pink  .navdm li.main{border-right:1px solid #f1b7c1; }
.color_pink .mysubmit:hover,.color_pink  a.but1:hover {background:#f1b7c1; }

.color_pink .navdm {border-bottom:0}




/*@media screen and (max-width:480px) {......}
@media (max-width: 767px) {......}
@media (min-width: 768px) and (max-width: 991px){......}
@media (min-width: 992px) and (max-width: 1199px) {......}
@media (min-width: 1200px) {......}*/



@media (min-width: 1200px) {
 .form-controldi{width: 85%;display:inline;  }
.pro_album_left{width: 20%; }
.pro_album_right{width: 78%; }
.pcnarrowwidth{padding: 0 50px}

 
}/*end media*/

 
  .navdm_mob{display:none; }
@media (max-width: 1200px) {
 .mblist li{width: 25%; }

}
@media (max-width: 800px) {
.menucurcnt{display:none; }
  .navdm_mob{height: 42px;line-height:40px;  background:#2480C4;display:block;}
  .navdm_mob .icon-bar{background:#fff; }

.navbar-toggle{padding-top:3px;display: block}
 .navdm  {position:absolute; display:none; width: 100%;top:80px; left:0;padding:0;  line-height:20px;background:#2480C4;border-bottom:1px solid #144579;}
.navdm li{float:none;width: 100%; position:relative;z-index:111;background:#eaf2fa; }
.navdm li.main{padding:0; border: 1px solid #C3DEF8}
.navdm li a{color:#2480C4;display:block;padding-left:20px;}
.navdm li a:hover{color:#4078b0; }
body .navdm  .xialabox{padding:0 0 0 25px;position:relative; display:block;background:none;left:0;top:0;margin:0;  }
 
 .navdm .subicon{display:none;}

body .xialabox .line{float:none;width: 90%;padding-left:0px;  }  
body .xialabox2 { width: 90%; }



.cntwrap .sidebar{ width: 30%;float:left; display:inline;  }
.cntwrap .content{ width: 70%;float:left; display:inline;  }

.popcontentconfirm{ min-width: 96%;left:2% !important; }

.cntwrap .sidebar{ width: 100%;float:left; display:inline;  }
.cntwrap .content{ width: 100%;float:left; display:inline;  }

.treearr_catelist .w1{float:left;width:50%;height:35px}
.treearr_catelist .w2{float:left;width:50%;height:35px}
.treearr_catelist .w3{float:left;width:50%;height:35px}
.treearr_catelist .w4{float:left;width:50%;height:35px}
.treearr_catelist .w5{float:left;width:50%;height:35px}
.treearr_catelist .w6{float:left;width:50%;height:35px}

 .mblist li{width: 45%; }

 }/*end media*/

 @media screen and (max-width:600px) {
    
    
 }/*end media*/


 @media screen and (max-width:480px) {
   .treearr_catelist .w1{float:left;width:100%}
   .treearr_catelist .w2{float:left;width:100%;}
   .treearr_catelist .w3{float:left;width:100%;}
   .treearr_catelist .w4{float:left;width:100%;}
   .treearr_catelist .w5{float:left;width:100%;}
    .treearr_catelist .w6{float:left;width:100%;}

 }/*end media*/
