html, body {
	width: 100%;
	min-width: 1024px;
	min-height: 100%;
	font-family: Arial;
	font-size: 12px;
	color: #5d5d5d;
}

.container{
	width: 1024px;
	margin: auto;
}
a{
	color: #e0121a;
}
a:hover{
	text-decoration: none;
}

header {
	/*height: 172px;*/
	clear: both;
	/*overflow: hidden;*/
	}
	header > .container{
		height: 127px;
		clear: both;
	}
	.logo-vinMart {
		display: block;
		width: 264px;
		height: 54px;
		background: url(../images/logo_vinmart.png) no-repeat;
		text-indent: -9999px;
		float: left;
		margin-top: 43px;
	}
	.header-top	{
		float: right;
		text-align: right;
		padding-top: 15px;
		font-size: 14px;
		color: #686868;
	}
	.header-top a{
		color: #686868;
		padding: 0 10px;
		line-height: 28px;
		}
		.header-top a:hover{
			text-decoration: none;
			color: #ed1c24;
		}
	.header-top .hotLine{
		background: #fffac3 url(../images/icon_hotline.png) no-repeat 4px center;
		display: inline-block;
		height: 28px;
		line-height: 21px;
		padding: 4px 10px 4px 32px;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		border-radius: 14px;
	}

nav {
	background: #da151c url(../images/nav_bg.gif) repeat-x;
	height: 45px;
	border-bottom: 1px solid #fff;
	clear: both;
	}
	nav a{
		font-size: 12px;
		color: #fff;
	}
	nav a:hover{
		text-decoration: none;
		color: #ffe800;
	}
	nav li{
		float: left;
		line-height: 45px;
		margin-right: 20px;
	}
	nav li sup{
		background-color: #ffe800;
		font-size: 12px;
		color: #c40d14;
		padding: 0 4px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	.nav{
		float: left;
	}
	.nav-search{
		background-color: #fff;
		width: 205px;
		height: 27px;
		border: 1px solid #b01e24;
		float: right;
		margin-top: 8px;
		padding: 0 5px 0 10px;
		overflow: hidden;
		-moz-box-shadow: inset 0px 0px 10px #c9c9c9;
		-webkit-box-shadow: inset 0px 0px 10px #c9c9c9;
		box-shadow: inset 0px 0px 10px #c9c9c9;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
		.nav-search .txf{
			width: 155px;
			font-size: 15px;
			font-style: italic;
			color: #000;
			float: left;
			border: none;
			background-color: transparent;
			padding: 3px 0;
		}
		.nav-search .btn{
			width: 27px;
			height: 27px;
			border: none;
			float: right;
			background: url(../images/icon_search.png) no-repeat center center;
			cursor: pointer;
		}

footer {
	font-size: 12px;
	color: #fff;
	padding: 14px 0;
	background: #b3080e url(../images/ft_bg.gif) repeat-x;
	overflow: hidden;
	}
	footer a{
		color: #fff;
	}
	footer a:hover{
		color: #ffe800;
		text-decoration: none;
	}
	footer .links{
		line-height: 25px;
		margin-left: -6px;
		float: left;
	}
	footer .links a{
		padding: 0 6px;
	}
	footer .links p{
		padding: 0 6px;
	}
	footer .buttons{
		float: right;
		text-align: right;
		}
		footer .buttons .btn-newsletter{
			color: #3a3a3a;
			font-size: 12px;
			background: #ffc81d url(../images/btn_newsletter.gif) repeat-x;
			border: 1px solid #f0942f;
			display: block;
			height: 35px;
			line-height: 35px;
			padding: 0 8px;
			float: left;
			text-align: left;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
			footer .buttons .btn-newsletter:hover{
				text-decoration: none;
			}
		footer .buttons .btn-loginFb{
			display: block;
			width: 111px;
			height: 37px;
			text-indent: -9999px;
			background: url(../images/btn_fbconnect.png) no-repeat;
			float: left;
			text-align: left;
			margin-left: 10px;
		}

#main {
	overflow: hidden;
	clear: both;
}
	.page {
		overflow: hidden;
		clear: both;
	}
	.section-item{
		clear: both;
		padding: 20px 0 40px;
	}

.news-container{
	clear: both;
	margin-left: -17px;
	overflow: hidden;
	}
	.news-container li{
		float: left;
		width: 495px;
		margin-left: 17px;
	}
	.news-container .thumb{
		width: 200px;
		height: 160px;
		float: left;
		overflow: hidden;
		}
		.news-container .thumb img{
			width: 100%;
		}
	.news-container .r{
		width: 275px;
		line-height: 20px;
	}
	.news-container .r .date{
		font-size: 10px;
	}
	.news-container .r h3{
		padding: 0 0 4px;
	}
	.news-container .r .copy{
		font-size: 14px;
	}



/* HOME PAGE */

#pHome {
	}
	#pHome h2{
		font-size: 28px;
		font-weight: 400;
		color: #5d5d5d;
		padding-left: 44px;
		float: left;
		margin-bottom: 20px;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.link-viewAll,
	.btn-roundYellow{
		background-color: #fffac3;
		float: right;
		font-size: 14px;
		color: #e0121a;
		display: inline-block;
		height: 28px;
		line-height: 28px;
		padding: 0 16px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}
	.btn-roundYellow{
		float: none;
	}
		.link-viewAll:hover,
		.btn-roundYellow:hover{
			text-decoration: none;
			color: #fffac3;
			background-color: #e0121a;
		}

	#pHome .section-news{
		background: #e8ecef;
		}
		#pHome .section-news h2{
			background-image: url(../images/icon_h2_news.png);
		}

	#pHome .section-store{

		}
		#pHome .section-store h2{
			background-image: url(../images/icon_h2_store.png);
		}

	#pHome .section-superMarket{
		background-color: #e8ecef;
		clear: both;
		overflow: hidden;
		padding: 20px 0 40px;
		}
		#pHome .l{
			width: 345px;
			font-size: 14px;
		}
		#pHome .l h2{
			float: none;
			background-image: url(../images/icon_h2_market.png);
		}
		#pHome .l p{
			margin-bottom: 30px;
		}
		#pHome .r{}
		#pHome .r li{
			width: 200px;
			margin-left: 25px;
			float: left;
		}
		#pHome .r li .thumb{
			width: 200px;
			height: 160px;
			overflow: hidden;
			text-align: center;
			}
			#pHome .r li .thumb img{
				width: 100%;
			}
		#pHome .r li .caption{
			width: 100%;
			height: 40px;
			line-height: 38px;
			font-size: 14px;
			font-weight: 700;
			text-align: center;
			background-color: #fff;
			border: 1px solid #d9d9d9;
		}

	#pHome .section-promo{
		clear: both;
		}
		#pHome .section-promo h3{
			font-size: 18px;
			font-weight: 400;
			color: #5d5d5d;
			margin: 25px 0 10px;
		}
		#pHome .section-promo ul{
			margin-left: -24px;
		}
		#pHome .section-promo li{
			width: 325px;
			min-height: 420px;
			margin-left: 24px;
			float: left;
			background: url(../images/home_promo_bg.jpg) no-repeat right top;
		}
		#pHome .section-promo li img{
			margin-bottom: 14px;
			max-width: 310px;
		}

	#pHome #heroBanner{
		width: 100%;
		height: 340px;
		clear: both;
		position: relative;
		overflow: hidden;
		}
		#pHome .heroBanner{
			width: 100%;
			height: 340px;
			clear: both;
			position: relative;
			overflow: hidden;
		}
		#pHome .heroBanner > div{
			width: 100%;
			min-width: 1024px;
			height: 340px;
			float: left;
			background-position: center top;
			background-repeat: no-repeat;
		}
		#pHome .heroBanner > div a{
			display: block;
			width: 100%;
			min-width: 1024px;
			height: 340px;
		}

			.slick-dots{
				bottom: 24px;
			}
			.slick-dots li button:before{
				display: none;
			}
			.slick-dots li button{
				width: 18px;
				height: 18px;
				background: #fff;
				border: 1px solid #000;
				-moz-border-radius: 9px;
				-webkit-border-radius: 9px;
				border-radius: 9px;
				opacity: .55;
			}
			.slick-dots li.slick-active button{
				opacity: 1;
			}



/* Page Store Locator */

#pLocator{
	padding-bottom: 40px;
	}
	#pLocator .map{
		width: 100%;
		height: 522px;
		border-top: 1px solid #c1ced8;
		border-bottom: 1px solid #c1ced8;
		position: relative;
		margin-bottom: 25px;
	}
	#pLocator .map .container{
		position: relative;
	}
	#pLocator .map-canvas{
		width: 100%;
		height: 520px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.storeList{
		background-color: #e8ecef;
		height: 120px;
		padding: 12px 0;
	}
	.storeList-wrapper{}
	.storeList-wrapper .slider{
		width: 931px;
		height: 96px;
		clear: both;
		position: relative;
		margin: auto;
	}
	.storeList-wrapper .slider .slider-item{
		width: 119px;
		height: 96px;
		float: left;
		margin: 0 7px;
		position: relative;
	}
	.storeList-wrapper .slider .slider-item p{
		position: absolute;
		left: 3px;
		bottom: 3px;
		width: 113px;
		height: 20px;
		line-height: 20px;
		padding: 0 4px;
		color: #fff;
		background-color: #da151c;
	}
	.storeList-wrapper .slider .slider-item img{
		margin: 3px;
		float: left;
	}
	.storeList-wrapper .slider .slider-item img:hover,
	.storeList-wrapper .slider .slider-item img.active{
		border: 3px solid #ed1c24;
		margin: 0;
	}
	.storeList-wrapper .slick-prev:before,
	.storeList-wrapper .slick-next:before{
		display: none;
	}
	.storeList-wrapper .slick-prev,
	.storeList-wrapper .slick-next{
		width: 25px;
		height: 42px;
		background-position: 0 0;
		background-repeat: no-repeat;
		margin-top: -21px;
	}
	.storeList-wrapper .slick-prev{
		background-image: url(../images/btn_slider_prev.png);
	}
	.storeList-wrapper .slick-next{
		background-image: url(../images/btn_slider_next.png);
	}
	.storeList-wrapper .slick-disabled{
		opacity: .4;
		cursor: default;
	}

	#pLocator .map-info h2{
		font-size: 28px;
		font-weight: 400;
		color: #5d5d5d;
		padding-left: 44px;
		margin-bottom: 20px;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(../images/icon_h2_market.png);
		}
		#pLocator .map-info{
			width: 390px;
			font-size: 14px;
			line-height: 20px;
		}
		#pLocator .map-info p{
			margin-bottom: 0;
		}
		#pLocator .map-info h6{
			text-transform: uppercase;
			margin-top: 18px;
		}
		#pLocator .map-info .phone{
			padding-left: 23px;
			background: url(../images/icon_phone.png) no-repeat left center;
		}
		#pLocator .map-info .mail{
			padding-left: 23px;
			background: url(../images/icon_mail.png) no-repeat left center;
		}
		#pLocator .map-info .calendar{
			padding-left: 23px;
			background: url(../images/icon_calendar.png) no-repeat left center;
			font-weight: 700;
			margin-top: 18px;
		}
		#pLocator .map-info .promoItem{
			color: #e0121a;
			font-weight: 700;
		}

		.location-dropdown{
			position: absolute;
			right: 0;
			top: 20px;
		}
		.select-wrapper{
			background-color: #fff;
			border: 2px solid #838383;
			padding: 0 10px;
			height: auto;
			-webkit-box-shadow: inset 0px 0px 5px #cfcfcf, 0px 0px 10px #aaa;
			-moz-box-shadow: inset 0px 0px 5px #cfcfcf, 0px 0px 10px #aaa;
			box-shadow: inset 0px 0px 5px #cfcfcf, 0px 0px 10px #aaa;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		.select-wrapper .holder{
			font-size: 20px;
			font-family: Arial;
			z-index: 0;
		}



/* Page Contact */

#pContact{}
	#pContact .map{
		width: 100%;
		height: 451px;
		border-bottom: 1px solid #c1ced8;
		position: relative;
	}
	#pContact .map .container{
		position: relative;
	}
	#pContact #map-canvas{
		width: 100%;
		height: 450px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.map-info{
		width: 300px;
		padding: 20px;
		position: absolute;
		left: 20px;
		top: 40px;
		line-height: 20px;
		background: rgba(255,255,255,.9);
		-moz-box-shadow: 0px 0px 10px #aaaaaa;
		-webkit-box-shadow: 0px 0px 10px #aaaaaa;
		box-shadow: 0px 0px 10px #aaaaaa;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		}
		.map-info h2{
			font-size: 28px;
			font-weight: 400;
			color: #5d5d5d;
			padding-left: 44px;
			margin-bottom: 20px;
			background-position: left center;
			background-repeat: no-repeat;
			background-image: url(../images/icon_h2_mail.png);
		}
		.map-info h3{
			font-size: 14px;
		}
		.map-info p{
			margin-bottom: 12px;
		}
		.map-info a{
			color: #5d5d5d;
		}
	.contact-info{
		clear: both;
		padding: 20px 0 50px;
		overflow: hidden;
		}
		.contact-info h4{
			font-size: 28px;
			font-weight: 400;
			color: #5d5d5d;
			padding-left: 44px;
			padding-top: 6px;
			padding-bottom: 6px;
			margin-bottom: 20px;
			background-position: left center;
			background-repeat: no-repeat;
			background-image: url(../images/icon_h2_pin.png);
		}
		.contact-column{
			width: 33.33%;
			padding-right: 6%;
			float: left;
			line-height: 20px;
		}
		.contact-column li{
			margin-bottom: 16px;
		}





/* Dynamic copy reset */

.dynamicCopy{
	font-size: 14px;
	line-height: 20px;
	padding: 20px 0;
	clear: both;
	}
	.dynamicCopy h1{
		font-size: 28px;
		font-weight: 400;
		line-height: 1.3;
		color: #5d5d5d;
		padding-left: 44px;
		margin-top: 5px;
		margin-bottom: 25px;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(../images/icon_h2_cart.png);
	}
	.dynamicCopy p{
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 20px;
	}



/* ABOUT PAGE */

#pAbout #heroBanner{
	width: 100%;
	height: 340px;
	clear: both;
	position: relative;
	overflow: hidden;
	}
	#pAbout .heroBanner{
		width: 100%;
		height: 340px;
		clear: both;
		position: relative;
		overflow: hidden;
	}
	#pAbout .heroBanner > div{
		width: 100%;
		min-width: 1024px;
		height: 340px;
		float: left;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#pAbout .heroBanner > div a{
		display: block;
		width: 100%;
		min-width: 1024px;
		height: 340px;
	}
	#pAbout .dynamicCopy h1{
		background-image: url(../images/icon_h2_badget.png);
	}
	#pAbout .dynamicCopy .copy-about{
		padding-bottom: 30px;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		-webkit-column-rule: 1px outset #dbdbdb;
		-moz-column-rule: 1px outset #dbdbdb;
		column-rule: 1px outset #dbdbdb;
    }
    #pAbout .dynamicCopy .copy-about p{
    	padding-right: 5%;
    }


.navSub{
	background-color: #f4f4f4;
	height: 47px;
	line-height: 47px;
	}
	.navSub a{
		display: inline-block;
		line-height: 47px;
		color: #5d5d5d;
		font-size: 14px;
		font-weight: 700;
		margin-right: 35px;
	}
	.navSub a:first-child{
		padding-right: 20px;
		margin-right: 30px;
		background: url(../images/navsub_arrow.gif) no-repeat right center;
	}
	.navSub a:hover{
		color: #000;
		text-decoration: none;
	}
	.navSub a.active{
		color: #ed1c24;
	}



/* PROMOTION PAGE */

#pMember{}
	#pMember .registerForm h2{
		font-size: 26px;
		text-align: center;
		color: #fff;
		line-height: 2;
		margin-bottom: 30px;
	}
	#pMember h6{
		font-size: 16px;
		text-align: center;
		line-height: 20px;
		margin: 15px 0;
	}


	.section-feature{
		background-color: #fdf5da;
		padding: 25px 0;
		clear: both;
		}
		.section-feature .feature{
			width: 1024px;
			height: 680px;
			background: url(../images/promo_feature_bg.jpg) no-repeat;
			border: 3px solid #ee3338;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		.section-feature .feature h2{
			font-size: 26px;
			text-align: center;
			color: #fff;
			line-height: 2;
			margin-bottom: 35px;
		}
		.section-feature .feature .l{
			width: 466px;
			margin-left: 30px;
		}
		.section-feature .feature .r{
			width: 466px;
			margin-right: 30px;
		}
		.section-feature .feature .item{
			border: 1px solid #bbbbbb;
			padding: 10px 15px;
			font-size: 14px;
			color: #2b2b2b;
			margin-bottom: 15px;
			overflow: hidden;
			-moz-border-radius: 9px;
			-webkit-border-radius: 9px;
			border-radius: 9px;
		}
		.section-feature .feature .item h3{
			font-size: 14px;
			width: 270px;
			height: 32px;
			line-height: 32px;
			background-color: #ee3338;
			color: #fff;
			padding: 0 15px;
			margin: -10px 0 10px -15px;
			-moz-border-radius: 0 0 32px;
			-webkit-border-radius: 0 0 32px;
			border-radius: 0 0 32px;
			}
			.section-feature .feature .item h3 strong{
				color: #ffff00;
			}
		.section-feature .feature .item li{
			background: url(../images/bullet.png) no-repeat left 5px;
			padding-left: 15px;
			margin-bottom: 10px;
		}
		.section-feature .feature h4{
			background: url(../images/symbol_star.png) no-repeat left center;
			padding-left: 30px;
			color: #000;
			font-size: 24px;
			margin-bottom: 5px;
		}
		.section-feature .feature .term{
			height: 215px;
			border: 1px solid #bbbbbb;
			padding: 10px 4px 10px 15px;
			-moz-border-radius: 9px;
			-webkit-border-radius: 9px;
			border-radius: 9px;
			}
			.section-feature .feature .term .copy{
				width: 100%;
				height: 100%;
			}
			.section-feature .feature .term .copy p{
				margin-bottom: 14px;
			}


	.section-join{
		background-color: #dcebf6;
		padding: 25px 0;
		clear: both;
		}
		.section-join .join{
			width: 1024px;
			height: 669px;
			background: url(../images/promo_join_card.jpg) no-repeat;
			position: relative;
		}
		.section-join .join h2{
			font-size: 22px;
			position: absolute;
			left: 17px;
			top: 520px;
			color: #fff;
			}
			.section-join .join h2 strong{
				font-size: 30px;
				color: #ffff00;
			}
		.section-join .join .lb{
			position: absolute;
			left: 17px;
			top: 580px;
			color: #fff;
			font-size: 17px;
			font-weight: 700;
			}
			.section-join .join .lb li{
				clear: both;
			}
			.section-join .join .lb li span{
				float: left;
			}
			.section-join .join .lb li a{
				color: #fff;
			}
			.section-join .join .lb li span:first-child{
				display: block;
				float: left;
				width: 80px;
			}
			.section-join .p1{
				width: 514px;
				position: absolute;
				right: 0;
				top: 65px;
				text-align: center;
				font-size: 24px;
				font-weight: 700;
			}
			.section-join .p2{
				width: 284px;
				position: absolute;
				right: 113px;
				top: 130px;
				color: #fff814;
				text-align: center;
				font-size: 18px;
				font-weight: 700;
				}
				.section-join .p2 strong{
					font-size: 30px;
				}
			.section-join .p3{
				width: 284px;
				position: absolute;
				right: 113px;
				top: 175px;
				color: #fff;
				text-align: center;
				font-size: 16px;
				font-weight: 700;
				}
				.section-join .p3 strong{
					color: #fff814;
				}
			.section-join .join > ul{
				position: absolute;
				right: 20px;
				top: 275px;
				}
				.section-join .join > ul li{
					width: 165px;
					padding: 0 16px;
					text-align: center;
					float: left;
				}
				.section-join .join > ul li h3{
					font-weight: 700;
					margin-bottom: 100px;
				}
				.section-join .join > ul li .caption{
					color: #fff;
					font-weight: 700;
					margin-bottom: 13px;
					text-align: center;
					line-height: 14px;
				}
				#pMember .section-join .join > ul li h6{
					color: #ffff0f;
					text-transform: uppercase;
					text-align: left;
				}
				.section-join .join > ul li p{
					color: #fff;
					line-height: 18px;
					text-align: left;
				}


	.section-registerForm{
		background-color: #fdf5da;
		padding: 25px 0 55px;
		clear: both;
	}
	#pMember .registerForm{
		background: #fff url(../images/promo_box_bg_top.jpg) no-repeat center top;
		border: 3px solid #ee3338;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#pMember .registerForm .wrapper{
		background: url(../images/promo_box_bg_bot.jpg) no-repeat left bottom;
	}
	#pMember .form-box{
		width: 580px;
		background-color: #e7e8e9;
		margin: 0 auto 15px;
		padding: 0 0 10px;
		clear: both;
		overflow: hidden;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
	}
	#pMember .form-box ul{
		padding: 0 50px 0 20px;
	}
	#pMember .form-box li{
		clear: both;
		padding-bottom: 15px;
	}
	#pMember .form-box li > label{
		font-size: 14px;
		width: 105px;
		float: left;
		margin-right: 10px;
		font-weight: 700;
		padding-top: 8px;
	}
	#pMember .form-box li > label.valign-middle{
		padding-top: 0;
	}
	#pMember .form-box li .txf{
		width: 385px;
		font-size: 14px;
		border: 1px solid #bbc9d2;
		padding: 5px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	#pMember .form-box li > p{
		padding-left: 115px;
		margin-top: -8px;
	}
	#pMember .form-box h3{
		height: 40px;
		line-height: 40px;
		color: #fff;
		background-color: #ee3338;
		padding: 0 20px;
		margin-bottom: 12px;
	}

	#pMember .form-box .term{
		height: 110px;
		padding: 10px;
		margin: 0 20px 10px;
		clear: both;
		border: 1px solid #bbc9d2;
		background-color: #fff;
		font-size: 12px;
		overflow: hidden;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}
		#pMember .form-box .term .copy{
			width: 100%;
			height: 90px;
		}
		#pMember .form-box .term h5{
			font-size: 18px;
			margin-bottom: 12px;
		}
		#pMember .form-box .term p{
			margin-bottom: 12px;
		}

	#pMember .form-box .chk-group{
		width: 395px;
		float: right;
		padding-bottom: 12px;
		}
		#pMember .form-box .chk-group .g-checkbox{
			float: left;
			padding-top: 9px;
		}
		#pMember .form-box .chk-group .g-checkbox-col1{
			width: 80px;
		}
		#pMember .form-box .chk-group .g-checkbox-col2{
			width: 160px;
		}
		#pMember .form-box .chk-group .g-checkbox-col3{
			width: 110px;
		}

	#pMember .form-other > .g-checkbox{
		padding-left: 20px;
	}

	#pMember .form-box li.col2{
		width: 50%;
		float: left;
		clear: none;
	}
	#pMember .form-box li.col2 .txf{
		width: 130px;
	}
	#pMember .form-box li.col-right label{
		text-align: right;
	}

	#pMember .button{
		text-align: center;
		padding: 20px 0 35px;
		}
		#pMember .button input{
			width: 260px;
			height: 45px;
			line-height: 40px;
			font-weight: 700;
			font-size: 26px;
			color: #fff;
			border: none;
			border-bottom: 8px solid #a7191e;
			background: #ff1019;
			background: -moz-linear-gradient(top,  #ff1019 0%, #cc242a 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1019), color-stop(100%,#cc242a));
			background: -webkit-linear-gradient(top,  #ff1019 0%,#cc242a 100%);
			background: -o-linear-gradient(top,  #ff1019 0%,#cc242a 100%);
			background: -ms-linear-gradient(top,  #ff1019 0%,#cc242a 100%);
			background: linear-gradient(to bottom,  #ff1019 0%,#cc242a 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1019', endColorstr='#cc242a',GradientType=0 );
			-moz-border-radius: 9px;
			-webkit-border-radius: 9px;
			border-radius: 9px;
			box-sizing: content-box;
		}
		#pMember .button input:hover{
			border-bottom-width: 2px;
			transform: translateY(6px);
			margin-bottom: 6px;
		}


		#pMember .form-cardId{
			padding-top: 10px;
			}
			.form-cardId .g-checkbox{
				float: left;
				padding-right: 20px;
			}
			.form-cardId .g-checkbox:last-child{
				padding: 0;
			}
			.form-cardId .g-checkbox label{
				font-weight: 700;
				font-size: 13px;
			}
			.form-cardId .g-checkbox label span{
				font-weight: 400;
			}


#pFaq{
	background: url(../images/faq_bg.gif) repeat-y center top;
	padding: 25px 0;
	overflow: hidden;
	}
	#pFaq .menuLeft{
		width: 215px;
		float: left;
		text-align: right;
		}
		#pFaq .menuLeft h3{
			font-size: 18px;
			margin-bottom: 15px;
		}
		#pFaq .menuLeft li{

		}
		#pFaq .menuLeft li a{
			color: #646464;
			font-size: 14px;
			line-height: 34px;
		}
		#pFaq .menuLeft li a:hover{
			color: #000;
		}
		#pFaq .menuLeft li a.active{
			color: #ed1c24;
			text-decoration: underline;
		}
	#pFaq .mainCt{
		width: 787px;
		float: right;
		}
		#pFaq .mainCt h1{
			font-size: 30px;
			font-weight: 400;
			margin: 0 0 0 45px;
		}
		#pFaq .mainCt .faqItem{
			border-bottom: 1px solid #d4d4d4;
			padding: 20px 50px 10px 45px;
			font-size: 14px;
			line-height: 20px;
		}
		#pFaq .mainCt .faqItem:last-child{
			border: none;
		}
		#pFaq .mainCt .faqItem .question{
			font-weight: 700;
			margin-bottom: 20px;
		}
		#pFaq .mainCt .faqItem .question em{
			color: #ea0d15;
		}
		#pFaq .mainCt .faqItem .answer{

		}
		#pFaq .mainCt .faqItem .answer em{
			font-weight: 700;
			color: #0f86c3;
		}
		#pFaq .mainCt .faqItem p{
			margin-bottom: 20px;
		}



#pNews{}
	.newsContainer{
		clear: both;
		padding: 25px 0;
	}
	.newsContainer ul{
		margin-left: -70px;
	}
	.newsContainer li,
	.newsDetail li{
		width: 200px;
		height: 240px;
		overflow: hidden;
		margin-bottom: 10px;
		margin-left: 70px;
		float: left;
	}
	.newsContainer li .thumb,
	.newsDetail .sideCt li .thumb{
		display: block;
		width: 200px;
		height: 160px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.newsContainer li .thumb img,
	.newsDetail .sideCt li .thumb img{
		width: 100%;
	}
	.newsContainer li .meta-date,
	.newsDetail .sideCt li .meta-date{
		color: #9d9d9d;
		font-size: 12px;
	}
	.newsContainer li h3 a,
	.newsDetail .sideCt li h3 a{
		font-size: 14px;
		font-weight: 400;
		color: #5d5d5d;
	}

	.newsDetail{
		padding: 20px 0;
		clear: both;
		}
		.newsDetail .mainCt{
			width: 750px;
			float: left;
		}
		.newsDetail .meta-date{
			color: #9d9d9d;
			font-size: 14px;
			margin-bottom: 5px;
		}
		.newsDetail h1{
			color: #5d5d5d;
			font-size: 30px;
			font-weight: 400;
		}

		.newsDetail .sideCt{
			width: 220px;
			float: right;
		}
		.newsDetail .sideCt h2{
			font-size: 24px;
			font-weight: 400;
			color: #fff;
			background-color: #e0121a;
			padding: 10px 20px;
			margin-bottom: 24px;
			-moz-border-radius: 9px;
			-webkit-border-radius: 9px;
			border-radius: 9px;
		}
		.newsDetail .sideCt li{
			margin-left: 0;
		}



/* EVENT PAGE */

#pEvent{}
	.eventItem{
		padding-bottom: 40px;
		clear: both;
		overflow: hidden;
	}
	.eventItem:nth-child(odd){
		background-color: #e8ecef;
	}
	.eventItem .banner{
		width: 100%;
		max-height: 340px;
		overflow: hidden;
	}
	.eventItem .banner img{
		width: 100%;
	}
	.eventItem .time{
		width: 100%;
		height: 43px;
		line-height: 43px;
		color: #fff;
		font-size: 18px;
		padding: 0 14px;
		background-color: #6d6d6d;
		float: left;
		clear: both;
		overflow: hidden;
		}
		.eventItem .duration{
			float: left;
		}
		.eventItem .countdown{
			float: right;
			background: url(../images/icon_clock.png) no-repeat left center;
			padding-left: 23px;
		}
		.eventItem .countdown .countdown-section{
			padding: 0 12px;
			border-right: 2px solid #fff;
		}
		.eventItem .countdown .countdown-section:last-child{
			border: none;
		}
		.eventItem .countdown .countdown-amount{
			padding-right: 4px;
		}
		.eventItem .countdown .countdown-period{
			text-transform: uppercase;
		}

	.eventItem h2{
		font-size: 30px;
		padding: 14px 0 0;
		overflow: hidden;
		clear: both;
	}
	.eventItem .copy{
		width: 735px;
		height: 170px;
		float: left;
		overflow: hidden;
	}
	.eventItem .copy .dynamicCopy{
		width: 735px;
		height: 170px;
	}
	.eventItem .btns{
		width: 255px;
		float: right;
	}
	.eventItem .btns a{
		height: 46px;
		line-height: 46px;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: #fff;
		display: block;
		margin-bottom: 15px;
		background-color: #e0121a;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.btn-viewMore{
		display: block;
		height: 50px;
		line-height: 50px;
		font-size: 24px;
		font-weight: 700;
		background-color: #f6f6f6;
		border: 1px solid #c6c6c6;
		text-align: center;
		color: #5d5d5d;
		margin: 20px 0 80px;
		}
		.btn-viewMore:hover{
			background-color: #c6c6c6;
			color: #fff;
		}


#pPromo{}
	.promo{

	}
	#pPromo #heroBanner{
		height: 340px;
		clear: both;
		position: relative;
		overflow: hidden;
		}
		#pPromo .heroBanner{
			width: 100%;
			height: 340px;
			clear: both;
			position: relative;
			overflow: hidden;
		}
		#pPromo .heroBanner > div{
			width: 100%;
			min-width: 1024px;
			height: 340px;
			float: left;
			background-position: center top;
			background-repeat: no-repeat;
		}
		#pPromo .heroBanner > div a{
			display: block;
			width: 100%;
			min-width: 1024px;
			height: 340px;
		}
	.promoTop{
		background-color: #e8ecef;
		overflow: hidden;
		}
		.promoTop h3{
			background: #e0121a url(../images/icon_circlestar.png) no-repeat 10px center;
			display: inline-block;
			height: 46px;
			line-height: 46px;
			margin: 20px 0;
			padding: 0 100px 0 50px;
			color: #fff;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
	.promoWrapper{
		margin-left: -26px;
		}
		.promoWrapper li{
			width: 324px;
			height: 222px;
			float: left;
			margin-left: 26px;
		}
		.promoWrapper li .thumb{
			display: block;
			width: 324px;
			height: 160px;
			overflow: hidden;
			margin-bottom: 10px;
		}
		.promoWrapper li .thumb img{
			width: 100%;
		}
		.promoWrapper li .title{
			display: block;
			height: 30px;
			overflow: hidden;
			font-size: 14px;
			font-weight: 700;
			color: #5d5d5d;
			white-space: nowrap;
		    text-overflow: ellipsis;
		}
	.promoBot{}
		.promoBot h3{
			font-size: 28px;
			font-weight: 400;
			background: url(../images/icon_latestpromo.png) no-repeat left center;
			padding-left: 40px;
			margin: 15px 0;
		}
		.promoBot .filter{
			height: 37px;
			line-height: 37px;
			background: url(../images/promobot_filter_bg.gif) repeat-x 0 100%;
			margin-bottom: 15px;
			}
			.promoBot .filter strong{
				width: 101px;
				font-weight: 400;
				background: url(../images/promobot_filter_bg.gif) repeat-x 0 0;
				float: left;
				padding-left: 10px;
			}
			.promoBot .filter label{
				padding: 0 5px 0 15px;
			}
			.promoBot .filter select{
				width: 140px;
				padding: 1px;
			}
		.promoBot .tags{
			margin-bottom: 15px;
			clear: both;
			overflow: hidden;
			padding: 5px 0;
			}
			.promoBot .tags strong{
				margin-right: 15px;
			}
			.promoBot .tags span{
				font-size: 12px;
				border: 1px solid #ededed;
				padding: 3px 20px 3px 8px;
				margin-right: 5px;
				position: relative;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			.promoBot .tags span em{
				display: block;
				content: "x";
				color: #fc0203;
				position: absolute;
				right: 0;
				top: 0;
				width: 14px;
				height: 20px;
				font-size: 12px;
				z-index: 1;
				line-height: 20px;
				cursor: pointer;

			}


#pPromoB{}
	#pPromoB .promoCate{
		width: 200px;
		float: left;
		/*padding-top: 30px;*/
		}
		#pPromoB .promoCate h3{
            font-size: 15px;
            margin: 10px 0;
            font-weight: normal;
            text-align: center;
            text-transform: uppercase;
            /*border: 1px solid #f7ffa1;*/
            border-left: none;
            border-right: none;
            padding: 5px;
            color: #999;
		}
		#pPromoB .promoCate li{
			/*background: url(../images/bullet_square.gif) no-repeat left 20px;*/
			padding: 14px 0 14px 17px;
		}
		#pPromoB .promoCate li.active a{
			color: #fff;
			/*font-size: 16px;*/
		}
		#pPromoB .promoCate li a:hover{
			color: #000;
            cursor: pointer;
		}
        #pPromoB .promoCate li.active a:hover{
            cursor: pointer;
            color: #fff;
        }
	#pPromoB .promoList{
		width: 755px;
		float: left;
		/*border-left: 1px solid #f7ffa1;*/
		padding: 50px 0 0 55px;
		min-height: 500px;
		margin-left: 20px;
		}
		#pPromoB .promoList .promoItem{
			clear: both;
			margin-bottom: 40px;
		}
		#pPromoB .promoList .promoItem img{
			width: 100%;
		}
		#pPromoB .promoList .copy{
			height: 42px;
			line-height: 42px;
			background-color: #f0f0f0;
			clear: both;
		}
		#pPromoB .promoList .copy h2 a{
			font-size: 20px;
			font-weight: 700;
			color: #5d5d5d;
			float: left;
			margin-left: 13px;
			padding-right: 24px;
			background: url(../images/arrow_organ.png) no-repeat right center;
			}
			#pPromoB .promoList .copy h2 a:hover{
				color: #000;
			}
		#pPromoB .promoList .copy .time-off{
			text-align: right;
			float: right;
			margin-right: 14px;
			font-size: 18px;
		}
		#pPromoB .promoList .copy .time-off strong{
			color: #db151d;
			font-size: 20px;
			margin-left: 28px;
		}




/* EVENT MEMBER */

.eventMember{
	background: url(../images/event_member_ft.jpg) no-repeat center bottom;
	clear: both;
	overflow: hidden;
	padding-bottom: 180px;
	margin-bottom: 75px;
	position: relative;
}
.eventMember h1{
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	color: #5d5d5d;
	padding-left: 44px;
	margin-top: 15px;
	margin-bottom: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_h2_badget.png);
	}
	.eventMember .imgHolder{
		width: 512px;
		float: left;
	}
	.eventMember .mainCt{
		float: right;
		width: 462px;
		min-height: 470px;
		background: url(../images/event_member_bg.gif) no-repeat right bottom;
		font-size: 14px;
		margin-right: 30px;
	}
	.eventMember .mainCt .p1{
	}
	.eventMember .mainCt .p2{

	}
	.eventMember .mainCt h2{
		font-size: 24px;
		font-weight: 400;
		text-align: right;
		line-height: 36px;
		margin-bottom: 10px;
		}
		.eventMember .mainCt h2 em{
			color: #de0025;
		}
	.eventMember .mainCt h3{
		color: #fff;
		font-size: 14px;
		line-height: 17px;
		padding: 5px 0 20px 12px;
		clear: both;
	}
	.eventMember .mainCt p{
		padding-left: 19px;
	}
	.eventMember .mainCt .p1 p{
		margin-bottom: 21px;
	}
	.eventMember .mainCt .p2 p{
		margin-bottom: 8px;
	}
	.eventMember-ft{
		color: #fff;
		position: absolute;
		left: 530px;
		bottom: 35px;
		font-size: 14px;
		line-height: 18px;
		}
		.eventMember-ft a{
			color: #fff;
		}


.eventJoin{
	clear: both;
	overflow: hidden;
	margin-bottom: 75px;
	position: relative;
}
.eventJoin h1{
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	color: #5d5d5d;
	padding-left: 44px;
	margin-top: 15px;
	margin-bottom: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_h2_badget.png);
	}
	.eventJoin .mainCt{
		width: 1024px;
		height: 764px;
		background: url(../images/event_join.jpg) no-repeat;
		padding-left: 525px;
	}
	.eventJoin h2{
		background: url(../images/symbol_star.png) no-repeat 4px center;
		font-size: 22px;
		padding: 15px 0 10px 34px;
		clear: both;
		overflow: hidden;
	}
	.eventJoin .term{
		width: 470px;
		height: 230px;
		border: 1px solid #bbbbbb;
		padding: 10px 4px 10px 15px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		overflow: hidden;
		}
		.eventJoin .term .copy{
			width: 100%;
			height: 100%;
		}
		.eventJoin .term .copy p{
			margin-bottom: 14px;
		}
	.eventJoin h3{
		color: #fff;
		font-size: 16px;
		margin: 105px 0 75px 20px;
		}
		.eventJoin h3 strong{
			font-size: 30px;
			color: #f8f400;
		}
	.eventJoin .steps{
		color: #fff;
		line-height: 18px;
	}
	.eventJoin .steps li{
		background: url(../images/bullet_yellow.png) no-repeat left 7px;
		padding-left: 8px;
		margin-bottom: 10px;
	}
	.eventJoin .step1{
		width: 125px;
		float: left;
		margin-right: 16px;
	}
	.eventJoin .step2{
		width: 155px;
		float: left;
		margin-right: 16px;
	}
	.eventJoin .step3{
		width: 155px;
		float: left;
	}




#pCatalogue{

	}
	.catalogue{
		padding: 20px 0;
		clear: both;
		overflow: hidden;
	}
	.catalogue p{
		margin-bottom: 10px;
	}
	.catalogue img{
		max-width: 100%;
	}



.paging{
	font-size: 14px;
	font-weight: 700;
	color: #5d5d5d;
	text-align: center;
	padding: 10px 0;
	clear: both;
	overflow: hidden;
	}
	.paging a{
		color: #5d5d5d;
		padding: 4px 8px;
	}
	.paging a:hover{
		text-decoration: underline;
	}
	.paging a.active{
		color: #ed1c24;
		text-decoration: underline;
	}



.scrolled .g-thumb .end, .scrolled .g-thumb{
	background-color: #a3a3a3;
	left: 0;
}
.scrolled .g-track{
	background-color: #cccccc;
}



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

}





/* VENDOR : JSSOR */
.detailPromoPopup{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 99;
}
.overlayLayer{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	left: 0;
	top: 0;
	z-index: 0;
	cursor: pointer;
}
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(../images/a03.png) no-repeat;
    overflow:hidden;
    width: 55px; height: 55px; top: 123px;
}
.jssora03l { background-position: -3px -33px; left: 8px;}
.jssora03r {
	background-position: -63px -33px;
	right: 8px;
}
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; right: 8px;}





/* PAGE MEMBER CARD */
#pMemberCard{}
#pMemberCard .navSub a:first-child{
	width: 215px;
}
.memberCard{}
.memberCard h1{
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	color: #5d5d5d;
	padding-left: 44px;
	margin-top: 15px;
	margin-bottom: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/icon_h2_badget.png);
}
.memberCard > p{
	padding-left: 44px;
	font-size: 14px;
	margin-top: -15px;
}
.memberCard .form{
	clear: both;
	padding: 30px 0 50px;
	overflow: hidden;
}
.memberCard .form li{
	padding: 13px 0;
	clear: both;
	overflow: hidden;
}
.memberCard .form label{
	width: 290px;
	float: left;
	text-align: right;
	font-size: 14px;
	font-weight: 700;
	line-height: 29px;
	margin-right: 20px;
	cursor: #5d5d5d;
}
.memberCard .form label.doubleLine{
	line-height: 1;
}
.memberCard .form .txf{
	border: 1px solid #bbc9d2;
	padding: 5px 10px;
	width: 255px;
	float: left;
	margin-right: 15px;
	font-size: 12px;
}
.memberCard .form .btn{
	width: 250px;
	height: 45px;
	line-height: 40px;
	text-align: center;
	font-weight: 700;
	font-size: 26px;
	color: #fff;
	border: none;
	border-bottom: 8px solid #a7191e;
	background: #ff1019;
	background: -moz-linear-gradient(top,  #ff1019 0%, #cc242a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1019), color-stop(100%,#cc242a));
	background: -webkit-linear-gradient(top,  #ff1019 0%,#cc242a 100%);
	background: -o-linear-gradient(top,  #ff1019 0%,#cc242a 100%);
	background: -ms-linear-gradient(top,  #ff1019 0%,#cc242a 100%);
	background: linear-gradient(to bottom,  #ff1019 0%,#cc242a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1019', endColorstr='#cc242a',GradientType=0 );
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	box-sizing: content-box;
}
.memberCard .button .btn:hover{
	border-bottom-width: 2px;
	transform: translateY(6px);
	margin-bottom: 6px;
}
.memberCard .cardList{
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
	}
	.memberCard .cardItem{
		min-height: 235px;
		background-color: #f6f6f6;
		width: 49%;
		float: left;
		padding: 30px 35px;
		font-size: 14px;
	}
	.memberCard .cardItem h3{
		font-size: 14px;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	.memberCard .cardItem:nth-child(even){
		float: right;
	}
	.memberCard .cardItem table{
		width: 100%;
	}
	.memberCard .cardItem tr td{
		padding: 9px 0;
	}
	.memberCard .cardItem tr td:nth-child(even){
		font-weight: 700;
		width: 60%;
	}