.noselect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;  -moz-user-select:none; -ms-user-select:none; user-select:none; user-drag:none; -webkit-user-drag:none; cursor:default; }

body,html { height:100%; margin:0; }
body { background-color:#373737; margin:0px; padding:0px; font-family:roboto_regular; font-size:24px; color:#000; }

a:link { color:#ff7e00; }
a:visited { color:#0081ff; }
.logictag:link { color:#2b2b2b; }
.logictag:visited { color:#2b2b2b; }

hr {
	clear:both;
	display:block;
	width: 100%;               
	background-color: #8c8b8b;
	height: 1px;
  }
@font-face { font-family:'roboto_regular'; src:url('/font/Roboto-Regular.woff') format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'roboto_regular'; src:url('/font/Roboto-Bold.woff') format('woff'); font-weight:bold; font-style:normal; }
@font-face { font-family:'roboto_light'; src:url('/font/Roboto-Light.woff') format('woff'); font-weight:normal; font-style:normal; }

.morecontentitem { width:100%; min-width:600px; max-width:1380px; margin:30px 0; }
	h1 { font-size:150%; color:#373737; margin:30px 0 0 0; }
	h2 { font-size:100%; color:#373737; margin:30px 0 30px 0; line-height: 1.6em; }
	p { color:#777; font-size:70%; margin:30px 0 30px 0; line-height: 1.6em; }
	
	.img_1 { padding:30px 0 30px 0; line-height:0; }
		.img_1 img { width:1380px; }
	.img_2 { padding:30px 0 30px 0; line-height:0; }
		.img_2 img {  margin:0 60px 0 0; width:660px; }
		.img_2 img:last-child { margin:0; }

.contentitem { width:100%; min-width:600px; max-width:1380px; }

.cc-window { margin-top:60px; box-shadow:1px 1px 4px rgba(25,25,25,0.2); }

#header { box-sizing:border-box; position:fixed; top:0px; z-index:1; background-color:#373737; display:flex; justify-content:center; width:100%; height:60px; padding:0 15px; box-shadow:1px 1px 4px rgba(249,249,249,0.2); }
	#headercontent { display:flex; justify-content:space-between; user-select:none; }
		#headerleft img { height:40px; margin-top:10px; }
		#headerright {}
			#searchbox { background-color:#e5e5e5; width:0px; height:100%; display:inline-block; overflow:hidden; }
				#searchinput { box-sizing:border-box; width:calc(100% - 105px); height:30px; border:none; margin:15px 30px 0px 30px; background:none; color:#777; font-size:80%; outline:none; }
				#icon_searchnow { box-sizing:border-box; margin-left:0px; margin-top:18px; vertical-align:top; }
			.headericon { height:25px; margin:18px 0 0 26px; cursor:pointer; vertical-align:top; }
				#icon_search { margin-left:8px; }
				#icon_lang { height:27px; margin-top:19px; }
				#icon_info { height:27px; margin-top:17px; }
				#icon_contact { height:23px; margin-top:19px; }
				#icon_bab { height:27px; margin-top:17px; }

#content { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; width:100%; background-color:#f9f9f9; padding:0 15px; margin-top:60px; }
	#description { position:relative; color:#777; font-size:70%; margin-top:30px; line-height: 1.6em; overflow:hidden; }
		#desc_close { cursor:pointer; height:30px; float:left; margin:11px 15px 0 0; }
		#description hr { margin:30px 0; }
	#searchresult { position:relative; margin:5px 0 60px 0; display:none; color:#2b2b2b; font-size:110%; font-family:roboto_light; user-select:none; }
	#logictags { position:relative; margin-top:5px; margin-bottom:60px;}
		.logictag { display:inline; margin-right:60px; color:#2b2b2b; font-size:110%; font-family:roboto_light; text-decoration:none; cursor:pointer; user-select:none; }
		#tagsort { display:inline; position:absolute; right:0px; top:-1px; }
			#tagsort select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color:#f9f9f9; border: 1px solid #666666; color:#373737; font-size:14px; padding-left: 58px; width:200px; height:30px; }
			#tagsort select::-ms-expand { display: none; }
			#tagsort:before { font-family:roboto_regular; content: "›"; transform:rotate(90deg); font-size: 25px; position: absolute; right: 58px; top: 4px; color: #373737; pointer-events:none; }
		#tagmarker { position:absolute; top:40px; left:0px; width:0px; height:2px; background-color:#ff7d00; }
	#logicgroups { display:flex; flex-wrap:wrap; }
		.logicgroup:nth-child(4n) { margin-right:0px; }
		.logicgroup { position:relative; flex:none; width:300px; height:420px; margin:0 60px 60px 0; text-decoration:none; background-color:#fff; border-radius:3px; box-shadow:1px 1px 4px rgba(25,25,25,0.2); overflow:hidden; cursor:pointer; transform-origin:0% 0%; transform:scale(1); }
			.groupimg { height:180px; display:flex; justify-content:center; align-items:center; }
				.groupimg img { width:120px; height:120px; opacity:0.5; }
			.groupbody { padding:16px; }
				.grouptitle { font-size:80%; font-weight:bold; color:#373737; margin-bottom:16px; line-height:135%; }
				.groupsub { font-size:60%; color:#777; margin-bottom: 16px; line-height:145%;  }
			.groupfooter { font-size:65%; position:absolute; bottom:0px; padding:16px; }
				.groupby { color:#777; margin-bottom:16px; }
					.groupstrong { color:#494949; font-weight:bold; }
				.groupstats { }
					.statliked { cursor:pointer; }
						.statheart { height:16px; margin-right:8px; vertical-align:-2px; }
					.statseen { }
						.stateye { height:19px; margin:0 7px 0 30px; vertical-align:-4px; }
					.statlom { }
						.statcheck { height:12px; margin:0 7px 0 30px; vertical-align:0px; }
		#moregroups { display:flex; justify-content:center; align-items:center; width:100%; height:60px; background-color:#fff; box-shadow:1px 1px 4px rgba(25,25,25,0.2); font-size:75%; margin-bottom:70px; cursor:pointer; user-select:none; }
			
#footer { box-sizing:border-box; display:flex; justify-content:center; width:100%; padding:0 15px; }
	.footerstrong { font-family:roboto_regular; }
	#footercontent { display:flex; color:#f9f9f9; font-family:roboto_light; font-size:65%; line-height:180%; margin:60px 0 60px 0; }
		#footercontent a { color:#f9f9f9; }
		#footercol_1 { width:140px; margin-right:60px; }
		#footercol_2 { width:400px; margin-right:60px; }
			#footercol_2 img { width:155px; margin-top:30px; }
		#footercol_3 { width:180px; margin-right:60px; }
		#footercol_4 { width:180px; margin-right:60px; }
		#footercol_5 { width:250px; }
			#footercol_5 img { width:100%; }

#lightbox { display:flex; z-index:10; justify-content:center; width:100%; min-height:100%; position:absolute; top:0px; left:0px; background-color:rgba(0,0,0,0.8); opacity:0; display:none; }
	#lbcontent { position:relative; display:flex; max-width:1180px; height:100%; margin:120px; padding:90px; background-color:#f9f9f9; border-radius:4px; opacity:0; }
		#lbclose { width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; }
		#groupinfo { }
			#infoimage {  }
			#infoimage img { width:700px; padding:30px; background-color:#fff; box-shadow:1px 1px 4px rgba(25,25,25,0.2); }
			#infotitle { font-size:140%; font-weight:bold; margin:60px 0 30px 0; }
			#infotext { font-size:70%; font-family:roboto_light; line-height:175%; }
		#groupdetails { position:relative; box-sizing:border-box; width:360px; padding:30px; margin-left:60px; background-color:#fff; box-shadow:1px 1px 4px rgba(25,25,25,0.2); border-radius:4px 4px 0 0; font-size:65%; color:#494949; }
			#detailsimg { position:absolute; top:30px; right:30px; width:80px; height:80px; border-radius:100%; border:1px solid #999999;  }
			#detailsname { font-size:125%; font-weight:bold; margin-bottom:10px; }
			#detailscomp { font-family:roboto_light; margin-bottom:60px; }
			#detailstitle { font-weight:bold; color:#000; margin-bottom:10px; }
			#detailstime { font-family:roboto_light; margin-bottom:10px; }
			#detailstats { font-weight:bold; color:#373737; margin-bottom:30px; }
			#detailsdownload { display:flex; justify-content:center; align-items:center; width:298px; height:50px; border-radius:4px; background-color:#999999; color:#fff; margin-bottom:30px; user-select:none; }
			#detailsnote { display:flex; line-height:135%; }
				#detailsaccept { height:30px; margin:4px 15px 0 0; cursor:pointer; }
				#detailsnote a { color:#373737; }
			#detailslom { display:flex; margin-top: 60px; }
				#detailslom_check { height:12px; margin:0 3px 0 -30px; vertical-align:0px; }
				#detailslom_text { font-weight:bold; }
				#detailslom_desc { margin-left: 10px; line-height:135%; }