html, body {
    background:#000000;
    color:#888888;
}

a {
	color:#1780ff;
	text-decoration:underline;
}

a:hover {
	color:#ffd617;
	text-decoration:none;
}

.inputstyle {
    color: #fff;
    background-color: #2c3948;
    border: 1px solid #515e6d;
}

#TopBar_Box {
	display:none;
}

#shop_header {
	text-align:center;
	background:#000f1f;
	border:0;
	border-bottom:#175399 solid 1px;
	padding:0;
}

#shop_header img {
	display: block;
	width:100%;
}

#shop_header_s {
	/* overflow:hidden; */
	/* height:197px; */
	display:none;
	border:0;
	border-bottom:#175399 solid 1px;
}

#shop_header_s img {
	display: block;
	max-width:100%;
}

#shop_header_sl {
	text-align:center;
	display:none;
	border:0;
	border-bottom:#175399 solid 1px;
}

#shop_header_sl img {
	display: block;
	max-width:100%;
}

@media only screen and (max-width:1499px) {
	
	#shop_header {
		display:none;
	}
	
	#shop_header_s {
		display:block;
	}
		
}

@media only screen and (max-width:1151px) {
	
	#shop_header_s {
		overflow:hidden;
		/* height:204px; */
	}


	#shop_header_s img {
		max-width:none;
	}
		
}

@media only screen and (max-width:720px) {
	
	#shop_header {
		display:none;
	}
	
	#shop_header_s {
		display:none;
	}
	
	#shop_header_sl {
		display:block;
	}
		
}

#shop_menutop {
	padding-top:18px;
	padding-bottom:18px;
	box-sizing:border-box;
	text-align:center;
	background:#001536;
	border-top:#565656 solid 1px;
	border-bottom:#175399 solid 1px;
}

#shop_menutop ul {	
	list-style:none;
	margin:0;
	padding:0;
}

#shop_menutop ul li {
	display:inline-block;
	padding:2.5px;
	padding-bottom:0px;
}

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

	#shop_menutop ul li:first-child {
		margin-left:0.5%;
	}
	
	#shop_menutop ul li {
		display: block;
    		float:left;
    		width:16.5%;
	}

	#shop_menutop ul li img {
		max-width:100%;
	}
		
}

@media only screen and (max-width:1100px) {
	
	#shop_menutop ul li {
		display:inline-block;
    		float:none;
    		width:auto;
	}

	#shop_menutop ul li img {
		max-width:none;
	}
		
}

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

	#shop_menutop ul li:first-child {
		margin-left:0.5%;
	}
	
	#shop_menutop ul li {
		display: block;
    		float:left;
    		width:49.5%;
	}

	#shop_menutop ul li img {
		max-width:100%;
	}
		
}

#main_center {
	margin-top:15px;
}

#main_right {
	float:right;
	width:270px;
}

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

#main_content {
	overflow:hidden;
	margin-right:290px;	
	min-height:500px;
}


@media only screen and (max-width:1335px) {
	
	#main_right {
		width:150px;
	}
	
	#main_content {
		margin-right:170px;
	}
		
}


@media only screen and (max-width:802px) {
	
	#main_right {
		width:100px;
	}
	
	#main_content {
		margin-right:120px;
	}
		
}

@media only screen and (max-width:700px) {
	
	#main_right {
		display:none;
	}
	
	#main_content {
		overflow:auto;
		margin-right:0px;
	}
		
}

#topdescbox {
	/* margin-top:15px;	 */
}

.descbox {
	float:left;
	width:49%;
	padding:15px;
	border:#dfdfdf solid 2px;
	min-height:180px;
}

.descbox:nth-child(2) {
	width:50%;
}

.descbox:nth-child(1) {
	margin-right:1%;
}

.descbox div:nth-child(1) {
	font-family:superstoreregular;
	font-size:2em;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#ff0000 solid 2px;
}

.descbox div:nth-child(2) {
	padding-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px
}

@media only screen and (max-width:1544px) {
	
	.descbox {
		min-height:250px;
	}
		
}

@media only screen and (max-width:1113px) {
	
	.descbox {
		min-height:280px;
	}
		
}

@media only screen and (max-width:962px) {
	
	.descbox {
		margin-top:7px;
		clear:both;
		width:100%;
		min-height:auto;
	}
	
	.descbox:nth-child(1) {
		margin:0px;
		margin-top:0px;
	}
	
	.descbox:nth-child(2) {
		width:100%;
	}
		
}

#product_part {
	margin-top:15px;	
}

#product_left {
	float:left;
	width:260px;
}

#product_content {
	overflow:hidden;
	margin-left: 280px;
}

#menucat_topic {
	padding-top:10px;
	padding-bottom:5px;
	box-sizing:border-box;
}

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


/*
#menucat_data {
	padding:20px;
	padding-bottom:40px;
	min-height:200px;
	background:#f9f9f9;
	
}

#menucat_data a {
	display:block;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	border-bottom:#4C5159 dotted 1px;
	font-family:Tahoma;
	font-size:14px;
	color:#555555;
	text-decoration:none;
}

#menucat_data a:hover {
	color:#0084ff;
	text-decoration:underline;
	background:#f1f1f1;
}

*/

#menucat_data {
	padding-top:10px;
	padding-bottom:10px;
}

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

@media only screen and (max-width:1335px) {
	
	#product_left {
		width:160px;
	}
	
	#product_content {
		margin-left: 180px;
	}
		
}

@media only screen and (max-width:1026px) {
	
	#product_left {
		width:130px;
	}
	
	#product_content {
		margin-left: 150px;
	}
	
	#menucat_data {
		padding-left:7px;
		padding-right:7px;
	}
		
}


#product_search_part {
	height:107px;
}

#searchboxpdt {	
	float:right;
	width:600px;
	height:50px;
	border:#133481 solid 2px;
	box-sizing:border-box;
	background:#000000;
}

#bttnSearchPdt {
	width:135px;
	height:46px;
	background:#133481;
	color:#ffffff;	
	font-family:superstoreregular;
	font-size:1.5em;
	border:none;
	cursor:pointer;
}

#txt_searchpdt {
	margin-left:1%;
	width:99%;
	height:46px;
	border:none;
	background:#000000;
	color:#ffffff;
}

@media only screen and (max-width:1240px) {
	
	#searchboxpdt {	
		float:none;
		width:100%;
	}
		
}

#pdtcatmore {
	display:none;
	margin-bottom:10px;	
}

#pdtcatmore_menu {
	border-radius:3px;
	padding-top:17px;
	padding-bottom:17px;
	background:#fc1a3f;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:10px;
}

#pdtcatmore_menu:hover {
	background:#0045eb;
}

#pdtcatmore_data {
	padding:20px;
	padding-bottom:40px;
	background:#121a25;
	text-align:center;
	display:none;
}

#pdtcatmore_data a {
	display:inline-block;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	border-bottom:#4C5159 dotted 1px;
	font-family:Tahoma;
	font-size:14px;
	color:#555555;
	text-decoration:none;
}

#pdtcatmore_data a:hover {
	color:#0084ff;
	text-decoration:underline;
}

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

@media only screen and (max-width:987px) {
	
	#pdtcatmore {
		display:block;
	}
	
	#product_left {
		display:none;
	}
	
	#product_content {
		margin:0px;
	}

	#product_search_part {
		margin-top:20px;
	}
		
}

.topic_content {
	font-family:superstoreregular;
	font-size:2em;
	border-bottom:#003bc9 solid 3px;
}

.pdt_datalist {
	margin-top:5px;
	background:#090f15;
	padding-top:15px;
	padding-bottom:50px;
}

.pdtbox {
	float:left;
	width:23.5%;
	height:auto;
	padding-left:1%;
	padding-right:1%;
	padding-top:7px;
	border: #373d43 solid 1px;
	transition: all 0.4s ease;
}

.pdtbox:hover {
	border:#1780ff solid 1px;
	background:#1e2735;
}

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

.pdtbox a:hover {
	color:#1780ff;
}

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

.pdt_img {
	padding-bottom:10px;
}

.pdt_desc {
	font-family:Tahoma;
	font-size:0.9em;
	word-wrap:break-word;
	text-align:center;
	height:70px;
	overflow:hidden;
}

/* ----------- PdtStatus FrontStore ------------ */
.i_new {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_new.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_open {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_open.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_less {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_less.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_close {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_close.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_stock {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_instock.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_instore {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_stock.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_request {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_request.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_reserved {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_reserved.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

.i_out {
	position:absolute;
	width:91px;
	height:91px;
	background:url(../../hfc/onlinestore/images/i_out.png);
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
}

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

	.i_new,.i_less,.i_close,.i_stock {
		width:70px;
		height:70px;
	}
		
}

@media only screen and (max-width:1084px) {
	
	.pdtbox {
		width:31.33%;
	}

	.i_new,.i_less,.i_close,.i_stock {
		width:70px;
		height:70px;
	}
		
}

@media only screen and (max-width:620px) {
	
	.pdtbox {
		width:47%;
	}
		
}

@media only screen and (max-width:369px) {
	
	.pdtbox {
		width:45%;
	}

	.i_new,.i_less,.i_close,.i_stock {
		width:50px;
		height:50px;
	}
		
}





#div_paging_preorder_bottom {
	margin-top:25px;
	/* border-top:#003bc9 solid 2px;	 */
}
		
		
/* -------------------- Paging -------------------- */

		.div_paging {
			/*
			margin-top:20px;
			margin-bottom:20px;
			border-top:#003bc9 dotted 1px;
			border-bottom:#003bc9 dotted 1px;
			width:100%;
			padding-top:16px;
			padding-bottom:16px;
			height:auto;
			line-height:none;
			*/
			padding-bottom:60px;
		}
		
		.span_totalpage {
			display:inline-block;
			vertical-align:middle;
			margin-left:10px;
			margin-right:10px;
			margin-top:4px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#808080;
		}	
	
		.button_page_selected {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#ff553a;
			background:#fc1a3f;
			
			
		}
	
		.button_page {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#303840;
			border:#303840 solid 1px;
			text-decoration:none;
			background:#2C3C50;
			
			cursor:pointer;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page:hover {
			color:#ffffff;
			background-color:#009cff;
			text-decoration:none;
		}
		
		.button_page_previous {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#ffffff;
			text-decoration:none;
			background:#2C3C50;
			cursor:pointer;
			text-align:center;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page_previous:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		
		.button_page_previous_end {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#d9d9d9;
			text-decoration:none;
			border:#eeeeee solid 1px;
			background:#ffffff;
		}
		
		.button_page_next {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#ffffff;
			text-decoration:none;
			background:#2C3C50;
			cursor:pointer;
			text-align:center;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page_next:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		
		.button_page_next_end {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#d9d9d9;
			text-decoration:none;		
			border:#eeeeee solid 1px;	
			background:#ffffff;
		}		
		
		.button_page_next1 {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#ffffff;
			text-decoration:none;
			background:#2C3C50;
			cursor:pointer;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page_next1:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		

		.span_totalpage {
			color:#808080;
		}	
	
		.button_page_selected {
			color:#ffffff;
			background:#fc1a3f;
		}
	
		.button_page {
			color:#ffffff;
			background:#303840;
		}
		
		.button_page:hover {
			color:#ffffff;
			background-color:#009cff;
		}
		
		.button_page_previous {
			color:#ffffff;
			background:#2C3C50;
			display:none;
		}
		
		.button_page_previous:hover {
			color:#ffffff;
			background-color:#000000;
		}
		
		.button_page_previous_end {
			color:#d9d9d9;
			border:#eeeeee solid 1px;
			background:#ffffff;
		}
		
		.button_page_next {
			color:#ffffff;
			background:#2C3C50;
			display:none;
		}
		
		.button_page_next:hover {
			color:#ffffff;
			background-color:#000000;
		}
		
		.button_page_next_end {
			color:#d9d9d9;	
			border:#eeeeee solid 1px;	
			background:#ffffff;
		}		
		
		.button_page_next1 {
			color:#ffffff;
			background:#2C3C50;
		}
		
		.button_page_next1:hover {
			color:#ffffff;
			background-color:#000000;
		}
		
		.span_goto {
			color:#808080;
		}
		
		.bttn_page_goto {
			color:#ffffff;
			background:#2C3C50;
		}
		
		.bttn_page_goto:hover {
			color:#ffffff;
			background-color:#000000;
		}
		
		.txt_goto {
			border:#cccccc solid 1px;	
			background:#ffffff;
		}
	
		#divLineBttn {
			background:#d4f9ff;
		}
		
		.div_paging {
    			border-top: none;
    			border-bottom: none;
				margin-top:5px;
				background:#1a222b;
		}		
		
		.div_paging a {
			color:#ffffff;
		}
		
		.div_paging a:visited {
			color:#ffffff;
		}
		
		.div_paging a:hover {
			color:#ffffff;
		}
		
/*		.span_totalpage {
			display:none;	
		}*/
		
		.span_gotobox {
			display:none;
		}
		
		.button_page_previous_end {
			display:none;
		}
		
		.button_page_next_end {
			display:none;
		}

/* -------------------- End Paging -------------------- */





/* ------------------ Other Css ----------------------- */
.topic_content {
	font-size:1.5em;
}

.topic_instock {
	margin-top:50px;
	background:url(../../hfc/onlinestore/images/banner_instock_bg.png);	
}

.topic_instock img {
	display:block;
}

.topic_instock_s {
	display:none;
	margin-top:50px;
	background:url(../../hfc/onlinestore/images/banner_instock_bg.png);	
}

.topic_instock_s img {
	display:block;
}

@media only screen and (max-width:863px) {
	
	.topic_instock {
		display:none;
	}
	
	.topic_instock_s {
		display:block;
	}
		
}

#pname_topic {
	font-family:superstoreregular;
	font-size:2.2em;
	padding-top:20px;
	padding-bottom:20px;
}

#indentbox {
	padding-top:30px;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:30px;
	width:100%;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	background:#090f15;
}

.subtopichead {
	padding-top:20px;
	padding-bottom:20px;
	font-family:superstoreregular;
	font-size:1.9em;
	border-bottom:#4C5159 dashed 1px;	
	color:#6fb2e1;
}

.subcontent {
	padding-top:20px;
	padding-bottom:50px;
	font-family:Tahoma;
	font-size:14px;	
}


#form_customer {
	max-width:780px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	border-radius:3px;
}

.form_sub {
	width:100%;
	margin-right:auto;
	border:#eeeeee solid 1px;
	box-sizing:border-box;
	padding:30px;
	padding-bottom:30px;
	border-radius:3px;
}

#div_bttnorder_bottom {
	margin-top:50px;
	border-top:#003bc9 solid 3px;	
	padding-top:50px;	
	padding-bottom:100px;
}

.bttnOrange {
	margin-left:auto;
	margin-right:auto;
	max-width:250px;
	border-radius:5px;
	background:#fc1a3f;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	font-family:Tahoma;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	transition: background-color 0.4s ease, color 0.4s ease;
	border:none;
}
		
.bttnOrange:hover {
	background-color:#cf112d;
	text-decoration:none;
}

/* ------------------ End Other Css ----------------------- */






/* ------------------ PayBank Css ----------------------- */
#paybankbox {
	/* margin-top:20px; */
}

#banklogo {
	float:left;
	width:420px;
}

#bankdetail {
	margin-left:420px;
	font-family:superstoreregular;
	font-size:1.7em;
	line-height:32px;
}

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

	#banklogo {
		float:left;
		width:100%;
	}
	
	#banklogo img {
		max-width:100%;
	}

	#bankdetail {
		float:none;
		clear:both;
		margin:0px;
		width:100%;
	}

}

/* ------------------ End PayBank Css ----------------------- */



/* ------------------ Top For Store ----------------------- */
#hfctopbar {

    height: 49px;
    background: #000000 url(../../hfc/onlinestore/images/bg_top.png);
}


#hfctitle {
    padding-left:2%;    
}

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

	#hfclogored {
		width:212px;
	}
	
}

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

	#hfclogored {
		width:100%;
	}

	#hfctitle {
		display:block;
		text-align:center;
		padding-left:0px;
		width:100%;
		background: #000000 url(../../hfc/onlinestore/images/bg_top.png);
	}
	
}

/* ------------------ End Top For Store ----------------------- */



/* ------------------ Banner Bottom ----------------------- */
#banner_ad_medium {
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;
}

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

#banner_ad_small {
	margin-top:100px;
	margin-bottom:10px;
	text-align:center;
	display:none;
}

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

@media only screen and (max-width:540px) {
	
	#banner_ad_medium {
		display:none;
	}
	
	#banner_ad_small {
		display:block;
	}

}

/* ------------------ End Banner Bottom ----------------------- */


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




/* ------------------ Special Product Style ------------------ */
#specialproductbox {
	padding-top:35px;
	text-align:center;	
}

#topicPromotion {
	font-family:superstoreregular;
	font-size:2.4em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:15px;
	background:url(../../hfc/shop/images/underblack.png) repeat-x bottom, url(../../hfc/onlinestore/images/star.png) no-repeat left top;
	box-sizing:border-box;
	padding-left:75px;
	color:#fb3176;
}




/* ------------------ Special Product ------------------ */
#pdtspecialpart {
	background:#090f15;
}
#pdtspecialbox {
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	padding-bottom:50px;
}

.pdts_datalist {
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
}

.pdtsbox {
	display:inline-block;
	width:31.33%;
	margin-left:0.7%;
	margin-right:0.7%;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	transition: all 0.4s ease;
	border:#000000 solid 2px;
}

.pdtsbox:hover {
	/* background-color:#DA0E33; */
	border:#ff0000 solid 2px;
}

.pdtsbox a {
	text-decoration:none;	
	color:#555555;
}

.pdtsbox a:hover {
	color:#09f;
}

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

.pdts_img {
	position:relative;
}

.pdts_img img {
	display:block;
}

.pdtsstatus {
	position:absolute;
	width:45%;
}

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

.pdts_price {
	position:absolute;
	width:100%;
	bottom:0px;
	background:url(../../mjn/home/images/black_alpha.png);
	padding:10px;
	padding-top:15px;
	overflow:hidden;
	color:#ffffff;
	font-family:superstoreregular;
	font-size:1.5em;
	word-wrap:break-word;
	max-height:76px;
	over-flow:hidden;
	padding-left:5%;
	box-sizing:border-box;
}

.pdts_price1 {
	color:#ffffff;
	text-decoration: line-through;
	font-family:superstoreregular;
	font-size:0.95em;
	line-height:0.7em;
	box-sizing:border-box;
	text-align:left;
}

.pdts_price2 {
	line-height:47px;	
	color:#FFEA00;
	font-family:superstoreregular;
	font-size:1.35em;
	line-height:1.3em;
	font-weight:bold;
	box-sizing:border-box;
	text-align:left;
}

@media only screen and (max-width:987px) {
	
	.pdtsbox {
		width:38%;
	}
		
}

@media only screen and (max-width:538px) {
	
	.pdtsbox {
		width:48%;
	}
		
}

@media only screen and (max-width:465px) {
	
	.pdtsbox {
		width:65%;
	}
		
}

@media only screen and (max-width:347px) {
	
	.pdtsbox {
		width:90%;
	}
		
}



#topicbb {
	height:56px;
	margin-bottom:10px;
	background:url(../../hfc/onlinestore/images/bg_lineblue.png);	
}

#topicbb1 {
	float:left;
	width:100px;
	height:56px;
	background:#00a7db url(../../hfc/onlinestore/images/icon_announce.png) no-repeat center;	
}

#topicbb2 {
	box-sizing:border-box;
	margin-left:100px;
	padding-left:20px;
	line-height:58px;
	font-family:superstoreregular;
	font-size:2.1em;
	font-weight:bold;
	overflow:hidden;
}


#infodata {
	margin-left:auto;
	margin-right:auto;
	max-width:950px;	
	padding-bottom:40px;
}

.infobox {
	float:left;
	padding:10px;	
	width:50%;
	box-sizing:border-box;
}

.infotopic {
	padding-top:7px;
	padding-bottom:7px;
	box-sizing:border-box;
	border-bottom:#B0E69D solid 5px;
	font-family:superstoreregular;
	color:#FF8A00;
	font-size:2em;	
}


/* ----------- Board Data ------------ */
.boarddata {
	margin:10px;	
	margin-top:20px;
}

.bdata {
	padding-top:7px;
	margin-left:auto;
	margin-right:auto;
	max-width:450px;
	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;
}

/* ----------- End Board Data ------------ */

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

@media only screen and (max-width:500px) {
	.infobox {
		float:none;
		clear:both;
		width:100%;
	}
}

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


#topicpdt {
	height:56px;
	border-bottom:#001e4c solid 5px;
}

#topicpdt1 {
	float:left;
	width:26px;
	height:56px;
	background:#001e4c;	
}

#topicpdt2 {
	box-sizing: border-box;
	margin-left: 0px;
	padding-left: 40px;
	line-height: 58px;
	font-family: superstoreregular;
	font-size: 2em;
	overflow: hidden;
	color: #ffffff;
	background:url(../../hfc/onlinestore/images/arrow_orange_topic.png) no-repeat left top;
}



/* --------------------- BttnViewProductlist --------------------- */
#divBttnViewPdt {
	text-align:center;	
	padding-top:40px;
	padding-bottom:20px;
}

#divBttnViewPdt img {
	display:inline-block;
	border:0px;
	margin:5px;
	box-sizing:border-box;
	max-width:100%;
}

@media only screen and (max-width:620px) {
	
	#divBttnViewPdt img {
		margin:0px;
		width:auto;
	}
	
}


#divMessenger {
     max-width:85px;
     position: fixed;
     bottom: 0px;
     right: 0px;
}

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



/* ----------- Banner Css ------------ */
/* RGEN - BASIC SLIDESHOW
********************************************/
.rgen-basicslideshow .slide { 
	text-align: center;
	position: relative;
    height: 100%;
    overflow: hidden;
}
.slideshow-wrp img { width: 100%; }
.rgen-basicslideshow .slide-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.rgen-basicslideshow .slide-link img {
	width: 100%; height: 100%;
}
.rgen-basicslideshow .slideshow-wrp.normal .slideshow {
	height: auto !important;
}


/* DEFAULT SLIDER
********************************************/
.slideshow-wrp,
.oc-slideshow {
	border-radius: 0px;
	box-shadow: none;
	/* margin-bottom: 40px; */
	position: relative;
}
.slideshow-wrp .prevBtn i,
.slideshow-wrp .nextBtn i,
.oc-slideshow .prevBtn i,
.oc-slideshow .nextBtn i {
	font-size: inherit;
	line-height: 41px;
}
.slideshow-wrp .prevBtn,
.slideshow-wrp .nextBtn,
.oc-slideshow .prevBtn,
.oc-slideshow .nextBtn {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.1);
	z-index: 99;
	color: #fff;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}

.slideshow-wrp .prevBtn,
.oc-slideshow .prevBtn { left: 0px; }

.slideshow-wrp .nextBtn,
.oc-slideshow .nextBtn { right: 0px; }

.slideshow-wrp .prevBtn:hover,
.slideshow-wrp .nextBtn:hover,
.oc-slideshow .prevBtn:hover,
.oc-slideshow .nextBtn:hover { background-color: rgba(0,0,0,0.3); }

#topic_banner {
	margin-top:10px;
	margin-bottom:4px;
	font-family:superstoreregular;
	font-size:2.5em;
	font-weight:bold;
	color:#ffffff;
	padding-top:5px;
	padding-bottom:3px;
	border-bottom:#003bc9 solid 4px;
	text-align:center;
}

#div_banner {
	margin-bottom:40px;
}

#div_banner_data_box {
	postion:relative;
	border:#2c333d solid 1px;
	background:#121a25;
}

#div_banner_data img {
	max-width:704px;
	margin-left:auto;
	margin-right:auto;
}

.controls {
	display:block;
	max-width:704px;
	margin-left:auto;
	margin-right:auto;
}

#divIconNew {
	position:absolute;
	z-index:1;
	max-width:261px;
	
}

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

@media only screen and (max-width:1136px) {
	#divIconNew {
		max-width:161px;	
	}
}

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



/* Numeric Navigation */
ol.numericControls {margin:1em 0;padding:0;height:28px;	}
ol.numericControls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;width:61px;height:28px;line-height:28px;}
ol.numericControls li a{float:left;box-sizing:border-box;width:61px;height:28px;line-height:28px;border:1px solid #373d43;background:#090f15;color:#555;padding:0 10px;text-decoration:none;}
ol.numericControls li.current a{background:#1e2735;width:61px;border:1px solid #1780ff;color:#fff;}
ol.numericControls li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}


.captionlink {
    cursor:pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----------- End Banner Css ------------ */



.linkrewrite {
	display:none;
}

#productGroupLink {
    display:none;
}