body {font-family: sans-serif; 
background: #e1ffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZTFmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZmRmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZTZmOGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjYzhlZWZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjYmVlNGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IxZDhmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  #e1ffff 0%, #e1ffff 3%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e1ffff), color-stop(3%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5));
background: -webkit-linear-gradient(left,  #e1ffff 0%,#e1ffff 3%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
background: -o-linear-gradient(left,  #e1ffff 0%,#e1ffff 3%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
background: -ms-linear-gradient(left,  #e1ffff 0%,#e1ffff 3%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
background: linear-gradient(to right,  #e1ffff 0%,#e1ffff 3%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 );
color:#000;}
a, a:link {color:#009999; text-decoration: underline; }
a:hover, a:focus {color:#006363; text-decoration:none; }
.wrap {}
h1,h2,h3,h4,h5,h6 {font-family: sans-serif; font-weight:normal}
.maincontent {margin:0; padding:0}
header {margin:20px 0; padding:0; text-align:center}
header h1 {margin:0; display: inline-table; font-size:24px;  font-family: 'Arimo', sans-serif; text-align:center; font-weight:bold;  text-decoration:none;  color: #fff; background:#006363; -moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px; padding:5px 16px; }
header h2 {padding:20px 0 0; font-weight:600; line-height:17px; font-size:14px; margin:0}
.addlnk {margin:0; padding:0}
.addlnk .atpk {}
.addlnk .abtk {}
.xtitle {text-align:center}
.linkmenu {text-align:center}
.linkmenu ul {list-style:none; margin:0; padding:0}
.linkmenu ul li {display:inline-table; padding:5px 8px}
.linkmenu ul li a {}
.linkmenu ul li a:hover {text-decoration: overline;}
.itlivecc {text-align:center; padding:20px 10px; font-size:20px; font-family:'Arimo', sans-serif; font-weight:bold; color:#009999}
footer {font-size:12px; overflow:hidden; display:block; height:100%; }
.infooter {text-align:center; padding:20px 25px; overflow:hidden; display:block; height:100%; }
.copylt {float:left; text-align: left}
.copyrt {float:right; text-align:right}
.tabletnb {margin-bottom:10px}
.tdtnb {margin:0; padding:0}
.tdtnb img.bigpict {width:175px; height:131px; max-height:100%; max-width:100%}
.tdtnb a img.bigpict {border:2px solid #006363; margin:2px auto}
.tdtnb a img.bigpict:hover {border-color:#009999;}
.tdtnb .flta {position:absolute; z-index:500; margin:5px 0 0 5px; padding:0; line-height:8px}
.tdtnb .fltx {position:absolute; z-index:500; margin:5px 0 0 5px; padding:0; line-height:18px}
.tdbuttn {text-align:center; padding:5px 0 10px}
.tddesc {-ms-word-break: break-all; word-break: break-all; word-break: break-word;  font-size:12px;}
.tdtitle {font-weight:bold; font-size:14px}
.tdtitle a {text-decoration:none}
.tdtitle a:hover {text-decoration: underline}
.stathd {padding:0 6px 0 3px; display:block; position:absolute; right:0}
.lnkbtn {padding-top: 3px;}
.lnkbtn a {display:block; text-align:center; padding: 4px 2px; font-weight:bold; color: #fff; text-decoration:none; background:#006363; }
.viewal {font-weight:700}
.nichbox {float:right; margin:20px 0}
.nichboxl {margin:20px 0}
.ftlnkb {}
.frtyk {}
.dropdown-menu > li > a {font-size:12px }
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {color:#fff; background-color: #006363; border-color: #006363;}
.pagination > li > a, .pagination > li > span {}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {color:#fff; background-color: #006363; }
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {color:#fff; background-color: #006363; }
/* response start */
@media (min-width: 768px)   {
.tdtnb img.bigpict {width: 100%; height:170px}
.maincontent .row .col-sm-4 {}
.stat {display:none}
}
@media (min-width: 992px) {
.tdtnb img.bigpict {height:110px}
}
@media (min-width: 1200px) {
.container {}
.tdtnb img.bigpict {height:131px;}
}
@media (min-width: 1300px) {
.tdtnb img.bigpict {height:131px;}
}
@media (max-width: 767px) {
.tdtnb img.bigpict {height:240px; width:100%}
.stat {display:none}
.nichbox {float: none; text-align:center; margin:0 0 20px;}
.nichbox .pull-right {float:none !important}
.nichboxl {text-align:center; margin:20px 0 0;}
.dropdown-menu > li > a {text-align: left}
.pull-right > .dropdown-menu {right: auto; left: auto;}
header h1 {font-size:23px}
.itlivecc {font-size:20px}
}
@media (max-width: 600px) {
.tdtnb img.bigpict {height:200px; width:100%}
.stat {display:none}
header h1 {font-size:20px}
.itlivecc {font-size:18px}
}
@media (max-width: 599px) {
.tdtnb img.bigpict {height:190px; max-height:100%; max-width:100%}
}
@media (max-width: 499px) {
.tdtnb img.bigpict {height:160px; max-height:100%; max-width:100%}
}
@media (max-width: 399px) {
.tdtnb img.bigpict {height:125px; max-height:100%; max-width:100%}
.tdtitle {font-weight:bold; font-size:14px}
}
@media (max-width: 320px) {
.maincontent .row .col-xs-6 {float:none; width:100%}
.tdtnb img.bigpict {width:100%; height:220px; }
.tdtitle {font-weight:bold; font-size:16px}
header h1 {font-size:18px}
.itlivecc {font-size:16px}
}