/* CSS */

table.DynarchCalendar-topCont{width:500px;margin:auto;}

@media (max-width:500px){
	table.DynarchCalendar-topCont{width:90%;margin:auto;}
}

.DynarchCalendar {
  	position: relative;
  	cursor: default;
  	padding: 10px 10px 50px 10px;
	text-align:center;
	border:3px solid #db0000 ; 
	border-radius:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db0000+0,990000+25 */
	background: #db0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #db0000 0%, #990000 25%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #db0000 0%,#990000 25%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #db0000 0%,#990000 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
}


.DynarchCalendar-topBar {
  height:50px;
}

table.DynarchCalendar-titleCont {
  height:15px;
  font-family:Arial, Helvetica, sans-serif;font-weight:bold;
  font-size: 130%; 
  color: #189aa3;
  text-align: center;
  z-index: 9;
  position: relative;

}

.DynarchCalendar-title  {
  color:#fff;font-size:20px;display:inline-block;height:60px;line-height:45px;
  letter-spacing:2px;font-size:24px;font-weight: bold;
  font-family: Arial, 'LiHei Pro',微軟正黑體, 新細明體, sans-serif;
}

.DynarchCalendar-topCont{

}

.DynarchCalendar-pressed-title div {
  padding: 4px 16px;
  background-color: #777;
  color: #fff;
  background-image: url("/lydb/img/drop-up.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.DynarchCalendar table#MC{
	width:100%;
	margin-top:10px;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
	box-shadow:
	  1px 0px 1px #fff, 0px 1px 1px #fff,
	 -1px 0px 1px #fff, 0px 1px 1px #fff,
	 
	 2px 1px 1px #333, 1px 2px 1px #fff,
	 -2px 1px 1px #333, -1px 2px 1px #fff,
	 
	 3px 2px 1px #fff, 2px 3px 1px #fff,
	 -3px 2px 1px #fff, -2px 3px 1px #fff,
	 
	 4px 3px 1px #333, 3px 4px 1px #fff,
	 -4px 3px 1px #333, -3px 4px 1px #fff,
	 
	 5px 4px 1px #777, 4px 5px 1px #fff,
	 -5px 4px 1px #777, -4px 5px 1px #fff,
	 
	 1px 0px 1px #fff, 0px -1px 1px #fff,
	 -1px 0px 1px #fff, 0px -1px 1px #fff,
	 
	 2px -1px 1px #333, 1px -2px 1px #fff,
	 -2px -1px 1px #333, -1px -2px 1px #fff,
	 
	 3px -2px 1px #fff, 2px -3px 1px #fff,
	 -3px -2px 1px #fff, -2px -3px 1px #fff,
	 
	 4px -3px 1px #333, 3px -4px 1px #fff,
	 -4px -3px 1px #333, -3px -4px 1px #fff,
	 
	 5px -4px 1px #777, 4px -5px 1px #fff,
	 -5px -4px 1px #777, -4px -5px 1px #fff;
	 
}



.DynarchCalendar-bottomBar {
  border-top: 1px solid #aaa;
  background: ;
  padding: 2px;
  position: relative;
  text-align: center;
}

.DynarchCalendar-bottomBar-today {
  padding: 2px 15px;
}

.DynarchCalendar-pressed-bottomBar-today {
  border: 1px solid #000;
  background-color: #777;
  color: #fff;
  padding: 1px 14px;
}


.DynarchCalendar-body {
  position: relative;
  overflow: hidden;

  background-color:#ffffff;
}
.date{
	background-color:#fff;
}

.DynarchCalendar-animBody-backYear {
  position: absolute;
  top: -100%;
  left: 0;
}
.DynarchCalendar-animBody-back {
  position: absolute;
  top: 5px;
  left: -100%;
}
.DynarchCalendar-animBody-fwd {
  position: absolute;
  top: 5px;
  left: 100%;
}
.DynarchCalendar-animBody-now {
  position: absolute;
  top: 5px;
  left: 0;
}
.DynarchCalendar-animBody-fwdYear {
  position: absolute;
  top: 100%;
  left: 0;
}

.DynarchCalendar-dayNames {
background-color:#f1e8df;font-weight:bold;
font-size:16px;
}

.DynarchCalendar-dayNames div { }
.DynarchCalendar-navBtn {
  position: absolute;
  top: 2px;
  z-index: 10;
}

.DynarchCalendar-navBtn div {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 10px;
  width: 12px;
  padding: 2px;
}
.DynarchCalendar-navDisabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.DynarchCalendar-pressed-navBtn div {
  border: 1px solid #000;
  padding: 0;
  background-color:;
  color: #fff;
}

.DynarchCalendar-prevMonth {
  text-align:center;
  width:15px;
  padding-left:20px;
}

.DynarchCalendar-nextMonth {
  left: 100%;
  margin-left: -60px;
  text-align:center;
  width:15px;
}

.DynarchCalendar-prevYear {
  padding-top:18px;
  left: 45px;
}

.DynarchCalendar-nextYear {
  padding-top:18px;
  left: 100%;
  margin-left: -62px;
}

.DynarchCalendar-prevMonth div {

}

.DynarchCalendar-nextMonth div {

}

.DynarchCalendar-prevYear div {
  background-image: url("/lylgmeet/img/prev_y.png") ;
}

.DynarchCalendar-nextYear div {
  background-image: url("/lylgmeet/img/next_y.png");
}

.DynarchCalendar-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:gray ;
  overflow: hidden;
  opacity: 0.85;
  filter: alpha(opacity=85);
  color:#fff;
}

.DynarchCalendar-menu table td div {
  text-align: center;
  font-weight: bold;
  padding: 3px 5px;
}
.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
  width: 4em;
  text-align: center;
}
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
  border: 1px solid #000;
  padding: 2px 4px;
  background-color: ;
  color: #fff;
}

.DynarchCalendar-menu-year {
  text-align: center;
  font: 16px "lucida grande",tahoma,verdana,sans-serif;
  font-weight: bold;
}

.DynarchCalendar-menu-sep {
  height: 1px; font-size: 1px; line-height: 1px;
  overflow: hidden;
  border-top: 1px solid #888;
  background: ;
  margin-top: 4px; margin-bottom: 3px;
}

.DynarchCalendar-time td { font-weight: bold; font-size: 120%; }
.DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; }
.DynarchCalendar-time-down { background: url("img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-up { background: url("img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-sep { padding: 0 2px; }
.DynarchCalendar-pressed-time { background-color: ; color: #fff; opacity: 1; }
.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }

/* body */

.DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber {
padding:8px 1px;cursor:pointer;
font-size:16px;border-left:1px solid #F5D0D0;
border-bottom:1px solid #F5D0D0;
font-family: Arial, 'LiHei Pro',微軟正黑體, 新細明體, sans-serif;
}
.DynarchCalendar-weekNumber {
  border-right: 1px solid #aaa;
  margin-right: 4px;
  width: 2em !important;
  padding-right: 8px !important;
}

.DynarchCalendar-day {
}
.DynarchCalendar-day-othermonth { color: #888; }
.DynarchCalendar-weekend { color: #DB0000; }
.DynarchCalendar-day-today {
	color:#fff;
	background: #990000; /* Old browsers */
	background: -moz-linear-gradient(top,  #990000 0%, #db0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #990000 0%,#db0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #990000 0%,#db0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#db0000',GradientType=0 ); /* IE6-9 */}

.DynarchCalendar-day-disabled {}


.DynarchCalendar-dayNames .DynarchCalendar-weekend { border-left: 1px solid #F5D0D0;color:#DB0000;}
.DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #FF9048; }

.DynarchCalendar-day-selected {
	color:#fff;
	background: #990000; /* Old browsers */
	background: -moz-linear-gradient(top,  #990000 0%, #db0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #990000 0%,#db0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #990000 0%,#db0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#db0000',GradientType=0 ); /* IE6-9 */
}

.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: ; }

/* focus */

.DynarchCalendar-focusLink {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

.DynarchCalendar-focused {
  border-color: ;
}

.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
  background-color: ;
  border-color: #336;
}

.DynarchCalendar-tooltip {
  position: absolute;
  top: 100%;
  width: 100%;
}

.DynarchCalendar-tooltipCont {
  margin: 0 5px 0 5px;
  border: 0px solid #aaa;
  border-top: 0;
  padding: 3px 6px;
  background: ;
}

.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
  background: ;
  border-color: #000;
}

@media print {
  .DynarchCalendar-day-selected {
    border: 1px solid #000;
    margin: 0 ;
  }
}

.DynarchCalendar-topBar span {
	color: #fff;
    font-size: 20px;
    display: inline-block;
    height: 60px;
    line-height: 30px;
    margin-top: 15px;
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#333;
	position:relative;
	border-radius:15px;
	background: #990000; /* Old browsers */
	background: -moz-linear-gradient(top,  #990000 0%, #db0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #990000 0%,#db0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #990000 0%,#db0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#db0000',GradientType=0 ); /* IE6-9 */
	content:"";
    } 
    
.clsbtn{
	width: 70px;
    line-height: 30px;
    border-radius: 6px;
    border-right: 2px solid #520707;
    border-bottom: 2px solid #520707;
    /* box-shadow: 0px 2px 3px #790000; */
    position: relative;
    top: 12px;
    float:right;
    cursor: pointer;
    background: #f1e8df;
    background: -moz-linear-gradient(top, #f1e8df 1%, #db0000 100%);
    background: -webkit-linear-gradient(top, #f1e8df 1%,#db0000 100%);
    background: linear-gradient(to bottom, #fff9f2 1%,#ffae7a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e8df', endColorstr='#db0000',GradientType=0 );
}
.clsbtn:before{content:"關閉";font-size:16px;font-weight:bold;letter-spacing:2px}