﻿#xmas
{
	width:750px;
	float:right;
	margin:5px 0 30px 0;
}

#xmas h1
{
	font-weight: bold;
	font-size:115%;
	color:#0A5623;
	text-align:center;
	padding:0;
	margin:0;
}

#xmas .description
{
	font-size:100%;
	color:#0A5623;
	text-align:center;
    margin:15px 0;
}

#xmas h2
{

	text-align:center;
	clear:both;
    font-weight:bold;
	color:#0A5623;
	font-size:25px;
    line-height:100%;
	margin:0 0 15px 0;
	padding:30px 0 0 0;
    width:100%;
}

#xmas h3 
{
	width:750px;
	height:96px;
	background:url(images/h3.jpg.ashx) no-repeat left top;
	margin:0;
	padding: 0;
	border:0;
	color:#0A5623;
	text-align:center;
	clear:both;
}

#xmas h3 .title
{
	font-size:38px;
	padding-top:40px;
	border:none;
	color:#0A5623;
    font-weight:bold;
}

	#xmas  .titleEN {
		font-size: 30px;
/*		padding-top: 10px;
*/		border: none;
		color: white;
		font-weight: bold;
	}

#xmas h3 .subtitle
{
	font-size:13px;
	margin-top:10px;
}

#xmas h4 
{
	width:750px;
	height:100px;
	background:url(images/h4.jpg.ashx) no-repeat left top;
	margin:0;
	padding: 30px 0 0 0;
	border:0;
	color:#0A5623;
	text-align:center;
	clear:both;
	font-size:25px;
}

#xmas .content
{
	height:232px;
	clear:both;
	border:solid 1px #FFF4CF;
	background:#FFF6DE;
}
	#xmas .content img
	{
	float: left;
	height:232px;
	}

#xmas .content .box 
{
	background:#FFF6DE;
	width:200px;
	height:232px;
	text-align:center;
	float: left;
	background:#FFF6DE;
}


#xmas .content .box h5 .title
{
	padding-top:35px;
	font-size:25px;
	line-height:110%;
	border:none;
	color:#BC0019;
}

#xmas .content .box h5 .subtitle
{
	font-size:13px;
	margin-top:10px;
	color:#BC0019;
}

#xmas .content .box p
{
	color:#333;
	font-size:11px;
	margin:10px 5px 40px 5px;
}


#xmas .content .box a .more
{
	border:solid 1px #BC0019;	
	color:#BC0019;
	font-size:11px;
	width:180px;
	margin:0 auto;
	padding:10px 0;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;	/* Firefox用 */
}

#xmas .content .box a:hover .more
{
	border:solid 1px #BC0019;	
	color:#BC0019;
	background:#FDE7C1;
}

#xmas hr
{
	height: 15px;
}

#xmas #menu{
	width:100%;
	height:190px;
	margin:0 0 15px 0;
}

#xmas ul 
{
	list-style: none;
}

#xmas #menu ul li{
	display:inline-block;
	width:241px;
	text-align:center;
	color:#0A5623;
	margin:0 3px;
	padding:120px 0 20px 0;

}

#xmas #menu a:hover li {
	color:#66AB3D;

}

#xmas #menu .title{
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
	margin-right:30px;
}

#xmas #menu p{
	margin-right:30px;
}

	#xmas #menu .subtitleEN {
		margin-top: 10px;
		margin-right: 10px;
		color: #fff;
	}
#xmas #menu .menu1
{
	background:url(images/menu-bg-gift.jpg.ashx) no-repeat;
}

	#xmas #menu .menu1EN {
		background: url(images/xmasMenuRight.jpg) no-repeat;
	}

#xmas #menu .menu2
{
	background:url(images/menu-bg-seasonal.jpg.ashx) no-repeat;
}
#xmas #menu .menu2en
{
	background:url(images/xmasMenuMiddle.jpg) no-repeat;
}

#xmas #menu .menu3
{
	background:url(images/menu-bg-fashion.jpg.ashx) no-repeat;
}

	#xmas #menu .menu3EN {
		background: url(images/xmasMenuLeft.jpg) no-repeat;
	}


/*Countdown Timer*/

.countdown-container {
	/*	background-color: #e02b2b;
*/ background: radial-gradient(circle, #FF5733, #870000);
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	display: inline-block;
	width: 95%;
	text-align: center;
	padding-bottom: .5em;
}

#countdown {
	display: flex;
	justify-content: center;
	gap: 30px;
}

.time {
	font-size: 18px;
	text-align: center;
}

	.time span:first-child {
		display: block;
		font-size: 36px;
		font-weight: bold;
		color: white;
		margin-bottom: 30px;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.time span:last-child {
		color: white;
		font-size: 16px;
	}
.countdown-title {
	font-size: 4em;
	color: white;
	margin-bottom: 1em;
	margin-top: .5em;
	font-family: 'Brush Script MT', cursive;
	font-weight: 800;
}