/*
Credit: http://www.templatemo.com
*/

/* 
Holiday Template 
http://www.templatemo.com/preview/templatemo_270_holiday 
*/
body {
	margin: 0;
	padding: 0;
	color: #252525;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em; 
	/*background-color: #ffffff;*/
	background:#EAE9E5;
	background-image: url(images/templatemo_body.jpg); 
	background-repeat: repeat-x;
	background-position: top
}

a, a:link, a:visited { color: #0099CC; font-weight: normal; text-decoration: none; }
a:hover { color: #009900; text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #2c93a6; font-weight: normal; }
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 22px; margin: 0 0 6px 0; font-variant:small-caps;background: #f2f2f2 url(images/box-head.png) repeat-x;
	height: 43px;line-height: 43px;padding: 0 20px;/*padding-bottom:5px;  border-bottom:2px solid #1D95AD;*/}
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }
h7 {font-size: 22px; margin: 0 0 6px 0; padding:7px 4px; font-variant:small-caps; background:#1D95AD; color:#FFFFFF; }
input[type=text]{width:188px; height:23px;padding-left:3px; font-size:14px;  }
input[type=text]:hover{border:solid 1px #0000CC; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);}

input[type="checkbox"]:hover{border:solid 1px #0000CC; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);}
select{color:black;height:26px;width:194px;font-size:14px;padding-left:3px; }
select:hover{border:solid 1px #0000CC; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);}
select .highlight{color:#FF0000;font-size:14px;}
select option{color:black;font-size:14px; padding-left:3px;}
 select option:first-child{color:#000033;}
 input[type=text],
input[type=url],
input[type=tel],
input[type=radio],
input[type="checkbox"],
input[type=email],select,textarea {border:solid 1px #999999; border-radius:2px; transition: box-shadow 0.3s, border 0.3s;
-webkit-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1);  -moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1); 
box-shadow: inset 0 0 8px  rgba(0,0,0,0.1);
/*box-shadow:inset 0px 27px 0px -15px #F4F4F4;*/
}
  .btn-file{ width:50px;height: 25px;border: 1px solid #ccc;opacity:0;}
.btn-file + label {width:191px;height: 25px;border: 1px solid #ccc; right:9%; position:absolute;cursor: pointer;
font-variant:small-caps;
  background: -moz-linear-gradient(top, #A7EFFC, #D7FFFF 50%, #75CBF9);
	background: -webkit-linear-gradient(top, #A7EFFC, #D7FFFF 50%, #75CBF9);
	background: -o-linear-gradient(top, #2CF3C7, #CEFDEF 50%, #2CF3C7);
	border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;
	}
	.btn-file + label:hover{
	 background: -moz-linear-gradient(top, #2CF3C7, #CEFDEF 20%,#96FAEB 25%,#96FAEB 75%, #CEFDEF 80%, #2CF3C7);
	background: -webkit-linear-gradient(top, #A7EFFC, #D7FFFF 20%,#BDF3FD 25%,#BDF3FD 75%, #D7FFFF 80%, #A7EFFC);
	background: -o-linear-gradient(top, #2CF3C7, #CEFDEF 20%,#96FAEB 25%,#96FAEB 75%, #CEFDEF 80%, #2CF3C7);
	}
 
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { clear: both; display: block; width: 123px; height: 39px; line-height: 39px; font-size: 11px; text-align: center; color: #333; font-weight: 700; background: url(images/templatemo_more.png) }
a.more:hover { text-decoration: none; color: #000; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { position: relative; display: block; width: 144px; height: 121px; }
.image_wrapper img { width: 130px; height: 107px; margin: 7px }
.image_wrapper span { position: absolute; top: 0; left: 0; width: 144px; height: 121px; background: url(images/templatemo_image_frame.png) no-repeat }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(images/templatemo_list.png) no-repeat scroll 0 7px  }

/* ------------------ */

#templatemo_top_wrapper {width: 100%;background-image: url(images/templatemo_wrapper.jpg);background-size:100% 100%;background-repeat: no-repeat;}
#templatemo_top_wrapper_in{width: 100%;background-image: url(images/templatemo_wrapper.jpg); background-size:100% 100%;background-repeat: no-repeat;}
#templatemo_top { width:1081px;height: 520px;margin: 0 auto;/*background-image: url(images/templatemo_wrapper.jpg);*/background-size:100% 100%;background-repeat: no-repeat; }
#templatemo_top_in { width:1081px;margin: 0 auto; height:0px;}
#templatemo_header {width:1081px;padding:15px 0; }
#site_title { margin: 0 auto;}
#site_title h1 { margin: 0; padding: 0; }
#site_title h1 a { display: block; margin: 0 auto; width:935px; height:80px; color: #fff; text-indent: -10000px; background-image: url(images/logo.png);background-size:100% 100%; background-repeat: no-repeat;}
#templatemo_middle {clear: both; margin:0 auto;width: 1081px;height: 370px;background-image: url(images/templatemo_banner.png); background-size:100% 100%;}
#templatemo_in{clear: both; margin:0 auto;width: 1081px;height: 370px;background-image: url(images/headin.png);background-size:100%; background-repeat: no-repeat; }
#header_in {position:relative; z-index:1;clear: both;width: 964px;height: 330px;background-image: url(images/header_in.png);background-size:100% ;background-repeat: no-repeat;}
#adm{ position:relative; z-index:2;  margin:0 auto; margin-top:-340px; margin-bottom:-12px; width:95%; min-height:290px; background:none;box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);}

/* menu */
#templatemo_menu {width: 860px;height: 33px;padding: 8px 52px;}
#templatemo_menu ul {display: block;float: left;margin: 2px 0 0;padding: 0;list-style: none;}
#templatemo_menu ul li {padding: 0;margin: 0;display: inline;}
#templatemo_menu ul li a {float: left;display: block;width: 80px;height: 27px;padding: 3px 0 0;margin-left: 1px;font-size: 12px;text-align: center;
text-decoration: none;color: #333;	font-weight: 700;outline: none;}
#templatemo_menu ul li a:hover, #templatemo_menu ul li .current {color: #000;background: url(images/templatemo_mouse_hover.png) center no-repeat}
#search_box { float: right; width: 245px; padding-left: 2px; height: 33px; background: url(images/templatemo_search.png)  left bottom no-repeat }
#search_box form { clear: both; width: 247px; height: 33px; padding: 0; margin: 0 } 
#searchfield { display: block; float: left; font-size: 14px; height: 25px; width: 190px; padding: 3px 6px; font-size: 12px; color: #777; line-height: 0; background: none; border: none; margin-right: 10px; } 
#searchbutton { height: 33px; width: 35px; padding: 0; margin: 0; cursor: pointer; background: none; border: none; }

#mid_content {overflow: hidden;height:279px;border-radius:15px;border:solid 5px #F7F7F7; }
#mid_content .img{width:100%; height:282px;float: left; margin:0; }
 .slider { position: relative; width:390%; margin:0; animation:25s slidy infinite;animation-delay:0s;}
@keyframes slidy {
0% { left: 0%; }
15% { left: 0%; }
20% { left: -101.2%; }
35% { left: -101.2%; }
40% { left: -202.5%; }
55% { left: -202.5%; }
60% { left: -101.2%; }
75% { left: -101.2%; }
80% { left: 0%; }
100% { left: 0%; }
}



#mid_content h2 { color: #000;  }
/* end of menu */

#templatemo_main { clear: both;width: 1081px;padding: 30px 0;margin: 0 auto; font-variant:small-caps; }

.col_w960 {clear: both; width: 97%;  padding:10px 15px 20px 15px; margin-bottom: 30px; border-bottom: 1px solid #ccc;
background:#FCFCFC; overflow: hidden;  border:solid 1px #929393;box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);border-radius:5px;}
.col_w960_last { margin: 0; border: 0 } 
.col_w600 { width: 72%;height:680px; overflow: scroll;  }
.col_w450 { width: 450px }
.col_w300 { width:25%;height:608px; background:#F8F7F5;/* #FCFCFC;*/ padding:10px 15px; overflow: hidden; border:solid 1px #929393;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);border-radius:5px;}
.col_w260_r { float: right; width: 48% }
.col_w260_l { float: left; width: 48%; padding-right: 20px; border-right: 1px solid #ccc }
.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_w225l { float: left; width: 37%; }
.col_w225r { float: right; width: 45%; }
.col_w225_content {padding:0% 2%;}
.col_last { margin:0;float:right;}

.content_box { padding:10px 15px; margin-bottom: 30px; border-bottom: 1px solid #ccc; background:#F8F7F5;    /* #FCFCFC;*/ }
.content_box {border:solid 1px #929393;box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);border-radius:5px;}
p.news_box { margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px dotted #666 }

.twit_rss a { margin-right: 40px }
.event-contain{}
#event{width: 100%; height:400px; }
.evcol{width: 32.05%; float:left; border:solid 1px #929393; margin-left:1.6%; margin-top:20px;  background:#ECEDEF;
box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);border-radius:5px;}
.evcol-img{width:96%; padding:2.2%;}
.evcol-text{padding:1.5%; }
.evcol-img iframe{border:none; width:330px; height:200px;}
.evcol-img img{border:none; width:322px; height:200px;}

.list-wrap ul {list-style:none;margin: 0; padding:0; overflow: hidden; }
.list-wrap li {border-bottom: 1px solid #e3e1d9;border-top: 1px solid #fff;margin-left:0px;overflow:hidden;padding:5px 0; cursor: pointer;}
	.list-wrap li:first-child { border-top: none; }
.list-wrap li:last-child { border-bottom: none; }
.list-wrap li:hover { background: #fafafa; color:#084B92; border: 1px solid #2c93a6; margin: 0 -1px; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);}
.list-wrap li img {border: 4px solid #F8F5F5;float: left;margin:0 10px 5px 5px; width:70px;  height:60px; 
box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);border-radius:5px;}
.list-wrap li .title {color:#9c163e;display:block;font-size: 12px;font-weight: bold;margin-bottom:2px;text-decoration: none;}
.list-wrap li .meta {color: #8d8c8a;margin: 0;}
.list-wrap li .meta a {color: #8d8c8a;text-decoration: underline;}
.list-wrap li a:hover { color: #9c163e; }
.diph{visibility:hidden; height: 0; border: dashed; position:fixed; top:0;    }
#inf_nts{height:34px; width:98%; margin-top:2px;  padding: 0 10px; position: relative; border-radius: 5px; z-index: 999; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); overflow: hidden;}

#inf_nts #inf_bx{font-size:16px;color:#F9FAFB; padding:2px 10px; float: left; border:2px solid #E0ADE5; margin:3px 10px; border-radius: 5px; background: #C01595;
}
#rslt{position:fixed; top:25%; left:33%; border:double; width:400px; height:200px;background:rgba(10,10,10,0.7);overflow:hidden;z-index:999999999; }
#tblmat {position:relative; z-index:3; font-size:16px; color:#041C18; font-family:Sitka Display; font-variant:small-caps; background:#4ADCFB;}
#tblmat th{ color:#666666;  padding:7px 10px; font-size:18px; font-variant:small-caps; font-style:oblique;
background: -moz-linear-gradient(top, #5DDBF4, #9BE0FB 10%, #D7FFFF 50%, #9BE0FB 90%, #5DDBF4);
background: -webkit-linear-gradient(top, #5DDBF4, #9BE0FB 7%, #D7FFFF 50%, #9BE0FB 93%, #5DDBF4);
	background: -o-linear-gradient(top, #5DDBF4, #9BE0FB 10%, #D7FFFF 50%, #9BE0FB 90%, #5DDBF4);
	background: linear-gradient(top, #5DDBF4, #D7FFFF 50%, #5DDBF4);
}
#tblmat td{padding-top:1px; padding-bottom:1px; padding-left:10px; padding-right:10px; }/* #CCFFFF */
#tblmat tr{background:#B8F7FE;}
#tblmat tr:nth-child(even) {background:#9EE5F4;}/*#D6F1FE*/

#tbladm {position:relative; z-index:3; font-size:14px; color:#041C18;background:#93C9F0;}
#tbladm th{ color:#0E3941;  padding:7px 10px; font-size:14px; font-variant:small-caps; font-style:oblique;
background: -moz-linear-gradient(top, #6ECDDF, #C8EEF5 8%, #5DDBF4 50%, #C8EEF5 92%, #6ECDDF);
background: -webkit-linear-gradient(top, #6ECDDF, #C8EEF5 8%, #5DDBF4 50%, #C8EEF5 92%, #6ECDDF);
	background: -o-linear-gradient(top, #6ECDDF, #C8EEF5 8%, #5DDBF4 50%, #C8EEF5 92%, #6ECDDF);
	background: linear-gradient(top, #6ECDDF, #C8EEF5 8%, #5DDBF4 50%, #C8EEF5 92%, #6ECDDF);
}
#tbladm td{ padding-top:1px; padding-bottom:1px; padding-left:4px; padding-right:4px; }/* #CCFFFF */
#tbladm tr{background:#6ECDDF;}
#tbladm td:nth-child(even) {background:#9EE5F4;}
#tbladm tr:hover td{ background:#DFFBFF; color:#0000CC; }
 #btm{ width:200px; height:35px; font-size:14px;color:#004080;font-stretch:extra-expanded; font-variant:small-caps;text-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
	background: -moz-linear-gradient(top, #2CF3C7, #D7FFFF 50%, #2CF3C7);
	background: -webkit-linear-gradient(top, #5DDBF4, #D7FFFF 50%, #5DDBF4);
	background: -o-linear-gradient(top, #2CF3C7, #D7FFFF 50%, #2CF3C7);
	background: linear-gradient(top, #2CF3C7, #D7FFFF 50%, #2CF3C7);
}
#dth{margin:0;background:#73D2E4; padding:4px;}
#admn{border:solid 1px #CCCCCC; width:100%; height:305px; background:#F0FBFF; padding:10px 5px;}
#adml{ width:30%; height:300px; float:left;}
#admr{ width:69%; height:300px; float:right;}
#tblad{padding:5px;}
#tblad th{padding:2px 8px; height:36px; font-variant:small-caps; font-size:14px; color:#004080;
background: -moz-linear-gradient(top, #2CF3C7, #D7FFFF 50%, #2CF3C7);
	background: -webkit-linear-gradient(top, #5DDBF4, #D7FFFF 50%, #5DDBF4);
	background: -o-linear-gradient(top, #2CF3C7, #D7FFFF 50%, #2CF3C7);
	background: linear-gradient(top, #2CF3C7, #D7FFFF 50%, #2CF3C7);}
#tblad tr:nth-child(even) {background:#F2FCFF;}
#tblad tr{background:#D6F3FE; }
#tblad td{padding:2px 8px; height:40px;}

#login{position:fixed;top:0; left:0;margin:0 auto;width:100%;height:100%;background:rgba(241,206,139,0.6);overflow:hidden;z-index:99999999;}
#login #login_msg{ height:30px;  margin-top:150px; margin-bottom:10px; margin:0 auto;width:80%	}		
#login #in{padding-top:1%;color:#FFFFFF;position:relative;margin:0 auto;width:28%;height:35%;border:double; font-size:16px;
background:rgba(10,10,10,0.7);overflow:hidden;z-index:999999999;}
#login #in #su{ margin-left:30%;}
#login #in table{ margin:0 auto; padding-top:5px;	}
#login input[type=button]{font-size:16px; background:none; color:#FFFFFF; border:none;}
#login input[type=button]:hover {color:#FFCC00; }
#login select{color:black;height:25px;width:300px; font-size:14px;}
#login input[type=text]{width:150px; height:22px;}
#login input[type=password]{width:150px; height:22px;}
#login input[type=submit]{width:150px; height:26px; font-size:14px; font-weight:bold;background:#990000; color:#FFFFFF;}
#templatemo_footer_wrapper_01 {
	width: 100%;
	background: #1c668b url(images/templatemo_footer_wrapper.jpg) repeat-x bottom;
}

#templatemo_footer_wrapper_02 {
	width: 100%;
	background: url(images/templatemo_footer.jpg) no-repeat bottom center
}

#templatemo_footer {
	width:1081px;
	padding: 30px 0 50px;
	margin: 0 auto;
	color: #fff;
	background: url(images/templatemo_footer.jpg) no-repeat bottom center
}

#templatemo_footer a { color: #fff; text-decoration: underline }
#templatemo_footer a:hover { color: #33FFFF; }

.tmo_footer_list { margin: 0; padding: 0; list-style: none }
.tmo_footer_list li { margin: 0; padding: 0 0 0 30px; background: url(images/templatemo_footer_list.png) no-repeat scroll 0 7px  }
.tmo_footer_list li a { color: #fff; text-decoration: underline }

#templatemo_footer h5 { display: block; width: 260px; height:45px; line-height: 35px; padding-left: 20px; color: #fff; background: url(images/templatemo_footer_header.png) no-repeat } 

@keyframes blinking {
        0% { background-color: #D105B0;}
        100% { background-color: #1E2557;}
      }
#blink {animation: blinking 1s infinite;}