@CHARSET "UTF-8";

/*
* @Author:ctm.mo.LIRZW
* @Date:2013-06-20
*/


/*
* ==========================
* event main content
*/
.event-main {
	width:94%;
	margin:0 auto;
}
.dtl-main {
	width: 76%;
	margin: 40px auto;
	background-color: white;
	padding: 0 2%;
}
/*
* ==========================
* ==========================
* first banner
*/
#clock-icon {
	width: 64px;
	height: 63px;
	position:absolute;
	right:0px;
	top:0px;
	background:url(/css/images/event.png) no-repeat;
	background-position: 1px -98px;
	line-height: 81px;
}
#clock-icon:hover {
	background-position: -495px -16px;
}
#clock-icon a {
	text-decoration:none;
	font-size:1.385em;
	color:#464646;
}
.eventnavi-drop-down {
	width:220px;
	height:30px;
	display: none;
}
.cal-arrow-down-white {
	width: 21px;
	height: 17px;
	display:block;
	background:url(/css/images/event.png) no-repeat;
	background-position: -22px -68px;
	margin: 5px 10px;
}
.eventnavi-drop-down-list {
	position:absolute;
	z-index:10;
	top:49px;
	width:200px;
	padding-bottom:10px;
}
.eventnavi-drop-down-list ul li {
	list-style:none;
	width:200px;
	height:30px;
	line-height:30px;
	background:#464646;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);
}
.eventnavi-drop-down-list ul li a {
	color:white;
	font-size:1.231em;
	text-decoration:none;
	display:block;
	padding:0px 10px;
}
.eventnavi-drop-down-list ul li a:hover {
	color:rgb(211, 211, 211);
	background:#616161;
	font-size:1.231em;
	text-decoration:none;
	display:block;
}
.event-category {
	/*margin-left:220px;*/
}
.event-category ul {
	margin-top:18px;
}
.event-category ul li {
	float:left;
	list-style:none;
	padding-left:10px;
	height:60px;
	line-height:25px;
}
.event-category ul li a {
	text-decoration:none;
	font-size:1.231em;
	color:#504E4E;
}
.category-all {
	display:block;
	padding: 0px 20px;
	border-bottom:3px solid #464646;
	border-top:0px solid #464646;
	border-left:0px solid #464646;
	border-right:0px solid #464646;
}
.category-all:hover {
	color:#464646;
}
.category-1 {
	display:block;
	padding: 0px 20px;
	border-bottom:3px solid #1CBBB4;
	border-top:0px solid #1CBBB4;
	border-left:0px solid #1CBBB4;
	border-right:0px solid #1CBBB4;
}
.category-1:hover {
	color:#1CBBB4;
}
.category-2 {
	display:block;
	padding: 0px 20px;
	border-bottom:3px solid #38B54A;
	border-top:0px solid #38B54A;
	border-left:0px solid #38B54A;
	border-right:0px solid #38B54A;
}
.category-2:hover {
	color:#38B54A;
}
.category-3 {
	display:block;
	padding: 0px 20px;
	border-bottom:3px solid #FF5B4C;
	border-top:0px solid #FF5B4C;
	border-left:0px solid #FF5B4C;
	border-right:0px solid #FF5B4C;
}
.category-3:hover {
	color:#FF5B4C;
}
.category-4 {
	display:block;
	padding: 0px 10px;
	border-bottom:3px solid #FBAC45;
	border-top:0px solid #FBAC45;
	border-left:0px solid #FBAC45;
	border-right:0px solid #FBAC45;
}
.category-4:hover {
	color:#FBAC45;
}
.category-5 {
    display:block;
    padding: 0px 20px;
    border-bottom:3px solid #F2457E;
    border-top:0px solid #F2457E;
    border-left:0px solid #F2457E;
    border-right:0px solid #F2457E;
}
.category-5:hover {
    color:#F2457E;
}
.category-13 {
    display:block;
    padding: 0px 20px;
    border-bottom:3px solid #3aa5d9;
    border-top:0px solid #3aa5d9;
    border-left:0px solid #3aa5d9;
    border-right:0px solid #3aa5d9;
}
.category-13:hover {
    color:#3aa5d9;
}
.category-14 {
    display:block;
    padding: 0px 20px;
    border-bottom:3px solid #1d2087;
    border-top:0px solid #1d2087;
    border-left:0px solid #1d2087;
    border-right:0px solid #1d2087;
}
.category-14:hover {
    color:#1d2087;
}

.category-original-order {
	display:block;
	padding:0px 20px;
	border-bottom:3px solid #695B7A;
	border-top:0px solid #695B7A;
	border-left:0px solid #695B7A;
	border-right:0px solid #695B7A;
}
.category-original-order:hover {
	color:#695B7A;
}
.category-company {
	display:block;
	padding:0px 20px;
	border-bottom:3px solid #B38084;
	border-top:0px solid #B38084;
	border-left:0px solid #B38084;
	border-right:0px solid #B38084;
}
.category-company:hover {
	color:#B38084;
}
.month-box {
	width:70px;
	height:60px;
	color:#464646;
	font-size:1.385em;
	line-height: 80px;
	background:url(/images/event/event.png) no-repeat;
	background-position:3px -100px;
	cursor:pointer;
}
/*
* ==========================
* ==========================
* seconde banner
*/
.time-axis {
	position:absolute;
	top:0px;
	right: 15px;
	z-index:1;
}
#axis-bg {
	position:absolute;
	top:0px;
	right: 20px;
	z-index:0;
	border-left:1px solid #363636;
	background:#5E5F61;
	width:2px;
	/*height: 295px;*/
	height: 275px;
}
#axis-icon {
	position:absolute;
	/*top: 295px;*/
	top: 275px;
	right:6px;
	width:30px;
	height:30px;
	background:url(/css/images/event.png) no-repeat;
	background-position:-94px -106px;
}
a#form-icon {
	position:absolute;
	/*top: 325px;*/
	top: 305px;
	right:6px;
	width: 60px;
	height: 110px;
	background:url(/css/images/event.png) no-repeat;
	background-position: -147px -210px;
}
a#form-icon:hover {
	background-position: -147px -208px;
}
ul.time-axis {
	width:242px;
}
.time-axis li.pick-dates a#widgetField {
	font-size: 12px;
	font-weight: bold;
}
.time-axis li {
	list-style: none;
	height: 35px;
	line-height: 35px;
	font-size: 1.231em;
}
.time-axis li a {
	padding-right:20px;
	color:#504E4E;
	text-decoration:none;
	background:url(/css/images/event.png) no-repeat right top;
	background-position:-52px -271px;
}
.time-axis li a:hover {
	color:#1CBBB4;
	background:url(/css/images/event.png) no-repeat right;
	background-position:-52px -230px;
}
.time-axis li.time-axis-sub {
	list-style:none;
	height:20px;
	line-height:20px;
	font-size:1em;
}
.time-axis li.time-axis-sub a {
	padding-right:20px;
	color:#A9A8A8;
	text-decoration:none;
	background:none;
}
.time-axis li.time-axis-sub a:hover {
	color:#1CBBB4;
}

.time-axis li.pick-dates {
	list-style:none;
	height: 45px;
	line-height:23px;
	font-size:1.231em;
}
.time-axis li.pick-dates a {
	display: block;
	padding-right: 30px;
	color:#504E4E;
	text-decoration:none;
	background:url(/css/images/event.png) no-repeat right top;
	background-position: 137px -259px;
	width: 222px;
	margin-left: 1px;
}
.time-axis li.pick-dates a:hover {
	color:#1CBBB4;
	background-position: 137px -218px;	
}
.time-axis li.pick-dates a.selected {
	background-position:137px -218px;	
	color:#1CBBB4;
}
.time-axis li.time-axis-sub a.selected {
	color:#1CBBB4;
}
.time-axis a.selected {
	color:#1CBBB4;
	background-position:-52px -230px;
}
.time-axis li.pick-dates a span {
	display: block;
	line-height: 14px;
}
.time-axis li.festival a {
	color: #1C89CB;
	font-weight: bold;
	background-position: -36px -271px;
}
.time-axis li.festival a:hover, .time-axis li.festival a.selected {
	background-position: -36px -230px;
}
.seperate-line {
	position:absolute;
	z-index:0;
	width:100%;
	top:10px;
	height:1px;
	background:#E2E2E2;
}
.events-head-date {
	position:absolute;
	top:3px;
	background:#F7F6F5;
	font-size:0.923em;
	z-index:1;
	padding-right:5%;
}
.sort-menu {
	width:100%;
	height:40px;
	background:#E2E2E2;
	z-index:100;
}
.sort-menu ul {
	height:40px;
}
.sort-menu ul li {
	margin-top:5px;
	height:30px;
	line-height:30px;
	border-left:1px solid #B7B7B7;
	float:left;
	list-style:none;
}
.sort-menu ul li.begin {
	margin-top:5px;
	height:30px;
	line-height:30px;
	border-left:0px;
	float:left;
	list-style:none;
}
.sort-menu ul li a {
	font-size:1.231em;
	color:black;
	text-decoration:none;
	padding: 0 5px;
	width: 80px;
	display: block;
	text-align: center;
}

.sort-menu ul li a:hover {
	color:#FF5B4C;
}
.event-search {
	width:220px;
	margin-right:1%;
	margin-top:5px;
	height:30px;
	background:white;
	float:right;
}
.event-search input {
	width:80%;
	padding:0 3%;
	color:#B7B7B7;
	font-size:1.231em;
	height:30px;
	line-height:30px;
	border:0px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	
}
.event-search a {
	width:12%;
	height:30px;
	display: block;
	background: url(/css/images/event.png) no-repeat;
	background-position:-69px -103px;
}
.event-block {
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	width:202px;
	height:279px;
	margin:0 22px 22px 0;
	border-radius:0px 0px 3px 3px;
	background:white;
}
.bgcolor-cyan {
	background:#1CBBB4;
}
.bgcolor-green {
	background:#38B54A;
}
.bgcolor-orange {
	background:#FF5B4C;
}
.bgcolor-yellow {
	background:#FBAC45;
}
.bgcolor-pink {
	background:#F2457E;
}
.bgcolor-grey {
	background:#464646;
}
.bgcolor-white {
	background:white;
}
.bgcolor-light-grey {
	background:rgb(228, 228, 228);
}
.color-markup {
	width:100%;
	height:4px;
	border-radius:3px 3px 0 0;
	background:#C8C7C7;
}
.event-img-box {
	width:100%;
	height:161px;
	border-radius:3px 3px 0 0;
}
.event-img-box a img {
	/* width:100%;
	height:auto; */
	border-radius:3px 3px 0 0;
	width: 202px;
    height: 158px;
    object-fit: cover;
}
.event-img-box a:hover {
	opacity:0.65;
	filter:alpha(opacity=65); 
	transition:opacity 0.15s linear;
	-webkit-transition:opacity 0.15s linear;
	-moz-transition:opacity 0.15s linear;
}
.count-down {
	position:absolute;
	z-index:10;
	top:10px;
	right:10px;
	width:60px;
	height:65px;
	color:white;
	font-size:1em;
	text-align:center;
	line-height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	opacity:0.9;
}
.end-today {
	position:absolute;
	z-index:10;
	top:10px;
	right:10px;
	width:30px;
	color:white;
	font-size:1em;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px 5px;
}
.end-already {
	position:absolute;
	z-index:10;
	top:10px;
	right:10px;
	width:60px;
	color:white;
	font-size:1em;
	text-align:center;
	line-height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.count-down-bottom {
	position:absolute;
	bottom:0px;
	width:60px;
	height:45px;
	background:white;
	color:black;
	text-align:center;
	font-size:2.308em;
	line-height:45px;
	border-bottom-left-radius:3px;	
	border-bottom-right-radius:3px;
}
.font-10 {
	font-size:10px;
}
.event-txt-box {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:2px dotted #E2E2E2;
}
.event-title {
	height:60px;
}
.event-title h4 {
	font-size:16px;
	font-weight: normal;
}
.event-title a {
	color:#504E4E;
	text-decoration:none;
}
.event-title a:hover {
	color:#FF5B4C;
	text-decoration:none;
}
.event-location {
	color:#A8A7A7;
	font-size:1em;
	height:18px;
	line-height:18px;
}
.event-location a {
	color:#A8A7A7;
	text-decoration:none;
	font-weight:normal;
	font-size:0.923em;
}
.event-location a:hover {
	color:#FF5B4C;
	text-decoration:none;
	font-weight:normal;
	font-size:0.923em;
}
.event-block-date {
	margin:0px 0px;
	font-size:0.923em;
	padding:0 5%;
	height:20px;
	line-height:20px;
}
.date-icon {
	width:22px;
	height:20px;
	display:block;
	background:url(/css/images/event.png);
	background-position:-26px -163px;
}
.view-icon {
	width:25px;
	height:20px;
	display:block;
	background:url(/css/images/event.png);
	background-position:2px -162px;
}
a.refresh {
	color:#FF5B4C;
	text-decoration: none;
	font-size:1em;
}
a.refresh:hover {
	color:#1CBBB4;
}

.popup-close {
	background:url(/css/images/event.png);	
	width:26px;
	height:26px;
	position: absolute;
	z-index: 100;
	right:0px;
	top:0px;
}
.mobile-axis {
	position:absolute;
	z-index: 5;
	top:40px;
	left:0;
}
.mobile-axis ul li {
	float:none;
	list-style: none;
	background-color: #464646;
}
.mobile-axis ul li:hover {
	background-color: #616161;
}
.mobile-axis ul li a {
	color:white;
	font-size:1em;
	text-decoration: none;
	padding:10px 0px;
	width:200px;
	height:15px;
	line-height: 15px;
	display: block;
	text-align: center;
}

ul#event-head-ul {
	
}

/*
* datepicker css
*/

#widgetCalendar {
	position: absolute;
	top: 65px;
	left: 0;
	height: 0px;
	overflow: hidden;
	width: 695px;
	background: #464646;
	z-index:100;
}
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.datepickerContainer {
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size:1em;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
	padding: 5px 5px;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
th.datepickerWeek a {
	color:#999;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #FF5B4C;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #702019;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #CA473B;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

.inner-wrapper {
	width: 75%;
}
.googleads {
	width: 25%;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.event-category li a.selected {
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
}
.eventnavi-drop-down-list li a.selected {
	border:0px;
	background:#616161;
}
.sort-menu li a.selected {
	color:#FF5B4C;
}

/*
* for magnific popup
*/
.events-details-container {
	background: white;
    margin:40px auto;
	padding:20px 2%;
    position: relative;
    width:50%;
    height:100%;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	box-shadow: 0 1px 0 rgba(0,0,0,.1),0 1px 0px rgba(0,0,0,.1);
  	cursor: initial;
}
.events-form {
	background: white;
    margin:0px auto;
	padding:20px 2%;
    position: relative;
    width:100%;
    height:100%;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	box-shadow: 0 1px 0 rgba(0,0,0,.1),0 1px 0px rgba(0,0,0,.1);
}
.events-banner {
    margin:0px auto;
	padding:5px 2%;
    position: relative;
    width:100%;
    height:40px;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  	box-shadow: 0px 0px 0 rgba(0,0,0,.1),0 1px 0px rgba(0,0,0,.1);
}

a.event-nav {
	color: black;
	line-height: 40px;
	text-decoration: none;
}
a.event-nav:hover {
	color: #FF5B4C;
}
.events-wrapper {
	width:60%;
	margin:0px auto;
}
.banner-title{
	font-size:16px;
	line-height:40px;
}
.form-empty-title{
	height:1px;
}
.brief-intro, .brief-more{
	width:50%;
	padding:0px 5%;
}
.brief-intro {
	color:black;
	font-size:0.923em;
	line-height:30px;
}
.details-title {
	font-size:1.923em;
	padding-bottom:5px;
}
.brief-more {
	position:absolute;
	bottom:0px;
	right:0px;
}
a.join-btn {
	padding:5px 10%;
	color:black;
	font-size:1.231em;
	text-decoration:none;
	background:#EBCA1C;
	text-align:center;
	height:30px;
	line-height:30px;
}
a.join-btn:hover {
	color:white;
}
#map-canvas {
	width:100%;
	height:300px;
}
.dtl-title-lf {
	width:30%;
	height:30px;
	line-height: 30px;
	border-bottom: 3px solid #1CBBB4;
	font-size: 1.231em;
	color:black;
}
.dtl-title-rt {
	margin-left:30%;
	height:30px;
	line-height: 30px;
	border-bottom: 3px solid #FF5B4C;
}

.details-content {
	word-break:break-word;
	font-size: 15px;
	line-height: 170%;
}
.details-content p {
	width:100%;
	margin-top:20px;
	/*border-bottom:3px solid #1CBBB4;
	padding-bottom:20px;*/
}
.arrow-down-black {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #2f2f2f;
	font-size: 0;
	line-height: 0;
	margin-left:3px;
}
/*
* popup form
*/
.interested-form {
	position:absolute;
	top:95px;
	z-index:1000;
	background:#464646;
	width:80%;
	left:5%;
	color:white;
	padding:5%;
}

/* menu::base */
div#menu {
	width:100%;
	background: #FF5B4C;
	position: absolute;
	top: 18px;
	left: 0;
	color:white;
	height:30px;
	font-size:1.385em;
	cursor:pointer;
	border-radius: 4px;
	text-align: center;
}

ul.menu {
	clear: both;
	float: none;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 10;
	width:100%;
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: visible;
	float: left;  
	height: 30px;
	z-index: 3;
	width:100%;
}
/* menu::level1 */
div#menu li a {
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #646464;
	overflow: hidden;
	z-index: 4;
  	position: relative;
  	width:100%;
  	text-align: center;
}

div#menu li span {  
	color:white;
	z-index: 6;
	position: relative;
}

div#menu li span.bg { 
	display: block;
  background: transparent url('images/menu_level1_item.png') repeat-x scroll 0pt 100%;
  padding: 0;
	height: 30px;
	z-index: 5;
	position: relative;
  float: left;
}

div#menu li.current {  
	font-weight: bold;
}

div#menu li.current ul {  
	font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
	padding: 0px 0px 10px;
	left: -999em; 
	width: 165px;
	position: absolute;
	top: 30px;
	width:100%;
	border-radius:0px 0px 4px 4px;
}

div#menu li:hover ul, div#menu li.sfhover ul { 
	left: 0px; 
	z-index: 100;
	visibility: visible; 
}

div#menu li li { 
	width: 100%; 
	text-indent: 0px;
	float: none; 
	height: 30px;
	background:#464646;
	border-bottom: 1px solid #616161;
}
div#menu li li:hover {
	background: #616161;
	border-bottom: 1px solid #464646;
}
div#menu li li a, div#menu li li span.separator { 
	margin: 0px 1px;
	padding: 0px;
	height: auto; 
	float: none; 
	display: block; 
	line-height: 30px; 
	width: 100%;
}

div#menu li li a.parent { 
}

/* menu::level3 */
div#menu li ul ul { 
	margin: -31px 0 0 164px;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul { 
	border-top: 1px solid #1E1E1E; 
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { 
	left: -999em; 
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { 
	left: 0pt; 
	z-index: 100;
}

/**
** ==========================
** FOR XMAS EVENT
**/
#xmas-2014-banner-bg.event-fixed-banner, #xmas-2014-banner-bg-mobile.event-fixed-banner {
    display: none !important;
}
.xmas-outer-wrapper {
    width: 100%;
    background: url("images/xmas_event_bg.jpg") repeat-x center top;
}
.xmas-inner-wrapper {
    width: 90%;
    margin: 0 auto;
}
.xmas-outer-wrapper .xmas-inner-wrapper .posl {
    width: 60px;
}
.xmas-outer-wrapper .xmas-inner-wrapper .content {
    margin-left: 60px;
    float: none;
}
.xmas-inner-wrapper .content .coupon-wrapper {
    position: relative;
    margin: 0 auto;
    width: 900px;
    height: 495px;
    background: url("images/coupon_bg.png") center top no-repeat;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-rod {
    position: absolute;
    width: 47px;
    height: 170px;
    right: 4px;
    top: 114px;
    background: url("images/slot_rod.png") no-repeat;
    cursor: pointer;
}
.xmas-inner-wrapper .content .coupon-bg {
    margin: 20px 0;
    width: 100%;
}
.xmas-inner-wrapper .content .coupon-bg table {
    width: 100%;
    background: white;
    border: 3px solid #afafaf;
    text-align: center;
}
.xmas-inner-wrapper .content .coupon-bg table a {
    padding: 5px 10px;
    background: #1a9c46;
    color: white;
    border-radius: 4px;
    text-decoration: none;
}
.xmas-inner-wrapper .content .coupon-bg table a:hover {
    background: #ffffff;
    color: #1a9c46;
}
.xmas-inner-wrapper .content .coupon-bg .coupon-style {
    position: relative;
    margin: 0 auto;
    width: 800px;
    height: 470px;
}
.xmas-inner-wrapper .content .coupon-bg .coupon-style .dtl-info {
    position: absolute;
    right: 50px;
    bottom: 115px;
    width: 290px;
    word-wrap: break-word;
    font-size: 16px;
}
.xmas-inner-wrapper .content .coupon-bg .coupon-style .dtl-info .discount {
    margin: 0 0 25px 0;
    color: #1a9c46;
    text-align: center;
}
.xmas-inner-wrapper .content .coupon-bg .coupon-style .dtl-info .rules {
    font-size: 13px;
}
.xmas-inner-wrapper .content .coupon-bg .coupon-style .dtl-info .halving-line {
    margin: 10px 0;
    width: 100%;
    border-bottom: 2px dashed #a9a69d;
}
.xmas-inner-wrapper .content .coupon-bg .coupon-style .dtl-info span.font-green {
    color: #1a9c46;
}
.xmas-inner-wrapper .content .coupon-bg .coupon-style .terms-and-service {
    position: absolute;
    top: 378px;
    left: 36px;
    width: 630px;
    font-size: 13px;
    text-align: center;
    word-wrap: break-word;
}
ul.time-axis li a#cover-emphasize {
	position: absolute;
	width: 100px;
	height: 100%;
	top: 0;
	right: 0;
	display: block;
    background-position: 16px -257px;
}
ul.time-axis li a#cover-emphasize:hover {
    background-position: 16px -216px;
}
ul.time-axis li a#cover-emphasize.selected {
    background-position: 16px -216px;
}
ul.time-axis li a.emphasize-xmas {
	background: none;
}
ul.time-axis li a.emphasize-xmas:hover input#search-xmas {
    color: #1CBBB4;
}
ul.time-axis li a.emphasize-xmas.selected input#search-xmas {
    color: #1CBBB4;
}
ul.time-axis li a.emphasize-xmas span.icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("images/icon.png");
}
ul.time-axis li a.emphasize-xmas input#search-xmas {
    display: inline-block;
    width: 34px;
    height: 20px;
    border: 0;
    background: #f7f6f5;
    font-size: 16px;
    color: #e3017f;
    cursor: pointer;
}
/*
* remember to update to ie_calendarlayout.css
*/
.xmas-inner-wrapper .content .coupon-wrapper .support {
    position: absolute;
    top: 375px;
    left: 54px;
    color: #7C7C7C;
}
.xmas-inner-wrapper .content .coupon-wrapper .ackonwledge {
    position: absolute;
    top: 434px;
    left: 5px;
    font-size: 16px;
}
.xmas-inner-wrapper .content .coupon-wrapper .ackonwledge span.txt {

}
.xmas-inner-wrapper .content .coupon-wrapper .ackonwledge img {
    margin: 0 10px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    display: inline-block;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container {
    position: absolute;
    top: 196px;
    right: 83px;
    width: 317px;
    height: 214px;
    overflow: hidden;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot {
    width: 100%;
    height: 100%;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot a.slot-block {
    width: 100%;
    padding: 21px 0;
    height: 85px;
    display: block;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot a.slot-block .logo, .xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot a.slot-block .discount, .xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot a.slot-block .range {
    padding: 0;
    width: 95px;
    float: left;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot a.slot-block .logo img {
    margin: 0 5px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot a.slot-block .discount {
    margin: 0 18px 0 20px;
    width: 88px;
    height: 88px;
    text-align: center;
    border-radius: 50%;
    color: #C30D23;
    font-size: 22px;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot a.slot-block .range {
    margin: 0 5px;
    padding: 20px 0;
    width: 86px;
    height: 46px;
    text-align: center;
    background: #C30D23;
    border-radius: 50%;
    color: white;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot .cpn {
    width: 100%;
    height: 86px;
    line-height: 86px;
    text-align: center;
}
.xmas-inner-wrapper .content .coupon-wrapper .slot-container .slot .cpn a {
    color: #0d6836;
    font-size: 25px;
    text-decoration: none;
}