@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
html,body{
	margin:0;padding:0;
	font-family:'Noto Sans TC', "Microsoft JhengHei", "微軟正黑體","Arial",Helvetica,sans-serif;
	background-color:#FFF;
}
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1{
	padding:0px;
}

a{
	
	color:#4da1e9; 
}
a[href]{
	cursor:pointer;
	
}
a:hover{
	opacity:0.9;
}
a:focus,
a:hover {
	text-decoration: none;
	color:#4da1e9 ; 
}
a.active{
	text-decoration: none;
	color:#4da1e9 ; 
	font-weight:bold;
}

.link_item{
	text-decoration:underline;
	color: #4da1e9  !important;
    outline: none;
}
.link_item:hover{
	color:#4da1e9 ;
	text-decoration:underline;
}
hr{
	margin-top:0px;
	margin-bottom:0px;
}
.container,
.row {
	margin: 0 auto;
	padding: 0
}

label{
	cursor:pointer;
	display:table;
	font-weight:400;
	
}


.alignMiddle>div {
	display: table
}
.alignMiddle>div>div {
	display: table-cell;
	vertical-align: middle
}
.maxwidth100p{
	max-width:100%;

}
.maxwidth750{
	max-width:750px;
	width:100%;
}
.maxwidth900{
	max-width:900px;
	width:100%;
}
.maxwidth1000{
	max-width:1000px;
	width:100%;
}
.textleft {
	text-align: left;
}
.textcenter {
	text-align: center
}
.textright{
	text-align: right;
}
.dleftmcenter{
	text-align: center
}
@media(min-width:768px){
	.dleftmcenter{
		text-align: left;
	}
}
.posrelative{
	position:relative;
}
.marginauto{
	margin-left:auto;
	margin-right:auto;
}
.clearboth{
	clear:both;
}
.displayb{
	display:block !important;
}
.displayib{
	display:inline-block !important;
}
.nopadding{
	padding:0px !important;
}
.boldtext {
	font-weight: 700
}
@media(min-width:768px){
	.hoverzoom:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
}
.listaplha{
	list-style-type: lower-alpha;
}
.dnone{
	display:none;
}
.error_msg{
	opacity:0;
	font-size:12px;
	color:#ee0000;
}

.error_msg:not(.error_on){
	font-size:2px;
}


.content_popup{background-color:#FFF;padding:20px 20px;}
@media(min-width:768px){
	.content_popup{
		padding:20px 50px;
	}
}
@media(min-width:768px){
	.content_popup{min-width:240px;}
	
}
@media(max-width:767px){
	.content_popup{
		max-width:100%;
		margin:0px 10px;
	}
}
/*
.content_popup>div{display:table;height:100%;width:100%}
.content_popup>div>div{display:table-cell;vertical-align:middle}
*/
.content_popup .title{font-size:20px;line-height:30px;letter-spacing:1px;text-align:center;margin-bottom:10px;font-weight:700}
.content_popup .caption{text-align:center;margin-bottom:20px;letter-spacing:1px}

.content_popup.leftalign .title,
.content_popup.leftalign .caption{
	text-align:left;
}
.content_popup.autoHeight{
	height:auto;
}

.fancybox-content{
	max-width: 90%;
	max-height:90%;
	padding:15px;
}

@media(min-width:768px){
	.fancybox-content{
		max-width: 80%;
		max-height:80%;
	}
}
.button{
	color:#FFF;
	padding:10px 0px;
	position:relative;
	width:calc(100% - 60px);
	display:block;
	background-color:#0067b1; 
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	letter-spacing: 2px;
}
.button::before {
    content: " ";
    position: absolute;
    left: -28px;
    top: 0px;
    width: 30px;
    height: 40px;
    background-color: #0067b1;
    border-right: none;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}
.button.displayib{
	width:auto;
	padding-left: 20px;
	padding-right:20px;
	margin-left: 40px;
    margin-right: 40px;
}


.button::after {
    content: " ";
    position: absolute;
    right: -28px;
    top: 0px;
    width: 30px;
    height: 40px;
    background-color: #0067b1;
    border-right: none;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.button:hover {
	opacity:.9;
}




.button.lightblue{
	color:#FFF;
	background-color:#4da1e9;
}

.button.lightblue::after,
.button.lightblue::before{
	
	background-color:#4da1e9;
}

.button.lightblue:hover{
	color:#FFF;
	background-color:#4da1e9;
}



.button.google{
	color:#FFF;
	background-color:#de4b39;
}
.button.google::after,
.button.google::before{
	
	background-color:#de4b39;
}
.button.google:hover{
	color:#FFF;
	background-color:#de4b39;
}





.whitetext{
	color:#FFF;
}
.blacktext{
	color:#000;
}

.greytext{
	color:#525252;
}
a.greytext:hover{
	color:#525252;
}

.greytext_light{
	color:#999;
}

.bluetext{
	color:#0067b1;
}
.darkredtext{
	color:#c21f20;
}
.bluetext_light{
	color:#4da1e9;
}



.cyantext{
	color:#2dadb0;
}
.cyan_lighttext{
	color:#a6c512;
}

.bg_orange{
	background-color:#fc4c02;
}
.bg_mannings{
	background-color:#fabb92;
}
.bg_grey_light{
	background-color:#fafafc;
}
.bg_grey{
	background-color:#808080;
}
.bg_white{
	background-color:#FFF;
}
.bg_cyan{
	background-color:#2dadb0;
}
.bg_cyan_light{
	background-color:#a6c512;
}
.bg_cyan_pale{
	background-color:#edf3d1;
}
.bg_blue{
	background-color:#0067b1;
}

label:hover{
	opacity:0.9;
}

.fullwidth{
	width:100%;
}
.maxwidth{
	max-width:100%;
}

.mb-xxl{margin-bottom:120px;}
.mb-xl{margin-bottom:80px;}
.mb-l{margin-bottom:60px;}
.mb-m{margin-bottom:40px;}
.mb-s{margin-bottom:20px;}
.mb-xs{margin-bottom:10px;}

.mt-l{margin-top:60px;}
.mt-m{margin-top:40px;}
.mt-s{margin-top:20px;}
.mt-xs{margin-top:10px;}

.pb-l{padding-bottom:60px;}
.pb-m{padding-bottom:40px;}
.pb-s{padding-bottom:20px;}
.pb-xs{padding-bottom:10px;}

.pt-l{padding-top:60px;}
.pt-m{padding-top:40px;}
.pt-s{padding-top:20px;}
.pt-xs{padding-top:10px;}

.pl-xl{padding-left:80px;}
.pl-l{padding-left:60px;}
.pl-m{padding-left:40px;}
.pl-s{padding-left:20px;}
.pl-xs{padding-left:10px;}


	
.m-l{margin:60px;}
.m-m{margin:40px;}
.m-s{margin:20px;}
.m-xs{margin:10px;}

.p-l{padding:60px;}
.p-m{padding:40px;}
.p-s{padding:20px;}
.p-xs{padding:10px;}





@media(max-width:767px){
	.mb-none{
		margin-bottom:0px !important;
	}
	.mt-none{
		margin-top:0px !important;
	}
	.pt-none{
		padding-top:0px !important;
	}
	.pb-none{
		padding-bottom:0px !important;
	}
	.pl-none{
		padding-left:0px !important;
	}
}


body {
	font-size: 16px;
	line-height: 20px;
	letter-spacing:1px;
}


.ss-text{
	font-size: 13px;
	line-height: 15px
}

.s-text{
	font-size: 15px;
	line-height: 18px
}

.ssm-text{
	font-size:   18px;
	line-height: 24px
}

.sm-text {
	font-size: 22px;
	line-height: 25px
}

.m-text {
	font-size: 24px;
	line-height: 30px
}

.l-text {
	font-size: 30px;
	line-height: 35px;
	
}

.xl-text{
	font-size: 36px;
	line-height: 36px;
}
.xxl-text{
	font-size: 48px;
	line-height: 48px;
}@media(max-width:767px){
	
	.xxl-text{
		font-size: 36px;
		line-height: 36px;
	}
}
@media(min-width:768px){
	
	.ssm-text{
		font-size:   18px;
		line-height: 24px
	}

}
@media(max-width:991px){

	.sm-text {
		font-size: 22px;
		line-height: 25px
	}

	.m-text {
		font-size: 24px;
		line-height: 30px
	}

	.l-text {
		font-size: 24px;
		line-height: 30px;
		
	}
}
@media(min-width:768px) and (max-width:1199px){

	.ssm-text{
		font-size:   15px;
		line-height: 20px
	}
}
@media(max-width:1199px){

	.ssm-text{
		line-height: 20px
	}
}

@media(max-width:767px){
	.container{
		max-width:480px;
		margin-left:auto;
		margin-right:auto;
		padding:0px 15px;
	}
}
@media(min-width:1200px){
	.container{
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
		
	}
}



.lineheight36{
	line-height:36px;
}
.lineheight24{
	line-height:24px;
} 
.lineheight18{
	line-height:18px;
}


.arrow_left{
	width: 40px;
	height:40px;
	position:absolute;
	left:0px;
	top:calc(50% - 18.5px - 40px);
	background-image:url('/images/icon_arrow_left.png');
	background-size:18px 37px;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}

.arrow_right{
	width: 40px;
	height:40px;
	position:absolute;
	right:0px;
	top:calc(50% - 18.5px - 40px);
	background-image:url('/images/icon_arrow_right.png');
	background-size:18px 37px;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease; 
	opacity:0.75;
}
@media(min-width:768px){
 	.homepage_slider + .arrow_left{
		left:40px;
	}
	.homepage_slider + .arrow_left + .arrow_right{
		right:40px;
	} 
}
.arrow_right:hover, .arrow_left:hover{
	transform:scale(1.25);
	opacity:1;
}



.homepage_slider .owl-theme .owl-nav.disabled+.owl-dots{
	margin:auto;
}
.owl-theme .owl-nav.disabled+.owl-dots{
	position:relative;
	top:-10px;
	margin-top: -20px;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}
.owl-theme .owl-dots .owl-dot{
	outline:none;
}
.owl-theme .owl-dots .owl-dot span{
	width:15px;
	height:15px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#DDD;
}
.owl-theme .owl-dots .owl-dot.active span{

	background-color:#0067b1;
}

/*header*/
	header.row{
		background-color:#0067b1;
		height:80px;
		transition: all 300ms ease;
		padding:15px;
	}
	@media(min-width:768px){
		header.row{
			height:90px;
			padding:15px 0px;
		}
	}
	
	@media(min-width:768px){
		header .logo{
			width:100px;
			float:left;
		}
		header .menu{
			width:calc(100% - 100px);
			float:left;
			text-align:right;
			padding-top:6px;
		}
	}
	
	
	header .logo img{
		height:50px;
	}
	@media(max-width:767px){
		
		header.row{
			
			padding:0px;
		}
		
		header>div.container{
			text-align:center;
			padding:0px;
			max-width:100%;
			position: relative;
			
		}
		header .logo{
			display:inline-block;
			padding:15px 0px;
			position:relative;
			z-index:1000;
		}
		
		header .menu{
			/* display:none; */
			position:relative;
			transform: translateY(-100%);
			transition: all 300ms ease;
			opacity: 0;
			background: #0067b1;
			border-top:1px solid rgba(255,255,255,0.6);
			z-index:-1;
		}
		header .menu.active{
			transform: translateY(0%);
			z-index:100;
			opacity: 1;
		}
		header .menu a.header_menu_item{
			display:block;
		}
	}
	@media(min-width:768px){
		header .logo img{
			height:60px;
		}
	}

	
	.header_menu_item{
		color:#FFF;
		padding:0px;
	}
	header .menu a.header_menu_item.dnone{
		display:none;
	}
	@media(max-width:767px){
		.header_menu_item{
			padding:10px 0px;
		}
	}
	@media(min-width:768px){
	
		.header_menu_item{
			margin-left:24px;
			height:48px;
			line-height:48px;
			padding:0px;
			
			
			display: inline-block;
		}	
		
		
		.header_menu_item img{
			vertical-align:top;
			margin-right:6px;
		}	
	}
	@media(max-width:767px){
		.header_menu_item{
			height:48px;
			line-height:48px;
			padding:0px;
		}
		.header_menu_item span:first-child{
			display:inline-block;
			width:56px;
			text-align:center;
		}
		.header_menu_item span:last-child{
			display:inline-block;
			width:100px;
			text-align:left;
		}
		.header_menu_item img{
			vertical-align:top;
			
		}	
	}
	
	.header_menu_item.login_icon_container img{
		width:28px;
		padding-top:10px;
		margin-left:3px;
		margin-right:3px;
	}
	
	.header_menu_item.login_icon_container:hover{
		opacity:1;
		color:#FFF;
	}
	.header_menu_item.login_icon_container span:hover {
		opacity:0.7; 
	}
	
	
	
	
	.menu_toggle{
		position:absolute;
		top: 27.5px;
		left:15px;
		width:30px;
		height:25px;
		z-index:100;
	}
	.menu_toggle>div{
		width:30px;
		height:5px;
		background-color:#FFF;
		margin-bottom:5px;
	}
	.menu_toggle>div:last-child{
		margin-bottom:0px;
	}

/*header*/

/*footer*/
	.footer_logo{
		width:50px;
	}
	.footer_copyright{
		margin-left:8px;
		vertical-align:bottom;
		line-height:14px;
		font-size:14px;
	}
	
	@media(min-width:768px){
		.footer_link{
			padding-top:10px;
			text-align:right;
		}
		
		.footer_logo, .footer_copyright{
			display:inline-block;
		}
	}
	@media(max-width:767px){
		#footer .container{
			padding:20px 0px;
		}
		.footer_logo{
			margin-left:auto;
			margin-right:auto;
			margin-top:10px;
			margin-bottom:20px;
		}
		.footer_copyright{
			text-align:center;
			margin-bottom:10px;
		}
		.footer_link{
			text-align:center;
		}
		.footer_link>div{
			margin-bottom:5px;
		}
	}
	
	.footer_link a{
		color:#FFF;
		line-height:25px;
		display:inline-block;
		padding-left:15px;
		padding-right:15px;
		position:relative;
	}
	
	.footer_link a::after{
		position:absolute;
		content:" ";
		right:0px;
		height:15px;
		top:5px;
		width:1px;
		background-color:#FFF;
	}
	.footer_link a:last-child::after{
		display:none;
	}
/*footer*/

/*global*/
	.section_title{
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.fancybox-content{
		border: 6px solid #0067b1;
	}

/*global*/

/*coupon item*/
	.coupon_slider_item{
		border:1.5px solid #DADADA;
		border-radius:10px;
		background:#FFF;
		margin-bottom: 20px;
		-webkit-box-shadow: 2px 2px 4px 4px rgba(225,225,225,0.6);
		box-shadow: 2px 2px 4px 4px rgba(225,225,225,0.6);
		transition:all 500ms ease;
		position:relative;
	} 
	
	
	
	.coupon_slider_item .title{
		height:80px;
		display:table;
		text-align:center;
		width: 100%;
		padding:0px 10px;
		
	}
	
	
	
	.coupon_slider_item .title>div{
		height:80px;
		display:table-cell;
		vertical-align:middle;
	}
	.coupon_slider_item .image{
		background-size: contain;
		background-position: center bottom;
		padding-bottom: calc(100% - 0px);
		background-repeat: no-repeat;
		/*display: table;*/
		width: calc(100% - 0px);
		margin-left: auto;
		margin-right: auto;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		overflow:hidden;
	}
	
	
	.coupon_slider_item .image img{
		position:absolute;
		width:100%;
		left:0px;
		top:0px;
		border-top-right-radius: 8px;
   		border-top-left-radius: 8px;
	}

	
	@media(max-width:767px) and (min-width:480px){
		.coupon_slider_item .image{
			padding-bottom: 480px;
			width: 480px;
			max-width:100%;
		}
	}
	.coupon_slider_item hr{
		border-style:dashed;
	}
	.coupon_slider_item .button{
		width:calc(80% - 80px);
		position:relative;
		top:20px;
		display:block;
	}
	
	@media(min-width:992px){
	
		.coupon_slider_item:hover{
			border:1.5px solid #4da1e9;
			/* background-color:#f3f7ff; */
		}
		.coupon_slider_item:hover .button{
			background-color:#4da1e9;
		}
		.coupon_slider_item:hover .button::before,
		.coupon_slider_item:hover .button::after{
			background-color:#4da1e9;
		}
	}
	
	
	.couponlist_arrow.arrow_left{
		background-image: url(../images/icon_arrow_left_grey.png);
		right:100%;
		left:auto;
	}
	.couponlist_arrow.arrow_left:hover{
		background-image: url(../images/icon_arrow_left_blue.png);
	}
	
	.couponlist_arrow.arrow_right{
		background-image: url(../images/icon_arrow_right_grey.png);
		left:100%;
	}
	.couponlist_arrow.arrow_right:hover{
		background-image: url(../images/icon_arrow_right_blue.png);
	}
	
	@media(max-width:991px){
		.couponlist_arrow.arrow_left{
			left:0px;
			right:auto;
		}
		.couponlist_arrow.arrow_right{
			right:0px;
			left:auto;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	@media(min-width:992px){
		.coupon_list_item:nth-child(2n+1){
			padding-right:10px;
		}
		.coupon_list_item:nth-child(2n+2){
			padding-left:10px;
		}
		
	}
	
	.coupon_list_item>div{
		position:relative;
		border:1.5px solid #DADADA;
		border-radius:8px;
		background:#FFF;
		margin-bottom: 20px;
		
		-webkit-box-shadow: 0 0 4px 4px rgba(225,225,225,0.6);
		box-shadow: 0 0 4px 4px rgba(225,225,225,0.6);
		transition:all 500ms ease;
	}
	
	
	@media(max-width:767px){
	
		
	
	
		.coupon_list_item>div{
			padding-bottom:20px;
		}
		.coupon_list_item>div:hover{
			border:1.5px solid #4da1e9;
			background-color:#f3f7ff;
		}
		.coupon_list_item>div:hover .button{
			background-color:#4da1e9;
		}
		.coupon_list_item>div:hover .button::before,
		.coupon_list_item>div:hover .button::after{
			background-color:#4da1e9;
		}
		
	
		
	}
		
	
	@media(max-width:991px){
		.coupon_list_item>div{
			max-width:560px;
			margin-left:auto;
			margin-right:auto;
		}
	}
	
	.coupon_list_item .image{
		background-size: contain;
		background-position: center;
		padding-bottom: calc(100% * 0.75);
		background-repeat: no-repeat;
		display: table;
		width:100%;
		overflow:hidden;
	}
	
	@media(max-width:767px){
		.coupon_list_item.portrait .image{
			padding-bottom: calc(100% * 650 / 600);
		}
	}
	
	
	.coupon_list_item .image img{
		position:absolute;
		width:100%;
		left:0px;
		top:0px;
    		border-top-left-radius: 8px;
	}
	@media(min-width:768px){
			
		.coupon_list_item .image img{
			
				border-bottom-left-radius: 8px;
		}
	}
	
	@media(max-width:767px){
		.coupon_list_item .image{
			border-top-left-radius:8px;
    		border-top-right-radius: 8px;
		}
	}
	
	.coupon_list_item .content{
		padding-left:15px;
		padding-right:15px;
	}
	.coupon_list_item .title{
		height:80px;
		display:table;
		text-align:center;
		width: 100%;
	}
	.coupon_list_item .title>div{
		height:80px;
		display:table-cell;
		vertical-align:middle;
	}
	
		
	@media(max-width:1199px){

		.coupon_list_item .title{
			height:60px;
		}
		.coupon_list_item .title>div{
			height:60px;
		}
	}
	
	@media(min-width:768px){
		.coupon_list_item .image{
			width:60%;
			padding-bottom: calc(60% * 0.75);
			border-top-left-radius:8px;
			border-bottom-left-radius:8px;
		}
		.coupon_list_item .content{
			width:40%;
			height:100%;
			position:absolute;
			right:0px;
			top:0px;
		}
		
		
		.coupondetail .coupon_list_item.portrait .image{
			width:40%;
			padding-bottom: calc(40% * 650 / 600);
			
		}
		.coupondetail .coupon_list_item.portrait .content{
			width:60%;
			
		}
		.coupon_list_item.portrait .content>div{
			max-width: 480px;
			margin-left: auto;
			margin-right: auto;
			
		}
		
		
		
		
	}
	
	@media(max-width:767px){
		.coupon_list_item .content{
			padding:0px 15px 0px 15px;
		}
	}
	
	
	@media(min-width:768px) and (max-width:1199px){
		.coupon_list_item .title{
			margin-bottom:0px;
		}
		.coupon_list_item .coupon_value {
			margin-top:0px;
		}
	}

	.coupon_list_item .title{
	}
	
	.coupondetail .coupon_list_item .description p{
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height:24px;
		text-overflow: ellipsis; 
	}
	
	
	
	/*detail*/
		.coupondetail .coupon_list_item{
			padding-right:0px;
		}
		.coupondetail .coupon_list_item>div{
			position:relative;
			border:1px solid #DADADA;
			border-radius:10px;
			background:#FFF;
			margin-bottom: 20px;
			-webkit-box-shadow: 0 0 4px 4px rgba(225,225,225,0.4);
			box-shadow: 0 0 4px 4px rgba(225,225,225,0.4);
			transition:all 500ms ease;
		}
		.coupondetail .coupon_list_item .image{
			border-top-left-radius: 2px;
			border-bottom-left-radius: 2px;
		}
		.coupondetail .coupon_list_item .title{
			height:90px;
		}
		.coupondetail .coupon_list_item .title>div{
			height:90px;
		}
		
		.coupondetail .coupon_list_item .description{
			height:100px;
			display:table;
			text-align:center;
			width: 100%;
		}
		.coupondetail .coupon_list_item .description>div{
			height:100px;
			display:table-cell;
			vertical-align:middle;
		}
		
		@media(max-width:991px){
			.coupondetail .coupon_list_item>div{
				max-width:970px;
				margin-left:auto;
				margin-right:auto;
			}
			
			.coupondetail .coupon_list_item .title{
				margin-top:20px;
			}
			.coupondetail .coupon_list_item .description{
				margin-bottom:0px;
			}
			
			.coupondetail .coupon_list_item hr{
				margin-bottom:20px;
			}
			
		}
		
		
		
		@media(max-width:767px){
			.coupondetail .coupon_list_item .title{
				margin-top:30px;
				margin-bottom:10px;
			}
			.coupondetail .coupon_list_item .description{
				margin-bottom:0px;
			}
			
			.coupondetail .coupon_list_item hr{
				margin-bottom:20px;
			}
			
		}
	/*detail*/
	
	
/*coupon item*/


/*homepage*/
	.search_coupon_input_container{
		padding-left:30px;
		padding-right:30px;
		
	}
	@media(max-width:767px){
		.search_coupon_input_container{
			margin-bottom:20px;
		}
	}
	@media(min-width:768px){
		.search_coupon_input_container{
			 padding-right:45px;
		}
	}
	
	.search_coupon_input_container>div{
		border-top:1px solid #4da1e9;
		border-bottom:1px solid #4da1e9;
		position:relative;
	}
	.search_coupon_input_container>div::before{
		content: " ";
		position: absolute;
		left: -30px;
		top: -1px;
		width: 30px;
		height: 40px;
		border: 1px solid #4da1e9;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		border-right: none;
	}
	/* .search_coupon_input_container>div::after{
		content: " ";
		position: absolute;
		right: -30px;
		top: -1px;
		width: 30px;
		height: 40px;
		border: 1px solid #4da1e9;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		border-left: none;
	} */
	.search_coupon_input{
		color:#4da1e9;
		width:100%;
		border:none;
		height:38px;
		padding:0px 40px 0px 00px;
		line-height:38px;
		outline:none;
	}
	
	.search_coupon_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #4da1e9;
	}
	.search_coupon_input::-moz-placeholder { /* Firefox 19+ */
	  color: #4da1e9;
	}
	.search_coupon_input:-ms-input-placeholder { /* IE 10+ */
	  color: #4da1e9;
	}
	.search_coupon_input:-moz-placeholder { /* Firefox 18- */
	  color: #4da1e9;
	}
	
	
	.search_coupon_button>div{
		max-width:160px;
		
	}
	
	.row .search_coupon_button.col-sm-4 {
		width: calc(100% / 3) !important;
	}
	
	
	
	@media(min-width:768px) and (max-width:1199px){
		.search_coupon_button:not(:last-child){
			padding-right:10px;
		
		}
	}
	@media(max-width:767px){
		.search_coupon_button:not(:last-child){
			padding-right:10px;
		}
	}
	.search_coupon_icon{
		position:absolute;
		right:-20px;
		top:-1px;
		cursor:pointer;
	}
	.search_coupon_icon:hover{
		opacity:.8;
	}
	
	.search_coupon_icon img{
		width:40px;
		height:40px;
	}
	
	.dd{
		outline:none;
		border:none;
		width:100% !important;
		cursor:pointer;
		
	}
	.dd .ddTitle .ddTitleText img,
	.ddcommon .ddChild li img{
		max-width:100%;
	}
	.dd .divider{
		border:none;
	}

	.dd .ddTitle{
		background:#0067b1;
		
	}
	.borderRadiusTp .ddTitle{
		-moz-border-radius: 15px 15px 0 0;
		border-radius: 		15px 15px 0 0;
	}

	.borderRadius .ddTitle{
		-moz-border-radius: 15px;
		border-radius: 		15px;
	}

	.dd .ddTitle .ddTitleText {
		padding:0px;
		height: 40px;
		color: #FFF;
		font-size:14px;
		text-align: center;
		line-height: 40px;
		
	}
	.dd .ddTitle:hover {
		opacity:.8;
	}

	.dd .ddChild li,
	.dd .ddChild li.selected {
		background-color: #0067b1;
		padding:0px;
		height: 40px;
		color: #FFF;
		font-size:14px;
		text-align: center;
		line-height: 40px;
		cursor:pointer;
		border:none;
		position:relative;
	}

	
	.dd .ddChild li::after,
	.dd .ddChild li.selected ::after{
		content:" ";
		position:absolute;
		top:100%;
		left:0px;
		height:1px;
		width:100%;
		background-color:#FFF;
		z-index:1;
	}
	
	
	.dd .ddChild li:last-child::after,
	.dd .ddChild li:last-child.selected ::after{
		display:none;
	}
	
	
	.dd .ddChild li .ddlabel{
		color: #FFF;
	}
	.borderRadiusTp{
		-moz-border-radius: 15px 15px 0 0;
		border-radius: 		15px 15px 0 0;
	}


	.borderRadius{
		-moz-border-radius: 15px;
		border-radius: 		15px;
	}

	.dd .ddChild li.hover {
		background-color: #0586e3;
	}


	.dd .ddArrow {
		display:none;
		height:20px;
		width:20px;
		background: url(/images/msdropdown/skin1/dd_arrow.png) no-repeat;
	}

	.dd .ddTitle:hover .ddArrow{
			background-position: 0 100%;
	}


	.dd .ddChild {
		
		border:none;
		background-color:transparent;
		left:0px;
	}

	
	
/*homepage*/




/*coupon detail*/
	.howtouse_coupon_container{
		border:1.5px solid #4da1e9;
		border-radius:2px;
		transition:all 300ms ease;
		
		background-color:#ebf6ff;
	}
	.howtouse_coupon_title{
		padding-left:60px;
		background-position:10px;
		background-repeat:no-repeat;
		background-size:40px;
		background-image:url('/images/icon_questionmark.png');
		
		height: 60px;
		line-height: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor:pointer;
		
	}
	
	.howtouse_coupon_container:hover{
		opacity:.9;
	}
	.howtouse_coupon_btn{
		position:absolute;
		right:10px;
		top:10px;
		width:40px;
		height:40px;
		cursor:pointer;
		transition:all 300ms ease;
	}
	.howtouse_coupon_btn img{
		vertical-align:top;
	}
	
	.howtouse_coupon_title.active .howtouse_coupon_btn{
		transform:rotate(180deg);
	}
	
	.howtouse_coupon_desc{
		display:none;
		padding:20px 20px;
	}
	
	
	.redeem_info_container{
		position: relative;
		border: 1px solid #EEE;
		border-radius: 2px;
		background: #FFF;
		
	}
	.redeem_info_left, .redeem_info_right{
		width:100%;
	}
	
	
	.redeem_info_left{
		padding:20px;
		
	}
	@media(min-width:768px){
		.redeem_info_left{
			padding-bottom:0px;
		}
	}
	.redeem_info_right{
		padding:20px;
	}
	@media(max-width:767px){
		.redeem_info_right{
			float:none !important;
		
		}
		.redeem_info_left{
			
			padding-top:0px;
		}
	}
	@media(min-width:768px){
		
		.redeem_info_left{
			width:60%;
			float:left;
			padding:30px 30px;
		}
		.redeem_info_right{
			width:40%;
			float:left;
			
			padding:30px 15px;
		}
	}
	
	@media(min-width:992px){
		.redeem_info_right{
			padding:30px 30px;
		}
	}
	
	.coupon_store_list_item{
		margin-bottom:20px;
		padding-right:7.5px;
	}
	@media(min-width:992px){
		
		.coupon_store_list_item{
			padding-right:15px;
		}
	}
	
	.redeem_coupon_title_step{
		position:absolute;
		width:100%;
		top:-24px;
		left:0px;
	}
	.redeem_coupon_title_step>div{
		margin-right:5px;
		vertical-align: top;
	}
	.redeem_coupon_title_step>div.step_circle{
		width:48px;
		height:48px;
		background-color:#f3f7ff;
		color:#4da1e9;
		border:1.5px solid #4da1e9;
		border-radius:50%;
		line-height: 43px;
		padding-left: 2px;
		font-weight:bold;
		text-align:center;
	}
	
	.redeem_coupon_title_step>div.step_circle.active{
		background-color:#4da1e9;
		color:#fff;
	}
	
	@media(max-width:767px){
		.redeem_coupon_title_step>div img{
			height:40px;
		}
		
		.redeem_coupon_title_step>div.step_circle{
			width:40px;
			height:40px;
			line-height: 37px;
			padding-left: 1px;
		}
	}
	
	
	
	.redeem_coupon_container{
		border:1.5px solid #4da1e9;
		border-radius:2px;
		padding:60px 20px 40px 20px;
		background-color:#ebf6ff;
	}
	@media(min-width:768px){
		.redeem_coupon_container{
			padding:60px 40px 40px 40px;
		}
	}
	@media(max-width:767px){
		#step_3 .coupon_usage_info{
			text-align:center;
		}
	}
	
	@media(max-width:479px){
		
		.redeem_coupon_container{
			margin-left: -15px;
			margin-right: -15px;
			border-left: none;
			border-right: none;
		}
		
	}
	
	@media(min-width:992px){
		.redeem_coupon_container .contentWrapper{
			max-width:80%;
		}
	}
	
		
	@media(max-width:767px){
		/* .leftborder{
			border-top:1px dashed #4da1e9;
		}
		.rightborder{
			border-bottom:1px dashed #4da1e9;
		} */
	}
	
	@media(min-width:768px){
		.leftborder{
			border-left:1px dashed #4da1e9;
		}
		.rightborder{
			border-right:1px dashed #4da1e9;
		}
	}
	@media(min-width:768px){
		
		.redeem_coupon_container section>div:nth-child(2){
		/* 	padding-left:40px; */
		}
	}
	.rightborder.whiteborder,
	.leftborder.whiteborder{
		border-color:#EEE;
	}
	
	.box_desc_item .box{
		width:30px;
		float:left;
		top: 2px;
		position: relative;
	}
	.box_desc_item .content{
		width: calc(100% - 30px) !important;
		float:left;
	}
	
	.box_desc_item input[type='checkbox']{
		width:20px;
		height:20px;
		margin:0px;
		cursor:pointer;
	}
	.button.facebook_login_btn, .button.google_login_btn{
		height:48px;
		line-height:48px;
		padding-top:0px;
		padding-bottom:0px;
		max-width:300px;
	}
	
	.button.google_login_btn::before,
	.button.facebook_login_btn::before{
		height:48px;
		border-top-left-radius: 48px;
		border-bottom-left-radius: 48px;
	}
	.button.google_login_btn::after,
	.button.facebook_login_btn::after{
		height:48px;
		border-top-right-radius: 48px;
		border-bottom-right-radius: 48px;
	}
	.google_login_btn img,
	.facebook_login_btn img{
		margin-top:-6px;
		width:30px;
		margin-right:4px;
	}
	.google_login_btn img:hover,
	.facebook_login_btn img:hover{
		cursor:pointer;
	}
	

	.redeem_coupon_container .dd .ddTitle .ddTitleText{
		text-align: left;
		padding-left: 20px;
		color: #4da1e9; 
	}
	.redeem_coupon_container .dd .ddTitle {
		background-color:#FFF;
		color: #4da1e9;
		border: 1px solid #4da1e9;
		border-radius:4px;
	}
	
	.redeem_coupon_container .dd .ddChild li, 
	.redeem_coupon_container .dd .ddChild li.selected {
		background-color:#FFF;
		color: #4da1e9;
		text-align:left;
	}
	
	.redeem_coupon_container .dd .ddChild li::after, 
	.redeem_coupon_container .dd .ddChild li.selected::after {
		background-color:#4da1e9;
	}
	
	.redeem_coupon_container .dd .ddChild li .ddlabel{
		color: #4da1e9 !important;
		text-align: left;
		padding-left: 20px;
	}
	.redeem_coupon_container .dd .ddArrow{
		display: block;
		background-color: #4da1e9;
		width: 42px;
		height: 40px;
		position: absolute;
		top: 0px;
		margin-top: 0px;
		right: 0px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		background-image: url(/images/icon_arrow_down_white.png);
		background-size: 75%;
		display: block;
		background-position: center !important;
	}
	
	
	.store_list_container{
		max-width:320px;
	}
	.store_list_item{
		margin-bottom:10px;
		cursor:pointer;
		/*box-shadow: 4px 4px 4px 0px rgba(225,225,225,0.6);
		-webkit-box-shadow: 4px 4px 4px 0px rgba(225,225,225,0.6);*/
	}
	.store_list_container.grouped{
		max-width:100%;
	}
	
	.store_list_container.grouped .store_list_item{
		
		text-align:center;
		
		width:100%;
		margin-bottom:20px;
	}
	@media(min-width:768px){
		
		.store_list_container.grouped .store_list_item{
			display:inline-block;
			width:28%;
			margin-left: 1%;
			margin-right: 1%;
		}
	}
	
	
	.store_list_item:hover{
		opacity:.8;
	}
	
	
	
	.retailcode_container.digitalsign::after{
		position:absolute;
		top:0px;
		left:calc(100% + 5px);
		width:24px;
		height:24px;
		content:" ";
		background-image:url('/images/icon_digital.png');
		background-size: calc(100%);
		background-position:center;
		background-repeat:no-repeat;
	}
	
	#coupon_countdown{
		opacity:0;
		
	}
	
	.marqueetext{
		border-radius:4px;
		padding-top: 10px;
		padding-bottom: 10px;
		white-space: nowrap;
		overflow: hidden;
		box-sizing: border-box;
		background-color:#0067b1;
	}

	.marqueetext span {
		display: inline-block;
		padding-left: 100%;  /* show the marquee just outside the paragraph */
		animation: marquee 4s linear infinite;
	}
	

	@media(min-width:768px){
		.marqueetext:hover  span{
			/* animation-play-state: paused */
		}
	}

	@keyframes marquee {
		0%   { transform: translate(0, 0); }
		100% { transform: translate(-100%, 0); }
	}
	
	
	.coupon_message_container{
		border:1.5px solid #4da1e9;
		border-radius:2px;
		background-color:#ebf6ff;
		padding: 40px 40px;
	}
	@media(max-width:767px){
		
		.coupon_message_container{
			padding: 40px 20px;
		}
	}
	
	
	
	@media(min-width:768px) and (max-width:991px){
		.redeem_coupon_container{
			padding:60px 20px 40px 20px;
		}
		.redeem_coupon_container .contentWrapper{
			max-width:90%;
		}

		
		.redeem_coupon_container .store_confirm .button.displayib{
			margin-left:  35px;
			margin-right: 35px;
		}

		
	}
	
	#retail_redemption_code_container .store_list_item,
	#online_redemption_code_container .store_list_item,
	.retail_redemption_code_container .store_list_item,
	.online_redemption_code_container .store_list_item,
	.store_confirm .store_list_item{
		cursor:auto;
	}
	#retail_redemption_code_container .store_list_item:hover,
	#online_redemption_code_container .store_list_item:hover,
	.retail_redemption_code_container .store_list_item:hover,
	.online_redemption_code_container .store_list_item:hover,
	.store_confirm .store_list_item:hover{
		opacity:1;
	}
	
	
	
	/*color*/
		.redeem_coupon_container.orange{
			background-color:#fabb92;
		}
		
		.redeem_coupon_container.orange .marqueetext{
			background-color:#fc4c02;
		}
		.redeem_coupon_container.orange  .button::after,
		.redeem_coupon_container.orange  .button::before{
			background-color:#fc4c02;
		}
		.redeem_coupon_container.orange  .button, 
		.redeem_coupon_container.orange  .button:hover{
			color:#FFF;
			background-color:#fc4c02;
		}
	/*color*/
	
/*coupon detail*/
#search_result{
	min-height:200px;
}
#loading_coupon{
	position:absolute;
	top:calc(50% - 20px);
	width:100%;
	height:100%;
	left:0px;
	
}
#search_coupon .coupon_slider_item,
#search_coupon .coupon_list_item{
	opacity:0;

}

.flag_newitem::before{
	z-index:10;
	background-size: 100%;
	background-position: center;
	padding-bottom: 65px;
	width:65px;
	background-image:url('/images/flag_latest.png');
	background-repeat: no-repeat;
	position:absolute;
	content:" ";
	left:-2px;
	top:-1px;
}

.flag_latest::before{
	z-index:10;
	background-size: 100%;
	background-position: center;
	padding-bottom: 65px;
	width:65px;
	background-image:url('/images/flag_latest.png');
	background-repeat: no-repeat;
	position:absolute;
	content:" ";
	left:-2px;
	top:-1px;
}

.flag_limitedoffer::before{
	z-index:10;
	background-size: 100%;
	background-position: center;
	padding-bottom: 65px;
	width:65px;
	background-image:url('/images/flag_limitedoffer.png');
	background-repeat: no-repeat;
	position:absolute;
	content:" ";
	left:-2px;
	top:-1px;
}

.flag_hotitem::before{
	z-index:10;
	background-size: 100%;
	background-position: center;
	padding-bottom: 65px;
	width:65px;
	background-image:url('/images/flag_hotitem.png');
	background-repeat: no-repeat;
	position:absolute;
	content:" ";
	left:-2px;
	top:-1px;
}

.flag_offer::before{
	z-index:10;
	background-size: 100%;
	background-position: center;
	padding-bottom: 65px;
	width:65px;
	background-image:url('/images/flag_offer.png');
	background-repeat: no-repeat;
	position:absolute;
	content:" ";
	left:0px;
	top:-1px;
}


/*my record*/
.coupon_history_item{
	border:1.5px solid #4da1e9;
	border-radius:2px;
	padding:20px 20px 20px 20px;
	background-color:#ebf6ff;
	margin-bottom:20px;
}

.coupon_history_item .image{
	background-size: cover;
	background-position: center;
	padding-bottom: calc(100% * 0.75);
	background-repeat: no-repeat;
	display: table;
	width:100%;
}
@media(min-width:768px){
	
	.coupon_history_item .title{
		height:140px;
		display:table;
		text-align:center;
		width: 100%;
		
	}
	.coupon_history_item .title>div{
		height:140px;
		display:table-cell;
		vertical-align:middle;
	}
}
@media(max-width:767px){
	.coupon_history_item .content{
		margin-top:10px;
	}
	
	.coupon_history_item .title{
		text-align:right;
	}
}

@media(min-width:768px){
	.coupon_history_item .content{
		padding-left:20px;
	}
}





#backtotop{
	background-color: #0067b1;
	cursor:pointer;
	opacity:.6;
    border-radius: 50%;
    color: #FFF;
    position: fixed;
    right: -60px;
    bottom: 40px;
    font-size: 24px;
	text-align:center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1000;
	
	transition: all 300ms ease;
}
#backtotop.active{
	right:40px;
}

@media(max-width:767px){
	#backtotop.active{
		right:20px;
	}
}

#backtotop:hover{
	transform: scale(1.1);
	opacity:.9;
}

#select_store_popup{
	padding:10px;
}
@media(max-width:767px){
	#select_store_popup .content_popup{
		padding-left:0px;
		padding-right:0px;
		
	}
}
@media(min-width:768px){
	#select_store_popup{
		min-width:750px;
		padding:30px;
	}	
}
@media(min-width:992px){
	#select_store_popup{
		min-width:880px;
	}	
}
#select_store_popup .button{
	padding-left:10px;
	padding-right:10px;
}
#select_store_popup .button_container{
	margin-left: -20px;
	margin-right: -20px;
}

@media(min-width:768px){
	
	.storeoption_container:first-child{
		padding-right:15px;
	}
	.storeoption_container:last-child{
		padding-left:15px;
	}
}


.form-control{
	border: 1px solid #4da1e9;
	height:40px;
	padding:10px;
	outline:none;
}

@media(max-width:767px){
	.coupon_detail_container>div:first-child{
		padding-right:10px;
		width:calc(100% - 105px);
		
	}
	.coupon_detail_container>div:last-child{
		padding-left: 15px;
		width: 105px;
		position: absolute;
		height: 100%;
		right: 0px;
		top: 0px;
		border-left: 1px dashed #CCC;
	}
	.coupon_detail_container>div:last-child>div{
		display:table;
		width:100%;
		height:100%;
	}
	.coupon_detail_container>div:last-child>div>div{
		display:table-cell;
		vertical-align:middle;
		width:100%;
		height:100%;
	}
	
	.coupondetail .coupon_list_item .title,
	.coupondetail .coupon_list_item .title>div,
	.coupondetail .coupon_list_item .description>div,
	.coupondetail .coupon_list_item .description{
		height:auto;
		display:block;
	}

	.coupondetail .coupon_list_item .description{
		margin-bottom:20px;
	}
}

.coupondetail .coupon_list_item .description p{
	margin-bottom:0px;
}
@media(max-width:401px){
	
	.coupondetail .coupon_list_item .title>div{
		font-size:20px;
	}
	.coupondetail .coupon_list_item .description{
		font-size:16px;
	}
}
.content_page{
	min-height: calc(100% - 320px);
}
@media(min-width:768px){
	.content_page{
		min-height: calc(100% - 270px);
	}
}
.fs-wrap{
	width:100%;
	display:block;
	position: relative;
	outline:none;
}
.fs-dropdown{
	margin-top:0px;
	width:100%;
	outline:none;
}

.fs-option{
	min-height: 40px;
	word-break: normal;
    line-height: 40px;
	color: #4da1e9;
	padding: 0px 20px;
	outline:none;
}


.fs-label-wrap .fs-label{
	padding-left: 20px;
    height: 40px;
    line-height: 40px;
    padding-top: 0px;
    background-color: #FFF;
    color: #4da1e9;
    border: 1px solid #4da1e9;
    border-radius: 4px;
    outline: none;
}



.other_option_container input[type='text']{
	padding-left:20px;	
}

@media(min-width:768px){
	.online_coupon_code{
		margin-left: -40px;
		margin-right: -40px;
	}
	
}

.product_desc_container img{
	width:100% !important;
	height:auto !important;
}

.retailcode_container{
	max-width:275px;
	position:relative;
}
.retailcode_container.large{
	max-width:370px;
	position:relative;
}

#retail_code{
	text-align:center;
}



#barcode_image{
	width: 100%;

}

.retailcode_container.large #barcode_image{
	width:calc(70% - 20px);
}
.retailcode_container.large #qrcode_image{
	width:28%;
}

#email_input_popup [name='reg_email']{
	width:300px;
	max-width:100%;
	margin:auto;
	text-align:center;
}


/*brandpage*/
	.brandpage_viewsize{
		background-position: center;
		background-size: auto;
		background-repeat: repeat;
		
		background-color: #fafafc;
	}

	
	.brandpage_viewsize,
	.brandpage_viewsize .container{
		/*max-width:480px !important;*/
	}
	
	
	@media(min-width:768px){
		.brandpage_viewsize.desktopv{
			max-width: 100% !important;
		}
		.brandpage_viewsize.desktopv .container{
			max-width: 1200px !important;
		}
	}
	
	
	.brandpage_viewsize .vp_m{
		display:block !important;
	}
	.brandpage_viewsize .vp_d{
		display:none !important;
	}
	@media(min-width:768px){
		
		.brandpage_viewsize.desktopv .vp_m{
			display:none  !important;
		}
		.brandpage_viewsize.desktopv .vp_d{
			display:block  !important;
		}
		
		
		
	}
	
	
	
	
	
	
/*brandpage*/
/*event*/


	#event_kv_visual{
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		
	}

	.bluebox_container {
		border: 1.5px solid #4da1e9;
		border-radius: 2px;
		transition: all 300ms ease;
		background-color: #ebf6ff;
	}

	.eventbox_container {
		max-width:480px;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 8px 4px rgba(0,0,0,0.2);
		box-shadow: 0 0 8px 4px rgba(0,0,0,0.2);
		transition: all 300ms ease;
		background-color: #FFF;
		/*padding: 20px 20px 40px 20px;*/
	
		padding-bottom: 40px !important;
	}
	.event_title{
		position:relative;
		text-align:center;
		margin:10px auto 40px auto;
		
		font-size: 25px;
		line-height: 30px;
		
		
	}
	.event_title::after{
		position:absolute;
		top: calc(100% + 10px);
		left:calc(50% - 40px);
		width:80px;
		background-color:#4da1e9;
		height:3px;
		
	}
	
	.field_item{
		margin-bottom:5px;
	}
	.field_item .fieldname{
		float:left;
		width:100px;
		padding-right: 15px;
		text-align: right;
		height: 40px;
		align-items: center;
		justify-content: flex-end;
		display: flex;
	}
	.field_item .content{
		float:left;
		text-align:left;
		width:calc(100% - 100px);
	}
	.field_item .radio_container{
		margin-top: 0px;
		margin-bottom: 0px;
		height: 20px; 
	}
	.field_item input[type='radio']{
		width: 20px;
		height: 20px;
		margin-left: 10px;
		vertical-align: middle;
		margin: 0px 10px 5px 0px;
	}
	.field_item input[type='radio']+span{
		line-height:40px;
	}
	
	img#receipt_image_image.loading{
		padding:45%;
	}
	img#receipt_image_image {
		width:100%;
		border: 1px solid #DDD;
		border-radius: 5px;
		padding: 20px;
	}
	
	
	#event_detail_popup{
		/*background:transparent;*/
		border:none;
	
		height: 100%;
		padding: 0px;
		overflow: hidden;
		max-width:480px;
		
	}
	#event_detail_popup>.container{
		height:100%; 
		width:100%;
		overflow-y:scroll;
		padding: 0px 20px;
	}
	
	#event_detail_popup .fancybox-close-small {
		background: #FFF;
		right: 25px;
		width: 30px;
		border-radius: 50%;
		height: 30px;
		padding: 0px;
		top: 10px;
		
	}
	
	
	.popup_section:first-child{
		margin-top:20px;
	}
	.popup_section{
		margin-bottom:20px;
		
		padding:40px 20px;
		
		
		
		background: #FFF;
		
		border-bottom: 1px solid #DDD;
	}
	
	#event_form #submit_button{
		
		height:40px;
		line-height:40px;
		padding:0px;
	}
	#event_form  #submit_loading img{
		
		    width: 20px;
			height: 20px;
	}
	
	[name='dob_d']{
		width:calc(100% / 3 - 10px);
		
		margin-left:10px;
		text-align:center;
		float:left;
		padding:0px 0px;
	}
	[name='dob_m']{
		width:calc(100% / 3 - 10px);
		margin-left: 5px;
		margin-right:5px;
		text-align:center;
		float:left;
		padding:0px 0px;
	} 
	[name='dob_y']{
		width:calc(100% / 3 - 10px);
		margin-right: 10px;
		text-align:center;
		float:left;
		padding:0px 0px;
	}
	.underline{
		text-decoration:underline;
	}
	
	.mouseover{
		cursor:pointer;
	}
/*event*/





/*floatingicon*/
.floating_icon{
	position:fixed;
	width:100px;
	height:100px;
	right:0px;
	bottom:100px;
	z-index:10;
}
.floating_icon.top{
	top: 100px;
	bottom:auto;
}
.floating_icon.bottom{
	top: auto;
	bottom:100px;
}
.floating_icon.left{
	left:0px;
	right:auto;
}
.floating_icon.right{
	left:auto;
	right:0px;
}
@media(min-width:768px){
	.floating_icon{
		width: 200px;
		height:200px;
		right:0px;
		bottom:15%;
	}
	
	.floating_icon.top{
		top: 15%;
		bottom:auto;
	}
	.floating_icon.bottom{
		top: auto;
		bottom:15%;
	}
	.floating_icon.left{
		left:0px;
		right:auto;
	}
	.floating_icon.right{
		left:auto;
		right:0px;
	}
	
}