html,body{padding:0;margin:0;background:#EEEEEE;}
body {
    background-color: #DCEDFD;
}
.mm-menu.mm-theme-dark
{
z-index:9999;
}
.modal{margin-top:50px;}

.container-left
{
	margin-right:0px;
	float: none;
}
.container-left-body
{
	margin-left: 0;
}
.container-right
{
	float: none;
	width:100%;
}
@media (min-width: 992px) {
  .container-main
	{
	 
	}
	.container-left
	{
		margin-left: -365px; 
		float: left; 
		width: 100%;
	}
	.container-left-body
	{
		margin-left: 365px;
	}
	.container-right
	{
		width: 350px;
		float: right;
	}
}

.panel-default>.panel-heading {
    color: #000;
}
.panel-default>.panel-heading > a {
    color: #3894E4;
	/* font-weight:bold; */
}
ul{padding:0;margin:0;}
li{list-style:none;}
.pr{position:relative;}
.oh{overflow:hidden;}
.mg10 {margin:10px 0;}
.mt10 {
    margin-top:10px;
}
.mt5 {
    margin-top:5px;
}
.navbar{border-radius:0px}
.popover {
    max-width:500px;
}
.row-small-padding
{
    margin-right: -10px;
    margin-left: -10px;
}
.row-small-padding > [class*="col-"] {
    padding-left: 5px;  /* 自定义较小的间距 */
    padding-right: 5px;
}
#header
{
	background: #373ad3;
	box-shadow: 0 1px 2px rgba(22,27,130,.2);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height:40px;
	height: 50px;
	padding: 5px 50px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:9999;
}
#header a
{
 color:#fff;
}
.header_left_icons
{
    float:left;display: flex;align-items: center;gap:10px;
    height:40px;
}
.header_left_icons > a{
    display: flex; align-items: center;
}
.nav-name
{
    text-align:center;
    padding:0 10px;
}
.navbar-ticker
{
    position: absolute;
	top: 10px;
	right: 10px;
    width:220px;
    font-weight:normal;
}
@media (max-width: 600px) {
	.navbar-ticker
	{
 		width:130px;
 	}
	.navbar-ticker input
	{
	padding:5px 3px;
	height:28px;
 	}
	.navbar-ticker input::placeholder{
		font-size:4px;
	}  
	.navbar-ticker .icon {
		display:none;
	}
}
.navbar-ticker .icon {
     position: absolute;
	top: 8px;
	right: 5px;
    cursor:pointer;
}
.navbar-ticker .form-control
{
    font-weight:normal;
}
.navbar-ticker2
{
    position: absolute;
	top: 6px;
	right: 5px;
    font-weight:normal;
}
.navbar-ticker2 > a{
margin-right:10px;
}
#top_loginreg
{
    display: block;
    position: absolute;
    top: 0px;
	left: 80px;
    height:30px;
}
#topusercenter
{
    display: block;
    position: absolute;
    top: 5px;
	left: 80px;
    height:30px;
    line-height:30px;
}
#top_loginreg input,#top_loginreg button{
    background-color:#2A2A2A;
    color:#fff;
    border:1px solid #ccc;
    height:30px;
    margin:0px;

}
#header .form-group {
    margin-bottom:0px;
}
.layout-row
{
margin-left:0px;
margin-right:0px;
}
.stock-row-box2 > div
{
padding-right:5px;
padding-left:5px;
}
.stock-row-box2 > div > .panel
{
height:250px;
overflow:hidden;
}
.stock-row-box2 > div > .panel > .panel-body
{
	padding:5px;
}

.stock-row-box > div
{
padding-right:5px;
padding-left:5px;
}
.stock-row-box > div > .panel
{
height:350px;
overflow:hidden;
}
.stock-row-box > div > .panel > .panel-body
{
	padding:5px;
}
 @media (max-width: 768px) {
 .layout-row
{
margin-left:-15px;
margin-right:-15px;
}
#header .form-group{display:inline-block; vertical-align: middle;width:28%;}

#header .btn{display:inline-block; vertical-align: middle;}
 .nav-name
{
    text-align:left;
}

 }

 #hamburger
{
	display: block;
	width: 40px;
	height: 33px;
	position: absolute;
	top: 5px;
	left: 0px;
	outline:none;blr:expression(this.onFocus=this.blur());
	box-sizing: border-box;
	z-index: 4;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	content: '';
	display: block;
	width: 25px;
	height: 3px;
	position: absolute;
	left: 15px;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 18px;
}
#hamburger:after
{
	top: 26px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}

@media (max-width: 600px) {
	#hamburger
	{
		display: block;
		width: 40px;
		height: 33px;
		position: absolute;
		top: 5px;
		left: 0px;
		outline:none;blr:expression(this.onFocus=this.blur());
		box-sizing: border-box;
		z-index: 4;
	}
	#hamburger:before,
	#hamburger:after,
	#hamburger span
	{
		background: #fff;
		content: '';
		display: block;
		width: 24px;
		height: 3px;
		position: absolute;
		left: 10px;
	}
	#hamburger:before
	{
		top: 10px;
	}
	#hamburger span
	{
		top: 18px;
	}
	#hamburger:after
	{
		top: 26px;
	}

	/* Hamburger animation */
	#hamburger:before,
	#hamburger:after,
	#hamburger span
	{
		-webkit-transition: none 0.5s ease 0.5s;
		transition: none 0.5s ease 0.5s;

		-webkit-transition-property: transform, top, bottom, left, opacity;
		transition-property: transform, top, bottom, left, opacity;
	}
	html.mm-opening #hamburger:before,
	html.mm-opening #hamburger:after
	{
		top: 20px;	
	}
	html.mm-opening #hamburger span
	{
		left: -50px;
		opacity: 0;
	}
	html.mm-opening #hamburger:before
	{
		transform: rotate( 45deg );
	}
	html.mm-opening #hamburger:after
	{
		transform: rotate( -45deg );
	}
}
#mm-blocker
{
	/*background: rgba( 91, 197, 255, 0 );*/
	background: rgba( 0, 0, 0, 0 );
}
.mm-opening #mm-blocker
{
	/*background: rgba( 91, 197, 255, 0.5 );*/
	background: rgba( 0, 0, 0, 0.2 );
	transition: background 1s ease 0.3s;
}
#pageloading
{
    position: fixed;
    top: 50%;
    left:50%;
    display:none;
}
 #chatBox
 {
  margin-bottom: 20px;
	padding: 15px;
	min-height: 20px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background-color: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);   
  }
#chatBox.fixed
{
    position:absolute;
    left:5px;
    right:5px;
    top:0px;
}
#chatBox .onlinebox{border:1px solid #000000; padding:3px 10px;background-color:#000000;border-radius:4px;color:#ffffff; margin-bottom:5px;}
.avatar_{border-radius:50%;margin-top:15px;opacity:1;filter:alpha(opacity=100);transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;}
.user:hover .avatar_{border-radius:0;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;opacity:.8;filter:alpha(opacity=80);}
.content-reply-box{width:100%;overflow-x:hidden; overflow-y:auto;min-height:100px; padding-top:10px;}
.content-reply-box li{width:100%;overflow:hidden;margin-bottom:2em;}
.content-reply-box li.odd .user{float:left;margin-right:10px;}
.content-reply-box li.even .user{float:right;margin-left:10px;}
.content-reply-box li.odd .reply-content-box{margin-left:60px;}
.content-reply-box li.even .reply-content-box{margin-right:60px;}
.user-name{color:#999;margin-top:5px;display:block;text-align:center;width:50px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.reply-time{color:#e1912d;font-size:12px;display:inline-block;width:100%;}
.content-reply-box li.odd .reply-time{text-align:left;}
.content-reply-box li.even .reply-time{text-align:right;}
.content-reply-box li.odd .reply-content{ float:left; border:1px solid #cccccc;padding:.6em;background-color:#ffffff;border-radius:4px;color:#000000;word-break:break-all;word-wrap:break-word;}
.content-reply-box li.even .reply-content{float:right;border:1px solid #BBDDFF;padding:.6em;background-color:#BBDDFF;border-radius:4px;word-break:break-all;word-wrap:break-word;}
.content-reply-box li.odd .arrow{width:0;height:0;line-height:0;font-size:0;border-color:transparent #cccccc transparent transparent;border-width:6px;border-style:dashed solid dashed dashed;display:block;position:absolute;top:8px;left:-12px;z-index:999;}
.content-reply-box li.even .arrow{width:0;height:0;line-height:0;font-size:0;border-color:transparent transparent transparent #BBDDFF;border-width:6px;border-style:dashed dashed dashed solid;display:block;position:absolute;top:8px;right:-12px;z-index:999;}
 
#lesson_card_list  .take_break{ color:#999999;}
#lesson_card_list  .chcontent {
    font-size:28px;
    font-weight:bold;
}
.panel-footer{ padding-top:5px; padding-bottom:5px;}
.try_card .trylist{}
.try_card .trylist li.trymsg{ border: 1px solid #DDDDDD; line-height:200%; padding: 5px 10px; background-color:#F5F5F5; margin-bottom:10px;}
.try_card .trylist li.send{ border: 1px solid #DDDDDD; line-height:200%; padding:5px 10px;margin-bottom:10px; background-color:#CCEEF8;}
.try_card .trylist li.receive{ border: 1px solid #DDDDDD; line-height:200%; padding:5px 10px; background-color:#F5F5F5;margin-bottom:10px; font-size:14px;}
.try_card .trylist li.send .del{ color:Red; float:right;}
   .try_card .trylist li.send h3 {border-bottom: 1px solid #DDDDDD;color:#ffffff;font-size:14px;font-weight:normal;margin:0px; padding-bottom:5px;
    }
/*.panel-title{ cursor:pointer;background:url(images/up.png) right center no-repeat;padding-right:10px;}
.panel-title.collapsed{background:url(images/down.png) right center no-repeat;}*/
.pagebottom{border-top:1px solid #E5E5E5; padding:10px 0px; font-size:12px; color:#999999;}
.panel_card .panel-body,.panel_card .panel-body p,.panel_card .panel-body span,.panel_card .panel-body strong {
    font-family:lucida sans unicode,lucida grande,sans-serif;
}
 .pagebar { height:50px; line-height:30px; text-align:left; padding:10px 10px 0px 10px; text-align:center;}
.pagebar   a{ border:#e1e1e1 1px solid; padding:5px; color:#000000;}
.pagebar   a:hover{ border:#2fa4e9 1px solid; padding:5px; text-decoration:none;}
.pagebar .sz:hover a{background:#2fa4e9; color:#FFFFFF}
.pagebar  a.cpb{ background:#2fa4e9; color:#FFFFFF}
.pagebar   span{ border:#e1e1e1 1px solid; padding:5px; }
.nextbutton{ border:1px solid #E1E1E1; background-color:#FFFFFF; color:#000000; text-decoration:none; margin-top:10px; line-height:25px; height:25px; text-align:center; cursor:pointer; display:none;}
.nextbutton:hover{ background-color:#2fa4e9;color:#FFFFFF;text-decoration:none;}
.question_div {
line-height:30px;
font-size:18px;
}
.word_input {
    width:80px;
    text-align:center;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #ccc;
    margin:0 5px;
    height:20px;
    line-height:20px;
    padding:0px;
    font-size:14px;
}
.word_input_success
{
     padding:0px;
    font-size:14px;
     margin:0 5px;
    height:20px;
    line-height:20px;
     text-align:center;
    font-weight:bold;
    border:none;
    background:url(images/input-s.png?0) right center no-repeat;
}
.word_input_answer
{
     padding:0px;
    font-size:14px;
     margin:0 5px;
    height:20px;
    line-height:20px;
     text-align:center;
    font-weight:bold;
    border:none;
    background:transparent;
    border-bottom:1px solid #fff; 

}
.word_input_error
{
    color:red;
    border-bottom:1px solid #ff0000;
    background:url(images/input-x.png) #fff right center no-repeat;
}
.inputshake {
    border-bottom:1px solid #ff0000;
    background:url(images/input-x.png) right center no-repeat;
}
.panel_card .panel-title{ cursor:pointer;background:url(images/up.png) right center no-repeat;padding-right:10px;}
.panel_card .panel-title.collapsed{background:url(images/down.png) right center no-repeat;}
.weixinloginbtn
{
     display:block;
    width:150px;
    height:150px;
    border-radius:50%;
    margin:0 auto;
    background-color:#00B90C;
    color:#fff;
    text-align:center;
    padding-top:50px;
    font-size:14px;
}
.trybuttondiv
{
    position:relative;
    margin-top:30px;
   
}
.trybuttondiv .glyphicon-menu-left
{
    position:absolute;
    left:10px;
    top:40px;
    font-size:40px;
    cursor:pointer;
}
.trybuttondiv .glyphicon-menu-right
{
     position:absolute;
    right:10px;
    top:40px;
    font-size:40px;
    cursor:pointer;
}
.bigroundbutton
{
     display:block;
    width:120px;
    height:120px;
    border-radius:50%;
    margin:0 auto;
    margin-bottom:15px;
    background-color:#00B90C;
    color:#fff;
    text-align:center;
    padding-top:40px;
    font-size:24px;
    font-weight:bold;
     cursor:pointer;
    position: relative;

}
.bigroundbutton2
{
     display:block;
    width:120px;
    height:120px;
    border-radius:50%;
    margin:0 auto;
    margin-bottom:15px;
    background-color:#00B90C;
    color:#fff;
    text-align:center;
    padding-top:20px;
    font-size:24px;
    line-height:30px;
    font-weight:bold;
     cursor:pointer;
    position: relative;

}
 
 .left_cardlog
        {
            border-bottom:1px solid #808080;
            color:#808080;
            padding-bottom:5px;
        }
        .left_cardlog a
        {
            color:#fff;
        }
        .left_cardlog a b{
            color:red;
        }
        #left_cardlog_more 
        {
            text-align:center;
        }
        #left_cardlog_more a{
            color:#fff;
        }
#add-num{
    display:none;
}
#sub-num{
    display:none;
}
#add-num .add-animation{
    color: #ff0000;
    position:absolute;
    top:-15px;
    left: 30px;
    font-size: 20px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity:0;
    animation: mypraise 1s ;
    -moz-animation: mypraise 1s ;	/* Firefox */
    -webkit-animation: mypraise 1s ;	/* Safari 和 Chrome */
    -o-animation: mypraise 1s ;	/* Opera */
    font-style:normal;
}
#sub-num .sub-animation{
    color: #333333;
    position:absolute;
    top:-15px;
    left: 30px;
    font-size: 20px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity:0;
    animation: mypraise2 1s ;
    -moz-animation: mypraise2 1s ;	/* Firefox */
    -webkit-animation: mypraise2 1s ;	/* Safari 和 Chrome */
    -o-animation: mypraise2 1s ;	/* Opera */
    font-style:normal;
}
/*金币增加*/
@keyframes mypraise
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-moz-keyframes mypraise /* Firefox */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-webkit-keyframes mypraise /* Safari 和 Chrome */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-o-keyframes mypraise /* Opera */
{
    0%{
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}
/*金币增加动画结束*/

/*金币减少*/
@keyframes mypraise2
{
    0%{
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-moz-keyframes mypraise2 /* Firefox */
{
    0%{
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-webkit-keyframes mypraise2 /* Safari 和 Chrome */
{
    0%{
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}

@-o-keyframes mypraise2 /* Opera */
{
    0%{
        top:-35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
    25%{
        top:-30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    50%{
        top:-25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity:1;
    }
    75%{
        top:-20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity:0.5;
    }
    100% {
        top:-15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity:0;
    }
}
/*金币减少动画结束*/

.wrapper04 {position:relative;height:20px;width: 100%;overflow: hidden;margin:0 auto;}
.wrapper04 .scroller {position:absolute}
    .wrapper04 .scroller {padding:0;margin:0;
    }
.wrapper04 .scroller li {height:20px;color:#333;float: left;line-height:20px;text-align: center;padding:0;margin:0;}
.wrapper04 .scroller li a{color:#333;display:block;padding:0 10px;text-decoration:none; font-size:14px;}
.wrapper04 .scroller li.cur{background:#1cbb9b}
.wrapper04 .scroller li.cur a{color:#fff; text-decoration:none;}

.row2{
    padding-right: 445px;
}
.col-right
{
    float: right;
    width: 400px;
    margin-right:-415px;
 }
.col-left{
    float:left;
    width:100%;
    padding-left:30px;

    
}
.search_code
{
    width:300px;
    float:right;
    position: relative;
}
@media (max-width: 1000px) {
.row2{
    padding-left: 10px;
    padding-right: 10px;
}
.col-right
{
    float: none;
    width: 100%;
    margin-right:0px;
 }
.col-left{
    float:none;
    width:100%;
    padding-left:0px;
    
}
.search_code
{
    width:200px;
    float:right;
    position: relative;
}
}


/**
 * Simplecomplete
 */

.autocompleter {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 100;
    border:1px solid #ddd;
    display:none;
}
.autocompleter-show {
    display: block;
}
.autocompleter,
.autocompleter-hint {
    position: absolute;
}

.autocompleter-list {
    box-shadow: inset 0px 0px 6px rgba(0,0,0,0.1);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.autocompleter-item-selected {
    background: #ddd;
}

.autocompleter-item {
    padding:0px 10px;
    color: #444444;
    font-size: 14px;
    height:30px;
    line-height:30px;
    overflow:hidden;
    cursor: pointer;
}

.autocompleter-item:hover {
    background: #dbed8a;
}

.autocompleter-item strong {
    background: #f9de8f;
    text-shadow: 0 1px 0 #ffffff;
}

.autocompleter-item span {
    color: #bbbbbb;
}

.autocompleter-hint {
    color: #ccc;
    text-align: left;
    top: -56px;
    font-weight: 400;
    left: 0;
    width: 100%;
    padding: 12px 12px 12px 13px;
    font-size: 24px;
    display: none;
}

.autocompleter-hint span {
    color: transparent;
}

.autocompleter-hint-show {
    display: block;
}

.autocompleter-closed {
    display: none;
}

 .adminopt
        {
            margin-top:15px;
            border-top:1px solid #ccc;
        }
       .adminopt a {
           color:red;
           margin:0 3px;
       }

  .orderby {
       }
       .orderby a{
           display: inline-block;
	    padding: 5px 8px;
	    margin-bottom: 5px;
        margin-left:5px;
	    font-size: 14px;
	    font-weight: 400;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    -ms-touch-action: manipulation;
	    touch-action: manipulation;
	    cursor: pointer;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
        line-height:20px;
        color: #333;
	    background-color: #fff;
	    border-color: #ccc
        }
       .orderby a.on{
           color:red;
       }
       .choose a
       {
         display: inline-block;
	    padding: 5px 8px;
	    margin-bottom: 5px;
        margin-left:5px;
	    font-size: 14px;
	    font-weight: 400;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    -ms-touch-action: manipulation;
	    touch-action: manipulation;
	    cursor: pointer;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
        line-height:20px;
        color: #333;
	    background-color: #fff;
	    border-color: #ccc

       }
       .choose a:hover
       {
           text-decoration:none;
           background-color:#EDEDED;
       }
        .choose a.on{
           color:red;
           background-color:#EDEDED;
       }
       .choose
       {

       }
       .industry
       {
           margin:10px;
           border:1px solid #ccc;
           margin-top:10px;
           padding:10px;
       }
       .block
       {
            display:inline-block;
           white-space:nowrap;
          
       }
        .block.on
       {
           font-weight:bold;
       }
        .gray
        {
            color:#999;
        }
.bs-docs-header {
  position: relative;
  padding: 50px 0;
  color: #cdbfe3;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0,0,0,.1);
  background-color: #6f5499;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
  background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
  background-image:      -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
  background-image:         linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
  background-repeat: repeat-x;
}