body {
	background-color: #e9e9e9;
	/*font-family: "Segoe UI Light","Helvetica Neue","Segoe UI","Segoe WP",sans-serif;*/
	font-size: 14px;
	padding-bottom: 0;
}

body.darkv {
	background: #323232;
	color: white;
}

.container-fluid {
	padding-left: 5%;
}

#logged_drp {
	/*background: rgba(144, 196, 204, 0.85);*/
	border-bottom: 3px solid #1E94C1;
}
.navi .contain ul li.is-current:before, .navi .contain ul li:hover:before {
	  border-top: 2px solid #1E94C1;
	}
.brand {
	color: #1E94C1;
}

/* #### DARKV ##### */
	.darkv h3 {
		color: #bfbfbf;
	}
	
	.darkv .ban_left {
		background: #252525;
		border-bottom: 2px solid #1C1D18;
	}

	.darkv .ban_left:hover .li_cont  {
		background: #252525;
		/*border-bottom: 1px solid #1C1D18;*/
		border-right: 1px solid #1C1D18;
	}

	.darkv .side_pan_list {
		background: #292929;
		box-shadow: inset 9px -1px 23px rgba(0,0,0,0.5);
	}

	.darkv .side_pan {
		border-left: none;
		color: #bfbfbf;
	}

	.darkv .slideblock {
		background: #292929;
		border: 1px solid #4c4c4c;
	}
	.darkv .slideblock a {
		color: #bfbfbf;
	}

	.darkv .sidb_arrow_grp  {
		border-right: 1px solid #4c4c4c;
		border-top: 1px solid #4c4c4c;
		border-bottom: 1px solid #4c4c4c;
		border-left: none;
	}

	.darkv .sidb_arrow_grp div:nth-of-type(2) {
		border-top: none;
	}

	.darkv .sba_right, .darkv .sba_left {
		background: #323232;
		border-left: 1px solid #4c4c4c;
	}

	.darkv div.sidb_arrow_grp .sba_right {
		border-bottom: 1px solid #4c4c4c;
	}

	.darkv .list-group a {
		background: #292929;
		color: #bfbfbf;
	}
	
	.darkv .list-group a {
		border-right: 1px solid #4c4c4c;
		border-top: 1px solid #4c4c4c;
		border-bottom: 1px solid #4c4c4c;
	}

	.darkv .comment_more {
		background: #2D2D2D;
		border: 1px solid #404040;
		color:#2D6F8E;
	}

	.darkv .comment_more:hover {
		background: inherit;
		box-shadow: inset 0px 3px 5px rgba(0,0,0,0.4);
	}
	
	.darkv .comment span:first-of-type {
		color: #97ABCA;
	}

	.darkv .comment_time {
		opacity: 0.4;
	}

	.darkv div.comment_block h3 small {
		color: white;
	}

	.darkv .slideblock a:hover, .darkv .list-group a:hover {
		background: #242424;
	}

	.darkv a.symb_recme {
		background: #3A0066;
	}

	.darkv a.symb_recto {
		background: #1E2B29;
	}

	.darkv .comment_pic6 {
		background: #515151;
		color: #242424;
	}

	.darkv .more_act {
		border: 2px solid #A4A4A4;
		color: #A4A4A4;
	}

	.darkv .more_act:hover {
		background: #858585;
		color: #B5B5B5;
		border: 2px solid silver;
	}

	.darkv .more_act:active {
		background: #D0D0D0;
	}
	
	.darkv .loaded_coms {
		background: #252525;
		border: 1px solid #131313;
		color: #bfbfbf;
	}

	.darkv .loaded_coms_container::-webkit-scrollbar{width: 8px;}
	.darkv .loaded_coms_container::-webkit-scrollbar-thumb{background-color:#515151; border-radius: -1;}
	.darkv .loaded_coms_container::-webkit-scrollbar-thumb:hover{background-color:#858585;}
	.darkv .loaded_coms_container::-webkit-scrollbar-track{background-color:#323232;}

	.darkv .hratev {
		text-shadow: -1px 1px rgba(0,0,0,0.4);
	}

	.darkv .hsub_menu {
		background-color: #242424;
		border-bottom: 1px solid rgb(21, 21, 21);
	}

	.darkv .nav_home {
		color: #bfbfbf;
	}

	.darkv .sub_hsub {
		background: #242424;
	}

	.darkv .sh_label {
		color: #bfbfbf;
	}

	.darkv .sh_item {
		color: #bfbfbf !important;
	}

	.darkv .stitle {
		text-shadow: rgba(31, 31, 31, 0.41) 0px 3px 3px;
	}

	.darkv .nav_home li:hover .sub_hsub {
		background-color: #343333;
	}

	.darkv .nav_home li:hover {
		background-color: #343333;
	}

	.darkv .nav_home li:last-of-type:hover {
		background-color: #242424;
	}

	.darkv .info_page {
		color: silver;
	}

/* #### BANNER ##### */
	.ban_contain {
		width: 100%;
		height: 250px;
	}

	.ban_left .ban_li {
		height: 0%;
		opacity: 0;
		position: relative;
	}

	a.ban_link {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.ban_ri {
		display: inline-block;
		/*background: #57ADDB;*/
		color: black;
		box-shadow: inset 0px 0px 89px rgba(0,0,0,0.5);
	}

	.ban_ri img {
		height: 100%;
		margin: 0 auto;
		display: inline-block;
		vertical-align: top;
	}
	.ban_ri img:nth-of-type(2) {
		/*max-height: 500px;*/
		height: 450px;
	}

	.ban_ri img:nth-of-type(3) {
		height: 450px;
		margin-top: -220px;
	}

	.ban_contain .ban_li_active {
		/*display: block;*/
		opacity: 1;
		height: 100%;
		-webkit-transition: opacity .8s ease-in-out;
		-moz-transition: opacity .8s ease-in-out;
		-ms-transition: opacity .8s ease-in-out;
		-o-transition: opacity .8s ease-in-out;
		transition: opacity .8s ease-in-out;
	}

	.ban_contain .ban_ri_active {

	}

	.ban_left, .ban_right {
		display: inline-block;
		padding: 0;
	}

	.ban_left {
		background: #353535;
		color:silver;
		float: left;
		height: 250px;
		width: 25%;		
	
		overflow: hidden;
	}

	.ban_left:hover {
		overflow: inherit;
		position: relative;
		z-index: 1000;
	}
	.ban_left:hover .li_cont {
		background: #353535;
	}

	.ban_right {
		background: #595959;
		/*color: silver;*/
		height: 230px;
		width: 75%;
		position: relative;
	}
	
	.ban_nav {
		height: 20px;
		background: #7A7A7A;
		padding: 0;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;

		position: relative;
		bottom: 0;
	}
	.ban_nav:hover {
		height: 80px;
		bottom: 60px;
		border-top: 1px solid black;
	}

	.ban_navli {
		display: inline-block;
		width: 20%;
		height: 100%;
		border:1px solid black;
		border-right: none;
		cursor: pointer;
		white-space: nowrap;
		border-top: none;
		/*background: #7A7A7A;*/
		background: #353535;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #9DA09C;
		text-align: center;
	}

	.ban_navli span:first-of-type {
		padding: 0 5px;
	}	

	.img_wr {
		background-color: black;
		display: block;
	}

	.ban_navli img {
		display: block;
		width: 100%;
		opacity: 0.6;
		-webkit-transition: opacity .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out;
		-ms-transition: opacity .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out;
		transition: opacity .2s ease-in-out;
	}

	.ban_navli img:hover {
		opacity: 1;
	}

	.ban_nav_active {
		background: gray;
		color:black;
		font-weight: bold;
	}

	.li_cont {
		padding: 20px 30px;
	}

	.li_head_tag {
		font-size: 0.8em;
	}
	.li_head {
		font-size: 2.5em;
		color: #57ADDB;
		line-height: 35px;
		margin-bottom: 7px;
	}

	.li_quote i {
		margin-right: 7px;
		opacity: 0.4;
		font-size: 0.7em;
		vertical-align: super;
	}

	.li_av {
		font-size: 0.9em;
		margin-bottom: 30px;
	}
	
	.next_left, .next_right {
		position: absolute;
		height: 100%;
		padding: 0 13px;
		cursor: pointer;
		color: gray;
		width: 70px;

		z-index: 500;
	}

	.next_left:hover i, .next_right:hover i{
		display: block;
	}

	.next_left {
		left: 0;

	}
	
	.next_right {
		right: 0;

	}

	.next_left_btn i, .next_right_btn i {
		margin-top: 80px;
		font-size: 50px;
		display: none;
	}

	div#slider { 
		overflow: hidden; 
	}
	div#slider .figure .ban_ri { 
		width: 20%; float: left; 
		height: 230px;
		border:1px solid;
		list-style-type:none; 
		text-align: center;
	}
	div#slider .figure { 
	  position: relative;
	  width: 500%;
	  left: 0;
	  /*-webkit-animation: 10s slidy infinite; */
	  -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	  -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	  -ms-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	  -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	  transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	  margin: 0;
	  padding: 0;
	}

/* #### SUB MENU ##### */
	.hsub_menu {
		background: #f0f1f4;
		border-bottom: 1px solid #d8dde1;
		/*margin-bottom: 20px;*/
	}

	.stitle {
		font-size: 34px;
		font-weight: 800;
		/*color: #e9e9e9;*/


		/*background-color: rgba(102, 102, 102, 0.46);*/
		/*-webkit-background-clip: text;*/
		/*-ms-background-clip: text;
		-moz-background-clip: text;
		background-clip: text;
		color: transparent;
		text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
		-moz-text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
		-webkit-text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
		-ms-text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
		-o-text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;*/

		color: #B6B8B9;
		/* background-color: #2d2d2d; */
		text-rendering: optimizeLegibility;
		letter-spacing: .1em;
		text-shadow: -1px -1px 1px #313131, 2px 2px 1px #F0F1F4;

	}
	
	.nav_home {
		display: inline-block;
		margin-bottom: 0;
	}

	.nav_home li {
		display: inline-block;
		padding: 10px;
		font-weight: 600;
		cursor: pointer;
		font-size: 16px;
	}

	.sub_hsub {
		position: absolute;
		width: 100%;
		left: 0;
		/*display: none;*/
		background: #f0f1f4;
		overflow: hidden;
		max-height: 0px;
		box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.25);
		z-index: 10;
		padding: 0 20px;
		width: calc(100% - 215px);
	}

	.sh_label {
		padding-top: 10px;
	}
	
	.sh_item {
		display: block;
		text-decoration: none !important;
		color: black !important;
		font-size: 14px;
		font-weight: 400;
	}

	.nav_home li:hover .sub_hsub {
		/*display: block;*/
		max-height: 160px;
		-webkit-transition: max-height .2s linear;
		-moz-transition: max-height .2s linear;
		-ms-transition: max-height .2s linear;
		-o-transition: max-height .2s linear;
		transition: max-height .2s linear;
		background-color: rgb(233, 234, 239);
	}

	.nav_home li:hover {
		background-color: rgb(233, 234, 239);
	}

	.nav_home li:last-of-type:hover {
		background-color: #f0f1f4;
	}

	.sub_hsub div a:hover {
		opacity: 0.7;
	}

	.info_page {
		float: right;
		margin-right: 280px;
		margin-top: 20px;
		cursor: pointer;
		opacity: 0.7;
		text-decoration: none;
		color: black;
	}

	.info_page:hover {
		opacity: 1;
		text-decoration: none;
	}

/* #### SIDE PANEL ##### */
	.side_pan {
		/*margin-top: -1px;*/
		width: 230px;
		border-left: 1px solid silver;
		/*height: 100%;*/
		position: fixed;
		right: 0;
		box-shadow: inset 5px -4px 15px rgba(0,0,0,0.2);
		overflow-y: scroll;
		bottom: 0;
		/*top: 33px;*/
		top: 284px;
		background: #DDDDDD;
		/*margin-bottom: 50px;*/
	}

	.side_pan::-webkit-scrollbar{width: 9px;}

	.side_pan::-webkit-scrollbar-thumb{background-color:rgb(196, 196, 196); border-radius: -1;}
	.side_pan::-webkit-scrollbar-thumb:hover{background-color:rgb(199, 205, 209);}

	.side_pan::-webkit-scrollbar-track{background-color:rgb(237, 237, 237);}

	
	.side_pan_list::-webkit-scrollbar{width: 4px; height: 8px;}
	.side_pan_list::-webkit-scrollbar-thumb{background-color:rgb(196, 196, 196); border-radius: -1;}
	.side_pan_list::-webkit-scrollbar-thumb:hover{background-color:rgb(199, 205, 209);}
	.side_pan_list::-webkit-scrollbar-track{background-color:rgb(237, 237, 237);}


	.side_pan_list {
		padding: 25px 20px;
	}

	.side_pan_list a {
		text-decoration: none;
		color:inherit;
		height: 100%;
		width: 100%;
		display: inline-block;
		-webkit-transition: opacity .2s ease-in;
		-moz-transition: opacity .2s ease-in;
		-ms-transition: opacity .2s ease-in;
		-o-transition: opacity .2s ease-in;
		transition: opacity .2s ease-in;
	}

	.side_pan_list a:hover {
		opacity: 0.5;
	}

	.sp_pos {
		height: 130px;
		width: 100px;
		/*background: gray;*/
		margin: 0 auto;
	}

	.sp_pos img {
		max-height: 130px;
		max-width: 100px;
		margin: 0 auto;
		display: block;
	}

	.sp_title, .sp_det {
		text-align: center;
	}

	.sp_title {
		font-size: 1.2em;
		font-weight: 500;
		margin-top: 10px;
	}

	.sp_det {
		margin-bottom: 20px;
	}

	.side_pan_list h4 {
		text-align: center;
	}

/* #### LATEST NEWS ##### */
	.darkv .news_banner {
		background-color: rgb(64,64,64);
	}
	.news_banner {
		width: calc(100% - 230px);
		text-align: center;
		padding-top: 20px;
		padding-bottom: 10px;
		/*background-color: #A0B1B7;*/
		background-color: rgb(211, 214, 214);
		/*display: none;*/
	}


	.banner_inner {
		margin: 0 auto;
		width: 90%;
	}
	.banner_inner:after {
		content:"";
		display: block;
		clear: both;
	}

	.darkv .news_banner h3 {
		color: silver;
	}
	.news_banner h3 {
		/*text-align: center;*/
		margin-top: 0;
		color: #969595;
		text-align: left;
		margin-left: 50px;
		font-size: 12px;
	}
	.darkv .news_ban_item {
		border:1px solid silver;
		color: silver;
	}
	.news_ban_item {
		/*background-color: white;*/
		display: inline-block;
		height: 150px;
		/*max-width: 30%;*/
		width: calc(100% / 3 - 10px);
		padding: 5px 15px;
		margin: 0 5px;
		float: left;
		border: 1px solid #83A5A4;
		color: #969595;
	}
	.darkv .news_ban_item h5 {
		color: #9EC3C2;
	}
	.news_ban_item h5 {
		font-size: 26px;
		max-height: 50%;
		overflow: hidden;
		color: #83A5A4;
		line-height: 1.3;
	}
	.news_ban_item section {
		overflow: hidden;
		max-height: 20%;
	}
	.news_ban_item label {

	}

	/*NEWS MODAL*/
		.btn_newnew {
			background-color: rgb(149,179,215);
			color: white;
			border:none;
			font-weight: 500;
			padding: 5px 10px;
			display: block;
			width: 70px;
			margin: 5px 0 0px 50px;
			outline: none;
		}
		.btn_newnew:hover {
			background-color: rgb(132, 164, 202);
		}

		#new_new .modal-content {
			border-radius: 0;
		}
		.darkv #new_new {
			color: black;
		}
		#new_new .modal-header {
			background-color: #7AA3FF;
			color: white;
		}
		#new_new input, #new_new select, #new_new textarea {
			width: 100%;
			outline: none;
			padding: 5px 15px;
			border: 1px solid #7AA3FF;
			-webkit-transition: background-color 0.2s;
			-o-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}
		#new_new input:focus, #new_new select:focus, #new_new textarea:focus {
			background-color: #EBF5FF;
		}
		#new_new .modal-footer {
			background-color: #F5F5F5;
		}
		#new_new .new_news_submit {
			outline: none;
			margin: 0 auto;
			display: block;
			border: 1px solid #7AA3FF;
			color: #7aa3ff;
			background-color: white;
			border-radius: 0;
			width: 95px;
		}
		#new_new .new_news_submit:hover {
			background-color: #DDECFB;
		}

		#new_new ::-webkit-input-placeholder {
		   color: #9ABBDC;
		}

		#new_new :-moz-placeholder { /* Firefox 18- */
		   color: #9ABBDC;  
		}

		#new_new ::-moz-placeholder {  /* Firefox 19+ */
		   color: #9ABBDC;  
		}

		#new_new :-ms-input-placeholder {  
		   color: #9ABBDC;  
		}

		#new_new select { 
			color: #9ABBDC; 
		}

/* #### TRENDING ##### */
	.trend {
		position: relative;
		height: 200px;
		margin-right: 230px;
		overflow: hidden;
	}
	.exp {
		font-size: 0;
		/*position: absolute;
		right: 80px;
		top: 0;*/
		height: 100%;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}

	.exp li {
		display: inline-block;
		font-size: 14px;

        width: calc(100% / 10);
        -webkit-transition: width 1s ease;
        -o-transition: width 1s ease;
        transition: width 1s ease;
        overflow: hidden;

            /*transform: rotate(13deg);*/
            box-shadow: inset 8px 0px 12px -9px #555;
            height: calc(100% + 55px);
            margin-right: 2px;
            /*border-radius: 15% 0 0 15%;*/
	}

	.exp li:last-of-type {
		border-right: 2px solid #C7C7C7;
	}

	.li_container {
		position: relative;
		height: 100%;
		/*left: -50px;*/
		width: calc(100% + 140px);
	}

	.exp li:hover {
		width: 400px;
	}
	.exp li:hover .exp_head {
		/*top: 50%;
		font-size: 28px;*/
		opacity: 0;
	}
	
	.exp_head {
		position: absolute;
		width: 100%;
		/*background-color: rgba(128, 128, 128, 0.56);*/
		font-size: 18px;
		color: white;
		/*text-align: center;*/
		top: 20%;
		padding: 10px 0;
		opacity: 1;
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
		white-space: nowrap;

			text-align: left;
			/*margin-left: 25px;*/
			     /*transform: rotate(-13deg); */
	}

	.exp_head span {
		background: gray;
		padding: 25px;
		/*border-radius: 0 46% 46% 0;*/
	}

	.exp_desc {
		opacity: 0;
		position: absolute;
		width: 100%;
		white-space: nowrap;
		top: 50%;
		height: 50%;
		-webkit-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;

		width: 100%;
		background-color: rgba(128, 128, 128, 0.56);
		font-size: 28px;
		color: white;
		text-align: center;
		padding: 10px 0;

		     /*transform: rotate(-13deg); */
	}

	.exp li:hover .exp_desc {
		opacity: 1;

	}


/*HOME TABS*/
	.home_tabs {
		/*margin: 20px 0;*/
		width: calc(100% - 230px);
		overflow: hidden;

		/*background: #34525d;
		background: -moz-linear-gradient(top,  #34525d 0%, #4b5e65 29%, #637674 59%, #71807b 71%, #71807b 71%, #819596 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34525d), color-stop(29%,#4b5e65), color-stop(59%,#637674), color-stop(71%,#71807b), color-stop(71%,#71807b), color-stop(100%,#819596)); 
		background: -webkit-linear-gradient(top,  #34525d 0%,#4b5e65 29%,#637674 59%,#71807b 71%,#71807b 71%,#819596 100%); 
		background: -o-linear-gradient(top,  #34525d 0%,#4b5e65 29%,#637674 59%,#71807b 71%,#71807b 71%,#819596 100%);
		background: -ms-linear-gradient(top,  #34525d 0%,#4b5e65 29%,#637674 59%,#71807b 71%,#71807b 71%,#819596 100%); 
		background: linear-gradient(to bottom,  #34525d 0%,#4b5e65 29%,#637674 59%,#71807b 71%,#71807b 71%,#819596 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34525d', endColorstr='#819596',GradientType=0 ); */

		/*background: #34525d; 
		background: -moz-linear-gradient(top,  #46636D  0%, #52646B  29%, #637674  59%, #6C7B76  71%, #6B7975  71%, #606C6D  100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46636D ), color-stop(29%,#52646B ), color-stop(59%,#637674 ), color-stop(71%,#6C7B76  ), color-stop(71%,#6B7975 ), color-stop(100%,#606C6D )); 
		background: -webkit-linear-gradient(top,  #46636D  0%,#52646B  29%,#637674  59%,#6C7B76   71%,#6B7975  71%,#606C6D  100%);  Chrome10+,Safari5.1+ 
		background: -o-linear-gradient(top,  #46636D  0%,#52646B  29%,#637674  59%,#6C7B76   71%,#6B7975  71%,#606C6D  100%); 
		background: -ms-linear-gradient(top,  #46636D  0%,#52646B  29%,#637674  59%,#6C7B76   71%,#6B7975  71%,#606C6D  100%); 
		background: linear-gradient(to bottom,  #46636D  0%,#52646B  29%,#637674  59%,#6C7B76   71%,#6B7975  71%,#606C6D  100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46636D ', endColorstr='#606C6D ',GradientType=0 ); 
		*/
		background: #34525d; /* Old browsers */
		background: -moz-linear-gradient(top,  #9FABAF  0%, #CBD3D6  29%, #C1CECC  59%, #DAE4E1  71%, #C9D4D1  71%, #D2D9DA  100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9FABAF ), color-stop(29%,#CBD3D6 ), color-stop(59%,#C1CECC ), color-stop(71%,#DAE4E1  ), color-stop(71%,#C9D4D1 ), color-stop(100%,#D2D9DA )); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #9FABAF  0%,#CBD3D6  29%,#C1CECC  59%,#DAE4E1   71%,#C9D4D1  71%,#D2D9DA  100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #9FABAF  0%,#CBD3D6  29%,#C1CECC  59%,#DAE4E1   71%,#C9D4D1  71%,#D2D9DA  100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #9FABAF  0%,#CBD3D6  29%,#C1CECC  59%,#DAE4E1   71%,#C9D4D1  71%,#D2D9DA  100%); /* IE10+ */
		 background: linear-gradient(to bottom, #9FABAF 0%,#CBD3D6 29%,#C1CECC 59%,#DAE4E1 71%,#C9D4D1 71%,#D2D9DA 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46636D ', endColorstr='#606C6D ',GradientType=0 ); /* IE6-9 */


	}

	.darkv .home_tabs {
		background: #34525d; /* Old browsers */
		background: -moz-linear-gradient(top,  #181A1B  0%, #474E50  29%, #38403F  59%, #3F4845  71%, #454C4A  71%, #383C3C  100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181A1B ), color-stop(29%,#474E50 ), color-stop(59%,#38403F ), color-stop(71%,#3F4845  ), color-stop(71%,#454C4A ), color-stop(100%,#383C3C )); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #181A1B  0%,#474E50  29%,#38403F  59%,#3F4845   71%,#454C4A  71%,#383C3C  100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #181A1B  0%,#474E50  29%,#38403F  59%,#3F4845   71%,#454C4A  71%,#383C3C  100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #181A1B  0%,#474E50  29%,#38403F  59%,#3F4845   71%,#454C4A  71%,#383C3C  100%); /* IE10+ */
		 background: linear-gradient(to bottom, #181A1B 0%,#474E50 29%,#38403F 59%,#3F4845 71%,#454C4A 71%,#383C3C 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46636D ', endColorstr='#606C6D ',GradientType=0 ); /* IE6-9 */

	}

	.darkv .home_tabs ul {
		background-color: #2D2D2D;
		color: #B5B5B5;
	}

	.home_tabs ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		text-align: center;
		font-size: 0;
		/*background-color: #808080;*/
		color: #DADADA;
		width: 100%;
		/*border: 1px solid #D2D2D2;*/
		/*background-color: #E4E4E4;*/
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34525d+0,4b5e65+29,637674+59,71807b+71,71807b+71,819596+100 */
		/*background-color: #46636D;*/
		background-color: #92A0A5;


	}

	.home_tabs ul li {
		display: inline-block;
		font-size: 28px;
		padding: 5px 15px;
		cursor: pointer;
		/*border-left: 1px solid #A4A4A4;*/
		-webkit-transition: 0.12s;
		-o-transition: 0.12s;
		transition: 0.12s;
		top: 0;
	}

	.home_tabs_ul_fixed {
		position: fixed;
		top: 30px;
		width: calc(100% - 230px) !important;
		z-index: 1;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5)
	}

	.home_tabs ul li:last-of-type {
		/*border-right: 1px solid #A4A4A4;*/
	}

	.home_tabs ul li:hover {
		background-color: rgba(195, 195, 195, 0.32);
		color: #CCCACA;
	}

	.darkv .home_tabs ul li:hover {
		color: #808080;
	    background-color: #3A3A3A;
	}

	.home_tabs ul li.tab_active {
		/*background-color: #D6D6D6;*/
		background-color: rgba(214, 214, 214, 0.21);
		color: white;
		/*position: relative;
		top: 8px;*/
		
	}

	.home_tab_result_area {
		/*min-height: 700px;*/
		width: 100%;
		/*background-color: #808080;*/
		position: relative;
		/*overflow: hidden;*/
		overflow-y:auto;
	}

	.home_tab_result_area ul {
		position: relative;
		top: -50px;
		border:none;
	}

	.home_tab_result_area ul li {
		box-shadow: 0 0 0 #B5B5B5;
	}

	.home_tab_result_area_active {
		/*box-shadow: 0 0 0 1000px #567;*/
	}

	.darkv .home_tab_result_area .home_tab_result_area_active {
		box-shadow: 0 0 0 1000px rgba(136, 136, 136, 0.21);
	}
	.home_tab_result_area .home_tab_result_area_active {
		/*box-shadow: 0 0 0 1000px #D6D6D6;*/
		/*box-shadow: 0 0 0 1000px rgba(214, 214, 214, 0.21);*/
		box-shadow: 0 0 0 1000px rgba(136, 136, 136, 0.21);
		  /*content: '';*/
		  /*position: absolute;*/
		 /* top: -100px;
		  left: 50%;
		  width: 10px;
		  height: 10px;*/
		  border-radius: 50%;
		  /*background-color: #4d4d4d;*/
		  /*background-color: #808080;*/
		  /*background: #567;*/
		  -webkit-animation: grow 1.1s ease;
		  /*animation-delay: 0.3s;*/
		  z-index: -1;
	}

	  @-webkit-keyframes grow {
	    from {
	      /*box-shadow: 0 0 0 #D6D6D6;*/
	      /*box-shadow: 0 0 0 0 rgba(214, 214, 214, 0.21);*/
	      box-shadow: 0 0 0 0 rgba(136, 136, 136, 0.21);
	      /*background-color: #808080;*/
	    }
	    to {
	      /*box-shadow: 0 0 0 1000px #D6D6D6;*/
	      /*box-shadow: 0 0 0 1000px rgba(214, 214, 214, 0.21);*/
	      box-shadow: 0 0 0 1000px rgba(136, 136, 136, 0.21);
	      -webkit-transform: translateZ(0);
	      /*background: #D6D6D6;*/
	      /*background: #999999;*/
	    }
	  }

/*HOME TABS RESULTS*/
	/*TAB RESULTS*/
	  .tab_results {
	  	position: relative;
	  	color: white;
	  	padding: 10px;
	  	top: 0;
		width: 100%;
		min-height: 500px;
	  }

	/*GERAL  */
		.tab_inner_results {

		}
		
		.tab_item {
			margin-bottom: 30px;
			width: 100%;
			background-color: rgba(0, 0, 0, 0.31);
			/*padding: 10px;*/
			position: relative;
		}
		.tab_item:after {
			content:" ";
			display: block;
			clear: both;
		}
		.tab_type {
			width: 50px;
			display: inline-block;
			border-right: 1px solid rgba(0, 0, 0, 0.22);
			float: left;
			/*padding: 15px 10px;*/
			text-align: center;
			height: 100%;
			position: absolute;
			left: 0;
			color: rgba(255,255,255,0.4);
		}
		.tab_type:hover, .tab_type:focus, .tab_type:active {
			color: inherit;
			opacity: 0.7;
		}

		.tab_type i {
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			text-align: center;
		}
		.tab_type span {
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.tab_title, .tab_news, .tab_media, .tab_comment {
			display: inline-block;
			float: left;
			width: calc(100% - 100px);
			/*padding: 15px 10px;*/
			font-size: 17px;
			height: 100%;
			position: relative;
			left: 50px;
		}
		.tab_in, .tab_upic, .tab_uname, .tab_class, .tab_in_media, .tab_in_rec, .tab_rec_ind {
			position: relative;
			/*top: 50%;
			-webkit-transform:translateY(-50%);
			-moz-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
			transform:translateY(-50%);*/
			
		}
		.tab_in {
			width: calc(100% - 98px);
			/*left: 130px;*/
			float: left;
			line-height: 1;
			overflow: hidden;
			height: 100%;
			padding: 4px 0;
		}
		.tab_in span {
			vertical-align: sub; /*fallback*/
			vertical-align: -webkit-baseline-middle; 
			display: block;
			padding: 5px;
		}
		.tab_in a {
			color: inherit;
			text-decoration: none;
			font-size: 20px;
		}
		.tab_in a:hover {
			opacity: 0.7;
		}
		.tab_in a + small {
			margin-left: 5px;
			font-size: 0.7em;
		}
		.tab_upic {
			width: 48px;
			left: 0;
			height: 100%;
			background-color: silver;
			display: inline-block;
			/*float: left;*/
			overflow: hidden;
		}
		.tab_upic img {
			width: 100%;
		}
		.tab_uname {
			width: 70px;
			/*left: 40px;*/
			font-size: 13px;
			/*margin: 10px;*/
			display: inline-block;
			/*float: left;*/
			color: #BEE6E8;
		}
		
		.tab_right {
			display: inline-block;
			/*float: left;*/
			width: 50px;
			background-color: rgba(0, 0, 0, 0.17);
			/*padding: 15px 10px;*/
			text-align: center;
			height: 100%;
			position: absolute;
			right: 0;
			cursor: pointer;
			color: rgba(255, 255, 255, 0.39);
		}
		/*.tab_right:hover, .tab_right:focus, .tab_right:active {
			color: #B0C9DE;
		}*/

		.tab_right i {
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			text-align: center;
		}

		.tab_right_on {
			color: #FFAE1B;
		}

		.tab_img .tab_right {
			/*width: 100px;*/
		}

		.tab_img .tab_comment {
			width: calc(100% - 150px);
		}

		.tab_right img {
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			text-align: center;
		}

		.darkv .tab_time {
			color: rgba(212, 212, 212, 0.71);
		}
		.tab_time {
			width: 60px;
			display: inline-block;
			font-size: 12px;
			color: rgba(255, 255, 255, 0.71);
		}

		.darkv .load_more_home {
			background-color: transparent;
			border:2px solid silver;
			color: white;
		}
		.load_more_home {
			border: 2px solid #9A9A9A;
			padding: 5px 15px;
			outline: none;
			margin: 20px auto;
			display: block;
			background-color: rgba(78, 78, 78, 0.13);
			color: #252525;
		}

		/*.tab_social {
			display: inline-block;
			float: right;
			margin-right: 25px;
		}*/

			/*.pin_list {
				width: 50px;
				height: 30px;
				text-align: center;
				padding: 5px;
				cursor: pointer;
				margin: 0 auto;
				position: absolute;
			}*/

			.pin_list i {
				margin-top: -8px;
			}

			.item_reply {
				width: 50px;
				text-align: center;
				padding: 9px 0;
				cursor: pointer;
				position: absolute;
				bottom: 0;
				font-size: 12px;
			}

			/*.tr_op {
				overflow: hidden;
			}*/

			.tr_op:after {
		      content: "";
		      display: inline-block;
		      position: absolute;
		      left: 50%;
		      top: 50%;
		      padding: 0px;
		      border-radius: 50%;
		     background-color: rgba(99, 130, 136, 0.41);
		     transform: translate(-50%,-50%);
		     -webkit-transition: padding 0.3s ease-in;
		     -o-transition: padding 0.3s ease-in;
		     transition: padding 0.3s ease-in;
		    }

		    .tr_op:hover:after {
		      padding: 35px;
		    }

		    .tr_op:active {
		    	background-color: rgba(99, 130, 136, 1);
		    	color: white;
		    }

		.tab_social_messages {
			display: inline-block;
			opacity: 0.7;
		}
	
		.tab_social_messages:hover {
			cursor: pointer;
			opacity: 1;
		}

		.tab_social_messages span {
			position: absolute;
		}

		.tab_userpic {
			width: 30px;
			display: inline-block;
			margin: 0 10px;
			/* border-radius: 49%; */
			overflow: hidden;
			height: 30px;
		}
		.tab_userpic img {
			width: 100%;
		}

	/*TAB DAY*/
		.darkv .tab_day {
			color: #C1C1C1;
		}
		.tab_day {
			margin-top: 20px;
			padding: 10px 0;
			border: 1px solid rgba(0, 0, 0, 0.15);
			background-color: rgba(0, 0, 0, 0.11);
			color: #F3F3F3;
		}
		.t_week {
			text-align: center;
			font-weight: 700;
			font-size: 12px;
		}
		.t_date {
			text-align: center;
			font-size: 17px;
			font-weight: 400;
			margin-top: -4px;
		}
		
	/*RATES	*/
		.tab_class {
			width: 50px;
			right: 0;
			display: inline-block;
			float: left;
		}

		.tab_bar_out {
			position: absolute;
			width: 100%;
			top: 0;
			height: 2px;
			left: 0;
		}
		.tab_bar_in {
			/*background-color: rgba(237, 20, 61, 0.5);*/
			height: 100%;
		}

		.tab_item_rate {
			/*height: 64px;*/
		}

	/*NEWS*/
		.darkv .tab_item_news {
			background-color: rgba(31, 31, 31, 0.57);
		}
		.tab_item_news {
			background-color: #93A4A7;
		}

		.tab_news {
			padding: 5px 5px 10px 10px;
		}

		.tab_news a {
			display: inline-block;
			position: relative;
		}
		.tab_news a:hover .h_play_b {
			opacity: 1;
			transform: scale(1);
		}
		.h_play_b {
			position: absolute;
			left: 50%;
			-webkit-transform: translate(-50%, 0%);
			transform: translate(-50%, 0%);
			top: 50%;
			border: 3px solid white;
			border-radius: 50%;
			padding: 16px 11px;
			margin-top: -15px;
			margin-left: -20px;
			background-color: rgba(0, 0, 0, 0.35);
			-webkit-transition: all 0.12s ease-out;
			-o-transition: all 0.12s ease-out;
			transition: all 0.12s ease-out;
			opacity: 0;
			transform: scale(0.5);
		}
		.tri_play {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 8px 8px 8px 20px;
			border-color: transparent transparent transparent white;
			left: 6px;
			    position: relative;
		}
		.h_play_b:hover {
			background-color: #1E94C1;
			border-color:#1E94C1;
		}

		.tab_news h5 {
			font-size: 28px;
		}

		.tab_news h5 a {
			text-decoration: none;
			color: inherit;
			font-weight: 400;
		}
		
		.tab_news h5 a:hover {
			opacity: 0.8;
		}

		.tab_news h5 span {
			margin-left: 10px;
			font-size: 12px;
			font-weight: 400;
			color: rgba(255, 255, 255, 0.63);
		}

		.tab_newsbody {
			font-size: 15px;
			line-height: 1.2;
			margin-bottom: 10px;
		}

		.darkv .tab_news_author {
			color: #A7A7A7;
		}
		.tab_news_author {
			display: inline-block;
			float: right;
			margin-right: 10px;
			font-size: 12px;
			color: #ECECEC;
		}

		.tab_news_link {
			text-decoration: none;
			color: white;
			background-color: #7C929C;
			padding: 2px 5px;
			font-size: 13px;
		}
	
		.tab_news_link:hover, .tab_news_link:active, .tab_news_link:focus {
			background-color: #4A86A0;
			color: white;
			text-decoration: none;
		}
		
		.news_video {

		}

		.tab_news_connec {
			/*position: absolute;*/
			float: left;
			
			/*bottom: -25px;*/
			background-color: rgba(0, 0, 0, 0.33);
			width: calc(100% - 50px);
			border-top: 1px solid black;
			min-height: 25px;
			padding-left: 60px;
			overflow: hidden;
		}

		.tab_news_connec a {
			text-decoration: none;
		    color: #BDBDBD;
		    margin-right: 10px;
		    max-width: 150px;
		    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: inline-block;
		    padding: 2px 0;
		}
		.tab_news_connec a:hover, .tab_news_connec a:focus, .tab_news_connec a:active {
			text-decoration: none;
			color: white;
		}
	
	/*MEDIA*/
		.tab_media .tab_in_media {
			/*top: 30%;*/
		}
		.tab_media {
			/*height: 40px;*/
			height: 100px;
		}
		.tab_in_media {
			float: left;
			width: calc(100% - 210px);
		}
		.tab_in_media h5 {
			padding-left: 15px;
			font-size: 20px;
		}
		.tab_mediacat {
			width: 60px;
		    left: 0;
		    height: 100%;
		    background-color: rgba(49, 49, 49, 0.42);
		    display: inline-block;
		    float: left;
		    color: #B6B9B3;
		    text-align: center;
		    font-size: 14px;
		    /*padding-top: 9px;*/
		    padding-top: 40px;
		}
		.tab_medianame {
			padding-left: 15px;
			line-height: 1;
			overflow: hidden;
			height: 100%;
		}
		.tab_medianame span {
			vertical-align: sub;
			vertical-align: -webkit-baseline-middle;
			display: inline-block;
		}
		.tab_media a {
			float: right;
			height: 100%;
			/*padding-top: 9px;*/
			padding-top: 40px;
			width: 60px;
			text-align: center;
		}

		.tab_medianame a {
			float: initial;
			color: inherit;
			text-decoration: none;
		}
		.tab_medianame a:hover {
			opacity: 0.7;
		}

		.media_poster {
			float: left;
			width: 75px;
			overflow: hidden;
			margin: 5px 15px 5px 5px;
		}

		.media_poster img {
			width: 100%;
			height: auto;
		}
	
	/*COMMENTS*/
		.tab_item_comment {

		}
		.tab_comment {
			padding: 5px 5px 10px 10px;
		}
		.tab_comment h5 {
			margin: 2px 0 17px 0;
			float: left;
			width: calc(100% - 60px);
		}
		.tab_comment a {
			color: inherit;
			text-decoration: none;
			font-size: 25px;
		}
		.tab_comment a:hover {
			opacity: 0.7;
		}
		.tab_comment span:nth-of-type(1) {
			font-size: 14px;
			margin-right: 5px;
			color: rgba(230, 230, 230, 0.69);
		}
		.tab_comment span:nth-of-type(2) {
			margin-right: 5px;
			font-size: 16px;
			font-weight: 400;
		}
		.tab_comment span:nth-of-type(3) {
			color: #ABD7DC;
			font-size: 15px;
			font-style: italic;
		}
		.tab_comment_area {

		}
		.tab_comment_pic {
			width: 48px;
			height: 64px;
			/*border-radius: 50%;*/
			background-color: silver;
			display: block;
			/*margin: 0 auto;*/
			overflow: hidden;
		}
		.tab_comment_pic img {
			width: 100%;
		}
		.tab_comment_user {
			text-align: center;
			font-size: 12px;
			overflow: hidden;
			display: block;
			text-overflow:ellipsis;
		}
		.tab_comment_u {
			width: 70px;
			float: left;
			
		}
		.comment_mess {
			width: calc(100% - 70px);
			font-size: 14px;
		}
		.tab_comment_more {
			float: left;
			background-color: rgba(0, 0, 0, 0.28);
			width: calc(100% - 50px);
			border-top: 1px solid black;
			/*height: 25px;*/
			cursor: pointer;
			padding-left: 60px;
			color: #BDBDBD;
			font-size: 0;
		}

		.tcm_right {
			display: inline-block;
			width: calc(100% - 30px);
			font-size: 15px;
			padding: 2px 15px;
		}

		.tcm_rup {

		}

		.tab_comment_more .tcm_ti {
			display: inline-block;
		    width: 85px;
		    text-align: center;
		    font-size: 12px;
		    color: white;
		    padding: 3px;
		    position: relative;
		}
		.tab_comment_more .tcm_pi {
			display: inline-block;
			width: 30px;
			height: 30px;
			overflow: hidden;
		}
		.tab_comment_more .tcm_pi img {
			width: 100%;
			height: auto;
		}
		.tab_comment_more .tcm_fo {
			display: inline-block;
			color: #E6E6E6;
			/*margin-right: 15px;*/
			width: calc(100% - 90px);
			color: #BEE6E8;
		}
		.tab_comment_more .tcm_me {
			display: block;
			color: white;
			font-size: 13px;
		}

		.tab_showmore {
			float: left;
			max-height: 0;
			overflow: hidden;
			-webkit-transition: 0.2s max-height ease-in-out;
			-o-transition: 0.2s max-height ease-in-out;
			transition: 0.2s max-height ease-in-out;
			width: 100%;
		}

		.tab_showmore_on {
			max-height: 200px;
			overflow-y: auto;
			margin-top: 20px;
		}

		.tab_showmore .tab_comment {
			width: calc(100% - 50px);
		}

		.tab_showmore .tab_time {
			float: right;
		}
	
	/*RECOMEND*/
		.tab_item_recomend_me .tab_title, .tab_item_recomend_seen .tab_title {
			height: 70px;
		}

		.tab_item_recomend_seen {
			/*height: 70px;*/
			/*display: inline-block;*/
			background-color: rgba(97, 101, 84, 0.71);
		}
		.tab_item_recomend_me {
			/*height: 70px;*/
			display: inline-block;
			background-color: rgba(101, 92, 84, 0.71);
		}
		.tab_rec_ind {
			width: 100px;
			display: inline-block;
			font-size: 12px;
			float: left;
			
		}
		.tab_in_rec {
			width: calc(100% - 40px - 90px - 100px - 50px);
			display: inline-block;
			float: left;
		}
		.tab_in_rec a {
			text-decoration: none;
			color: inherit;
		}	
		.tab_in_rec a:hover {
			opacity: 0.7;
		}
		.tab_item_recomend_me .tab_upic img, .tab_item_recomend_seen .tab_upic img {
			display: block;
			-webkit-transform:translateY(-50%);
			-moz-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
			transform:translateY(-50%);
			top: 50%;
			position: relative;
		}

	/*FILTER AREA*/
		.tab_filter_area_on, .tab_filter_area_off {
			background-color: rgba(0, 0, 0, 0.18);
			cursor: pointer;
			font-size: 18px;
			padding-left: 20px;
		}
		.tab_filter_area_on:hover, .tab_filter_area_off:hover {
			background-color: rgba(0, 0, 0, 0.38);
		}

		.tab_filter_area_on {
			display: none;
		}

		.tab_filter_on .tab_filter_area_on {
			display: block;
		}
		.tab_filter_on .tab_filter_area_off {
			display: none;
		}

		.tab_filter_area {

		}
		.tab_filter_area_on {

		}
		
		.tab_filter {
			max-height: 0;
			-webkit-transition:  max-height .2s ease-in-out;
			-o-transition:  max-height .2s ease-in-out;
			transition: max-height .2s ease-in-out;
			overflow: hidden;
			/*display: none;*/
			background-color: rgba(0, 0, 0, 0.09);
		}

		.tab_filter_in {
		    padding: 20px;
		}

		.tab_filter_in select {
			color: #EFEFEF;
			border: none;
			background-color: #667B82;
			padding: 5px 15px;
			font-size: 15px;
			outline: none;
			margin-left: 10px;
			cursor: pointer;
			appearance:none;
			-moz-appearance:none; /* Firefox */
			-webkit-appearance:none; /* Safari and Chrome */
		}

		.tab_filter_on .tab_filter {
			max-height: 100px;
			/*display: block;*/
		}

/*POOL*/
	.show_pool {
		background-color: gold;
		padding: 5px 0;
		font-size: 16px;
		font-weight: 500;
	}
	.show_pool span {
		margin-right: 10px;
		color: black;
	}
	.show_pool a {
		text-decoration: none;
		background-color: crimson;
		color: lightgoldenrodyellow;
		padding: 2px 5px;
		border-radius: 2px;
	}
	.show_pool a:hover {
		background-color: firebrick;
	}

/* #### SLIDEBLOCK ##### */
	.slideblock {
		background: white;
		border:1px solid #ddd;
		border-radius: 2px;
		height: 210px;
		width: 96%;
		/*padding: 10px 30px 10px 10px;*/
		/*position: relative;*/
		overflow-x: hidden;
		white-space: nowrap;
	}
	
	.slideblock a {
		display: inline-block;
		width: 20%;
		height: 100%;
		text-decoration: none;
		outline: none;
		color: black;
		padding: 10px;
	}

	.slideblock a:hover {
		background: whitesmoke;
	}

	.sb_item {
		vertical-align: top;
		/* width: 186px; */
		width: 100%;
		height: 175px;
		display: inline-block;
		/*margin: 0px 15px;*/
		text-align: center;
	}

	.sb_pos {
		/*background: gray;*/
		height: 125px;
		width: 85px;
	}

	.sb_pos img {
		max-height: 130px;
		max-width: 85px;
	}
	
	.sb_title, .sb_det, .sb_pos {
		/*display: inline-block;*/
		margin: 0 auto;
	}

	.sb_title {
		font-weight: 500;
		overflow: hidden;
		vertical-align: top;
		/*width: 50%;*/
		text-align: center;
		margin-top: 5px;
		-ms-text-overflow: ellipsis ;
		text-overflow:ellipsis;
		white-space: normal;
		height: 42px;
	}

	.sb_det {
		font-size: 0.7em;
		color:#7BA2B0;
	}

	.sidb_arrow_grp {
		/* display: inline-block; */
		/* vertical-align: top; */
		height: 100%;
		/* float: right; */
		/* top: 0; */
		right: 0px;
		position: absolute;
		height: 210px;
		bottom: -1px;
		border: 1px solid #ddd;
	}

	.sidb_arrow_grp div {
		background: #EFEFEF;
		padding: 5px 20px;
		height: 50%;
		/*border-left: 1px solid #ddd;*/
		cursor: pointer;
	}
	
	.sidb_arrow_grp div:hover {
		background: #676663;
	}

	.sidb_arrow_grp div:hover i{
		color: #ddd;
	}

	.sidb_arrow_grp div:nth-of-type(2) {
		border-top: 1px solid #ddd;
	}

	.sidb_arrow_grp div i {
		font-size: 40px;
		color: gray;
		padding-top: 20px;
	}

	.sidb_arrow_grp .less5_list {
		background: #676663;
		padding: 30px;
		color: #ddd;
		height: 100%;
		font-size: 18px;
		width: 100%;
		float: right;
	}

	.less_mes {
		width: 35%;
		/*position: relative;*/
	}

	.generatecssdotcom_arrowpoint {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;}
	.generatecssdotcom_arrowpoint a {color:#cccccc;text-decoration:none;font-weight:normal;}
	.generatecssdotcom_arrowpoint a:hover {color:#cccccc;text-decoration:none;font-weight:normal;}
	.generatecssdotcom_arrow {text-align:left;font-size:5px;font-family:Georgia;color:#000000;width:2px;height:0px;position:absolute;background:#676663;margin:4px 4px 4px 24px;padding:10px;top: 41%;left: -22px;}
	.generatecssdotcom_arrow:after, .generatecssdotcom_arrow:before {right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
	.generatecssdotcom_arrow:after {border-right-color:#676663;border-width:20px;margin-top:-20px;}
	.generatecssdotcom_arrow:before {border-width:26px;margin-top:-26px;}

/* #### ACTIVITY ##### */
	.u_bread {
		font-size: 0.6em;
		cursor: pointer;
	}

	.u_bread:hover {
		font-weight: bold;
	}

	.u_bread_active {
		font-weight: bold;
	}

	.mr {
		margin-right: 60px;
	}

	.u_bread:after{
		content: " / ";
		font-weight: normal !important;
	}

	.u_bread:last-of-type:after {
		content:"";
	}

	.comment_block {
		/*padding: 5px;*/
		border-left: 2px solid silver;
		margin-bottom: 5px;
	}

	.comment, .comment_det {
		margin-left: 30px;
		margin-right: 80px;
	}

	.comment {
		font-size: 16px;
		/*border-top: 1px solid whitesmoke;*/
		padding-top: 5px;
	}

	.comment:first-of-type {
		border-top: none;
	}

	.comment_text {
		font-weight: 500;
	}

	div.remlin {
		border-left: none; 
	}
	.remlin .comment {
		border-top: none;
	}

	.comment_more {
		background: whitesmoke;
		padding: 2px 5px;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		cursor: pointer;
		text-align: center;
		color: lightsteelblue;
		font-weight: bold;
	}

	.comment_more:hover {
		background: ghostwhite;
		box-shadow: inset 0px 3px 5px rgba(0,0,0,0.2);
	}

	.comment_pic6 {
		float: left;
		margin-top: 9px;
		font-size: 1.4em;
		margin-right: 10px;
		background: #ddd;
		color: white;
		padding: 3px 10px;
		border-radius: 50%;
	}

	.comment_time {
		opacity: 0.5;
	}

	.comment_symb6 {
		position: absolute;
		top: 0;
		right: 0;
		color: white;
		font-size: 60px;
		/*padding: 0px 8px;*/
		border-radius: 0 4px 0 0;
		height: 100%;
		width: 95px;
		text-align: center;
	}

	.hrate {
		height: 100%;
		background: gold;
		z-index: 1;
		position:absolute;
		text-shadow: -1px 1px rgba(255,255,255,0.5);
	}

	.hratev {
		z-index: 2;
		color: rgb(200, 170, 9);
		position: relative;
	}

	.comment_symb6 img {
		max-height: 100%;
		max-width: 100%;
		margin-top: -14px;
	}

	.symb_title {
		border-left:3px solid firebrick;
	}
	.symb_title .comment_symb6 {
		background: firebrick;
		color: crimson;
	}

	.symb_pool {
		border-left:3px solid seagreen;
	}
	.symb_pool .comment_symb6 {
		background: seagreen;
		color:mediumseagreen;
	}

	.symb_rate {
		border-left:3px solid gold;
		padding: 5px 15px;
	}

	.symb_rate .comment_pic6 {
		display: none;
	}

	.symb_rate .comment_block h3 {
		/*position: absolute;
		right: 100px;
		margin-right: 250px;*/
		display: inline-block;
	}

	.symb_rate .comment_block .comment {
		margin-left: 10px;
		padding-top: 0;
	}

	.symb_rate .comment_symb6 {
		/*background: gold;*/
		color: gold;
		font-size: 35px;
		border-left: 1px solid #ddd;
	}

	.symb_rate .comment span {
		vertical-align: super;
	}
	
	.symb_pic {
		border-left:3px solid steelblue;
	}
	.symb_pic .comment_symb6 {
		width: inherit;
	}

	.symb_recme {
		border-left:3px solid black;
		background: ghostwhite;
	}
	/*.symb_recme .comment_symb6 {
		background: mediumvioletred;
		color: crimson;
	}*/

	.symb_recto {
		border-left:3px solid orange;
		background: snow;
	}
	.symb_recto .comment_symb6 {
		background: orange;
		color: white;
	}
	.list_rate {
		/*background: inherit;*/
		/*border: none;*/
	}

	.comment_block h3 {
		margin-top: 0;
		font-size: 1.3em;
		margin-left: 20px;
		margin-bottom: 0;
		font-weight: 400;
	}
	
	.symb_rate h3 {
		position: absolute;
		top: 30%;
		margin-right: 83px;
		max-height: 43px;
		overflow: hidden;
	}

	.list-group-item {
		position: relative;
	}

	.list-group {
		margin-bottom: 16px;
	}

	.area .list-group .list-group-item {
		padding: 5px 15px;
	}

	.area {
		width: 85%;
		position: relative;
		height: 245px;
	}

	.area2 {
		width: 85%;
		position: relative;
		margin-bottom: 40px;
	}

	.more_act {
		border-radius: 1px;
		border: 2px solid #D8D8D8;
		color: #CFCFCF;
		font-size: 17px;
		font-weight: bold;
		margin: 6px auto;
		padding: 8px 24px;
		outline: none;
		background: none;
		display: block;
	}

	.more_act:hover {
		background: #D8D8D8;
		color: gray;
		border: 2px solid silver;
	}

	.more_act:active {
		background: #D0D0D0;
	}

	.loaded_coms {
		background: ghostwhite;
		padding: 2px 25px 9px 25px;
		border: 1px solid #ddd;
		margin: -1px 1px 0 1px;
		font-size: 0.9em;
	}

	.loaded_coms .comment_pic6 {
		font-size: 1.3em;
		padding: 2px 8px;
	}

	.loaded_coms .comment_text {
		font-size: 0.9em;
	}

	.loaded_coms_container {
		max-height: 250px;
		overflow: auto;
		display: none;
	}

	.loaded_coms_container::-webkit-scrollbar{width: 8px;}
	.loaded_coms_container::-webkit-scrollbar-thumb{background-color:rgb(196, 196, 196); border-radius: -1;}
	.loaded_coms_container::-webkit-scrollbar-thumb:hover{background-color:rgb(199, 205, 209);}
	.loaded_coms_container::-webkit-scrollbar-track{background-color:rgb(237, 237, 237);}

/* #### FOOTER ##### */
	footer {
		min-height: 50px;
		background: #464646;
		color:#EEEEEE;
		margin-top: 10px;
		padding: 10px;
		bottom: 0;
		position: absolute;
		width: 100%;
	}

@media (max-width: 1600px) {
	.area, .area2 {
		width: 84%;
	}
}

@media (max-width: 1500px) {
	.area, .area2 {
		width: 83%;
	}
}

@media (max-width: 1450px) {
	.area, .area2 {
		width: 82%;
	}
	.slideblock {
		width: 95%;
	}
}

@media (max-width: 1350px) {
	.area, .area2 {
		width: 80%;
	}
	.slideblock {
		height: 210px;
		width: 95%;
	}
}

@media (max-width: 1200px) {
	.area, .area2 {
		width: 78%;
	}

	.container-fluid {
		padding-left: 4%;
	}

	.sideblock {
		width: 94%;
	}
}

@media (max-width: 1110px) {
	.area, .area2 {
		width: 75%;
	}

	.sb_title {
		max-height: 60px;
	}

	.container-fluid {
		padding-left: 3%;
	}

	.info_page {
		float: inherit;
		position: absolute;
		left: 15px;
	}
}

@media (max-width: 950px) {
	.area, .area2 {
		width: 73%;
	}
	.home_tabs ul li {
		font-size: 24px;
	}
}

@media (max-width: 900px) {
	.area, .area2 {
		width: 100%;
	}

	.side_pan {
		margin-bottom: 0;
		width: 100%;
		top: inherit !important;
		/*height: 120px;*/
		/*left: 0;*/
		position: static;
		box-shadow: none;
		background: inherit;
	}

	.side_pan_list {
		overflow-x: auto;
		white-space: nowrap;
	}

	.sp_title {
		max-width: 100px;
		height: 43px;
		white-space: normal;
		text-overflow: ellipsis;
		/* Required for text-overflow to do anything */
		white-space: nowrap;
		overflow: hidden;
	}

	.sp_det {
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	.side_pan_list h4 {
		display: none;
	}

	.sp_item {
		position: relative;
		vertical-align: top;
		margin: 0 10px;
		display: inline-block;
	}

	.sp_pos {
		margin-top: 20px;
	}

	.area .area2 {
		width: 100%;
	}

	.li_head {
		word-wrap: break-word;
	}

	.container-fluid {
		padding-left: 1%;
	}

	.side_pan_list a {
		display: inline;
	}

	.news_banner {
		width: 100%;
	}

	.home_tabs {
		width: 100%;
	}

	.home_tabs_ul_fixed {
		width: 100% !important;
	}

	.news_ban_item h5 {
		font-size: 20px;
	}
}

@media (max-width: 700px) {
	.home_tabs_ul_fixed {
		top: 44px;
	}
}

@media (max-width: 620px) {
	.sidb_arrow_grp div {
		padding: 5px 16px;
	}

	.area, .area2 {
		height: 185px;
	}

	.sb_item {
		height: 130px;
	}

	.slideblock {
		height: 150px;
	}

	.sb_title {
		display: none;
	}

	.sp_item {
		margin: 0px;
	}

	.ban_contain {
		display: none;
	}

	.side_pan {
		display: none;
	}

	.sidb_arrow_grp {
		height: 150px;
	}

	.info_page {
		left: inherit;
	}

	.home_tabs ul li {
		font-size: 18px;
	}
}

@media (max-width: 600px) {
	.slideblock a {
		/*width: 17%;*/
		padding: 10px 5px;
	}

	.sidb_arrow_grp div {
		padding: 5px 10px;
	}

	.comment_symb6 {
		font-size: 50px;
		width: 80px;
		/*padding: 5px 8px;*/
	}

	.comment, .comment_det {
		margin-right: 50px;
	}

	.tab_results {
		padding: 4px;
	}

	.tab_item_rate {
	    height: 50px;
	}

	.tab_in {
		line-height: 1.3;
	}

	.tab_media .tab_uname {
		display: none;
	}

	.tab_in_media {
		width: calc(100% - 120px);
	}

	.tab_in a + small {
		display: none;
	}
}

@media (max-width: 520px) {
	.slideblock a {
		padding: 10px 0px;
	}

	.sb_item {
		text-align: inherit;
	}

	.sb_pos img {
		max-height: 100px;
		max-width: 75px;
	}

	.less5_list {
		padding: 5px 23px;
		font-size: 17px;
	}

	.comment, .comment_det {
		margin-right: 70px;
	}

	.news_banner {
		display: none;
	}

	.home_tabs ul li {
		font-size: 16px;
		padding: 5px 11px;
	}

	.hsub_menu {
		margin-top: 25px;
	}

	.tab_type {
		width: 30px;
	}

	.tab_title, .tab_news, .tab_media, .tab_comment {
		width: calc(100% - 80px);
		left: 30px;
	}

	.tab_class {
		text-align: center;
	}

	.tab_in_media h5 {
		display: none;
	}
}

@media (max-width: 470px) {
	.sb_pos img {
		max-height: 90px;
		max-width: 65px;
	}
	.sidb_arrow_grp .less5_list {
		font-size: 12px;
	}

	.slideblock {
		width: 95%;
	}

	.sidb_arrow_grp {
		right: 0px;
	}

	.container-fluid {
		padding-left: 3px;
		padding-right: 3px;
	}

	.mr {
		display: block;
	}

	.home_tabs ul li {
		display: block;
	}

	.home_tab_result_area ul {
		display: none;
	}

	.home_tabs_ul_fixed {
		position: static;
	}

	.nav_home {
		padding: 0;
	}

	.info_page {
		margin-right: 0;
		margin-top: 5px;
	}

	.nav_home li {
		padding: 4px;
	}

	.tab_upic {
		display: none;
	}

	.tab_in {
	    width: calc(100% - 140px);

	}
}

@media (max-width: 400px) {
	.tab_class {
		display: none;
	}

	.tab_in {
		width: calc(100% - 90px);
	}
}