@charset "utf-8";
/* CSS 共用部分  */
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img {    margin: 0;    padding: 0;    border: none;}
ul, li {    list-style: none;}
.fL {    float: left;}
.fR {    float: right;}
.clr {    clear: both;}
.display-inline-block {
    display: inline-block;
}
.show-block {
    display: block;
}


.textcenter{text-align:center!important;}
.textleft{text-align:left!important;}
.textright{text-align:right!important;}
.rely {    position: relative;}
.hideme {    display: none;}
.tagbody{min-width:980px;background:#fff;}
.ib_e_bold{font-weight:bold!important;}
.ib_e_italic{font-style: italic!important;}
.ib_e_underline{text-decoration: underline!important;}
.ib_e_spcolor{color:#ff4444!important;font-weight:800!important;}
.inputtb{}
.inputtb40{width:40%;}
.inputtb45{width:45%;}
.inputtb50{width:50%;}
.inputtb55{width:55%;}
.inputtb60{width:60%;}
.inputtb65{width:65%;}
.inputtb70{width:70%;}
.inputtb75{width:75%;}
.inputtb80{width:80%;}
.inputtb85{width:85%;}
.inputtb90{width:90%;}
.inputtb95{width:95%;}
.inputtb100{width:100%;}
#inputblockwrapback .bkimgcl{text-align:left;}
#inputblockwrapback .bkimgcr{text-align:right;}
#inputblockwrapback .bkimgc{text-align:center;}

#inputblockwrapback .inputbright{text-align:right;}
#inputblockwrapback .inputbleft{text-align:left;}
#inputblockwrapback .inputbcenter{text-align:center;}
#inputblockwrapback .inputbright .inputtb{margin-right:0;margin-left:auto;}
#inputblockwrapback .inputbleft .inputtb{margin-left:0;margin-right:auto;}
#inputblockwrapback .inputbcenter .inputtb{margin-left:auto;margin-right:auto;}
#inputblockwrapback .editblock{min-width:375px;}
#inputblockwrapback .tRight {    text-align: right !important;}
#inputblockwrapback .tLeft ,#inputblockwrapback .tleft {    padding-left: 5px;    text-align: left !important;}
#inputblockwrapback .tCenter ,#inputblockwrapback .tcenter{    text-align: center!important;    position: relative !important;}
#inputblockwrapback .rely {    position: relative;}
#inputblockwrapback .forminput{	background:#ffcccc !important;}
#inputblockwrapback .hideme {    display: none;}
#inputblockwrapback textarea:focus{background:rgba(100,255,100,0.2)!important;}
#inputblockwrapback input:focus{background:rgba(100,255,100,0.2)!important;}

/* CSS 表格  */
#inputblockwrapback .ib_titlewrap{position:relative;display:inline-block;width:70%!important;margin:5px;}

#inputblockwrapback input[type=text] {   font-size: 15px;    line-height: 24px;    border: 1px solid #cccccc;    height: 24px;    background: #fff;    margin:0 auto;		padding:0 4px;    max-width:500px;    min-width:40px;  border-radius: 4px;width: auto;}
#inputblockwrapback .textinput{;display:block;font-size: 15px;    line-height: 24px;    border: 1px solid #cccccc;    height: 24px;    background: #fff;    margin:0 auto;		padding:0 4px; width:100%;   max-width:500px;    min-width:40px;  border-radius: 4px;}
#inputblockwrapback select {   font-size: 15px;    line-height: 24px;    border: 1px solid #cccccc;    height: 24px;    background: #fff;    margin:0 auto;    max-width:300px;    min-width:100px;    border-radius: 4px;}
#inputblockwrapback textarea{ border:1px solid #ccc;  padding:5px;  margin:0 auto;  border-radius: 4px;  height:60px;  width: 70%;  min-width:100px;font-size: 15px;    line-height: 24px;}
#inputblockwrapback textarea.title{height:24px;}
#inputblockwrapback  .imageareawrap textarea{z-index:2;height: 40px; }
#inputblockwrapback .imageareawrap span.leadwrod{float:left;}
#inputblockwrapback .imageareawrap .ib_titlewrap{max-width:500px;}
#inputblockwrapback .ib_upper{position:relative;z-index:2;width:calc(100% - 10px)!important;  color: rgba(0,0,0,0)!important; background-color: rgba(255,255,255,0)!important;    border-style: none!important;  border-color: Transparent!important; overflow: auto;}
#inputblockwrapback .ib_upper:focus{color: rgba(0,0,0,0)!important; background-color: rgba(255,255,255,0)!important; border-style: none!important;  border-color: Transparent!important; overflow: auto;/*border: 1px solid rgba(0,0,0,0)!important;*/}
#inputblockwrapback .ib_under{position:absolute;z-index:1;overflow:hidden;background: #fff; top:0;left:0;display:inline-block;border:1px solid #ccc;  padding:5px;  margin:0 auto;  border-radius: 4px;  height:calc(100% - 10px);  width: calc(100% - 10px);  min-width:100px;font-size: 15px;    line-height: 24px;}
#inputblockwrapback .ib_blink{display:inline;height:20px;margin:2px auto;border-left:1px solid #000;animation: blinker 0.5s linear infinite;}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
#inputblockwrapback .ib_active{position:relative;color:#fff!important;background:rgba(30,50,255,0.75)!important;z-index:2;}
#ib_popwrap{position:absolute;width:200px;height:80px;padding:10px;border-radius: 5px;overflow:hidden;z-index:2;right:-230px;top:-10px;background:#fff;box-shadow: 0.1vw 0.1vw 0.7vw rgba(0,0,0,0.2);}
#ib_popwrap div{width:22px;height:22px;display:inline-block;font-size:14px;line-height:22px!important;margin-right:1px;background:#fff;text-align:center;border-radius: 4px;color:#428bca;border:1px solid #428bca;}
#ib_popwrap div i{font-size:14px;line-height:22px!important;margin:0 auto;}
#ib_popwrap div.m i{font-size:12px;line-height:22px!important;margin:0 auto;}
#ib_popwrap div.s i{font-size:10px;line-height:22px!important;margin:0 auto;}
#inputblockwrapback #ib_popwrap .popattr.on{color:#fff!important;background:#428bca;}
#ib_popwrap span.ib_linkwrap{display:block;margin-top:5px;}
#ib_popwrap span.ib_linkwrap span{font-size: 15px;    line-height: 24px;color:#428bca;width:50px;}
#ib_popwrap span.ib_linkwrap input{width:calc( 100% - 60px);}

#ib_popwrap div.gray-btn{width:40px;}
#ib_comps{font-size: 15px;    line-height: 24px;color:#999;}
/* CSS Document */
[draggable=true] {
    cursor: grab;
}

#inputblockwrapback{position:relative;overflow:hidden;min-width:980px;margin-bottom:200px;text-align:center;}
#inputblockwrapback .ib_block.down{cursor: grabbing;}
#inputblockwrapback .tagbody{min-width:980px;background:#fff;}
#inputblockwrapback .ib_wrapnote{text-align:left;}
#inputblockwrapback .inputblockwrapback{position:relative;overflow:hidden;min-width:980px;margin-bottom:200px;text-align:center;}
#inputblockwrapback .inputblockwrapback .inputblockwrapbackin{position:relative;margin:1vw auto;padding:1vw 2vw;border:1px solid #e0e0e0;border-radius:1.3vw;box-shadow: 0.1vw 0.1vw 0.7vw rgba(0,0,0,0.1);}
#inputblockwrapback .inputblockwrapback .inputblockwrapin{position:relative;text-align:left;}
#inputblockwrapback .ibdisplaybtn{margin-right:20px!important;}
#inputblockwrapback .contentin{max-width:100%;overflow:auto;}
#inputblockwrapback .inputblockwrapback .inputblockwrap{border-radius:0.5vw;border:1px solid rgba(100,100,100,0.2);margin:3vw 8vw;box-shadow:0.3vw 0.3vw 1.5vw rgba(120,120,60,0.2);}
#inputblockwrapback .ib_block{position:relative;padding:5px;margin:5px;border:1px dotted #ccc;border-radius: 5px;background:#f9f9f6;}
#inputblockwrapback .ib_size{padding:0;margin:0;border:0;background:none;}
#inputblockwrapback .ibin_block{position:relative;padding:5px;margin:5px 3px;border:1px dotted #ccc;border-radius: 5px;background:#f9f9f9;}
#inputblockwrapback .ib_smallbox{position:absolute;top:1px;right:1px;border:1px solid #99aaff;min-height: 16px;padding-right:16px;background:rgba(255,255,255,0.5);z-index:5;border-radius: 2px;}
#inputblockwrapback .ib_smallboxbtn{position:absolute;top:2px;right:2px;height:12px;font-size:10px;line-height:12px;width:12px;text-align:center;background:#fff;z-index:5;}
#inputblockwrapback .ib_smallboxbtn i{font-size:10px;line-height:12px;color:#ccc;margin:0 auto;}
#inputblockwrapback .ib_smallboxbtn:hover{background:#99aaff;}
#inputblockwrapback .ibcon,.pibcon{height:18px;min-width:18px;padding:3px;border-radius: 3px;float:right;margin-left:3px;text-align:center;color:#fff;font-size:14px;line-height:18px;}
#inputblockwrapback .ibcon,.pibcon{background:#428bca;}
#inputblockwrapback .ib_smallbox .ibcon{width:0;height:0;overflow: hidden;transition: all 0.6s;padding:0px;margin:0;min-width:0px;opacity:0;}
#inputblockwrapback .ib_smallbox .ib_smallboxbtn.on ~ .ibcon{margin:1px;width:18px;height:18px;padding:3px;opacity:1;}
#inputblockwrapback .ib_toolbox{position:fixed;bottom:10%;right:0;z-index:100;width:3vw;}
#inputblockwrapback .ib_block .ibcon.del{background:#ee0000;}
#inputblockwrapback .ib_block .ibcon.edit{background:#428bca;}
#inputblockwrapback .ib_block .ibcon.return{background:#428bca;}
#inputblockwrapback .ib_block .gray-btn{display:inline-block;margin-top:5px;}
#inputblockwrapback .ibdiswrap img{max-width:100%!important;}
#inputblockwrapback .ib_edit{text-align:left;}
#inputblockwrapback .ib_edit .leadwrod{display:inline-block;min-width:60px;margin-right:5px;font-size:15px;line-height:24px;height:24px;color:#444;font-weight:bold;}
#inputblockwrapback .ib_edit .desword{font-size:14px;line-height:18px;color:#369;margin:0 0 6px 0;padding:5px;border-radius:5px;border:2px dotted #ebb;background:rgba(255,255,255,0.7);width:80%;min-width:300px;}
#inputblockwrapback .ibcon i,.pibcon i{font-size:16px;line-height:18px;color:#fff;margin:0 auto;}
#inputblockwrapback .ibcon span,.pibcon span{font-size:13px;line-height:20px;color:#fff;margin:0 2px;}
#inputblockwrapback .ib_display{display:block;min-height:6px;}
#inputblockwrapback .ibdiswrap{position:relative;float:none;}
#inputblockwrapback .ib_edit{position:relative;display:none;}
#inputblockwrapback .ibeditwrap{position:relative;float:none;margin-right:50px;}
#inputblockwrapback .ibeditwrapline{padding:3px 0; }
#inputblockwrapback .ibeditwrapline span{display:inline-block;min-width:100px;text-align:left;margin:0 5px 0 0;}
#inputblockwrapback .ib_selectboxout{position:relative;display:block;margin:5px;height:36px;padding:6px 0;overflow:hidden;border-radius:24px;}
#inputblockwrapback .ib_selectbox{position:relative;display:block;float:right;height:34px;width:auto;min-width:34px;border:1px solid #99aaff;border-radius:17px;}
#inputblockwrapback .ib_selectboxin{position:relative;width:480px;z-index:1;margin-right:-490px;opacity:0;top:0;right:0;padding:5px 44px 5px 0;transition: opacity 1s,margin-right 1s;}

#inputblockwrapback .ib_2split .ib_selectboxin{width:380px;margin-right:-390px;}
#inputblockwrapback .ib_2split .ib_selectboxin.s{width:300px;margin-right:-310px;}
#inputblockwrapback .ib_selectboxin.on{margin-right:0;opacity:1;}
#inputblockwrapback .ib_2split .ib_selectboxin.on{margin-right:0;opacity:1;}
#inputblockwrapback .ib_selectbox .ibcon{position:absolute;top:0;right:0;margin:0;z-index:2;width:34px;height:34px;border-radius:17px;overflow:hidden;background:#fff;padding:0;}
#inputblockwrapback .ib_selectbox .ibconin{position:relative;margin:5px;font-size:14px;color:#428bca;line-height:24px;width:24px;height:24px;border-radius:12px;overflow:hidden;text-align:center;padding:0;}
#inputblockwrapback .ib_selectbox .ibconin i{font-size:18px;line-height:24px;margin:0;padding:0;color:#428bca;text-align:center;}
#inputblockwrapback .ib_selectbox .ibcon:hover{background:#fff!important;}
#inputblockwrapback .ib_selectbox .ibcon:hover .ibconin{background:#99aaff!important;color:#fff!important;}
#inputblockwrapback .ib_selectbox .ibcon:hover .ibconin i{color:#fff!important;}
#inputblockwrapback .ib_selectitem{position:relative;display:inline-block;text-align:center;float:right;padding:0 4px;margin:0 2px;min-width:20px;font-size:14px;line-height:24px;height:24px;color:#fff;background:#428bca;border-radius: 4px;z-index:1;}
#inputblockwrapback .ib_selectitem.u{background:#42ca8b;}
#inputblockwrapback .ib_selectitem:hover{z-index:2;}
#inputblockwrapback .ib_selectitem img{height:16px;margin:5px auto;}
#inputblockwrapback .ib_selectitem i{font-size:18px;line-height:24px;text-align:center;margin:0 auto;}
#inputblockwrapback .ib_selectitem.s i{font-size:12px;line-height:24px;text-align:center;margin:0 auto;}
#inputblockwrapback .ib_selectitem.s i:nth-child(3){margin-left:3px;}
#inputblockwrapback .ib_2split{position:relative;width:calc(50% - 15px);margin:5px 3px;padding:5px 3px;float:left;background:#fff;border:1px dashed #ccc;border-radius: 2px;z-index:4;}
#inputblockwrapback .ib_2split.x2split1{width:calc( 65% - 15px );}
#inputblockwrapback .ib_2split.x2split1:nth-child(4){width:calc( 35% - 15px );}
#inputblockwrapback .ib_2split.x2split3{width:calc( 35% - 15px );}
#inputblockwrapback .ib_2split.x2split3:nth-child(4){width:calc( 65% - 15px );}

/* css */
#inputblockwrapback .ib_titlebox{font-size:20px;line-height:28px;font-weight:bold;}
#inputblockwrapback .ib_titlebox .midtitle{font-size:17px;line-height:22px;font-weight:bold;}
#inputblockwrapback .ib_titlebox .subtitle{font-size:14px;line-height:20px;font-weight:bold;}
#inputblockwrapback .ib_textboxbox{font-size:14px;line-height:20px;}
#inputblockwrapback .ib_articlebox{font-size:14px;line-height:20px;}
#inputblockwrapback .ib_listbox{font-size:14px;line-height:20px;}
#inputblockwrapback .ib_table2box{font-size:14px;line-height:20px;}
#inputblockwrapback .ib_table3box{font-size:14px;line-height:20px;}
#inputblockwrapback .ib_listline{margin:5px 0;}
#inputblockwrapback .ib_sublistline{position:relative;margin:5px 0 5px 10px ;min-height:24px;}
#inputblockwrapback .ib_sublistline .ibcon{margin-left:10px;}
#inputblockwrapback .ib_listinsert{position:relative;display:block;min-height:24px;margin:5px 0;}
#inputblockwrapback .sptext{color:#ff4444;font-weight:800;}
#inputblockwrapback ol.ib_listol{padding-left:25px; list-style-type: upper-roman; list-style-position: outside;}
#inputblockwrapback ol.ib_listol li{margin:5px 0;list-style-type: decimal;
 list-style-position: outside;}
#inputblockwrapback ol.ib_listol ol {padding-left:15px; list-style-type: circle; list-style-position: outside;}
#inputblockwrapback ol.ib_listol ol li{margin:5px 0;list-style: upper-roman;}
#inputblockwrapback .inputsliderbox{position:relative;display:inline-block;height:26px;width:320px;font-size:14px;color:#666;line-height:26px;}
#inputblockwrapback .inputslider{position:relative;display:inline-block;width:200px;}
#inputblockwrapback .ui-slider-handle{z-index:4;}
#inputblockwrapback .ui-slider-bg{position:absolute;left:0;top:0;z-index:1;height:100%;width:10px;background:rgba(00,50,150,0.5);text-align:right;color:#fff;font-size:10px;line-height:10px;}
#inputblockwrapback .ui-slider-bg span{position:relative;display:inline-block;width:10px;height:5px;}
/*table */
#inputblockwrapback .ibt2{position:relative;float:left;width:48%;padding:5px 1% 5px 0;}
#inputblockwrapback .ibt3{position:relative;float:left;width:32%;padding:5px 1% 5px 0;}
#inputblockwrapback .ibt2 textarea,.ibt3 textarea{width:calc(100% - 50px);min-height:70px;vertical-align:top;}
/*#inputblockwrapback textarea.th{background:#f3f3f9;}*/
#inputblockwrapback .ib_under.th{background:#f3f3f9!important;}
#inputblockwrapback .ib_tablelinedis{}
#inputblockwrapback .ib_tablelinedis .ibtable2{border:1px solid #ccc;border-collapse:collapse;min-width:50%;}
#inputblockwrapback .ib_tablelinedis .ibtable3{border:1px solid #ccc;border-collapse:collapse;min-width:50%;}
#inputblockwrapback .ib_tablelinedis .ibtable2 td{width:47%;padding:5px 1%;border:1px solid #ccc;vertical-align: top;}
#inputblockwrapback .ib_tablelinedis .ibtable3 td{width:31%;padding:5px 1%;border:1px solid #ccc;vertical-align: top;}
#inputblockwrapback .ib_tablelinedis .ibtable2 th{width:47%;padding:5px 1%;border:1px solid #ccc;vertical-align: top;color:#fff;background:#428bca;}
#inputblockwrapback .ib_tablelinedis .ibtable3 th{width:31%;padding:5px 1%;border:1px solid #ccc;vertical-align: top;color:#fff;background:#428bca;}
#inputblockwrapback .ibt2:nth-child(2n){padding:5px 0;}
/* imgattr */
#inputblockwrapback .imageattrwrap{position:relative;height:24px;margin:5px;}
#inputblockwrapback .imagetagwrap{position:relative;height:24px;margin:5px;}
#inputblockwrapback .imageareawrap{position:relative;height:auto;margin:5px;}
#inputblockwrapback .imageattrwrap div{width:24px;height:24px;float:left;margin-right:5px;background:#fff;text-align:center;border-radius: 4px;color:#428bca;border:1px solid #428bca;}
#inputblockwrapback .imageattrwrap div i{font-size:16px;line-height:24px;margin:0 auto;}
#inputblockwrapback .imageattrwrap div:hover{background:#c2dbfa;}
#inputblockwrapback .imageattrwrap div.on{background:#428bca!important;color:#fff;}
#inputblockwrapback .imageareawrap{position:relative;height:auto;margin:5px;}
#inputblockwrapback .textattrwrap{position:relative;display:inline-block;height:24px;margin-left:2px;}
#inputblockwrapback .textattrwrap.type2{position:relative;display:inline-block;height:auto;width:24px;margin-left:2px;vertical-align:top;}
#inputblockwrapback .textattrwrap div{width:22px;height:22px;display:inline-block;margin-right:1px;background:#fff;text-align:center;border-radius: 4px;color:#428bca;border:1px solid #428bca;}
#inputblockwrapback .textattrwrap.type2 div{margin-bottom:2px;}
#inputblockwrapback .textattrwrap div i{font-size:14px;line-height:22px!important;margin:0 auto;}
#inputblockwrapback .textattrwrap div:hover,.fontattrwrap div:hover{background:#c2dbfa!important;}
#inputblockwrapback .textattrwrap div.on,.fontattrwrap div.on{background:#428bca!important;color:#fff!important;}
#inputblockwrapback .fontattrwrap{position:relative;display:inline-block;height:24px;margin-left:5px;}
#inputblockwrapback .fontattrwrap div{width:22px;height:22px;display:inline-block;font-size:14px;line-height:22px!important;margin-right:1px;background:#fff;text-align:center;border-radius: 4px;color:#428bca;border:1px solid #428bca;}
#inputblockwrapback .fontattrwrap div i{font-size:14px;line-height:22px!important;margin:0 auto;}
#inputblockwrapback .fontattrwrap div.m i{font-size:12px;line-height:22px!important;margin:0 auto;}
#inputblockwrapback .fontattrwrap div.s i{font-size:10px;line-height:22px!important;margin:0 auto;}
#inputblockwrapback .ibt3:nth-child(3n){padding:5px 0;}
/* 特殊css*/
#inputblockwrapback .ib_block input[type=file]{position:relative;z-index:2;opacity:0;width:200px;    font-size: 14px;    line-height: 24px;  height: 24px; }
#inputblockwrapback .ib_block .imagebtn{position:absolute;top:0;left:0;z-index:1;width:200px;    font-size: 14px;    line-height: 24px;  color:#fff;height: 24px;    background:#428bca; text-align:center; }
#inputblockwrapback .banneritem{padding:5px;border-radius: 5px;border:1px solid #ddd;}
#inputblockwrapback .elementitem{padding:5px;border-radius: 5px;border:1px solid #ddd;margin:5px 0;}
#inputblockwrapback .ib_block a.gray-btn{display:inline-block;padding:0 5px;background:#def;color:#444;border-radius:3px;text-decoration: none;margin:0 3px;}
#inputblockwrapback .imggroupwrap{display:inline-block;width:300px;border:1px solid #ccc;background:#fafaf9;border-radius: 2px;padding:2px;margin-right:5px;margin-bottom:5px;}
#inputblockwrapback .imggroupdiswrap{display:inline-block;margin:0 1vw;}
/* 按紐 */
#inputblockwrapback .btn{cursor:pointer;}
#inputblockwrapback .blue-btn {    color: #FFF;    background-color: #b956a5;    text-align: center;    font-size:14px;    line-height: 24px;    min-height:24px;    padding: 0px 10px;    border-radius: 4px;    display: inline-block;  margin: 3px;}
#inputblockwrapback .blue-btn:hover {        color: #fff;        text-decoration: none;        background-color: #a9418c;    }
#inputblockwrapback .gray-btn {    color: #fff!important;    background-color: #428bca!important;    text-decoration: none!important;    text-align: center;    font-size:14px;    line-height: 24px;    min-height:24px;    padding: 0px 10px;  display: inline-block;    margin: auto;	  border-radius: 4px;    border: 1px solid #bbb;}
#inputblockwrapback .gray-btn.red{background:#ff0000!important;}
#inputblockwrapback .btn:hover {        color: #444!important;        text-decoration: none;        background-color: #AFF!important;    }
#inputblockwrapback .btn:hover i{        color: #444!important;    }
#inputblockwrapback .btn:hover span{        color: #444!important;    }
/*tooltip*/
#inputblockwrapback .tipbox{position:relative;}
#inputblockwrapback .tooltip{display:none;position:absolute;top:-12px;left:-12px;height:16px;width:auto;min-width:50px;text-align:center;font-size:12px;line-height:16px;color:#444;background:rgba(255,255,255,0.75);border:1px solid #eee;}
#inputblockwrapback .tipbox:hover .tooltip{display:block;}
#inputblockwrapback .ib_selectboxin .ibcon{background:none;}
#inputblockwrapback .ib_selectboxin .ibcon .fa{color:#428bca;}
#inputblockwrapback .backclr{border-bottom:10px dotted #E0E0E0;height:0px;}
@media screen and (max-width: 979px) {
	.tagbody{min-width:auto;background:#fff;}
	
}