html, body {
	margin:0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.blind {
	display:none;
}


.hid {
	overflow:hidden;	
}

.clear {
	clear:both;	
}

.spct {
	margin-top:10px;
}

.smtp {
	font-family:Tahoma;
	font-size:11px;
	font-style:italic;
	color:#888f96;	
}

.imgloading {
	padding-left:10px;
	display:none;	
}

.spoiltopic {
	color:#51a300;
	text-decoration:underline;
	cursor:pointer;
}

.spoilbox {
	margin-top:7px;
	border:#51a300 dashed 1px;
	padding:10px;
	display:none;
}

.grid {
	width: 96.6%;
	padding-left: 0.7%;
	padding-right: 0.7%;
	margin: auto;
	max-width: 1460px;
}

.gridc {
	width: 96.6%;
	padding-left: 0.7%;
	padding-right: 0.7%;
	margin: auto;
	max-width: 1480px;
}

.grids {
	width: 96.6%;
	padding-left: 0.7%;
	padding-right: 0.7%;
	margin: auto;
	max-width: 1280px;
}

.gridt {
	width: 96.6%;
	padding-left: 0.7%;
	padding-right: 0.7%;
	margin: auto;
	max-width: 1240px;
}

.gridm {
	width: 96.6%;
	padding-left: 0.7%;
	padding-right: 0.7%;
	margin: auto;
	max-width: 1024px;
}

.gridz {
	width: 96.6%;
	padding-left: 0.7%;
	padding-right: 0.7%;
	margin: auto;
    max-width: 1680px;
}

.grid img {
	max-width:100%;
}

.grids img {
	max-width:100%;
}

.gridm img {
	max-width:100%;
}

#hfctopbar {
	height:49px;
	background:#ff9406;	
}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    z-index: 558;
    bottom: 20px;
    right: 10px;
    display: none;
    text-indent: -9999px;
    background: url('../../hfc/home/images/hfc_home/icon_top.png') no-repeat;
    transition: opacity 0.4s ease;
}

#hfclogored {
	float:left;
	width:212px;
	height:49px;
	background:#da0e33 url(../../hfc/home/images/hfc_home/logored_left.png) no-repeat right top;
}

#hfctitle {
	float:left;
	padding-left:6%;
	height:49px;
	line-height:49px;
	font-family:superstoreregular;
	font-size:1.5em;
	color:#ffffff;
}

#hfcmember {
	float:right;
	height:49px;
	line-height:49px;
	text-align:right;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	padding-right:20px;
}

#hfcmember a {
	padding-left:5px;
	padding-right:5px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

#hfcmember a:hover {
	color:#da0e33;
	text-decoration:underline;
}

#hfcmenubar {
	border-top:#ffffff solid 5px;
	background:#f1f1f1;	
	padding-top:10px;
	padding-bottom:10px;
}

#searchboxbar {
	float:left;
	width:56.02%;
}

#searchboxbar1 {
	float:left;
	width:160px;
	position:relative;
}

#img_girl {
	position: absolute;
	z-index: 1;
	margin-left: -130px;
	bottom: 0px;
	width: 288px;
	height: 188px;
	margin-bottom: -132px;
	vertical-align: bottom;
}

#img_girl img {
	max-width:100%;
}

#searchboxbar2 {
	margin-left:160px;
}

#menubox {
	margin-left:56.02%;
}

#menubox_statue {
	margin-left:56.02%;
	display:none;	
}

.menuboxsub {
	float:left;
	margin-left:1%;
	width:24%;
}

.menuboxsub img {
	max-width:100%;
}

.menuboxsub3 {
	float:left;
	margin-left:1%;
	width:32%;
}

.menuboxsub3 img {
	max-width:100%;
}

#searchbox {
	width:100%;
	background:#ffffff;
	border:#3bb89f solid 2px;
	height:50px;
}

#bttnSearchMain {
	width:58px;
	height:46px;
	border:none;
	color:#ffffff;
	background:#45d8bb url(../../hfc/home/images/hfc_home/icon_search.png) no-repeat center;
	cursor:pointer;
}

#txt_searchweb {
	width:100%;
	height:46px;
	padding:10px;
	border:none;
	background: transparent;
}

#menutopbox {
	width:100%;
	box-sizing: border-box;
	padding-top:30px;
	padding-left:120px;
}

.menutoplink {
	float:left;
	margin-left:7%;	
	line-height:20px;	
}

.menutoplink a {
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#555555;
	text-decoration:none;
}

.menutoplink a:hover {
	color:#da0e33;
	text-decoration:underline;
}

.menutoplink span {
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#555555;
	text-decoration:none;
}

.menutoplink span:hover {
	color:#da0e33;
	text-decoration:underline;
}


@media only screen and (max-width:1775px) {

	#hfclogored {
		width:23%;
	}

	#hfctitle {
		padding-left:3%;
	}
	
}

@media only screen and (max-width:1481px) {

	#img_girl {
		width: 275px;
		margin-bottom: -136px;
	}
	
}

@media only screen and (max-width:1395px) {

	#img_girl {
		margin-bottom: -130px;
	}
	
}


@media only screen and (max-width:1359px) {

	.menutoplink {
		margin-left:4%;		
	}
	
	.menutoplink a {
		font-size:13px;
		font-weight:bold;
	}
	
	.menutoplink span {
		font-size:13px;
		font-weight:bold;
	}
	
}


@media only screen and (max-width:1325px) {

	
	#img_girl {
		width:230px;
		margin-left:-90px;
		margin-bottom:-152px;
	}

	#menutopbox {
		padding-left:150px;
	}
	
}


@media only screen and (max-width:1220px) {

	.menutoplink {
		margin-left:4%;		
	}
	
	.menutoplink a {
		font-size:12px;
		font-weight:bold;
	}
	
	.menutoplink span {
		font-size:12px;
		font-weight:bold;
	}
}

@media only screen and (max-width:1026px) {

	#hfctopbar {
		height:98px;
		background:#ff9406;	
	}
	
	#hfclogored {
		width:100%;
		height:49px;
		background:#da0e33 url(../../hfc/home/images/hfc_home/logored_left.png) no-repeat left top;
	}
	
	#hfctitle {
		display:none;
	}
	
	#hfcmember {
		float:left;
		width:100%;
	}
	
	#searchboxbar {
		float:left;
		width:48.02%;
	}
	
	#searchboxbar1 {
		width:125px;
	}
	
	#searchboxbar2 {
		margin-left:125px;
	}
	
	#menubox {
		margin-left:48.02%;
	}
	
	#menubox_statue {
		margin-left:48.02%;	
	}
	
	.menutoplink {
		margin-left:5%;		
	}
	
	.menutoplink a {
		font-size:12px;
		font-weight:normal;
	}
	
	.menutoplink span {
		font-size:12px;
		font-weight:normal;
	}
	
	#mnutop_about {
		display:none;	
	}
	
}

@media only screen and (max-width:1008px) {

	#img_girl {
		width:240px;
		margin-left:-90px;
		margin-bottom:-142px;
	}
}

@media only screen and (max-width:800px) {
	
	#hfctopbar {
		height:98px;
	}	

	#searchboxbar1 {
		display:none;
	}
	
	#searchboxbar2 {
		margin-left:0px;
	}
	
	#searchboxbar {
		width:34.02%;
	}
	
	#menubox {
		margin-left:34.02%;
	}
	
	#menubox_statue {
		margin-left:34.02%;
	}	
	
	#menutopbox {
		padding-top:20px;
	}

	#menutopbox {
		padding-left:0px;
	}

}

@media only screen and (max-width:687px) {

	#searchboxbar {
		float:left;
		width:100%;
		padding-bottom:20px;
	}
	
	#searchboxbar2 {
		margin-left:0px;
		text-align:center;
	}
	
	#menutopbox {
		width:100%;
		margin-top:10px;
		padding-bottom:20px;
		text-align:center;
		clear:both;
		background:#91e4ff;
	}
	
	.menutoplink {
		float:none;
		display:inline-block;
		margin-left:7%;	
		line-height:25px;	
	}
	
	.menutoplink:first-child {
		margin-left:0px;	
	}
	
	#mnutop_about {
		display:inline-block;	
	}
	
	#menubox {
		margin-left:0px;
		width:100%;
		clear:both;
	}
	
	#menubox_statue {
		margin-left:0px;
		width:100%;
		clear:both;
	}	
	
	.menutoplink a {
		font-size:13px;
		font-weight:bold;
	}
	
	.menutoplink span {
		font-size:13px;
		font-weight:bold;
	}

}

@media only screen and (max-width:446px) {

	#hfcmember {
		text-align:center;
		padding:0px;
	}

	.menutoplink {
		margin-left:3%;	
	}

	#mnutop_about {
		display:none;	
	}

}

@media only screen and (max-width:345px) {

	.menuboxsub {
		float:left;
		margin-left:1%;
		width:49%;
		margin-bottom:3px;
	}

}












/* --------------------------------- Topic Bar --------------------------------- */
.topicbar {
	height:51px;
	background:#f0f0f0;
	overflow:hidden;
}

.topicbar_1 {
	float:left;
	width:359px;	
	height:51px;
}

.topicbar_2 {
	margin-left:359px;
	height:51px;
}

.topicbar_link {
	float:right;
	padding-right:10px;
	width:160px;
	height:51px;
	line-height:51px;
	text-align:right;	
}

.topicbar_link a {
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.topicbar_link a:hover {
	color:#10b7ed;
	text-decoration:underline;
}

.bg_blue {
	background:#74cee4;
}

.bg_yellow {
	background:#edbf47;
}

.bg_green {
	background:#6fc191;
}

.bg_red {
	background:#ec774b;
}

.topicbar_blue {
	background:url(../../hfc/home/images/hfc_home/bar_blue.png) repeat-x bottom;
}

.topicbar_greenblue {
	background:url(../../hfc/home/images/hfc_home/bar_greenblue.png) repeat-x bottom;
}

.topicbar_yellow {
	background:url(../../hfc/home/images/hfc_home/bar_yellow.png) repeat-x bottom;
}

.topicbar_green {
	background:url(../../hfc/home/images/hfc_home/bar_green.png) repeat-x bottom;
}

.topicbar_red {
	background:url(../../hfc/home/images/hfc_home/bar_red.png) repeat-x bottom;
}

@media only screen and (max-width:544px) {
	
	.topicbar_1 {
		width:100%;
	}
	
	.topicbar_link {
		display:none;
	}
		
}


























/* ----------- Post Box ----------- */
.postbox {
	float:left;
	display:block;
	border:#ededed solid 1px;	
}

.postbox a {
	text-decoration:none;
	font-family:Tahoma;
	font-size:14px;
	color:#333333;
}

.postbox img {
	max-width:100%;	
}

.postdes {
	clear:both;
	width:100%;
	height:52px;
	padding-top:4px;
	line-height:20px;
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
	background:#ffffff;
}

#newstop_big .postdes {
	height:74px;
}


/* ---------------------------- News Figure ---------------------------- */
.boardallbox {
	border:#ededed solid 1px;
	background:#ffffff;
}

.postallbox {
	min-height:100px;
	border:#ededed solid 1px;
	background:#f7f7f7 url(../../hfc/home/images/hfc_home/bg_post_l.png) repeat-y;
	background-size: 100% auto;	
}

.postbox_big_L {
	float:left;
	width:64.19%;
	padding-top:7px;
	padding-left:7px;
	padding-bottom:14px;
}

.postbox_small_R {
	float:left;
	width:35.80%;
	padding-top:14px;
}

/* --------------- pbox --------------- */
.pboxb {
    margin-top: 18px;
    margin-left: 0.77%;
    width: 32.336%;
    float: left;
    border: #ededed solid 1px;
    text-align: center;
}

.pboxb a {
	text-decoration:none;
	font-family:Tahoma;
	font-size:14px;
	color:#333333;
}

.pboxb img {
	width:100%;	
}

.pboxbdes {
	clear:both;
	width:100%;
	height:80px;
	padding-top:4px;
	line-height:20px;
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
	text-align:left;
}



/* --------------- pbox (Page PostData) --------------- */
.pboxt {
	margin-top:7px;
	margin-left:0.77%;
	width:24.1%;
	float:left;
	border:#ededed solid 1px;
	text-align:center;
}

.pboxt a {
	text-decoration:none;
	font-family:Tahoma;
	font-size:13px;
	color:#333333;
}

.pboxt img {
	width:100%;	
}

.pboxtdes {
	clear:both;
	width:100%;
	height:80px;
	padding-top:4px;
	line-height:20px;
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
	text-align:left;
}



/* --------------- pbox small --------------- */
.pboxs {
    float: left;
    padding-bottom: 5px;
    margin-left: 3.95%;
    padding-right: 4%;
    width: 42%;
    box-sizing: content-box;
}

.pboxs:nth-child(odd) {
	background:url(../../hfc/home/images/hfc_home/line_vertical.png) repeat-y right top;	
}

.pboxs a {
	text-decoration:none;
	font-family:Tahoma;
	font-size:13px;
	color:#333333;
}

.pboxs img {
	max-width:100%;	
}

.pboxsdes {
    clear: both;
    width: 100%;
    height: 67px;
    padding-top: 4px;
    line-height: 16px;
    overflow: hidden;
    text-align: left;
}

.pboxsdata {
    width: 100%;
    height: 67px;
    overflow: hidden;
}

@media only screen and (max-width:780px) {
	
	.postbox_big_L {
		float:none;
		clear:both;
		width:100%;
	}
	
	.postbox_small_R {
		float:none;
		clear:both;
		width:100%;
	
	}
	
	.postallbox {
		background:none;
	}
	
	.postbox_small_R {
		background:#f1f1f1;
		margin-top:10px;
	}	
		
}

@media only screen and (max-width:657px) {
	
	.pboxb {
		width:49.23%;
	}
		
}

@media only screen and (max-width:530px) {
	
	.pboxs:nth-child(odd) {
		background:none;	
	}
	
	.pboxs {
		float:left;
		padding-bottom:7px;
		margin-left:3.95%;
		padding-right:1.68%;
		width:44%;
		box-sizing:content-box;
	}
		
}







@media only screen and (max-width:824px) {
	
	.pboxt {
		width:32.33%;
	}
		
}

@media only screen and (max-width:657px) {
	
	.pboxt {
		width:49.23%;
	}
		
}

























/* -------------------- Game Content -------------------- */
.imgtopic {	
	width:100%;
}

.imgtopic img {
	/* display:inline-block; */
	vertical-align:bottom;
	max-width:100%;
}




/* -------------------- Toon Content -------------------- */
.postbox_big_R {
	float:right;
	width:64.19%;
	overflow:hidden;
}

.postbox_small_L {
	float:none;
	margin-left:auto;
	margin-right:64.19%;
	width:auto;
	overflow:hidden;
}

.bg_post_r {
	background:#f7f7f7 url(../../hfc/home/images/hfc_home/bg_post_r.png) repeat-y;
}

@media only screen and (max-width:780px) {
	
	.postbox_big_R {
		float:none;
		clear:both;
		width:100%;
	}
	
	.postbox_small_L {
		float:none;
		clear:both;
		width:100%;
	
	}
	
	.bg_post_r {
		background:none;
	}
	
		
}















/* ---------------- Post Page CSS ------------------- */
.boxcontent {
	margin-top:25px;	
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
}

#topunderline {
	width:100%;
	background:url(../../hfc/home/images/hfc_post/bg_undertop.png) repeat-x top;
	height:15px;	
}

#boxdetail {
	background:#ffffff;	
	padding-top:20px;
	padding-bottom:20px;
	padding-left:2%;
	padding-right:2%;
}

.topichead_blue {
	background:url(../../hfc/home/images/hfc_home/bar_blue_topic.png) no-repeat left top;	
	font-family:superstoreregular;
	font-size:2em;
	font-weight:bold;
	color:#ffffff;
	padding-top:7px;
	padding-left:50px;
}
















/* ------------- Announce ------------- */
#announcebox {
    float: left;
    width: 14.8%;
    padding-left: 7px;
}

#td_icon_announce {
	width:54px;	
}

#annc {
	border:#ff9933 solid 4px;
	border-top:none;	
	background:#ffffff;
}

#annc_1 {
	border-top:#ff9933 solid 2px;
	border-bottom:#ff9933 solid 2px;
}

#annc_topic {
	font-family:superstoreregular;
	font-size:1.1em;
	font-weight:bold;	
	line-height:38px;
}

#annc_2 {
	padding:4px;
	text-align:center;
}

#annc_2 a {
	font-family:Tahoma;
	font-size:13px;
	color:#333333;
	text-decoration:none;
}

#annc_2 a:hover {
	color:#ff7f00;
	text-decoration:underline;
}

#annc_2 img {
	max-width:100%;
}

#annc_desc {
	padding-top:6px;
	padding-left:4px;
	padding-right:4px;
	height:68px;
	overflow:hidden;
	margin-bottom:10px;
	text-align:left;
}

#annc_mtopic {
	margin-left:8px;
	margin-right:8px;
	margin-bottom:12px;
	padding-bottom:4px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#33abff;
	border-bottom:#ff9933 solid 4px;
}

#annc_mdata {
    margin-bottom: 20px;
    height: 220px;
    overflow: hidden;
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
}

#annc_mdata ul {
	margin-left:-15px;
	margin-right:7px;
}

#annc_mdata ul li a {
	font-family:Tahoma;
	font-size:13px;
	color:#333333;
	text-decoration:none;
}

#annc_mdata ul li a:hover {
	color:#ff7f00;
	text-decoration:underline;
}





@media only screen and (max-width:1492px) {

	#annc_mdata {
		height:120px;
	}
	
}

@media only screen and (max-width:1257px) {
	
	#annc_topic {
		font-size:0.9em;
	}

	#annc_mdata {
		height:100px;
	}
	
}

@media only screen and (max-width:1221px) {
	
	.postdes {
		height:50px;
	}
	
}

@media only screen and (max-width:1150px) {
	
	#annc {
		height:330px;	
	}	
	
	#annc_topic {
		padding-left:7px;	
	}
	
	#td_icon_announce, #annc_mtopic, #annc_mdata {
		display:none;	
	}
	
}


@media only screen and (max-width:944px) {
	
	#menurightbox {
		clear:both;
		width:100%;	
		margin-top:3px;
		padding-left:0px;
		text-align:center;
	}
	
	#menurightbox img {
		max-width:32%;
	}
	
	#announcebox {
		clear:both;
		width:100%;
		margin-top:3px;
		padding-left:0px;
	}
	
	#annc_topic {
		font-size:1.1em;
	}
	
	#td_icon_announce {
		display:inline-block;	
		width:54px;
	}
	
	#annc_2 {	
		clear:left;	
		display:inline-block;
		width:420px;
		padding:4px;
		text-align:left;
		vertical-align:top;
	}
	
	#annc_pic {
		display:inline-block;
		width:200px;	
	}
	
	#annc_desc {
		vertical-align:top;
		width:200px;
		display:inline-block;
	}
	
	#annc {
		height:auto;	
	}	
	
	#newstop_big {
		width:53.5%;	
	}
	
	#newstop_medium {
		width: 46.4%;
	}
	
	#annc_more {
		display:inline-block;
	}
	
	#annc_mtopic {		
		display:block;
		padding-top:10px;
	}
	
	#annc_mdata {
		display:block;
		margin-bottom:0px;
		height:auto;
	}
		
}


@media only screen and (max-width:793px) {
	
	#annc_more {
		width:250px;
	}
		
}

@media only screen and (max-width:730px) {
	
	#annc_more {
		width:170px;
	}
		
}

@media only screen and (max-width:657px) {
	
	#annc_2 {
		width:auto;	
	}
	
	#annc_more {
		width:170px;
	}
	
	#newstop_big {
		clear:both;
		width:100%;	
	}
	
	#newstop_medium {
		clear:both;
		margin-top:10px;
		width:100%;
	}
	
	#newstop_medium .postbox:nth-child(1),  #newstop_medium .postbox:nth-child(3) {
		width:49%;
		margin-left:0px;
		margin-right:1%;
	}
	
	#annc_more {
		display:none;
	}
		
}


@media only screen and (max-width:541px) {
	
	.div_paging {
		height:95px;
	}		
	
}


@media only screen and (max-width:465px) {
	
	#annc_desc {
		width:100px;
	}		
	
}

@media only screen and (max-width:387px) {
	
	#newstop_medium .postbox:nth-child(1),  #newstop_medium .postbox:nth-child(3) {
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}

	#newstop_medium .postbox {
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}

	.pboxb {
		width: 98%;
	}

	.pboxs {
    		margin-left: 0px;
    		padding-right: 0px;
    		width: 100%;
	}

	.pboxt {
    		margin-left: 0px;
    		padding-right: 0px;
    		width: 100%;
	}

	.pboxo a {
    		font-size: 11px;
	}
		
}

@media only screen and (max-width:353px) {
	
	#annc_desc {
		width:70px;
	}		
	
}

@media only screen and (max-width:322px) {
	
	#annc_desc {
		clear:both;
		width:100%;
		height:auto;
		display:block;
		word-wrap:break-word;
	}
		
}










/* --------------------- Dropdown User Menu --------------------- */
#dropdown_menu_member {
	width:220px;
	box-sizing:border-box;
	padding:20px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);	
	background:#ffffff;
}

.mnurow {
	height:40px;
	line-height:40px;
	font-family:Tahoma;
	font-size:13px;
	padding-left:40px;
	cursor:pointer;
	border-bottom:#cccccc dotted 1px;
	transition: background-color 0.4s ease;
}

.mnurow:hover {
  	color:#ffffff;
	background-color: #000000;
}

.mnu_img_login {
	background:url(../../hfc/home/images/icon/user.png) no-repeat left center;	
}

.mnu_img_register {
	background:url(../../hfc/home/images/icon/yes.png) no-repeat left center;	
}

.mnu_img_question {
	background:url(../../hfc/home/images/icon/question.png) no-repeat left center;	
}

.mnu_img_go {
	background:url(../../hfc/home/images/icon/go.png) no-repeat left center;	
}

.mnu_img_logoff {
	background:url(../../hfc/home/images/icon/unlock.png) no-repeat left center;	
}












/* ------------------- Facebook Likebox (responsive) ------------------- */
/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}



/* ------------------- Youtube (responsive) ------------------- */
/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */


/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */

.youtubeWrapper, .vimeoWrapper, .instagramWrapper {
    position: relative;
    padding-top: 30px; height: 0; overflow: hidden;
}


/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper {
    padding-bottom: 56.25%;      
}

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper {
  padding-bottom: 120%;
}
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ------------------- End Youtube (responsive) ------------------- */



/* ------------------- Board Video ------------------- */
.videooutbox {
	margin-top:20px;
	margin-bottom:70px;
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
}

.videotitle {
	margin-top:5px;
	width:100%;	
	padding-top:15px;
	padding-bottom:15px;
	font-family:superstoreregular;
	font-size:1.5em;	
	line-height:1em;
	background:url(../../images/icon_videoset.png) no-repeat left center, url(../../images/arrow_down_yellowset.png) no-repeat right center;
	background-color:#adedff;	
	padding-left:50px;
	border-radius:5px;
	cursor:pointer;
	word-wrap:break-word;
	box-sizing:border-box;
}

.vdotopic {
	width:100%;
	background:efefef;
	border-radius:5px;
	padding:20px;
}

.vdobox {
	margin-top:7px;
	border:#51a300 dashed 1px;
	border-radius:5px;
	padding:10px;
	display:none;
}

/* ------------------- End Board Video ------------------- */



/* ------------------- TopBarCss ------------------- */
#mnutop_board:hover > #boarddropdown {
  /* Display the dropdown */
  visibility: visible;
  opacity: 1;
  margin-top:-10px;
}

#mnutop_shop:hover > #shopdropdown {
  /* Display the dropdown */
  visibility: visible;
  opacity: 1;
  margin-top:-10px;
}

#boarddropdown,#shopdropdown {
  padding:20px;
  padding-right:0px;
  left:0;
  width:100%;
  background-color:#ffffff;
  position: absolute;
  z-index: 999;
  border-top:#ffd200 solid 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease-in-out;
  visibility:hidden;
  box-sizing:border-box;
  opacity: 0;
	text-align:center;
	padding-bottom:70px;
}

#shopdropdown {
  background-color:#000000;
  border-top:#0983fb solid 5px;
}

#boarddesc,#shopdesc {
	padding-top:15px;
	padding-bottom:20px;
	font-family:superstoreregular;
	font-size:1.7em;
	font-weight:bold;
	color:#36f;
}

#shopdesc {
	color:#ffce25;
	font-size:2em;
	padding-bottom:20px;
}

.dropdownlink {
	display:inline-block;
	height:130px;
	margin-bottom:20px;
}

.dropdownlink img {
	max-width:100%;
	border:0px;
}

.maximg img {
	max-width:100%;
	border:0px;
}

#shop_icon_big {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

#shop_icon_small {
	display:none;
}

@media only screen and (max-width:1159px) {

	#shop_icon_big {
		width:100%;
	}
	
}

@media only screen and (max-width:370px) {

	#shop_icon_big {
		display:none;
	}

	#shop_icon_small {
		display:block;
	}
	
}

/* ------------------- End TopBarCss ------------------- */

#menubox_statue_set_2 {
	display:none;	
}

.menutoplink {
    margin-left: 12%;
}

@media only screen and (max-width:1026px) {
	
	.menutoplink {
		margin-left: 7%;
	}	
	
}

@media only screen and (max-width:1008px) {

	.menutoplink {
		margin-left: 7%;
	}
}

@media only screen and (max-width:920px) {

	#mnutop_linktoshop {
		display:none;
	}
	
	.menutoplink {
		margin-left: 15%;
	}	
	
	.menutoplink:first-child {
		margin-left: 15px;
	}		
	
}

@media only screen and (max-width:800px) {
	
	.menutoplink:first-child {
		margin-left: 5px;
	}	
	
}

@media only screen and (max-width:687px) {

	#mnutop_linktoshop {
		display:inline-block;
	}

}

@media only screen and (max-width:392px) {

	.menutoplink {
		margin-left: 9%;
	}	

}

#mnutop_member {
	display:none;	
}