/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.container {width:1200px;}
a {color:black;}
a:-webkit-any-link {color:black; text-decoration:none;}
/* header*/
header {height:110px; background-image:url(/img/header_back.jpg); background-repeat:repeat-x; margin-bottom:10px;}
.top-logo {float:left; width:50%;}
.top-text {float:right; width:50%;}
.logo {cursor:pointer; margin-left:20px;}
.head-top {height:74px; }
nav ul {margin:0px; padding:0px;}
.main-menu {float:left; list-style:none; padding:5px 5%;text-align:center; font-size:14px; color:white; margin-top:7px;cursor:pointer;}
.top-menu {float:right; list-style:none; padding:0px 10px;text-align:right; font-size:12px;cursor:pointer;}
.headtop-menu {float:right;}

.mobile_menu {display:none; position:absolute; top:87px; left:20px; color:white; cursor:pointer;z-index:999;}
.mobile {display:none; position:absolute; top:110px; left:0px; background-color:white;z-index:999; border:1px solid #ccc; width:200px;}
.mobile-submenu {list-style:none; padding:5px 5%;text-align:left; font-size:12px; color:black; margin-top:7px;cursor:pointer;}
.mobile-submenu li {border-bottom:1px solid #ccc;}
.mobile_close {position:absolute; top:0px; right:5px;}

footer {width:100%; min-height:200px;color:white;  background-color:#b90000;}
footer h5 {    text-align: center; color:#eee;}
footer ul {margin:0px; padding:0px;}
footer ul li {list-style:none;}
footer .foot_menu {list-style:none; width:100%; padding:5px 0px; margin:0px; cursor:pointer;}
footer .foot_menu a {color:white;}
footer div.email {text-align;center; margin:80px 20%; width:60%;}
footer .sns_menu li a {color:white;}
.email_input {
	border: 1px solid #ccc;
    background-color: #fff;
    width: 200px;
    height: 30px;
    padding: 0px 10px;
    border-radius: 5px;
	color:black;
	/*width:80%; height:60px;  padding:10px; font-size:24px;*/
	}
.btn_submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:5px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
	}
.btn_submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.btn_submit:active {
	position:relative;
	top:1px;
}

.search {text-align:right;}
.search input[type=submit] {background-image:url(/img/search.png); background-repeat:no-repeat; width:32px; hehight:32px; background-size:cover;}

.today_news h5 {text-align:center;}
.my_news h4 {text-align:center;margin:0px 0px 10px; padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}
.news_shot h4 {text-align:center;margin:10px 0px; padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}
.program h4 {text-align:center;margin:10px 0px; padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}



.program_video {float:left; height:110px; width:25%; margin-left:0px; padding:0px 20px; cursor:pointer;}
.program_text {float:left; height:110px;cursor:pointer;width:73%; padding:10px 10px;}

.my_video {float:left; height:110px; width:33%; margin-left:0px; padding:0px 20px;cursor:pointer;}
.my_text {float:left;  height:110px;cursor:pointer;width:67%; padding:10px 10px;}

.headline_img {float:left; height:110px; width:20%; margin-left:0px; padding:0px 20px;cursor:pointer;}
.headline_text {float:left;  height:110px;cursor:pointer;width:77%; padding:10px 10px;}

.news_shot div.flash_text {float:left; width:100%; padding:2px 20px; list-style:none;cursor:pointer;}

#login {width:100%; margin:80px 0px 300px;;}
.login_box {margin:0 auto; width:400px; border:1px solid #ccc;}
.login_box div.box_head {padding:10px; text-align:center; background-color:#2B2B2B;border:1px solid #ccc;}
.login_box div.box_head h4 {color:white;}
.box_body {margin:10px 0px 10px; }
.box_body input {margin:5px 2%; padding:15px 10px; border:1px solid #ccc; width:96%;}
.submit_btn {margin:10px 2%; padding:10px 10px; text-align:center; width:96%;} 

#login h5 {text-align:center;}
#login h5 a {margin:5px 10px;}

#register {width:100%; margin:100px 0px 50px;}
#register h5 {text-align:center;}
#register h5 a {margin:5px 10px;}

#find {width:100%; margin:100px 0px 300px;}
#find h5 {text-align:center;}
#find h5 a {margin:5px 10px;}

#change {width:100%; margin:100px 0px 200px;}
#change h5 {text-align:center;}
#change h5 a {margin:5px 10px;}

.my-video-clip {z-index:-1;}
.my_video_blank {width:100%; height:inherit; z-index:999; cursor:pointer;}

.box_head {margin:0px;}
.box_head h4 {text-align:center;  margin:60px 0px 20px;}
.video div.inbtn {text-align:center;}
.video div.inbtn span.btn {padding:10px 30px;border:1px solid #ccc;border-radius:5px;}

.note-editor.note-frame { border: 1px solid #a9a9a9;  width: 96%; margin: 5px 2%;}
.box_body h4 {margin:5px 2%;}
/*.box_body div.inbtn {margin:10px 2%; padding:10px 20%; border:1px solid #ccc;}*/

.news_body {margin:40px 0px 60px; }
.news_body input {margin:5px 2%; padding:15px 10px; border:1px solid #ccc; width:96%;}
.news_head {margin:40px 0px 10px;}
.news_head h4 {text-align:center; }
.news_body h4 {margin:5px 2%;}

.page_number {float:left; width:100%; text-align:center;}
.page_number li a {margin:2px;}

.list {margin:20px 2%; width:96%;}
.list div.list-line {margin:5px 0px;}
.list div.flash_head {float:left; width:100%;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.list div.program_head {float:left; width:100%;border-bottom:1px solid #ccc;border-top:1px solid #ccc; margin:10px 0px;}


.view div.subject h4 {border:none; background-color:white; text-align:left; border-bottom:1px solid #ccc; margin-top:40px;}
.view div.video {text-align:center;}
.view div.content {margin:20px 0px;}
.list-title {float:left; width:100%; margin:40px 0px 10px;}
.list-title h4 {text-align:left;margin:10px 0px; padding:0px 20px; border:none; background-color:white;}
.under_link {float:right;margin: 20px 0px;}
.under_link a {position: relative;padding: 6px 12px;margin: 2px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}

.about-box {margin:60px 15% 20px; width:70%;}
.about-box h4 {text-align:center; margin:20px 0px 40px;}
.about-box h4 span {text-decoration:underline; color:blue; font-size:24px;}
.about-box ul {margin:20px 5% ;}
-about-box ul li {margin:0px; padding:10px 0px; list-style-type:disc;}
.about-box table {margin:0 auto;}
.about-box td.head {text-align:center; line-height:10px;padding:10px 0px;}
.about-box td.text {text-align:left; vertical-align:top; padding:10px 5px;}
.about-box td.row1 {background-color:#308bfc;}
.about-box td.row2 {background-color:#5aa3fd;}
.about-box td.row3 {background-color:#96c5fe;}
.about-box td.row4 {background-color:#cee3fd;}
.about-box td.boxrow1 {background-color:#938efb; width:20%; padding:10px 5px;}
.about-box td.boxrow2 {background-color:#6d66fc; width:80%;text-align:left; vertical-align::top; text-align:left;padding:10px 10px; color:white;}

.uskn-box {margin:60px 5% 20px; width:90%;}
.uskn-box table {margin:0 auto;}
.uskn-box th {padding:2px 10px; background-color:#ddd;}
.uskn-box td {padding:2px 10px;}
.uskn-box p {margin:20px 0px 10px;}

.admin_menu {margin:0px 10px;}
.admin_menu button {margin:2px;}

@media(max-width:767px) {
	.container {width:100%;}
	.head-top {background-size: 100%;}
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media(max-width:1199px) {
	.container {width:100%;}
	.head-top {background-size: 100%;}
	nav {display:none;}
	.mobile_menu {display:block;}
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(min-width:1199px) {
	.container {width:1200px;}
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}


@media(max-width:767px) {
	.container {width:100%;}
	.head-top {background-size: 100%;}
	.logo {height: -webkit-fill-available;margin-top: 10%;}
	.logo img {width:100%;}
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}