lobody{ font-family:'neosanslight'; padding-top: 80px;}

body strong{ font-family:'neosansmedium',"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#505050;}
body strong i{ font-family:'neosanmediumitalic',"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#505050;}
body i{ font-family:'neosansitalic',"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
body{ background:url(../images/bg.jpg) no-repeat center top #eceff0; color:#505050; padding-top:100px;}
p{font-family:'neosanslight'; color:#444444; font-size:15px;}
a{font-family:'neosanslight',"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
li{font-family:'neosanslight'; color:#505050;}
span{font-family:'neosanslight'; }


h1{ font-family:'neosansmedium',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:24px; color:#444444;}
h2{ font-family:'neosansmedium',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#444444;}
h3{ font-family:'neosansmedium',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#f58530; padding:0; margin:5px 0px;}

.navbar{
background:#ffffff; height:80px; padding:0; margin:0;
font-family:'neosanslight',"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#464646; font-size:16px;
}

/*.navbar-header{ height:79px; border-top:none; }*/
.navbar-default .navbar-nav li a{ height:79px; padding:30px 30px 0 30px;  color:#464646; text-align:center; background:white; margin:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav li a:hover{ color:#ffffff; background:#ff5c63;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ color:#464646; background:#45c0ef;}

.navbar-collapse collapse{ margin:0 0 0 0; padding:0;}
.navbar-default .navbar-nav .open .dropdown-menu{ background:#555555; padding:0; border:0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ background:#555555; color:#ffffff; height:auto; padding:20px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ color:#464646; background:#ff5c63;}

.navbar-default .navbar-toggle{ margin-top:20px;}

.navbar-default .navbar-brand{ margin:0; padding:15px 0 0 5px;}

@media only screen and (max-width: 960px) {
	.navbar-default .navbar-brand{ margin:0; padding:15px 0 0 5px;}
	.navbar-default .navbar-nav li a{ height:79px; padding:30px 20px 0 20px; color:#464646;}
}

@media only screen and (max-width: 768px) {
	.navbar-default .navbar-brand{ margin:0; padding:15px 0 0 15px;}
	.navbar-default .navbar-nav li a{ height:79px; padding:30px 20px 0 20px; color:#464646;}
}

@media only screen and (max-width: 480px) {
	.navbar-default .navbar-brand{ margin:0; padding:25px 0 0 20px;}
	.navbar-collapse{ padding-top:10px; border:none;}
	.navbar-collapse{ border:none; background:white;}
}

#myCarousel{ padding:0; margin:-20px 0 20px 0;}
#myCarousel .item div{ cursor:pointer;}
#myCarousel .item a.btn_link{ height:50px; padding:15px 50px 10px 20px; display:inline-block; background:url(../images/menu_panel.png); font-family:'neosanslight'; color:#ffffff; font-size:16px; position:absolute; bottom:20px; right:20%; text-transform: uppercase;}
#myCarousel .item a.btn_link:hover{ background:#B20A0D; color:#D9D9D9; font-size:16px; text-decoration:none;}

#myCarousel .item a.btn_link #icon_play{ width:30px; height:30px; border-radius:30px; display:block; background:#ff5c63; position:absolute; right:10px; top:10px; text-align:center; line-height:28px;}
#myCarousel .item a.btn_link:hover #icon_play{background:#343434;}

#In_stream{ padding-bottom:80px;}

/*----carousel 2--------*/
#myCarousel2{ padding:0; margin:20px 0 20px 0;}
#myCarousel2 .item div{ cursor:pointer;}
#myCarousel2 .item a.btn_link{ height:50px; padding:15px 50px 10px 20px; display:inline-block; background:url(../images/menu_panel.png);  font-family:'neosanslight'; color:#ffffff; font-size:16px; position:absolute; bottom:20px; right:20%; text-transform: uppercase;}
#myCarousel2 .item a.btn_link:hover{ background:#B20A0D; color:#D9D9D9; font-size:16px; text-decoration:none;}

#myCarousel2 .item a.btn_link #icon_play{ width:30px; height:30px; border-radius:30px; display:block; background:#ff5c63; position:absolute; right:10px; top:10px; text-align:center; line-height:28px;}
#myCarousel2 .item a.btn_link:hover #icon_play{background:#343434;}


.carousel-indicators{ bottom:0px;}


.page-header{ font-family:'neosanslight'; color:#ffffff; text-align:center; border-bottom:none; text-shadow:1px 1px #000000;}
/*-----header--------*/

#contentWarp{ margin-top:10px; padding-bottom:60px; border-bottom:1px solid #c5c5c5;}

#sideNav { padding:0; margin:0; margin-top:5px;}
#sideNav li{ list-style:none; display:block; padding:0;}
#sideNav li a, #sideNav li a.visited, #sideNav li a.selected{ text-decoration:none; color:white; font-size:16px; padding:7px 0; display:block; background:#929292; border:1px solid #ffffff; text-align:center;} 
#sideNav li a:hover, #sideNav li a.actived{ text-decoration:none; background:#ff5c63; border:1px solid #ff5c63; }
#sideNav li a.actived:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 92, 99, 0);
	border-top-color: #ff5c63;
	border-width: 10px;
	margin-left: -10px;
	}
#sideNav li a#btn4.actived:after, #sideNav li a#btnB5.actived:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 92, 99, 0);
	border-top-color: #f9a163;
	border-width: 10px;
	margin-left: -10px;
	}

#sideNav li a div{}
#sideNav li a p{ color:white; padding-top:10px;}

#sideNav li a#btn4, #sideNav li a#btnB5{ background:#f9a163; border:1px solid #f9a163;}



/*---------showcase*/
#showcaseWarp{ margin-top:10px; margin-bottom:0px;}
#thumbnailWarp{ margin-bottom:20px;}
#thumbnailWarp img{ cursor:pointer;}
#showcaseWarp #thumbnailWarp h2{ color:#ffffff; font-size:18px; text-align:left; position:absolute; top:0; left:10px;}
#showcaseWarp ##thumbnailWarp p{ color:#535353; font-size:14px; text-align:left; position:absolute; top:0; left:10px;}
.thumbnail{ margin-bottom:2px;}
.arrowTop{ background:url(../images/arrowTop.png) no-repeat; width:30px; height:15px; display:block; margin:-20px auto 0; position:absolute;}
.detailWrap{ background:white; display:inline-block;  padding:10px 10px; text-align:left; vertical-align:text-top; margin-bottom:10px;}
.detailWrap:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;}
.detailWrap span{ background:#fffff; text-align:left; color:#505050; padding:5px; font-size:12px; float:left;}
.detailWrap span::after {
    content: " | ";
	color:#505050;
} 
.detailWrap table{ width:90%;}
.detailWrap button{ width:100%; background:#ff5c63; border:0; color:#ffffff;}
.detailWrap button:hover{ background:#d54a52; }
.detailWrap .btn_collapse{ width:50px; height:50px; display:block; position:absolute; right:0px; top:0px; background:#535353;}
.detailWrap .btn_collapse:hover{ text-decoration:none; background:#ff5c63;}
.detailWrap .btn_collapse.glyphicon.glyphicon-remove{ color:white; font-size:20px; text-align:center; line-height:50px;}
.detailWrap .btn_collapse.glyphicon.glyphicon-remove:hover{ color:#ffffff;}
.detailWrap .btn_collapse.glyphicon.glyphicon-remove:after{text-decoration:none;}

.detailWrap.hide{ display:none;}


#diagram a{ width:100%; background:#f9a163; border:0; color:#ffffff;}
#diagram a:hover{ background:#e08f55; }


#menu{  height:50%; display:block; background:url(../images/menu_panel.png);  padding:50px 60px;}
#menu a.btn_info{ width:50px; height:50px; display:block; background:url(../images/icon_info.png) no-repeat top #535353; border-radius:50px; position:absolute; bottom:10px; right:75px;}
#menu a.btn_info:hover{ width:50px; height:50px; display:block; background:url(../images/icon_info.png) no-repeat top #ff5c63;}

#menu a.btn_preview{ width:50px; height:50px; display:block; background:url(../images/icon_preview.png) no-repeat top #535353;border-radius:50px; margin-left:20px; position:absolute; bottom:10px; right:20px;}
#menu a.btn_preview:hover{ width:50px; height:50px; display:block; background:url(../images/icon_preview.png) no-repeat top #ff5c63;}

#diagram{ background:white; display:inline-block; margin:30px 0 0; padding:0; }
#diagram h2{ font-size:18px; text-align:left; background:#ff5c63; min-height:30px; color:#ffffff; margin:0; padding:10px 0 10px 30px;}
#diagram li{ list-style:none; background:url(../images/dot.gif) no-repeat center left; padding-left:20px; font-size:16px;}
#diagram #diagram_info{ margin-top:10px;}
#diagram p{ font-style:italic; font-size:16px; padding-top:5px;}
#diagram_img{ margin-top:10px;}
@media only screen and (max-width: 769px) {
	#sideNav li{ margin-bottom:10px; text-align:center;}
	#sideNav li a div img{ margin:0 auto;}
	#sideNav li a p{ padding-left:0;}
	#diagram{ margin-top:20px;}
}
@media only screen and (max-width: 480px) {
	#diagram{ margin-top:20px;}
	#diagram li{ font-size:14px; background-position:1px 2px;}
}

.actived{ display:block;} 
.hide{ display:none;}

.table{ font-family:'neosanslight'; color:#505050; font-size:12px;}

/*---------footer*/
#footer{ background:white; min-height:150px; padding:30px 0;}
#footer .copyright{ float:right;}