@charset "utf-8";
.container{width:100%;height: 100%;font-size: 1rem;background: url(/RS/images/com_list_bg.jpg) center no-repeat;background-size: cover;min-height: 50em;/* min-width: 800px; */}
.btn{background: url("../images/bg_orange.png") repeat;border: none;display:block;cursor: pointer;padding: .2em 0;width: 12%;}
.btn:hover{background-color: transparent;}
#user_info{color: #000;  }
#user_info div.wraper{border-color: #000;}
#user_info a#login_link,#user_info a#reg_link{color: #000;}
#user_info a#login_link{border-right-color:#000; }
#logout_btn{color:#000;}
#left_adv{ position: absolute; bottom:56.7376%; left:27.6%; width:21.962%;}
#right_adv{ position: absolute; bottom:56.7376%; left:50.95%; width:21.962%;}
.center-area{width: 53em;}
#com_list{width: 100%;position: relative;margin-top: 2em;}
.center-area > .title{
    text-align: center;
    font-size: 2em;
    line-height: 1.8em;
    color: #e74f17;
font-weight: bold;}
.center-area .search-bar{width:100%;height:2.8em;border: 1px solid #d0653f;}
.center-area .search-bar svg{height: 100%;width: auto;margin: auto;display: block;}
.center-area .search-bar input.field{width: 88%;border: 0;background: url(../images/bg_white.png);background-color: transparent;padding-left: .5em;outline: none;}


.playbox{position:relative;overflow:hidden;width: 100%;height: 19em;margin: 0 auto;}
.playbox .oUlplay { width:99999px; position:absolute; left:0; top:0; margin:0; padding:0;}
.playbox .oUlplay li{float:left;width: 53em;height: 18em;overflow:hidden;flex-wrap: wrap;align-content: flex-start;/* justify-content: start; */}

#com_list .pre{cursor:pointer;width: 2em;height: 2em;position:absolute;top: 7em;left: -2em;z-index:10;}
#com_list .pre i{/* background:url(/css/images/ico2.png) no-repeat 0px -349px; */width: 2em;height: 2em;margin: 0 auto;display:block;}
#com_list .next{cursor:pointer;width: 2em;height: 2em;position:absolute;top: 7em;right: -2em;z-index:10;}
#com_list .next i{/* background:url(/css/images/ico2.png) no-repeat -98px -349px; */width: 2em;height: 2em;margin: 0 auto;display:block;}
#com_list i svg{width:100%; height:100%;}
#com_list  .hover{display:block;}
.playbox .smalltitle {width: 100%;height: auto;position:absolute;bottom: 0em;z-index: 99999;}
.playbox .smalltitle ul{ width:120px; margin:0 auto;}
.playbox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
.playbox .smalltitle .thistitle{ background:#69aaec;}
#com_list .item{border: 1px solid #aaaaaa;width: 11.6em;height: 4.8em;margin-bottom: 1em;/* margin-right: 1em; */display: block;}
#com_list .item.empty{border:0;}
#com_list .item .grey{/* display: inline-block; */height: 100%;background: url(../images/bg_white.png);}
#com_list .item .logo{width: 100%;height: 100%;display: block;background-size: contain;}

.pagehelp{
	margin: auto;
	position: relative;
	text-align:center;
}

.pagehelp .center{
	display:inline-block;
	font-size: .8em;
}
.pagehelp .listpage{
	float: left;
	color: #696969;
	height: 1.8em;
	line-height: 1.8em;
	width: 1.8em;
	background: url(../images/bg_white.png);
	margin-left: .5em;
}
.pagehelp .listpage.info{width:2.6em;}
.pagehelp .listpage.curpage{
	/* background-color: #7561a8; */
	color: #e76d41;
}
.pagehelp .page_search{
	display: block;
	float: left;
	margin: 0 .5em;
	border:1px solid #dbdbdb;
	width: 2.6em;
	height: 1.8em;
	text-align: center;
	font-size: 1em;
	background: url(../images/bg_white.png);
	outline: none;
}
.pagehelp .sub{
	display: block;
	float: left;
	margin: 0 .5em;
	background: url("../images/bg_orange.png") repeat;
	color:white;
	padding: 0 .4em;
	height: 1.8em;
	text-align: center;
	font-size: 1em;
	border: 0;
}
.pagehelp .prepage,.pagehelp .nextpage{
	/* font-size: 1em; */
	/* width: .9em; */
	/* height: .9em; */
	/* line-height: .9em; */
	font-family: serif;
	font-weight: bold;
}
.autocomplete-suggestions {
	/* border: 1px solid #999; */
	/* background: #FFF; */
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.autocomplete-suggestion {/* padding: 2px 5px; */overflow: hidden;}

.autocomplete-selected .item { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }