@charset "utf-8";

/* sidebar */
.sidebar { background: rgb(34, 34, 34); border-left-color: rgb(51, 51, 51); border-left-width: 1px; border-left-style: solid; color: rgb(136, 136, 136); }
.sidebar label { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
.sidebar .close-box { margin: 0px; padding: 0px 5px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; text-align:right; }
.sidebar .btn-close { background: none; color: rgb(255, 255, 255); }
.sidebar .btn-close i { font-size: 16px; font-weight: 300 !important; }
.sidebar .sidebar-title { margin: 0px; padding: 8px 20px; color: rgb(97, 97, 97); text-transform: uppercase; overflow: hidden; font-size: 11px; position: relative;  }
.sidebar .sidebar-title::after { background: rgb(51, 51, 51); left: 15px; top: 26px; width: 80px; height: 1px; position: absolute; content: "";  }
.sidebar .sidebar-box { padding: 20px; }
.sidebar .sidebar-box h5 { font-size: 12px; }
.sidebar .sidebar-nav { margin-bottom:20px; }
.sidebar .sidebar-nav > ul { list-style: none; margin: 0px; padding: 0px; }
.sidebar .sidebar-nav > ul > li { border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; }
.sidebar .sidebar-nav > ul > li > a { padding: 6px 20px; color: rgb(176, 176, 176); font-size: 12px; display: block; }
.sidebar .sidebar-nav > ul > li > a:hover { background: rgb(41, 41, 41); color: rgb(255, 255, 255); text-decoration: none; }
.sidebar .sidebar-nav > ul > li > a > i { margin-right: 5px; }
.sidebar .profile-box { padding: 20px 20px 0px; }
.sidebar .profile { height:95px; }
.sidebar .profile h3 { color: rgb(255, 255, 255); font-size:20px; line-height:30px; padding:8px 0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.sidebar .profile p { color: rgb(138, 138, 138); padding:0px; margin:0px; }
.sidebar .badge { font-weight:normal; }
.sidebar .profile-photo { width:80px; height:80px; margin:0px; margin-right:15px; border-radius: 50%; border:4px solid #000; -webkit-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 5px rgb(34,34,34), 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.sidebar .profile-photo img { width:80px; height:80px; border-radius: 50%; }
.sidebar .profile-photo i { width:80px; height:80px; font-size:40px; padding:15px 6px 0px 0px; text-align:center; }
.sidebar .btn-admin { border: 1px solid rgb(223, 17, 25); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(223, 27, 35); background-image: none; }
.sidebar .btn-admin:hover, .sidebar .btn-admin:focus, .sidebar .btn-admin:active { border-color: rgb(213, 7, 15); color: rgb(255, 255, 255) !important; background-color: rgb(213, 7, 15); background-image: none; }
.sidebar .btn-upload { border: 1px solid rgb(223, 17, 25); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(233, 27, 35); background-image: none; }
.sidebar .btn-upload:hover, .sidebar .btn-upload:focus, .sidebar .btn-upload:active { border-color: rgb(213, 7, 15); color: rgb(255, 255, 255) !important; background-color: rgb(213, 7, 15); background-image: none; }
.sidebar .btn-logout { border: 1px solid rgb(223, 17, 25); border-image: none; color: rgb(255, 255, 255) !important; background-color: rgb(223, 27, 35); background-image: none; }
.sidebar .btn-logout:hover, .sidebar .btn-logout:focus, .sidebar .btn-logout:active { border-color: rgb(213, 7, 15); color: rgb(255, 255, 255) !important; background-color: rgb(213, 7, 15); background-image: none; }

.s_subject a{font-size:11pt;color:#444;}
.s_subject a:hover{color:#f90000;}
.s_content {font-size:12px;color:#666;}

/* widget-title, widget-banner */
.widget-title { overflow: hidden; width:100%; }
.widget-title p { font-size: 16px; }
.widget-title .carousel-inner { height: 360px; font-family: "Roboto", sans-serif;background:#008682; }
.widget-title .carousel-inner .container {padding:0;margin:0;}
.widget-title .carousel-control { color: rgb(248, 248, 248); }
.widget-title .left.carousel-control { left:-40px; }
.widget-title .right.carousel-control { right: -40px; }
.widget-title .carousel-control:hover { color: rgb(255, 255, 255); }
.widget-title .carousel-control i { top: 50%; font-size: 36px; font-weight: 600; margin-top: -18px; position: absolute; }
.widget-title .item { height: 440px; color: rgb(255, 255, 255); }
.widget-title .item { background-position: 0% 0%; background-repeat: no-repeat; background-size: cover; width:100%; }
.widget-title .object { top: 38px; width: 568px; height: 320px; right: 50%; overflow: hidden; margin-left: 15px; position: absolute; }
.widget-title .fluid.object { margin: 0px; left: 0px; width: 100%; }
.widget-title .object iframe { width: 100% !important; }
.widget-title .description { left: 50%; top: 55px; width: 514px; height: 290px; margin-left: 50px; position: absolute; }
.widget-title .description .title { background: rgb(0, 0, 0); margin: 0px 0px 15px; padding: 8px 20px; color: rgb(255, 255, 255); line-height: 38px; font-size: 32px; }
.widget-title .description .subtitle { margin: 20px 0px; padding: 0px; font-size: 24px; display: block; }
.widget-title .description p { margin: 0px; color: rgb(255, 255, 255); font-size: 16px; }
.widget-title .fluid-center.description { margin: 0px; left: 0px; top: 50px; width: 100%; }
.widget-title .fluid-center.description .title { background: none; text-align: center; color: rgb(255, 255, 255); font-weight: 500; margin-bottom: 5px; display: block; text-shadow: 1px 1px 3px rgba(150,150,150,0.5); }
.widget-title .fluid-center.description .subtitle { margin: 0px; text-align: center; font-size: 20px; display: block; }
.widget-title .fluid-center.description .features { text-align: center; margin-top: 40px; display: block; }
.widget-title .fluid-center.description .features i { background: rgb(255, 255, 255); border-radius: 96px; width: 110px; height: 110px; text-align: center; color: rgb(105, 126, 147); line-height: 110px; font-size: 54px; font-weight: 700; margin-right: 20px; }
.widget-title .carousel-item-list { list-style: none; margin: 0px; padding: 0px; }
.widget-title .carousel-item-list li { padding: 6px 0px; width: 100%; font-size: 16px; display: block; }
.widget-title .carousel-item-list li i { font-style: normal; margin-right: 4px; }
.widget-title .carousel-item-list li a { font-weight: 500; }
.widget-title .carousel-item-list li a:hover { color: rgb(161, 161, 161); text-decoration: none; }
.widget-title .carousel-item-list li span { font-size: 14px; }
.widget-title-background { background: rgb(35, 35, 35); }

.widget-banner { padding:20px 0px; }
.widget-banner .boxed-contaner-inner { padding-left:20px; padding-right:20px; }

.ticker { margin:0px 0 10px 5px;font-size:16px;font-weight:bold; }
.ticker2 { margin:0px 0 5px 5px;font-size:32px;letter-spacing:-1px; }

#guide .box { display:block; margin: 20px 0px; padding: 6px 0px 6px 0px; border-left-color: rgb(238, 238, 238); border-left-width: 5px; border-left-style: solid; line-height:22px; }
#guide .danger { border-color: rgb(223, 181, 180); background-color: rgb(252, 242, 242); }
#guide .warning { border-color: rgb(241, 231, 188); background-color: rgb(254, 251, 237); }
#guide .info { border-color: rgb(208, 227, 240); background-color: rgb(240, 247, 253); }
#guide .black { margin:0px; color:#fff; font-weight:bold; border-color: rgb(0, 0, 0); background-color: rgb(51, 51, 51); }
#guide .gray { border-color:#888; color:#fff; background-color:#888; font-size:12pt;font-weight:bold;padding-left:12px;letter-spacing:-1px;}
#guide .g_box {float:left;width:190px;padding-right:10px;}
#guide .v_box {float:left;width:100%;}

@media all and (max-width:991px) and (min-width:768px) {
	.widget-title .object { width: 400px !important; }
}
@media all and (max-width:767px) {
	.widget-title { margin: 0px; height: auto; max-height: 140px;background:#fff; }
	.widget-title .carousel-inner { height: 120px;text-align:center;background:#fff;padding-top:10px; }
	.widget-title .carousel-inner { overflow: hidden; }
	.widget-title .carousel-control i { top: 50%; font-size: 36px; font-weight: 600; margin-top: -18px; position: absolute; }
	
	.ticker { margin:0px;font-size:0px;font-weight:bold; }
	.ticker2 { margin:-35px 0 8px 5px;font-size:20px;letter-spacing:-1px; }	
	.widget-banner { padding:10px 0px; }
	.widget-banner .boxed-contaner-inner { padding-left:20px; padding-right:20px; }	
	.widget-title .item-dark { color: rgb(255, 255, 255); }
	.widget-title .object { display: none; }
	.widget-title .fluid.object {	margin: 0px; left: 0px; width: 100%; }
	.widget-title .object iframe { width: 100% !important; }
	.widget-title .description { margin: 0px !important; left: 0px !important; top: 50px; width: 100% !important; }
	.widget-title .description .title { background: rgb(0, 0, 0); margin: 0px 0px 15px; padding: 8px 20px; text-align: center; color: rgb(255, 255, 255); font-size: 32px; display: block; }
	.widget-title .description .subtitle { margin: 20px 0px; padding: 0px 15px !important; text-align: center; font-size: 24px; display: block; }
	.widget-title .description p { margin: 0px; color: rgb(255, 255, 255); font-size: 16px; }
	.widget-title .fluid-center.description .features i {	background: rgb(255, 255, 255); border-radius: 80px; width: 80px; height: 80px; text-align: center; color: rgb(105, 126, 147); line-height: 80px; font-size: 34px; font-weight: 700; margin-right: 20px; }
	.widget-title .carousel-item-list { padding-left: 30px !important; }

	.widget-banner { text-align:center; }
	.widget-banner .ticker { margin-bottom:15px; }
	.widget-banner .pull-right { float:none !important; }

	#guide .box { display:block; margin: 20px 0px; padding: 6px 0px 6px 0px; border-left-color: rgb(238, 238, 238); border-left-width: 5px; border-left-style: solid; line-height:22px; }
	#guide .danger { border-color: rgb(223, 181, 180); background-color: rgb(252, 242, 242); }
	#guide .warning { border-color: rgb(241, 231, 188); background-color: rgb(254, 251, 237); }
	#guide .info { border-color: rgb(208, 227, 240); background-color: rgb(240, 247, 253); }
	#guide .black { margin:0px; color:#fff; font-weight:bold; border-color: rgb(0, 0, 0); background-color: rgb(51, 51, 51); }
	#guide .gray { border-color:#888; color:#fff; background-color:#888; font-size:12pt;font-weight:bold;padding-left:12px;letter-spacing:-1px;}
	#guide .g_box {float:left;width:160px;padding-right:20px;}
	
}

/* widget-carousel */
.widget-carousel { position: relative; }
.widget-carousel .carousel-nav a { background: rgb(245, 245, 245); border: 1px solid transparent; border-image: none; top: -50px; width: 30px; height: 30px; text-align: center; right: 0px; color: rgb(55, 55, 55); line-height: 26px; font-size: 18px; margin-top: 0px; position: absolute; opacity: 1; }
.widget-carousel .carousel-nav a:hover { background: rgb(55, 55, 55) !important; color: rgb(255, 255, 255); }
.widget-carousel .carousel-nav a.left { right: 36px; }
.widget-carousel .carousel-nav a.right { right: 0px; }
.widget-carousel .carousel-nav a:hover { background: rgb(255, 255, 255); }
.widget-carousel .carousel-item { margin: 0px 0px 15px; border: 1px solid rgb(231, 231, 231); transition:0.3s linear; border-image: none; overflow: hidden; position: relative; cursor: default; -webkit-transition: all 0.3s linear; }
.widget-carousel .carousel-item::before { display: table; content: ""; }
.widget-carousel .carousel-item::after { display: table; content: ""; }
.widget-carousel .carousel-item::after { clear: both; }
.widget-carousel .label-rank { border-radius: 50%; right: 15px; top: 15px; z-index: 2; width:40px; height:40px; color: #fff; font-size:20px; font-family:tahoma; background: rgb(142, 196, 73); padding:8px; text-align:center; position: absolute; opacity: 0.85; }
.widget-carousel .label-rank.top-rank { background: rgb(233, 27, 35); }
.widget-carousel .label-band { z-index:2; font-family: tahoma; top: 5px; color: #fff; letter-spacing:1px; width: 100px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; transform: rotate(45deg); -o-transform: rotate(45deg);	-ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.widget-carousel .label-tack { left: 0px; top: 0px; z-index: 1; padding:10px 15px; position: absolute; }
.widget-carousel .label-red { background-color: rgba(231,76,60,0.8); }
.widget-carousel .label-blue{ background-color: rgba(52,152,219,0.8); }
.widget-carousel .label-green { background-color: rgba(114,192,44,0.8); }
.widget-carousel .label-purple { background-color: rgba(155,107,204,0.8); }
.widget-carousel .img { display:block; position:relative; height:0; overflow:hidden; text-align:center; background:#f5f5f5; }
.widget-carousel .img img { display:block; position:absolute; top:0; left:0; margin:0 auto; width:auto; max-width:100%; height:100%; border:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.widget-carousel .img:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.widget-carousel .img .no-img-box { display:block; position:absolute; top:0; left:0; margin:0 auto; width:100%; height:100%; border:0px; }
.widget-carousel .img .no-img { position: absolute; left: 50%; top: 50%; width:100px; height:100px; margin-left:-50px; margin-top:-50px; text-align:center; }
.widget-carousel .img .no-img i { border-radius: 50%; color:#efefef; display:block; margin:0px; padding:30px 0px; font-size:40px; width:100px; height:100px; border:0px; background: rgb(255, 255, 255); }
.widget-carousel .img:hover .no-img i { background:#333; color:#fff; }
.widget-carousel .img .no-simg { position: absolute; left: 50%; top: 50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; text-align:center; }
.widget-carousel .img .no-simg i { border-radius: 50%; color:#efefef; display:block; margin:0px; padding:15px 0px; font-size:25px; width:50px; height:50px; border:0px; background: rgb(255, 255, 255); }
.widget-carousel .figure { overflow: hidden; position: relative; }
.widget-carousel .figure .figure-title { display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:0px; }
.widget-carousel .figure .figure-subject { font-size:20px; letter-spacing:-1px; background: rgba(34, 34, 34, 0.7); line-height:40px; color: rgb(255, 255, 255); text-shadow: 2px 2px 2px rgb(0,0,0); position: absolute; left:0; bottom: 22px; width:100%; margin-top:0px; padding:6px 15px; text-align:center; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.widget-carousel .figure:hover .figure-subject { color: orangered; }
.widget-carousel .figure .figure-caption { text-align: center; padding: 0px; transition:transform 0.4s, opacity 0.1s 0.3s; left: 0px; top: auto; width: 100%; height: 100%; bottom: 0px; position: absolute; opacity: 0; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); }
.widget-carousel .figure:hover .figure-caption { transition:transform 0.4s, opacity 0.1s; opacity: 0.8; transform: translateY(0px); -o-transition: -o-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; -webkit-transition: -webkit-transform .4s, opacity .1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }
.widget-carousel .figure .figure-caption ul { list-style: none; margin: 0px; padding: 5px; text-align: center; left: 0px; width: 100%; bottom: 0px; position: absolute; background: rgb(0, 0, 0); }
.widget-carousel .figure .figure-caption ul li { display: inline-block; padding:0 10px; color: rgb(255, 255, 255); }
.widget-carousel h2 { margin:0; padding:15px; text-align:center; font-size: 14px; font-weight: 500; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.widget-carousel .item-info { padding: 10px 15px; border-top-color: rgb(241, 241, 241); border-top-width: 1px; border-top-style: solid; }
.widget-carousel .item-info::before { display: table; content: ""; }
.widget-carousel .item-info::after { display: table; content: ""; clear: both; }
.widget-carousel .item-info span { font-size:12px; padding-top:4px; display:inline-block; }
.widget-carousel .item-info .cnt { color: orangered; font-size:11px; font-weight:bold; font-family:verdana; letter-spacing:-1px; }
.widget-carousel .item-info .pull-right { color:#777;padding-top:5px; font-size:11px; font-weight:normal; font-family:verdana; letter-spacing:0px; }
.widget-carousel-title img { margin:0px auto; }

/* widget-newsticker */
.widget-newsticker { }
.widget-newsticker a { color:rgb(255, 255, 255); height:32px; line-height: 32px; font-family: "Roboto", sans-serif; font-size: 18px; font-weight:400; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.widget-newsticker a:hover { color:rgb(255, 255, 255); }
.widget-newsticker .info { font-size:13px; }
.widget-newsticker .info i { margin-left:10px; }

/* widget-list */
ul.widget-list { list-style: none; margin: 0px; padding: 0px; }
ul.widget-list li { margin: 0px; padding:1px 0px; display: block; }
ul.widget-list li i { font-style: normal; margin-right: 4px; }
ul.widget-list li small { color: orangered; font-size: 10px; font-weight:bold; font-family:verdana; letter-spacing:-1px; }
ul.widget-list li .lock { color: rgb(208, 208, 208); }

/* widget-photo-list */
ul.widget-photo-list { list-style: none; margin: 0px; padding: 0px; }
ul.widget-photo-list li { overflow:hidden; line-height:20px; padding: 6px 0px; width: 100%; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: dotted; }
ul.widget-photo-list li .thumb {margin-bottom:30px;float:left;}
ul.widget-photo-list li img { width: 60px; height:60px;}
ul.widget-photo-list li p {margin-left: 70px; margin-bottom:0px; margin-top:2px;}
ul.widget-photo-list li a { line-height: 18px; font-weight: 400; }
ul.widget-photo-list li a:hover { color:#f90000; text-decoration: none; }
ul.widget-photo-list li b { font-weight:normal; color: rgb(228, 228, 228); width:60px; height:60px; text-align:center; line-height:60px; }
ul.widget-photo-list li p span{font-weight:normal;color:#666;font-size:12px;}
ul.widget-photo-list .author { font-size: 11px; font-style: normal; display: block; color: rgb(161, 161, 161); }
ul.widget-photo-list li small { color: orangered; font-size: 10px; font-weight:bold; font-family:verdana; letter-spacing:-1px; }

/* widget-tag */
.widget-tag { clear:both; }
.widget-tag ul.tag-item::before { display: table; content: ""; }
.widget-tag ul.tag-item::after { display: table; content: ""; }
.widget-tag ul.tag-item::after { clear: both; }
.widget-tag ul.tag-item { list-style: none; margin: 0px; padding-left: 0px; }
.widget-tag ul.tag-item li { float: left; }
.widget-tag ul.tag-item li a { display:inline-block; background: rgb(255, 255, 255); padding: 4px 8px; border: 1px solid rgb(238, 238, 238); color: rgb(55, 55, 55); font-size: 12px; margin-right: 5px; margin-bottom: 5px; text-decoration: none; }
.widget-tag ul.tag-item li a:hover { text-decoration: none; }