@charset "utf-8";

#codeigniter_profiler{position: absolute;  z-index:1000000; width:100%;}
#codeigniter_profiler legend{font-size: 12px}
/*消息框*/
.msgbox {
	position:fixed;
	white-space:nowrap;
	z-index: 10000002;
	left:50%;
	top:50%;
	padding:10px 30px 10px 10px;
	margin-left:-50px;
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 3px 9px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	display: none;
}
.msgbox span{display: inline-block;vertical-align: middle; width:40px; height:40px;margin-right: 6px;}
.msgbox .info{background: url("../images/msg_icon.png") no-repeat -145px center}
.msgbox .warn{background: url("../images/msg_icon.png") no-repeat 0px center}
.msgbox .error{background: url("../images/msg_icon.png") no-repeat -94px center}
.msgbox .success{background: url("../images/msg_icon.png") no-repeat -46px center}
.msgbox .loading{background: url("../images/loading.gif") no-repeat center center}

.add_new_btn{position: absolute; right:20px; top:-110px; z-index:1000}

.ref img{max-height: 100px; max-width: auto; border:1px solid #eee; margin-right: 15px; padding:3px; border-radius:2px}

#pop_box{top: 1%; left:30%; padding: 0px; border: 10px solid #fff; overflow: hidden; max-width: 1200px; max-height: 600px;}
#pop_box .pop_img_box{position: relative; height: 100%; width: 100%;/* -webkit-perspective: 6000px; -moz-perspective: 6000px;-ms-perspective: 6000px;-o-perspective: 6000px;perspective: 6000px;*/}
#pop_box .pop_img_box .pop_container{ /*-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;*/}
#pop_box img{ /* max-height: 800px; max-width:100%;*/ cursor: move;}


.pop_close_btn{ position: absolute; z-index: 100; right:0px; top: 0px; cursor: pointer; height:34px; width: 34px; background: url("../images/pop_close.png") no-repeat;}
.pop_bott_list{ position: absolute; bottom: 0px; right: 0px; border-radius: 3px; background: rgba(0,0,0,.6); font-size: 0; height: 41px; width: 228px;}
.pop_bott_list span{ display: inline-block; width: 49px; height: 41px; cursor: pointer; background-image: url("../images/pop_icons.png"); background-repeat: no-repeat;}
.pop_bott_list .pop_t_l{ background-position: -5px center;}
.pop_bott_list .pop_t_r{ background-position: -60px center;}
.pop_bott_list .pop_t_m{ background-position: -110px center;}
.pop_bott_list .pop_t_s{ background-position: -165px center;}

#footer{background: #eee; text-align: center; padding:15px 0}
span.rquire{color: red;}
.choice_image{cursor: pointer; width:80px; min-height:80px; background: url("../images/upload.png") no-repeat center center; background-size: 100%}
.choice_image img{border: 1px solid #ccc; padding:2px; width:80px; height:auto}
.has-erro{border-color: #ff6600}

.is_show{display: inline-block;}
.is_hide{display: none}

#trader_image{position: absolute; left:10px; bottom: -30px;}

@media screen and (max-width: 768px) {
	.form-inline .form-control{
	  display: block;
	  margin-bottom: 10px;
	}
     #elite{display:inline-block; width:auto; vertical-align: middle;}
	.form-inline .is_show {display:inline-block; width:90%}
	.form-inline .is_show .form-control{display:inline-block; width:45%}
	#trader_image{position: relative; left:0px; bottom:0px;}
}

.sortable-ghost {
			opacity: .5;
	        border:1px dashed blue;
}

#menu_1 i {display: inline-block; position: relative;}
#menu_1 i small{display: block; position: absolute; left:5px; bottom: 3px; background:red; color:#fff; line-height:1em; padding:3px 5px; border-radius:6px}