html, body { margin: 0px; width: 100%; height: 100%;  display: block; font-size: 100%; font-style: normal; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #000; background: #FFF;  }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {  
	margin:0; 
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height: 18px;background: #e9e2d8;height: 100%;font-size: 0.82em; font-family: 'Open Sans', sans-serif; font-weight:400; color:#50697d;}

/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block;  }
p { margin: 0.5em 0; }
a {text-decoration: none;color: #f0934e;}
a:hover {text-decoration: underline;color: #d27937;}
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: normal;  color: #039969; text-align: left;font-family: 'Source Sans Pro', sans-serif; font-weight:600; margin-bottom: 10px;   font-size: 2.2em; line-height: 1.2em;;  }
h1 {  padding-bottom:4px; }
h2 { font-size: 1.6em;  }
h3{ font-size: 1.4em; }
 h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal;  }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
input, select, textarea { border: 1px solid #CCC; padding: 3px 5px; font-size: 12px; color: #444;  font-family: Arial, Helvetica, sans-serif;  }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button { background: #f0934e; color: #000; cursor: pointer; text-decoration: none; margin-right: 10px; border: 1px solid #EE9E02; padding: 5px 18px; display: inline-block; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px;  }
.hide{ display:none;}
.pad {padding: 25px 0;}
.divider { margin-top: 20px; position: relative;   }
.box {background: #039969;margin: 0 0 0 34px;padding: 15px 10px 0 10px;position: relative;min-height: 250px;}
.hmbx { width: 26%; float: left; padding: 0; height: 180px;}
.hmbx  img { position: absolute; top: -15px; left: 0; z-index: 0; width: 100%; height: 200px;  border: 1px solid #D0C669;   }
.hmbx .lftbg,.hmbx .cenbg,.hmbx .rgtbg { z-index: 1; position: relative;  }
.boxhd {margin: 5px auto;}
.boxhd .cenbg {width: 98%;height: 38px;left: -30px;position:relative;z-index:1;}
.boxhd .cenbg:after{content:"";display:block;width: 115%;height:100%;position:absolute;top:0;left: -7%;background:#f0934e;z-index:-1;}
.boxhd .cenbg h2,.boxh .cenbg h2 {margin:6px 0;color: #FFF;line-height:38px;margin-left: 7px;}
.box .sideInfo {color:#FFF;}
.box .sideInfo ul li { list-style:disc; margin:10px 0; padding:0;} 
.boxh { margin: 0 -25px; width: 129%;}
.boxh .lftbg { float: left; background: url(/image/cache/lftcut.png) no-repeat top left; width: 9px; height: 37px; }
.boxh .cenbg {float: left; background: url(/image/cache/center.png)  top left; width:86%; height: 40px;}
.boxh .rgtbg {float: left; background: url(/image/cache/rgtcut.png) no-repeat top left; width: 18px; height: 40px;}
.breadcrumb .container { padding: 5px 10px 0 10px; }
/* layout*/
.bg {  height: 180px; position: relative; z-index: -1; }
.homebg { height: 350px; }
#layout {background: transparent;}
#wrapper {  min-height:100%; height: auto !important;height: 100%;  background: #FFF; margin: 0 auto;  min-width: 990px; width: 990px; position: relative; }
.table { width: 100%; display: table; vertical-align: top; height:100%;  }
.tablerow {width: 100%; display: table-row;  vertical-align: top; height: 100%; }
#header{background: transparent;position: fixed;height: 40px;top: 40px;z-index: 100;width: 990px;left: 0;right: 0;margin: auto;transition: all .5s ease;}

#header > .container{transition: all .5s ease;padding: 0;}
#header.fixedHead {top: 0px;height: 60px;transition: all .5s ease;}
#header.fixedHead > .container{margin-top: 20px;transition: all .5s ease;background: #FFF;}
#header.fixedHead #nav {margin-top: -10px;}
#header.fixedHead .logo { top:-30%;}
.subpageHeader{position: relative;margin: 0;font-size: 0;z-index: 0;line-height: 0;background: #50697d;}
.subpageHeader img{border-bottom: 8px solid #45b390;opacity: .8;max-width: 100%;}
.subpageContentBlock{ padding-top:30px;}

#content {  padding: 10px; padding-top: 25px; float: left; width: 700px; text-align: justify; }
#footer {padding: 0;clear: both;bottom: 0;left: 0;width: 100%;line-height: 1.3em;margin-top: 50px;color: #FFF;background: #555;}
header .container {width: 100%;position: relative;margin: 0 auto;max-width: 100%;}
#leftprt {text-align: justify;}
.nav-icon{ float:right;}
.nav-icon i{ font-size:38px; }
.nav-icon.nav-collapsed i:before{content:"\f00d";}
/*header */
.logo {padding: 0;position: absolute;z-index: 2;top: -19px;left: 15px;}
.logo span, .logo img{display:inline-block;vertical-align:middle;text-transform: uppercase;}
.logo a{vertical-align: middle;}
.logo a:hover{text-decoration:none;}
.no_slidebg { width: 100%; height: 80px; background: #AA112D; }
.headbg { display: none; float: right; background: url(/image/cache/headerbg.png) no-repeat bottom right; height: 100px; width: 300px  }

/* footer */
.copyright { clear: left;  padding: 5px 10px;}
.socio {clear: left;padding: 7px 1% 5px 1%;margin-bottom: 15px;background: #45b390;}
.footabout img { display: block; margin: auto;  }
.footnav { margin: 0px; padding: 0;  }
.addr {float: right;width: 35%;margin-bottom: 10px;}
#footer h3  {margin-bottom: 5px;color: #FFF;font-size: 1.2em;}
.footnav ul { margin: 0px; padding: 0px; width: 100%; list-style: none;  }
.footnav ul li { float: left; padding: 5px 10px;  }
.footnav ul li>a {padding: 0px;margin: 0px;display: block;font-weight: 600;color: #FFF;}
.searchbox { top: 20px; position: absolute; right: 10px; }
.searchbox a { padding-left: 10px; margin-right: 5px; display:inline-block; font-weight: bold; font-size: 1.5em;  line-height: 30px;  width: 20px; height: 30px; background: #333; color: #FFF; border-radius: 15px; }


/*navigation*/
.callus {position: absolute;right: 15px;top: -5px;z-index: 3;background: #039969;height:50px;width: 250px;color: #FFF;text-align: center;}
.callus a {color: #e9e2d8;line-height: 50px;font-size: 1.4em;font-weight: 700;font-style: italic;}
.callus a:hover{ text-decoration:none;} 
#nav .cenbg {background: #FFF;height: 40px;margin: 0 auto;position:relative;z-index: 1;}
#header:after{content:"";display:block;width: 106%;height:100%;position:absolute;background:#FFF;top:0;left: -3%;box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.5);z-index: -1;}

.navigate { display: none; }
#nav ul {padding: 0;margin: 0px;float: right;margin-right: 260px;list-style: none;font: 600 14px/30px 'Open Sans', sans-serif;}
#nav ul:after{ content:""; display:table; clear:both;}
#nav ul li { float:left; text-align: center; min-width: 11%; position: relative; }
#nav ul li:last-child { border: 0px; }
#nav ul li a {color: #039969;display: block;padding: 5px 10px;}
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul {display: none;padding: 0;margin: 0px;text-align: left;list-style: none;display: none;width: 200px;background: #f0934e;position:absolute;height:auto;border:0px;}
#sidemenu  { padding: 10px;  background: #f0934e;  }
#sidemenu ul { margin: 0px; padding: 0px; list-style: none;  }
#sidemenu ul li a {  display: block;   padding: 8px 10px; color: #000;  border-bottom: 1px dashed #EEE; }
#sidemenu ul li:hover, #sidemenu ul li a:hover {color: #FFF;  background: #925F00; margin: -2px -15px 0 0; text-align: right; border-bottom: 1px solid #925F00; text-decoration: none; }
#nav ul li > ul > li { margin-top: 0px; padding-top: 0px; float: none;  position: relative; width: 100%;border: 0px; text-align: left;  }
#nav ul li > ul > li a {padding: 5px 10px;display: block;color: #FFF;border-bottom: 1px solid #e28844;}
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover  { background: #de8747; filter: none;color:#FFF; }
#nav ul li:last-child ul { right: 0px;}
#nav ul li.currentitem,  #nav ul li.currentbranch, #nav ul li:hover, #nav ul li a:hover, #nav ul li:hover > a {color: #f09350;text-decoration: none;}
#nav ul li.currentitem > a,  #nav ul li.currentbranch > a {color: #f09350;}
#nav ul li.currentbranch ul li.currentitem  { background: none;  }
#nav ul li.currentbranch ul li.currentitem  a{ color:#FFF;}
/* Home */
.slidebg {height: 458px;position: relative;margin-top: 0;z-index: 0;background: #212529;border-bottom: 8px solid #45b390;}
.hblock {border-bottom: 1px dashed #f0934e;  }
.slidebg div.container {  position: relative;   }
.slideing {  width: 100%; left: 0; position: relative;  }
#slides {height: 450px;position:  absolute;width: 100%;}
.sliderContent {  color: #CCC;  height: 450px;  position: relative; overflow: hidden; }
.sliderContent div.base {  position: absolute; width: 100%; left: 100%; height: 450px;   }
#slides .sliderContent div.base .img{width: 100%;height: 100%;text-align: center !important;background-size: cover;position: absolute;left: 0;background-repeat: no-repeat;background-clip: padding-box;background-position: center center;}
.sliderContent div.activeSlide { display: block; left: 0; }
.sliderContent div.base div.caption a.link { display: inline-block; background: #f0934e; border: 1px solid #EE9E02;  color: #FFF; padding: 7px 20px;margin-top: 20px;  }
.sliderContent div.base div.caption h2 {font-size: 2.6em;line-height: 1em;letter-spacing: .5px;margin: 0 0 10px 0;padding: 0;font-weight: 600;color: #e9e2d8;text-shadow: 1px 1px 3px #000;}
.sliderContent div.base div.caption h2 a{ color: #EEE;  }

.sliderContent div.base div.caption {position: relative;z-index: 5;width: 75%;padding: 20px 20px;color: #FFF;max-width: 100%;margin: 0;top: 0;font-size: 0.92em;display: none;}
.sliderContent div.base div.caption * {color:#FFF;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.69);font-weight: 400;}
.sliderContent div.base div.caption a { padding: 10px;display: inline-block;margin: 0 auto;}
.sliderContent div.base div.caption p { font-size: 1.2em; margin: 0;  }

.sliderContent div.base div.caption a{font-weight: 400;padding: 10px;display: inline-block;}
.sliderContent div.base div.caption h1{font-size: 3.0em;margin:0;font: 60px/70px 'Raleway', sans-serif;font-weight: 600;text-transform: uppercase;color: #f0934e;margin: 0 0 10px;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.69);}
.sliderContent div.base div.caption h2{font-size: 3.0em;text-align: center;margin:0;}
.sliderContent div.base div.caption h3{font-size: 2.0em;border: 0;margin: 0;padding: 0;font: 400 24px/34px 'Montserrat', sans-serif;color: #FFF;}
.sliderContent div.base div.caption h4{font: 300 16px/24px 'Open Sans', sans-serif;}
.sliderContent div.base div.caption h5{ font-size:.84em; line-height:1.18em;}

.sliderContent div.base div.caption .cpcontent {opacity: 1;top: 0;position: relative;left: 50%;z-index: 1;transform: translateY(0%)  translateX(-50%);}
.sliderContent div.base div.caption .cpcontent:after{ content:""; display:table; clear:both;}
/*caption Video*/
.sliderContent div.base.slShow div.caption.Video {width:100%;max-width: none;text-align:center;position: relative;height: auto;padding: 0;border: 0; margin: 0;}
.sliderContent div.base.slShow div.caption.Video h3{ text-align:left; margin: 0; margin-left:15px; padding:0; display: none;}
.sliderContent div.base.slShow div.caption.Video iframe { height: 400px !important; width: 100%;   }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p { padding:0; margin:0;}

/* caption positions*/
.sliderContent div.base.slShow div.caption.Top-Left{top:2%; left:0;}
.sliderContent div.base.slShow div.caption.Top-Center{top:2%; left:50%; -webkit-transform: translateY(-2%) translateX(-50%);  -ms-transform: translateY(-2%) translateX(-50%);  transform: translateY(-2%) translateX(-50%);}
.sliderContent div.base.slShow div.caption.Top-Center * { text-align:center !important;}
.sliderContent div.base.slShow div.caption.Top-Right{top:2%; left:100%; -webkit-transform: translateY(-2%) translateX(-100%);  -ms-transform: translateY(-2%) translateX(-100%);  transform: translateY(-2%) translateX(-100%);text-align: right !important;}
.sliderContent div.base.slShow div.caption.Top-Right *,.sliderContent div.base.slShow div.caption.Top-Left * {text-align:left !important;}

.sliderContent div.base.slShow div.caption.Middle-Left{top:50%;left:0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block !important;width: 50%;}
.sliderContent div.base.slShow div.caption.Middle-Center{top:50%; left:50%; -webkit-transform: translateY(-50%)  translateX(-50%);  -ms-transform: translateY(-50%)  translateX(-50%);  transform: translateY(-50%)  translateX(-50%);}
.sliderContent div.base.slShow div.caption.Middle-Center * { text-align:center !important;}
.sliderContent div.base.slShow div.caption.Middle-Right{top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);}
.sliderContent div.base.slShow div.caption.Middle-Right *,.sliderContent div.base.slShow div.caption.Middle-Left * { text-align:left !important;}

.sliderContent div.base.slShow div.caption.Bottom-Left{top:100%;left:0%;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
.sliderContent div.base.slShow div.caption.Bottom-Left * {text-align:left !important;}
.sliderContent div.base.slShow div.caption.Bottom-Center{top:100%; left:50%; -webkit-transform: translateY(-100%) translateX(-50%);  -ms-transform: translateY(-100%) translateX(-50%);  transform: translateY(-100%) translateX(-50%);}
.sliderContent div.base.slShow div.caption.Bottom-Center * { text-align:center !important;}
.sliderContent div.base.slShow div.caption.Bottom-Right{top:100%; left:100%; -webkit-transform: translateY(-100%) translateX(-100%);  -ms-transform: translateY(-100%) translateX(-100%);  transform: translateY(-100%) translateX(-100%);}
.sliderContent div.base.slShow div.caption.Bottom-Right * {text-align:left !important;}

.sliderContent div.base.slShow div.caption.capcolorBlack * { color: #000 !important;  text-shadow: 1px 1px 4px rgba(239, 224, 224, 0.69); }
.sliderContent div.base.slShow div.caption.capcolorBlack a { border: 1px solid #000; }
.sliderContent div.base.slShow div.caption.capcolorYellow * { color: #ffc425 !important; text-shadow: 1px 1px 1px rgba(243, 231, 99, 0.69);   }
.sliderContent div.base.slShow div.caption.capcolorYellow a { border: 1px solid #ffc425; }

.sliderContent div.base div.caption div{margin-top:0px;text-align: center;}
.sliderContent div.base div.caption div a {padding: 9px 30px;text-align:center;color: #FFF;font-weight: 500 !important;text-transform: uppercase;background: #f0934e;margin: 10px 0;text-shadow: none;font-family: 'Montserrat', sans-serif;font-size: 16px;}
.sliderContent div.base div.caption div a:hover{ background:#039969; color:#FFF; }
.sliderContent div.base.slShow div.caption {display: block;position: absolute;}
.sliderContent div.base.slShow div.caption.No-Background { background:none !important;}

/*Caption Backgrounds*/
.sliderContent div.base div.caption.White{background: rgba(255,255,255,1);}
.sliderContent div.base div.caption.White1 { background: rgba(255,255,255, 0.1);}
.sliderContent div.base div.caption.White2 { background: rgba(255,255,255, 0.2);}
.sliderContent div.base div.caption.White3 { background: rgba(255,255,255, 0.3);}
.sliderContent div.base div.caption.White4 { background: rgba(255,255,255, 0.4);}
.sliderContent div.base div.caption.White5 { background: rgba(255,255,255, 0.5);}
.sliderContent div.base div.caption.White6 { background: rgba(255,255,255, 0.6);}
.sliderContent div.base div.caption.White7 { background: rgba(255,255,255, 0.7);}
.sliderContent div.base div.caption.White8 { background: rgba(255,255,255, 0.8);}
.sliderContent div.base div.caption.White9 { background: rgba(255,255,255, 0.9);}
.sliderContent div.base div.caption.Yellow {background: rgba(255, 196, 37, 1); color:#FFF!important;}
.sliderContent div.base div.caption.Yellow1 { background: rgba(255, 196, 37, 0.1);}
.sliderContent div.base div.caption.Yellow2 { background: rgba(255, 196, 37, 0.2);}
.sliderContent div.base div.caption.Yellow3 { background: rgba(255, 196, 37, 0.3);}
.sliderContent div.base div.caption.Yellow4 { background: rgba(255, 196, 37, 0.4);}
.sliderContent div.base div.caption.Yellow5 { background: rgba(255, 196, 37, 0.5);}
.sliderContent div.base div.caption.Yellow6 { background: rgba(255, 196, 37, 0.6);}
.sliderContent div.base div.caption.Yellow7 { background: rgba(255, 196, 37, 0.7);}
.sliderContent div.base div.caption.Yellow8 { background: rgba(255, 196, 37, 0.8);}
.sliderContent div.base div.caption.Yellow9 { background: rgba(255, 196, 37, 0.9);}
.sliderContent div.base div.caption.Yellow * { color:#FFF;}
.sliderContent div.base div.caption.Gold {background: rgba(202, 153, 8, 1);}
.sliderContent div.base div.caption.Gold1 { background: rgba(202, 153, 8, 0.1);}
.sliderContent div.base div.caption.Gold2 { background: rgba(202, 153, 8, 0.2);}
.sliderContent div.base div.caption.Gold3 { background: rgba(202, 153, 8, 0.3);}
.sliderContent div.base div.caption.Gold4 { background: rgba(202, 153, 8, 0.4);}
.sliderContent div.base div.caption.Gold5 { background: rgba(202, 153, 8, 0.5); }
.sliderContent div.base div.caption.Gold6 { background: rgba(202, 153, 8, 0.6); }
.sliderContent div.base div.caption.Gold7 { background: rgba(202, 153, 8, 0.7); }
.sliderContent div.base div.caption.Gold8 { background: rgba(202, 153, 8, 0.8); }
.sliderContent div.base div.caption.Gold9 { background: rgba(202, 153, 8, 0.9); }
.sliderContent div.base div.caption.Gold * { color:#FFF; }
.sliderContent div.base div.caption.Black{background: rgba(0, 0, 0, 1);}
.sliderContent div.base div.caption.Black1 { background: rgba(0, 0, 0, 0.1); }
.sliderContent div.base div.caption.Black2 { background: rgba(0, 0, 0, 0.2); }
.sliderContent div.base div.caption.Black3 { background: rgba(0, 0, 0, 0.3); }
.sliderContent div.base div.caption.Black4 { background: rgba(0, 0, 0, 0.4); }
.sliderContent div.base div.caption.Black5 { background: rgba(0, 0, 0, 0.5); }
.sliderContent div.base div.caption.Black6 { background: rgba(0, 0, 0, 0.6); }
.sliderContent div.base div.caption.Black7 { background: rgba(0, 0, 0, 0.7); }
.sliderContent div.base div.caption.Black8 { background: rgba(0, 0, 0, 0.8); }
.sliderContent div.base div.caption.Black9 { background: rgba(0, 0, 0, 0.9); }


.sliderContent div.base div.caption.Black *{ color:#FFF;}

.taoNav{/* display:none; */margin-top: -20px;position: relative;z-index: 98;text-align: center;}
.taoNav a{margin: 2px 6px;display: inline-block;vertical-align: middle;padding:0;border: 0;border-radius: 2px;-webkit-border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;color: #039969;background: #039969;cursor:pointer;font-size: 0;width: 28px;height: 6px;line-height: 0;text-align: center;}
.taoNav a.active{background: #f0934e;color: #f0934e;}
.taoNav a:hover{text-decoration:none;}

.sliderContent div.base.Use.Video\? div.caption{}
.sliderContent div.base.Use.Video\? div.caption .captionContent { position:absolute; right:0; bottom:0; width:45%; padding:15px; }
.sliderContent div.base.Use.Video\? .caption .video{float:left;width: 55%;}
.sliderContent div.base.Use.Video\? .caption .video iframe{max-width: 100%;}


.leftpart { width: 700px; float: left; padding-right: 10px;    }
.rightpart { width: 250px; float: right; padding-left: 10px;}
.more { position: absolute;  bottom: 0; right: 10px; }
.more a { color: #925F00;  }
.hmtabs {padding: 25px 0;}
.hmtab .img {position: relative;width: 100%;}
.hmtab .img img {width: 100%;}
.hmtab .img a{ font-size:0; line-height:0;}
.hmtab .img h3 {color: #FFF;text-indent:10px;background: rgba(3, 153, 105, .8);bottom: 30px;position: absolute;width: 100%;margin: 0;height: 40px;font-size: 1.3em !important;line-height: 40px !important;}
.hmtab .img h3 a{font-size:inherit;color:#FFF;display: block;line-height: inherit;}
.hmtab .img h3 a:hover{ text-decoration:none;}
.hmtab a { color:#f0934e;}
.bord {border-top: 8px solid  #039969;}

/* news */
.hometable { width: 100%; background: #F9F8BF; border-collapse: collapse; }
.hometable td { padding: 8px; text-align: center; border: 1px solid #FFF; width: 31%;}
.hometable tbody tr td:nth-child(2n) {  background-color: #F9EEBF;}
.newsList { width: 40%; float: left; overflow: hidden; position: relative; height:300px;}
.newsList p { border-bottom: 1px dotted #999; padding: 5px 0;   }
#newslist div.listItem div.publishinfo, #newslist div.listItem p.desc { display: none; }
#newslist div.listItem h3 { font-family: arial; font-size: 1em; font-weight: bold; padding: 0; margin: 0; }
#newslist div.listItem {border-bottom: 1px dotted #999; padding: 8px 0;   }
.newslst  {}
.newslst div { background: url(/image/cache/pigbg.png) no-repeat top left; border-bottom: 1px dotted #E1C67B; margin: 5px 0; padding: 5px 0 5px 50px; }
.newslst div span { display: block; font-weight: bold; margin-bottom: 5px; color: #B2A66C; }
.newslst div a { color: #333; }
.eventList, .tweetList { position: relative; height:300px; overflow: hidden; width: 26%; margin: 0 2%;  float: left;  }
.eventList a { color: #333;  }
.eventList div { margin: 0px 0px;  padding-bottom: 12px; max-height: 55px; overflow-hidden;}
.eventList span, .eventList  p { display: inline-block; vertical-align: top; width: 70%; margin: 0px; padding: 0px; }
.eventList span { text-align: center; background: #DA870D; padding: 10px 0px; color: #FFF; font-weight: normal;   vertical-align: middle; width: 50px; line-height: 14px; border-left: 0px; font-size: 16px; font-family: 'PT Serif', Georgia, serif, Arial, Helvetica, sans-serif; }
.eventList span label { font-size: 12px; display: block; }
.eventList  p { padding-left: 10px;}
.news div.article { border-bottom: 1px dashed #f0934e; padding: 8px 5px; }
.news div.article  h2 { font-size: 1.2em; }
.splitleft, .splitright  { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top;  }
.splitright { text-align: right;  }
.splitright a { color: #925F00;  }
/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%;  height: 50px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px;  color: #9B7313; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #9B7313; font-size: 18px; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar ul { margin: 0px; padding: 0px; list-style: none;  display: block;  }
#calendar ul li { padding: 2px; line-height: 16px; color: #333; border-bottom: 1px solid #FFF; background: #DDD; font-size: 11px;  }
/* gallery */
.thumbGallery { margin: 0px; padding: 0px; list-style: none; }
.thumbGallery li { display: inline-block; width: 28%; margin: 2%; font-size: 11px;  text-align: center; }
.thumbGallery li a img {  padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #999;  }
.photo { text-align: center; margin-top: 20px;}
.photo img {  display: inline-block;  padding: 10px; background: #FFF; box-shadow: 0px 0px 8px #999; }
/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left;  } 
.videoresults div.desc { width: 270px; color: #666;  float: right;  padding-top: 30px;}

/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px;  }
#editevent table { border: 0px; margin: 0px;   }
#editevent table  td { padding: 3px 0px; }
#editevent table  td {  font-weight: bold; }
#editevent  textarea{ width: 350px; height: 100px;  }
#editevent table  td div.field { padding: 3px 0px;  }
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px;  }
.indievent span { display: block;  }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
.eventrow {  border-bottom: 1px dashed #f0934e; padding: 10px 0; }
/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px;  }
.filteropts h2 { display: inline-block; font-size: 12px;   }
.postwebform  { margin: 10px 5px; }
.postwebform td.labelcol { width: 35%; padding-right: 8px; font-weight: bold; vertical-align: top;  }
.postwebform td.valuecol { width: 68%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle {  background: transparent; color: #667233;  font-size: 18px; line-height: 25px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic;  margin-bottom: 20px; }
.general_login  div.row { margin: 8px 0px; }
.general_login  div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login  div.loginbtn, .general_login  div.forgotpassword { margin-left: 110px; }
#filter {  display: none; }




/* ====================paging ====================
   ================================================== */
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span {display: inline-block;text-align: center;margin: 2px;}


#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, 
.gallery_paging_links span:hover, #paging_links span.currentpage, .paging span.currentpage {background: #f0934e;color: #FFF; }
    
#paging_links span a, .gallery_next_link a, .gallery_prev_link a, #newschannel_paging_links span a, #newschannel_paging_links span a, 
#calendar_paging_links span a, #calendar_paging_links span a, #form_paging_links span a, #form_paging_links span a, #paging_links span a, 
#paging_links span a, .gallery_paging_links span a, .gallery_paging_links span a {color: #f0934e;display: block;border: 1px solid #f0934e;padding: 2px 8px;}

#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, 
#calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, 
#paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background: #f0934e; text-decoration: none; color: #FFF;}

#paging_links span.next_link {width:auto;}
#newschannel_paging_links span.gallery_prev_link_inactive, 
#newschannel_paging_links span.gallery_next_link_inactive, 
#form_paging_links span.gallery_next_link_inactive,   
#form_paging_links span.gallery_prev_link_inactive, 
#paging_links span.prev_link_inactive, 
#paging_links span.next_link_inactive {display:none;}


/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC;  font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size: 12px;  }
#searchresults dd { padding-left: 10px; }
/* forum */
#forum { border: 1px solid #DDD;  border-collapse: collapse; }
#forum td  { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold;   }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em;   }

/* Find a Doctor*/
.doctor-card a{ color:#039969;}

/* TABLETS width 700 or above width */
@media all and (min-width: 700px) and (max-width: 1020px){
body, html  { max-width: 1020px; min-width: 700px; width: 100%; padding: 0px; margin: 0px;  }
#nav div.container {width: auto;margin: 0 auto;}
.pad {padding: 25px 10px; }
#nav .cenbg {float: none;width: 100%;height: 40px;}

#wrapper, .container { min-width: 96%;  width: 96%; padding: 0%;  }
.copyright .container { min-width: 96%;  width: 96%; padding: 0%;  margin: auto; }
#content { width: 100%;  }
.pagebr { padding: 0; }
#nav ul li a{padding: 5px 7px;}
}

@media all and (min-width: 0px) and (max-width: 990px){
    #header{width: 98%;}
}


@media all and (min-width: 0px) and (max-width: 960px){
#header > .container{max-width: 96%;margin: 0 auto;}
.logo{ left:0px;}
.nav-icon{ display:block !important;}
#nav ul {float: none;position: relative;right: 0;left: 0;top: 0;z-index: 122;background: #039969;padding: 5px;max-width: 350px;margin: 0 auto;}
#nav ul li {float: none;border: 0;margin: 1px;text-align: center;}
#nav ul li a {display: block;color: #FFF;border-bottom: 1px solid #05865d;}
#nav ul li.currentitem a, #nav ul li.currentbranch a{ color:#FFF;}
#nav ul li a:hover, #nav ul li > ul > li a:hover, #nav ul li > ul > li:hover {background: transparent;color: #f0934e;}
#nav ul li a:hover ul, #nav ul li:hover ul { display: block; }
.navigate a { display: block; color: #FFF; }

#nav ul li ul {padding: 0;z-index: 0;position:  relative;top: 0;right: 0;display: block;width: 100%;background: transparent;text-align: center; border-bottom: 1px solid #05865d; }
#nav ul li ul li{ text-align:center;}
#nav ul li ul li a{ border-bottom:0; font-size:.96em; padding:0px; }
#nav .cenbg {/* display:none; */}

#nav .cenbg#main-navigation {position: fixed;top: -100%;left: 0;right: 0;width: 100%;height: auto !important;t;padding: 10px 0;margin: 0px auto;background: #039969;z-index: 999;-moz-transition: all 0.5s linear 0s;-webkit-transition: all 0.5s linear 0s;-ms-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;}
#nav .cenbg#main-navigation.nav-collapsed{top: 95px;overflow-y: auto;-moz-transition: all 0.5s linear 0s;-webkit-transition: all 0.5s linear 0s;-ms-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;}  
#close {display: none;background: 0 0 rgba(0, 0, 0, 0.95);height: 100%;position: fixed;top: 0;left: 0;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;width: 100%;z-index: 99;}
.callus{ right:60px;}

}

@media all and (min-width: 700px) and (max-width: 860px){
#leftprt { width: 98%; padding: 1%;  margin-bottom: 20px;  float: none; }
#rgtprt {  width: 100%; float: none;}
.footabout { display: none; }
#rgtprt .box { float: left; width: 210px;  } 
}
@media (max-width: 767px) and (min-width: 0px){
#footer { position: relative; }
.logo{top: -19px;}
#header.fixedHead .logo{ top:-10px;}
.logo a span{font-size: 14px;line-height: 40px;}
.callus{right: 50px;width: auto;padding: 0 10px;}
.callus a{font-size: 1.1em;}
.sliderContent div.base.Use.Video\? div.caption{bottom: auto;}
.sliderContent div.base.Use.Video\? .caption .video{width:98%;float:none;margin: 0 auto;text-align: center !important;}
.sliderContent div.base.Use.Video\? div.caption .captionContent{position:relative;width:98%;text-align:center;margin: 0 auto;padding: 0;}
.sliderContent div.base.Use.Video\? div.caption .captionContent * { text-align:center;}

}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 699px){
body, html  {max-width: 699px;min-width: 0;width: 100%;padding: 0px;margin: 0px;background: #FFF;}
#nav div.container {  width:  100%; margin: 0%;  padding: 0;  border-left: 0; border-right: 0;  }
.pad {padding: 25px 10px; }
#footer { height: auto; }
.hmtab  .img { height: 140px;}
.copyright .container { min-width: 94%;  width: 94%; padding: 0% 1%; margin: auto;}
#nav .lftbg,#nav .rgtbg {display: none; }
#nav .cenbg {float: left; background: url(/image/cache/center.png)  top left; width: 100%; height: 40px;}
#wrapper{ min-width: 96%; width: 96%; }
#leftprt {  margin-bottom: 20px;}
.footabout { display: none; }
.footabout, .sociolinks  { width: 42%; display: block; }
#rgtprt .box { float: left; width: 40%; margin: 5px; }
#rgtprt .box .boxhd, #rgtprt .box .boxh {margin: 0;width: 100%;padding-bottom: 15px;}
#rgtprt .box .lftbg, #rgtprt .box .rgtbg { display: none; }
#rgtprt .box .cenbg {left: 0;margin: 0 auto;width: 100%;padding: 0 15px;}
.boxhd .cenbg:after{left: 0;width: 100%;}
.boxhd .cenbg h2, .boxh .cenbg h2 { margin:0;}
}

@media all and (min-width: 0px) and (max-width: 640px){
    #header{height: 95px;top: 0;width: 100%;background: #FFF;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);}
    #header:after{content:"";display: none;width: 100%;position: absolute;height: 100%;left: 0;bottom: 0;box-shadow: none;border-bottom: 1px solid #50697d;}
    #header #nav{position: static;z-index: 1;top: 0;}
    #header > .container{padding:0;width: 100%;}
    .subpageHeader{padding-top: 95px;}
    .subpageHeader img {}
    #header.fixedHead {top: 0px;background:#FFF;height: 95px;}
    #header.fixedHead > .container{margin-top: 0px;}
    #header.fixedHead #nav {margin-top: 0px;top: 0;}
    #header.fixedHead .logo {top: 30px;}    
    .logo {top: 30px;position: relative;right: auto;text-align: left;left: auto;margin-right: 40px;}
    .logo img{max-height: 65px; max-width:100%;}
    .callus{top:0;position: absolute;right: auto;top: 0;float: left;width: 106%;padding: 0 10px;margin: 0 -3% 0 -3%;height: auto;}
    .callus a{line-height: 30px;font-size: .84em;}
    .nav-icon{display:block;margin: auto;position: relative;height: 35px;bottom: 21px;right: 0;}
    .nav-icon i{color: #039969;}
}

@media all and (min-width: 0px) and (max-width: 550px){
#rgtprt .box  { width: 80%;  }
.addr{ width: 96%;  }
.footnav { width: 94%;  margin: 1% 4%;  }
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li { width: 100%; padding: 0; margin: 0;   }
.footabout { display: none;  }
.addr {width: 94%;margin: 1% 3%;float: none;}
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top;  }
.sliderContent div.base div.caption {width: 38%;right: 0%;bottom: 0%;}
.slidebg {position: relative;z-index: 0;}
.hblock {border-bottom: 1px dashed #f0934e;  }
#slides { height: 350px; }
.sliderContent {color: #CCC;height: 350px;margin-top: 90px;}
.sliderContent div.base {  height: 350px;   }
.sliderContent div.base div.caption {width: 90%;background: transparent;font-size: 0.82em;bottom: auto;}
.hmtab {width: 92%;margin: 1% auto;padding-bottom: 15px;height: auto;flex: none;-webkit-box-flex: unset;max-width: 60%;float: none;}
.hmtab .img  { height:auto; }
}

@media all and (min-width: 0px) and (max-width: 479px){
#rgtprt .box  {width: 100%;margin: 0;padding: 0;}
.footnav { width: 94%;  margin: 1% 4%;  }
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li { width: 100%; padding: 0; margin: 0;   }
.footabout { display: none;  }
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top;  }
.sliderContent div.base div.caption {  width: 38%;  right: 0%; bottom: 0%; }
}

@media all and (min-width: 0px) and (max-width: 379px){
#header.fixedHead, #header{height:90px;}   
.logo{top:auto;height: 90px;padding-top: 30px;}
.logo a{line-height: 60px;display: block;}
.nav-icon{position:absolute;bottom: 15px;}
.subpageHeader{ padding-top:90px;}
 #nav .cenbg#main-navigation.nav-collapsed{ top: 90px;}
}

/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi { width: 100%;  }
.footnav {width: 94%;}
}

/*ADDED BY MABU*/
.card-img-top {
	/*This fixes an image sizing issue in IE.*/
	height: 100%;
}

.pay {

    height: 4em;
    background-color: #45b390;
    text-align: center;
    justify-content: center;
    align-content: center;
    border-bottom: 8px solid #45b390;

}

.pay.login {
  background-color: #f0934e;
  border-top: 8px solid #f0934e;
  border-bottom: 8px solid #f0934e;
}

.pay a {

    color: white;
    font-size: 20px;
    font-weight: bold;

}

#webform_banner{
   position: fixed;
   top: 80px;
   z-index: 99;
   background-color: #ffffff;
   width: 990px;
padding: 10px 30px;
   
}

#webform_banner p{
color: white;
}