#hfcmenubar {
	margin-bottom:10px;
}

/* ------------- NewsTop-BigPic ------------- */
#newstop_big {
    float: left;
    width: 44.20%;
}

#newstop_big .postbox {
	width:100%;	
}





/* ------------- NewsTop-MediumPic ------------- */
#newstop_medium {
	float:left;
	width:40.95%;
}

#newstop_medium .postbox {
	width:49%;
	margin-left:1%;
	margin-bottom:7px;
}

#newstop_medium .postbox:nth-child(3) {
	clear:left;
}





.categorybanner {
    height: 193px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    /* max-width: 1652px; */
    margin-left: auto;
    margin-right: auto;
	overflow:hidden;
}

#imgtopic_other {
    height: 223px;
    margin-top: 20px;
	margin-bottom:7px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	overflow:hidden;
}








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

#menurightbox img {
	max-width:100%;
	margin-bottom:10px;
	border:0px;
}

#topic_figboard {
	height:32px;
	background:url(../../hfc/home/images/hfc_home/topic_figupdate_02.png) repeat-x;
}

#FixedBoardPic {
	padding-top:10px;
	padding-bottom:5px;
}

#FixedBoardPic div {
	float:left;
	box-sizing:border-box;
	padding-top:0px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	width:14.28%;
}

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

	#FixedBoardPic div:nth-child(49) {
		display:none;
	}	

	#FixedBoardPic div {
		width:20%;
	}
	
		
}

@media only screen and (max-width:1206px) {	
	
	#FixedBoardPic div {
		width:25%;
	}
		
}

@media only screen and (max-width:829px) {
	
	#FixedBoardPic div:nth-child(49) {
		display:block;
	}

	
	#FixedBoardPic div {
		width:33.33%;
	}
		
}

@media only screen and (max-width:617px) {
		
	
	#FixedBoardPic div:nth-child(49) {
		display:block;
	}
	
	
	#FixedBoardPic div {
		width:50%;
	}
		
}

#FixedBoardPic div img {
	max-width:100%;
}


/*--------------------- PostPic ------------------ */

#PostPic {
	padding-top:10px;
	padding-bottom:5px;
}

#PostPic div {
	float:left;
	box-sizing:border-box;
	padding-top:0px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	width:14.28%;
}

@media only screen and (max-width:1536px) {
	
	#PostPic div:nth-child(21) {
		display:none;
	}	
	
	#PostPic div {
		width:20%;
	}
	
		
}

@media only screen and (max-width:1206px) {	
	
	#PostPic div {
		width:25%;
	}
		
}

@media only screen and (max-width:829px) {
	
	#PostPic div:nth-child(21) {
		display:block;
	}	
	
	#PostPic div {
		width:33.33%;
	}
		
}

@media only screen and (max-width:617px) {
		
	#PostPic div:nth-child(21) {
		display:none;
	}	
	
	#PostPic div {
		width:50%;
	}
		
}

#PostPic div img {
	max-width:100%;
}




/*--------------------- Slick Slide ------------------ */
#ThemeBox {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.bttnboxL {
    position: absolute;
	z-index:1;
    width: 50px;
    height: 50px;
	text-align:left;
	left:0px;
    top:50%;
    margin-top:-55.5px;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;		
}

.bttnboxR {
    position: absolute;
	z-index:1;
    width: 50px;
	text-align:right;
    height: 50px;
	right:0px;
    top:50%;
    margin-top:-55.5px;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;	
}

#ThemeBox:hover .bttnboxL {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

#ThemeBox:hover .bttnboxR {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

.TemplatePic {
	width:100%;
}

.TemplatePic div {
	box-sizing: border-box;
	border:#ffffff solid 3px;
}

.btn-prev {
	cursor:pointer;
	border:none;
	width:53px;
	height:111px;
	background:url(../../images/bttn_go_left.png);	
}

.btn-next {
	cursor:pointer;
	border:none;
	width:53px;
	height:111px;
	background:url(../../images/bttn_go_right.png);	
}

.btn-prev:hover {
	background:url(../../images/bttn_go_left_hover.png);	
}

.btn-next:hover {
	background:url(../../images/bttn_go_right_hover.png);	
}


#div_bttnViewAllFig {
	height:120px;
	background:url(../../hfc/home/images/hfc_home/bttnViewFigurePage_bg.png) repeat-x;
	text-align:center;
}

#bttnViewAllFigSmall {
	display:none;
}


@media only screen and (max-width:676px) {
	
	#bttnViewAllFigSmall {
		display:block;
	}	
	
	#bttnViewAllFigBig {
		display:none;
	}	
		
}


#div_game_review {
	clear:both;
	padding-top:20px;	
	padding-bottom:20px;
	text-align:center;
}

#div_game_review .pboxo {
	float:none;
	display:inline-block;
	border: #ededed solid 1px;
	padding: 5px;
	font-family:Tahoma;
	font-size:14px;
	margin-left: 0.2%;
	width: 18.3%;
	margin-top:5px;
}


@media only screen and (max-width:1139px) {
	
	#div_game_review .pboxo {
		width: 30%;
	}	
		
}

@media only screen and (max-width:689px) {
	
	#div_game_review .pboxo {
		width: 45%;
	}	
		
}

@media only screen and (max-width:564px) {
	
	#div_game_review .pboxo {
		width: 40%;
	}	
		
}

@media only screen and (max-width:406px) {
	
	#div_game_review .pboxo {
		width: 92%;
	}	
		
}











#otherdatabox {
	border:#a0ecff solid 20px;
	padding:20px;	
}

#otherdatabox_content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1580px;
}

.pboxo {
	float:left;
	padding-bottom:7px;
	margin-left:1.95%;
	padding-right:0px;
	width:18%;
	box-sizing:content-box;
}

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

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

#othermore {
	padding:10px;	
	font-family:Tahoma;
	font-size:13px;
	color:#cccccc;
	text-align:center;
}

#othermore_bttn {
	margin-left:auto;
	margin-right:auto;
	max-width:368px;
	height:42px;
	line-height:42px;
	text-align:center;
	background:#ffdd3f;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#ff9406;
	cursor:pointer;
	transition: all .3s ease-in-out;
}

#othermore_bttn:hover {
	background-color:#ffb400;
	color:#000000;
}

#othermoreloading {
	padding:10px;
	text-align:center;	
}

@media only screen and (max-width:934px) {
	
	.pboxo {
		margin-left:1.95%;
		width:23%;
	}	
		
}

@media only screen and (max-width:810px) {
	
	.pboxo {
		margin-left:1.95%;
		width:31%;
	}	
		
}

@media only screen and (max-width:686px) {
	
	.pboxo {
		margin-left:2%;
		margin-right:2%;
		width:45%;
	}	
	
	#otherdatabox {
		border:#a0ecff solid 10px;
		padding:10px;	
		padding-left:5px;
		padding-right:5px;
	}
		
}

.boardbox {
	float:left;
	margin:10px;
	margin-left:0.5%;
	margin-right:0.5%;
	border:#f2f2f2 solid 1px;
	width:24%;
	box-sizing:border-box;
	padding-top:5px;
}

.boardhead {
	width:100%;	
	text-align:center;
	box-sizing:border-box;
	padding-left:5px;
	padding-right:5px;
}

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

.boarddata {
	margin:10px;	
	margin-top:20px;
}

.bdata {
	padding-top:7px;
	margin-left:auto;
	margin-right:auto;
	max-width:350px;
	min-height:83px;
	border-bottom:#c5c5c5 dashed 1px;
	transition: background-color 0.4s ease;
}

.bdata:hover {
	background-color: #f1f1f1;
}

.bpic {
	float:left;	
	width:31.42%;
	padding-right:4%;
	min-height:83px;
}

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

.btopic {
	float:left;
	width:64.57%;
	min-height:83px;
	font-family:Tahoma;
	font-size:13px;
	color:#6a6a6a;
	word-wrap:break-word;
}

.btopic span {
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	font-family: Tahoma;
	font-size: 11px;
	font-style: italic;
	color: #888f96;
}

@media only screen and (max-width:1000px) {
	.boardbox {
		width:48%;
	}
	
	.boardbox:nth-child(3) {
		clear:left;
	}
}

@media only screen and (max-width:455px) {
	.boardbox {
		width:99%;
	}
}



/* ------------------- Market --------------------- */

#marketbox {
	margin-top:15px;	
}

#marektborderbox {	
	border: #ededed solid 1px;
	background: #ffffff;
	padding:10px;	
}

#topic_market {
	background:#ffc95d;
	height:57px;
	text-align:center;
	overflow:hidden;
}

#divBttnGoToMarket {
	box-sizing:border-box;
	padding:15px;
	padding-left:20px;
	padding-bottom:8px;	
}

#bttnGoToMarket {
	max-width:280px;
	padding:7px;
	padding-left:15px;
	padding-right:15px;
	background:#4CE9D3;
	font-family:superstoreregular;
	font-size:1.7em;
	font-weight:bold;	
	border-radius:3px;
	cursor:pointer;
	transition: background-color 0.4s ease;
}

#bttnGoToMarket:hover {
	color:#ffffff;
	background-color:#f00;
}

#marketallbox {
	text-align:center;
	padding-bottom:10px;	
}



	/* --- ProductBox --- */
.pdtbox {
	text-align:left;
		display:inline-block;
		vertical-align: top;
		margin:5px;
		width:191px;
		height:350px;
	border:#d3d3d3 solid 1px;
	padding:9px;
	transition: border-color 0.4s ease;
}

.pdtbox:hover {
	border:#ff0000 solid 1px;
}

.pdtbox a {
	color:#000000;
	text-decoration:none;
}

.pdtpic {
	background:#e5e5e5;
	width:171px;
	height:172px;	
    white-space: nowrap;
    text-align: center;
}

.pdtpic * {
	vertical-align: middle;
}

.pdtpic span {
	margin:0px;
	border:0px;
    display: inline-block;
	height: 168px;
    width: 0px;
}

.pdtpic img {
	max-width:165px;
	max-height:165px;
}

.pdtname {
	padding-top:20px;
	padding-bottom:15px;
	border-bottom:#a9a9a9 dashed 1px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	max-height:63px;	
	overflow:hidden;
	word-wrap:break-word;
}

.ssale {
	display:inline-block;
	width:44px;
	height:15px;
	margin-bottom:-3px;
	background:url(../../hfc/home/images/market/status_sale.png) no-repeat;
}

.sbuy {
	display:inline-block;
	width:44px;
	height:15px;
	margin-bottom:-3px;
	background:url(../../hfc/home/images/market/status_buy.png) no-repeat;
}

.sclose {
	display:inline-block;
	width:44px;
	height:15px;
	margin-bottom:-3px;
	background:url(../../hfc/home/images/market/status_close.png) no-repeat;
}

.pdtby {
	padding-top:12px;
	padding-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:28px;
	overflow:hidden;
	word-wrap:break-word;
}

.pdttime {
	height:20px;
	font-family:Tahoma;
	font-size:13px;
	color:#6a6a6a;
	word-wrap:break-word;
}

.pdttime span {
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	font-family: Tahoma;
	font-size: 11px;
	font-style: italic;
	color: #888f96;
}

.pdtprice {
	padding-top:7px;
	text-align:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#ff0000;	
}

/* ---------------- End Market ------------------- */

#newshide_close {
    text-align: right;
}

#spnClose {
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
}

.marginSpace {
    clear:both;
    margin-top:11px;
    margin-bottom:10px;
}

#newshide_data .postbox {
    width:20%;
}


/* ---------------- Short Button ------------------- */
.tbl_bttns {
	position:absolute;
	z-index:1;
	display:none;
}

.bttns_link {
    display:block;
	width:25px;
	height:25px;
	background:url(../../hfc/home/images/hfc_home/bttns_link.png) no-repeat;
	cursor:pointer;
}

.bttns_facebook {
    display:block;
	width:25px;
	height:25px;
	background:url(../../hfc/home/images/hfc_home/bttns_facebook.png) no-repeat;
	cursor:pointer;
}

.bttns_stockout {
    display:block;
	width:25px;
	height:25px;
	background:url(../../hfc/home/images/hfc_home/bttns_stockout.png) no-repeat;
	cursor:pointer;
}

.bttns_suggestpdt {
    display:block;
	width:25px;
	height:25px;
	background:url(../../hfc/home/images/hfc_home/bttns_suggest.png) no-repeat;
	cursor:pointer;
}

/* ---------------- End Short Button ------------------- */