@charset "utf-8";

/***************************************************************************
*
* NOTICATION STYLE
*
***************************************************************************/

.boxNotification {
	width: 517px;
	background: #fff;
	padding: 36px 0 37px;
	text-align: center;
}
.boxNotification .titleNotification {
	font-size: 20px;
	margin-bottom: 27px;
}
.buttonNotification .itemBtn {
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	margin-right: 20px;
}
.buttonNotification .itemBtn:last-child {
	margin-right: 0;
}

.buttonNotification .closeNews {
	display: inline-block;
    width: 104px;
    border: none;
    text-align: center;
}

.buttonNotification .itemBtn.btnNo a {
	display: block;
    background: url(../images/common/notification-yes.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 0 4px;
    border-radius: 18px;
    letter-spacing: -2px;
    transition: 250ms all linear;
}
.buttonNotification .itemBtn.btnNo a:hover {
	background: url(../images/common/notification-yes-hover.png) no-repeat;
    background-size: 100% 100%;
}
.buttonNotification .itemBtn.btnYes a {
	display: block;
    background: url(../images/common/notification-blue.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 0 4px;
    letter-spacing: -2px;
    border-radius: 18px;
    transition: 250ms all linear;
}
.buttonNotification .itemBtn.btnYes a:hover {
	background: url(../images/common/notification-blue-hover.png) no-repeat;
    background-size: 100% 100%;
}

@media (max-width: 768px) {
	.boxNotification {
		width: 284px;
		padding: 22px 0 24px;
	}
	.boxNotification .titleNotification {
		font-size: 13px;
		margin-bottom: 23px;
	}
	.buttonNotification .itemBtn {
		width: 108px;
		margin-right: 13px;
	}
	.buttonNotification .itemBtn.btnYes a {
		font-size: 18px;
		padding: 2px 0 3px;
	}
	.buttonNotification .itemBtn.btnNo a {
		font-size: 18px;
		padding: 2px 0 3px;
	}
}

/*IE FIX*/
@media all and (-ms-high-contrast:none) {

	.buttonNotification .itemBtn.btnYes a {
		padding: 18px 0 0px;
		line-height: 0.8;
	}
	.buttonNotification .itemBtn.btnNo a {
		padding: 18px 0 0px;
		line-height: 0.8;
	}
}