/*cinedu*/
html  { font-size: 62.5%; }
body { font-size: 1.8rem; line-height: 3.1rem; font-family: 'Noto Sans', sans-serif; color: #444; text-align: left; margin: 0 auto }
body th, td { font-size: 12px; font-family: 'Noto Sans', sans-serif; }
.page {overflow: hidden;padding: 10px;background-color: #FFF;margin-left:auto;margin-right: auto;text-align: left;}
.header { background-color: transparent; display: block; max-width: 100%; font-size: 1.3rem; }
.header a   { text-align: left; }
.setup, .menu_link { color: #0a0a0a; font-size: 1.3rem; font-family: 'Noto Sans', sans-serif; }
.setup a, .menu_link a { color: #3b5998; text-align: left;padding-left: 10px; }
.setup a:hover, .menu_link a:hover   { text-decoration: underline; }
.left {float: left;}
.right {float:right; padding : 0px 0px 5px;}
.blog_title { color: #4285f4;font-family: 'Roboto Condensed', sans-serif; font-size: 3.2rem; font-weight: 400; line-height: 4rem; padding-left: 10px; padding-top: 5px; }
.blog title a  { color: #4285f4; text-decoration: none;}
.blog_title a:hover { text-decoration: underline; }
.blog_title_buttons { text-align: right; float: right; clear: both; }
.blog_story  { clear: both; max-width: 100%;}
.blog_body  { color: #333; background-color: transparent; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; clear: left; max-width: 100%; }
.blog_title td, th {font-family: 'Noto Sans', sans-serif; font-size: 14px;font-weight: bold; }
.blog_body td, th {font-size: 11px;font-family: 'Noto Sans', sans-serif;}
.blog_date { color: #777; font-size: 1.4rem; font-family: 'Noto Sans', sans-serif; font-weight: 400; line-height: 1.4rem; padding-top: 10px; padding-bottom: 10px; }
.blog_categories  { color: #444; font-size: 1.4rem; font-family: 'Noto Sans', sans-serif; font-weight: normal; padding-bottom: 5px }
.blog_author { font-family: 'Noto Sans', sans-serif; font-size: 1.4rem; color: #777; font-weight: 400; line-height: 1.4rem; padding-top: 5px }
.blog_comment    { color: #666666; background-color: transparent; padding-top: 5px; padding-left: 10px; float: left; clear:both; }
.sidebar  { overflow: hidden }
.main { font-size: 1.8rem; line-height: 3.1rem; font-family: 'Noto Sans', sans-serif; color: #444; text-align: left; clear: both; }
.userpic  { padding-right: 10px; }
.centercontent     { padding: 0px 10px 10px; float: left; overflow: hidden; }
div.centercontent label { float: left; }
.input { background: -moz-linear-gradient(center top , #f5f5f5, #f1f1f1) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0.1); color: #333; font-size: 11px; }
select {font-size: 11px; font-family: 'Noto Sans', sans-serif; text-align: left; margin-top: 0; margin-right: 10px; padding-top: 0; }
option { font-size: 11px; font-family: 'Noto Sans', sans-serif; text-align: left; margin-top: 0; margin-right: 15px; padding-top: 0; }
textarea { font-size: 11px; font-family: 'Noto Sans', sans-serif; text-align: left; border: solid 1px #bdc7d8; }
.title { color: #fff; font-size: 30px; font-family: 'Noto Sans', sans-serif; font-weight: bold; text-align: left; padding-top: 50px; padding-bottom: 40px; padding-left: 175px; border-bottom: 0 none; }
.title a:link { color: white; }
.title a:visited { color: white; }
.title a:hover { color: #fff; }
.links { text-align: left; }
.links a { font-style: normal;font-size: 12px;font-weight: normal;}
.links a:hover {color: #000;}
figure {float: left; margin: 0px 0px 20px 0px; color: #888;}
figcaption  { color: #767676; font-size: 1.5rem; line-height: 2.2rem;}
input, textarea {border: 1px solid #bdc7d8; margin-top: 4px;}
.submit-form { text-align: center; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
input, image {background: none repeat scroll 0 0 transparent; border-color: #bdc7d8; border-image: none; border-style: solid; cursor: pointer; padding: 6px;}
.signup_btn { background: none repeat scroll 0px 0px #5B74A8; border-radius: 4px; border: 0px none; color: #FFFFFF; cursor: pointer; display: inline-block; font-weight: 700; line-height: 1; padding: 7px 10px; margin-left: 5px; }
.signup_btn:hover, .signup_btn:focus { background: none repeat scroll 0px 0px #2FB6CF; color: #FFFFFF; transition: all 0.04s ease-out 0s; }
input.signup_btn:hover { cursor: pointer; }
.signup_input { border: 1px solid #bdc7d8; margin-top: 4px; display: block; width: 100% }
.search_form { background: none repeat scroll 0% 0% transparent; border-color: #bdc7d8; border-image: none; border-style: solid; border-width: 1px; box-sizing: content-box; color: #787878; float: left; font-family: arial; font-size: 11px; height: 14px; padding: 5px; width: 124px;}
.menu_block    { overflow: visible }
.menu_title   { font-family: 'Roboto Condensed', sans-serif; text-align: left; display: block; margin: 0; padding: 4px 5px 3px 0 }
.menu_body    { background-color: #fff; text-align: left; margin: 0; clear: both; }
.menu_body a { color: #385898; font-size: 100%; line-height: 150%;  text-decoration: none; text-align: left; display: block;  } 
.menu_body a:hover { text-decoration: underline; }
.categories_body { background-color: #fff; text-align: left; margin: 0; padding-top: 5px; clear: both; }
.categories_body a { color: #4285f4; font-size: 100%; line-height: 150%;  text-decoration: none; text-align: left; } 
.categories_body a:link { text-align: left; }
.categories_body a:visited { }
.categories_body a:hover { text-decoration: underline; }
.categories_body a:active    { text-align: left; }
.menu_logo { padding: 10px;clear: both;margin: 0px;text-align: center;}
.gen_menu  { font-family: 'Roboto Condensed', sans-serif; font-size: 1.8rem; line-height: 3.6rem; padding-bottom: 0.5rem; clear: both; border-top: 1px solid #d6d9de }
.gen_menu a  { color: #385898; text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #d6d9de }
.gen_menu a:link  { }
.gen_menu a:visited  { }
.gen_menu a:hover  { text-decoration: none; background-color: #eceef4 }
.mt-form input, .mt-form button, .mt-form select, .mt-form textarea { 
    height: 100%;
     left: 0px;
     top: 0px;
     width: 100%;
}
.ludwig {
  position: relative;
  font-family: 'Karla', sans-serif;
  padding-left: 1em;
  border-left: 0.2em solid;
  border-color: cadetblue;
  font-weight: 100; }
strong{font-weight:600}



@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:landscape)
{
body { background-image: none !important; }
 .gen_menu { display: none; }
  .header { display: none; }
  p { padding: 0px 0px 1.5rem; font-size: 1.6rem; line-height: 2.6rem; }
  .sidebar { display: none; }
 .centercontent { max-width: 45%;}
  h2 { font-size: 2rem; line-height: 2.4rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
body { background-image: none !important; }
 .gen_menu { display: none; }
  .header { display: none; }
  p { font-size: 1.6rem; line-height: 2.6rem; }
  .sidebar { display: none; }
 .centercontent { max-width: 28%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
  .userpic { display: none; }
 }
 
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) {
body { background-image: none !important; }
 .gen_menu { display: none; }
 .sidebar { display: none; }
  .header { display: none; }
  p { font-size: 1.6rem; line-height: 2.6rem; }
 .centercontent { max-width: 40%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
}

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
    and (-webkit-device-pixel-ratio : 3) {
body { background-image: none !important; }
 .gen_menu { display: none; }
 .sidebar { display: none; }
  .header { display: none; }
  p { font-size: 1.6rem; line-height: 2.6rem; }
 .centercontent { max-width: 60%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
body { background-image: none !important; }
 .gen_menu { display: none; }
  .header { display: none; }
  p { padding: 0px 0px 1.5rem; font-size: 1.6rem; line-height: 2.6rem; }
  .sidebar { display: none; }
 .centercontent { padding: 0px 1.5rem; max-width: 36%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
  .userpic { display: none; }
 }
  
 /* iPhone X and Xs Max */
@media only screen 
    and (min-device-width: 375px) 
    and (min-device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) { 
body { background-image: none !important; }
 .gen_menu { display: none; }
  .header { display: none; }
  p { font-size: 1.6rem; line-height: 2.6rem; }
  .sidebar { display: none; }
 .centercontent { max-width: 35%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
  .userpic { display: none; }
}

@media only screen 
    and (min-device-width: 812px) 
    and (min-device-height: 375px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: landscape) { 
body { background-image: none !important; }
 .gen_menu { display: none; }
  .header { display: none; }
  p { font-size: 1.6rem; line-height: 2.6rem; }
  .sidebar { display: none; }
 .centercontent { padding: 0px 1.5rem; max-width: 65%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
  .userpic { display: none; }
}

/* iPhone XR and i-Pad*/
@media only screen 
    and (min-device-width: 414px) 
    and (min-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) { 
body { background-image: none !important; }
  .header { display: none; }
  p { padding: 0px 0px 1.5rem; font-size: 1.6rem; line-height: 2.6rem; }
 .centercontent { max-width: 56%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
  .userpic { display: none; }
}
 
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:landscape) {
body { background-image: none !important; }
 .gen_menu { display: none; }
 .sidebar { display: none; }
  .header { display: none; }
  p { font-size: 1.6rem; line-height: 2.6rem; }
 .centercontent { max-width: 40%;}
  h2 { font-size: 2.4rem; line-height: 3rem; }
  h3 { font-size: 1.8rem; line-height: 2.4rem; }
  .blog_author { display: none; }
  .blog_date { display: none; } 
}


.pagination {
     border-radius: 4px;
     display: inline-block;
     margin: 20px 0px;
     padding-left: 0px;
}

.pagination > li {
     display: inline;
     float: left;
     margin-left: 5px
}

.pagination > li > a, .pagination > li > span {
     background-color: #ffffff;
     border: 1px solid #dddddd;
     color: #337ab7;
     float: left;
     line-height: 1.42857;
     margin-left: -1px;
     padding: 6px 12px;
     position: relative;
     text-decoration: none;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
     margin-left: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
     border-bottom-right-radius: 4px;
     border-top-right-radius: 4px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
     background-color: #eeeeee;
     border-color: #dddddd;
     color: #23527c;
     z-index: 2;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
     background-color: #337ab7;
     border-color: #337ab7;
     color: #ffffff;
     cursor: default;
     z-index: 3;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
     background-color: #ffffff;
     border-color: #dddddd;
     color: #777777;
     cursor: not-allowed;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.search_box { margin-top: -36px; margin-right: 0px; float: right; clear: right; }
.divider {margin: 8px 0px 8px 0px;}
.calendar {font-size: 10px;padding-top: 5px;}
.calendar td { padding: 2px; }
a { color: #4285f4; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }
a.dvd { color: #4285f4; border-bottom: 1px dotted #cccccc }
a.dvd:hover  { color: #c00; text-decoration: none; border-bottom: 1px solid #c00 }
p   { clear: both; max-width: 100%; }
.alert  { background: no-repeat 5px top; margin-top: 10px; margin-bottom: 10px; padding: 8px; border: solid 1px #dddddd }
img.userpic   { margin-right: 10px; float: left; }
img	    { border: 0; height: auto; max-width: 100%;}
video { height: auto; max-width: 100%;}
iframe { height: auto; max-width: 100%;}
table { width: 100%; }
td { vertical-align: top; }
#img_float_left { float: left; margin: 2px 8px 4px 2px; }
#img_float_right { float: right; margin: 2px 2px 4px 8px; }
ul { list-style-type: none; margin: 0; padding: 0 }
li p {
     line-height: 1.4em ! important;
}

#newcurrent_spotlight {
     overflow: hidden;
     padding: 10px 0px 0px;
     max-width: 100%;
}

#newcurrent_spotlight img {
     margin: 0px 0px 10px; height: auto; max-width: 100%;
}

#newcurrent_spotlight p, #newhome #newcurrent_spotlight p {
     font-size: 1.8rem; line-height: 3.1rem; font-family: 'Noto Sans', sans-serif; color: #444; text-align: left;
     margin: 0px;
}

#newcurrent_spotlight li, #newhome #newcurrent_spotlight li {
     float: left;
     margin: 0px 15px;
     width: 160px;
     height: 320px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.rss_date   { font-size: 85%; }
.footer     { font-size: 1.4rem; font-family: 'Noto Sans', sans-serif; color: #676767; font-style: normal; font-variant: normal; font-weight: normal; text-align: center; padding-top: 10px; clear: both; }