body {font-family: "PT Sans", sans-serif;}
strong{font-weight: bold !important;}


.root{font-family:Arial;}
.root-hd{padding-top: 20px; background: #f99f00; }
.root-bd{width: 100%; }
.container:after{clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;}
.root-ft{background: url("../assets/sprite-x.png") 0 20px repeat-x; }

.header{}
.hd-top{position:relative; padding:20px 0 20px 30px; border-top:4px solid #f99000; box-sizing:border-box; height:124px; }
.hd-top .logo{}
.hd-top .logo a{display:block; width:275px; height:85px; background: url("../assets/logo24.png")}

.topgrad{
    background: #f99000!important; /* Old browsers */
    background: -moz-linear-gradient(top, #f99000 0%, #ffc77b 73%, #feb147 73%, #feb147 73%, #f99204 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99000), color-stop(73%,#ffc77b), color-stop(73%,#feb147), color-stop(73%,#feb147), color-stop(100%,#f99204))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f99000 0%,#ffc77b 73%,#feb147 73%,#feb147 73%,#f99204 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f99000 0%,#ffc77b 73%,#feb147 73%,#feb147 73%,#f99204 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f99000 0%,#ffc77b 73%,#feb147 73%,#feb147 73%,#f99204 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom, #f99000 0%,#ffc77b 73%,#feb147 73%,#feb147 73%,#f99204 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99000', endColorstr='#f99204',GradientType=0 )!important;
}

.tools{position:absolute; right:0; bottom:0}
.tools ul{padding-bottom:1px;}
.tools ul li{float:left; padding-left:1px;}
.tools ul li a{display:block; width:32px; height:32px; background:#eee; font-size:18px; color:#fff; text-align:center; box-sizing:border-box;}

.tools ul li.fb a{background:#3b5998; }
.tools ul li.fb a:hover{background:#3b5998; color:#fff;}
.tools ul li.tw a{background:#55acee;}
.tools ul li.tw a:hover{background:#55acee; color:#fff;}
.tools ul li.cu a{background:#699848;}
.tools ul li.wt a{background:#357cbc;}
.tools ul li.sr a{background:#f99000;}
.tools ul li a i{padding-top:7px;}
.tools ul li a:hover{color:#f99000; background:#eeeeee;}

.fixed-banner{position: absolute; top: -5px; right: -150px;}

.hd-menu{position:relative;}
.hd-menu > ul{background:#eee;}
.hd-menu > ul > li{float:left;}
.hd-menu > ul > li > a{display:block; padding:10px; color:#fff; text-decoration:none; font-weight:bold; font-size:14px;}
.hd-menu > ul > li > a:hover{text-decoration:underline;}
.hd-menu > ul > li:hover .news{display:block;}
.hd-menu > ul > li.sel > a{color:#fff;
    background: #f99000; /* Old browsers */
    background: -moz-linear-gradient(top, #f99000 0%, #fdb653 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99000), color-stop(100%,#fdb653)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f99000 0%,#fdb653 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f99000 0%,#fdb653 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f99000 0%,#fdb653 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f99000 0%,#fdb653 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99000', endColorstr='#fdb653',GradientType=0 );
}

.hd-submenu{}
.hd-submenu ul{
    background: #feb756; /* Old browsers */
    background: -moz-linear-gradient(top, #feb756 0%, #ffc77b 42%, #feb147 42%, #f99204 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feb756), color-stop(42%,#ffc77b), color-stop(42%,#feb147), color-stop(100%,#f99204)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feb756 0%,#ffc77b 42%,#feb147 42%,#f99204 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feb756 0%,#ffc77b 42%,#feb147 42%,#f99204 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feb756 0%,#ffc77b 42%,#feb147 42%,#f99204 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feb756 0%,#ffc77b 42%,#feb147 42%,#f99204 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb756', endColorstr='#f99204',GradientType=0 );
}
.hd-submenu ul li{float:left;}
.hd-submenu ul li a{display:block; padding:10px; color:#fff; text-decoration:none; font-weight:bold; font-size:14px;}
.hd-submenu ul li a:hover{color:#053b85;}
.hd-submenu ul li a.songuuli{
    background: #7db9e8;
    background: -moz-linear-gradient(top,  #7db9e8 0%, #207cca 35%, #2989d8 39%, #1e5799 100%);
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#207cca 35%,#2989d8 39%,#1e5799 100%);
    background: linear-gradient(to bottom,  #7db9e8 0%,#207cca 35%,#2989d8 39%,#1e5799 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
}
.hd-submenu ul li a.songuuli:hover{color: #ffc26f;}

.news{position:absolute; left:0; z-index:999999; background:#053b85; display:none;}
.news ul{overflow:hidden; padding:20px 0;}
.news ul li{float:left; width:176px; padding-right:20px;}
.news ul li:first-child{padding-left:20px;}
.news ul li .img{width:176px; height:118px; padding-bottom:5px;}
.news ul li .img img{width:176px; height:118px;}
.news ul li .name{}
.news ul li .name a{color:#fff; font-size:12px;}

/*old*/

.root{}
.root-hd{padding-top: 20px; background: #f99f00; }
.root-bd{width: 100%; }
.container:after{clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;}

.home-most{}
.home-most-nav{}
.home-most-nav ul{width: 100%; overflow: hidden; }
.home-most-nav ul li{float: left; width: auto; }
.home-most-nav ul li a, .home-most-nav ul li a:visited{display:inline-block; padding: 8px 10px; background: #e8e7e7; color: #999; font-size: 108%; border-left:1px solid #fff; text-decoration:none;}
.home-most-nav ul li.first a{border-left:none; }
.home-most-nav ul li.sel a{background:#f99000; padding:8px 11px; color: #fff;}

.home-most-nav ul li a.fb{position:relative; width:70px; padding-left:40px;}
.home-most-nav ul li a.fb i{position:absolute;right:33px; bottom:8px; width:25px; height:20px; background:url("../assets/like.png");}

.home-most-nav ul li a.tw{position:relative; width:70px; padding-left:40px;}
.home-most-nav ul li a.tw i{position:absolute;right:33px; bottom:2px; color:#55acee;}

.home-most-content{overflow: auto; height: 582px; border: 1px solid #e8e7e7;}
.home-most-content .tab-content{overflow: hidden; }
.home-most-content .tab-content ul{width: 100%; overflow: hidden; padding-bottom: 20px; padding-top:10px; }
.home-most-content .tab-content ul li{float: left; width: 280px; padding: 10px 20px 0 20px; overflow: hidden; height:90px;}
.home-most-content .tab-content ul li .img{position:relative; float: left; width: 120px; height: 80px; overflow: hidden; margin-right: 10px; }
.home-most-content .tab-content ul li .img .photobg{position:absolute; width:27px; height:20px; background:url("../assets/sprite.png") -245px 0 no-repeat;}
.home-most-content .tab-content ul li .img .videobg{position:absolute; width:27px; height:20px; background:url("../assets/sprite.png") -295px 0 no-repeat;}
.home-most-content .tab-content ul li .text{padding-top: 10px; }
.home-most-content .tab-content ul li .text a, .home-most-content .tab-content ul li .text a:visited{color:#000; font-size: 93%; }
.home-most-content .tab-content ul li .text .date{color:#ff6600; font-size:85%; }
.home-most-content .tab-content .header{padding:3px 20px; background: #f99000; color:#fff; font-size: 108%; font-weight: bold; }

.home-section{border:1px solid #e8e7e7; padding:8px; width: 200px; margin-right: 6px; }
.home-section-hd{margin: 0 10px; border-left:3px solid #f99000; padding: 0 4px; line-height: 12px; }
.home-section-hd a, .home-section-hd a:visited{color:#f99000; font-weight: bold; font-size: 108%; }
.home-section-bd{height: 330px; overflow: hidden; padding-top: 10px; }
.home-section-bd .img{width: 200px; height: 134px; overflow: hidden; margin-bottom: 10px; }
.home-section-bd .title{}
.home-section-bd .title a, .home-section-bd .title a:visited{color:#000; font-weight: bold; font-size: 108%; }
.home-section-bd ul{}
.home-section-bd ul li{margin-top: 10px; }
.home-section-bd ul li a, .home-section-bd ul li a:visited{color: #363636; font-size:12px; line-height:15px;  font-weight: bold;}
.home-section-author{padding-left: 8px; }
.home-section-author ul{}
.home-section-author ul li{width: 100%; margin-bottom: 5px; margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; overflow: hidden; }
.home-section-author ul li.last{border-bottom: none; }
.home-section-author ul li .img{float: left; width: 50px; height: 50px; overflow: hidden; margin-right: 10px; }
.home-section-author ul li .text{}
.home-section-author ul li .text a, .home-section-author ul li .text a:visited{color:#363636; font-size: 93%; }
.home-section-author ul li .text a.author{display:block; color:#f99f00; font-size: 116%; font-weight: bold; }


.home-box{width:192px;  float:left; padding-right:10px;}
.home-box:last-child{padding-right:0;}
.home-box .inner{border:1px solid #e8e7e7; heigth:329px!important;}
.home-box .title{background:#f99000; padding:5px 10px;}
.home-box .title a{color:#fff; font-size:16px; font-weight:bold;}
.home-box .img{padding:10px;}
.home-box .img img{width:170px; height:120px;}
.home-box ul{padding:0 10px;}
.home-box ul li{padding-bottom:10px;}
.home-box ul li:first-child{font-weight:bold;}
.home-box ul li a{font-size:12px; color:#333;}

.home-photo{background: #eee; padding: 0 5px; }
.home-photo-hd{}
.home-photo-hd a, .home-photo-hd a:visited{color:#f99f00; font-weight: bold; font-size: 182%; }
.home-photo-bd{overflow:hidden; padding:5px;}
.home-photo-bd .btn{float:left;}
.home-photo-bd .btn a{display:block; width:9px; height:19px; margin-top:58px;}
.home-photo-bd a.prev-btn{background:url("../assets/sprite.png") -120px 0 no-repeat; margin-right: 14px; }
.home-photo-bd a.next-btn{background:url("../assets/sprite.png") -135px 0 no-repeat; margin-left: 14px; }
.home-photo-bd .mask{float:left; }
.home-photo-bd .mask ul{}
.home-photo-bd .mask ul li{overflow: hidden; position: relative; }
.home-photo-bd .mask ul li .play{position: absolute; display: block; top:5px; right:5px; width:27px; height: 27px; background: url("../assets/play.png") 0 0 no-repeat; }

.home-photo-bd .mask ul li .img{overflow:hidden; width:135px; height:100px;}
.home-photo-bd .mask ul li .title{}
.home-photo-bd .mask ul li .title a{color:#000; font-size:108%; font-weight:bold;}

.home-poll{width: 430px; height:310px; overflow: hidden; border-bottom:1px solid #e1e1e1;}
.home-poll-hd{background: #f99000; color:#fff; font-size: 116%; font-weight: bold; padding: 3px 10px; }
.home-poll-bd{}
.home-poll-bd .title{color:#000; font-size: 93%; margin: 20px 0 10px 30px;}
.home-poll-bd .data{width: 408px; margin: 10px 0 0 0; color:#333; font-size: 85%; padding-left: 40px; float: left;}
.home-poll-bd .data-input{width: 100%; overflow: hidden; padding-bottom: 5px; padding-left:5px;}
.home-poll-bd .data-input input{float: left; margin-right: 5px; width: auto; }
.home-poll-bd .data a, .home-poll-bd .data a:visited{display: block; text-align: center; width: 80px; margin-top: 15px; padding:3px 0; background: #f99000; color:#fff; font-weight: bold; font-size: 93%; text-decoration:none;}
.home-poll-bd .data .button, .home-poll-bd .data .button:visited{display: block; text-align: center; width: 80px; margin-top: 15px; padding:3px 0; background: #f99000; color:#fff; font-weight: bold; font-size: 93%; text-decoration:none; border: none;}
.home-poll-bd .data a:active{background:#fff;}
.home-poll-bd .result{width: 200px; height: 200px; float: right; overflow: hidden; }
.home-poll-bd .result span{font-size: 85%; color:#ff0000;}

.graph{width:200px; height:295px; border:1px solid #e1e1e1; padding:7px;}
.graph .title{padding:5px 0 15px;}
.graph .title a{color:#f99000; font-size:18px; font-weight:bold;}
.graph .img{}
.graph .img img{width:200px; height:170px;}
.graph .name{}
.graph .name a{font-size:12px; line-height:18px; color:#363636;}

.featured{position:relative;}
.featured ul.bd{}
.featured ul.bd li{overflow:hidden;}
.featured ul.bd li .img{float:left;}
.featured ul.bd li .img img{width:375px; height:250px; overflow:hidden;}
.featured ul.bd li .name{padding-bottom:10px;}
.featured ul.bd li .name a{color:#333; font-size:18px; font-weight:bold; line-height:22px;}
.featured ul.bd li .desc{box-sizing:border-box; border:1px solid #e8e7e7; padding:20px; color:#666; font-size:12px; height:250px; float:left; width:290px; line-height:18px; overflow:hidden;}
.featured ul.pager{position:absolute; bottom:0; right:1px; box-sizing:border-box;}
.featured ul.pager {overflow:hidden;}
.featured ul.pager li{float:left; padding-left:1px;}
.featured ul.pager li a{padding:5px; border:1px solid #e8e7e7; display:block; text-decoration:none; color:#666666; font-size:11px; background:#fff;}
.featured ul.pager li.sel{}
.featured ul.pager li.sel a{background:#f99000; color:#fff;}

.subfeatured{}
.subfeatured ul{}
.subfeatured ul li{float:left; padding-left:10px; width:159px;}
.subfeatured ul li:first-child{padding-left:0px;}
.subfeatured ul li .img{padding-bottom:5px;}
.subfeatured ul li .img img{width:159px; height:110px;}
.subfeatured ul li .name{}
.subfeatured ul li .name a{color:#083761; font-size:11px;}

.contentview{}
.contentview > h2{padding:10px 0; font-size:138.5%; font-weight:bold; border-bottom:1px solid #CCC; text-transform: uppercase; font-family: "PT Sans", sans-serif;}
.contentview > .date{padding-top:5px; overflow:hidden;}
.contentview .social{float:right;}
.contentview .social > div{display:inline-block;}
.contentview .social > .facebook{background-color: #3b5998; padding: 7px 10px; border-radius: 2px;}
.contentview .social > .facebook a{color: #fff; text-decoration: none;}
.contentview .social > .facebook > a > .fa {padding-right: 10px;}
.contentview .social > .facebook > a > span {padding-right: 10px;}
.contentview .social > .twitt{background-color: #55acee; padding: 7px 10px;  border-radius: 2px;}
.contentview .social > .twitt a{color: #fff;}

.contentview > .date span{color:#9a9a9a;}
.contentview > .text{padding:20px 0; text-align:justify; overflow:hidden; line-height:2; font-family: Verdana,Geneva,sans-serif; font-size:14px;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.contentview > .text img{border:1px solid #CCC; box-sizing: border-box;}
.contentview > .text ol{*margin-right:0; padding:0 40px; list-style: decimal;}
.contentview > .text ul{*margin-right:0; padding:0 40px; list-style: disc;}
.contentview > .text dl{*margin-right:0; padding:0 40px;}
/*.contentview > .text table{margin-top: 10px;}*/
/*.contentview > .text table td{width: 333px; padding: 10px; border-right: 1px solid; vertical-align: top;}*/
/*.contentview > .text table td:last-of-type{border-right: 0;}*/
.contentview > .text figure{
    margin: 0 10px 0 0;
}
/*.contentview > .text figure img{
    border-radius: 50%;
}*/
.contentview > .text figcaption{
    text-align: center;
    font-weight: bold;
    line-height: 1;
}
.contentview > .text table {
    font-size: 13px;
    margin: 20px 0;
    width: 100%;
    border-top: 3px solid #363636;
    border-bottom: 2px solid #363636;
    border-collapse: collapse
}
.contentview > .text table th {
    border: 1px solid #ccc;
    border-bottom: 1px solid #363636;
    font-weight: bold;
    padding: 4px;
    color: #363636;
    background-color: #dbe1ea
}
.contentview > .text table td {
    border: 1px solid #dbe1ea;
    padding: 4px;
    color: #363636;
    font-weight: 300
}
.contentview > .text table th > p,
.contentview > .text table td > p {
    margin: 0
}
.contentview > .text table.tright tr:nth-child(even) {
    background-color: #fbfdff
}
.contentview > .text table.tleft tr:nth-child(even) {
    background-color: #fbfdff
}
.contentview > .text table.tshort td {
    padding: 2px
}
.contentview .tweetable{background-color: rgba(208, 241, 255, 0.4); text-decoration:none;}
.contentview .tweetable span{color:#363636;}
.contentview .tweetable::after{display: inline-block;
    background: url("../assets/twittersmall.png") no-repeat;
    content: " ";
    width: 15px;
    height: 10px;
    margin-left: 4px;
    color: #00acee;}


@media (max-width: 600px) {
    .contentview > .text table {
        width: 100% !important
    }

}

.contentview blockquote:not(.twitter-tweet){
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    position: relative;
    padding: 3px 20px 7px;
    border-left: 4px solid #f99000;
    margin: 30px 0;
}
.contentview blockquote:not(.twitter-tweet) > p{
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
    color: #545454;
}
.contentview blockquote:not(.twitter-tweet):before{display: inline-block; margin-top: 23px; margin-bottom: 15px; font-family: FontAwesome; font-style: normal; content: "\f10d"; font-size: 30px; color: #f99000;}
.contentview blockquote:not(.twitter-tweet):after{display: inline-block; float: right; margin-top: 15px; margin-bottom: 20px; font-family: FontAwesome; font-style: normal; content: "\f10e"; font-size: 30px; color: #f99000;}

/*.contentview blockquote{    font-size: 20px;line-height: 28px;font-style: italic;position: relative;padding: 3px 30px 7px;border-left: 3px solid #f99000;margin: 30px 0;}*/



.contentview .tw-box{float: left;}
.contentview .reactions{position: relative; float: right; margin: -8px 0 20px;}
.contentview .reactions .res{display: none; position: absolute; top: -20px; left: 88px;}
.contentview .reactions ul{overflow: hidden;}
.contentview .reactions ul li{position: relative; float: left; width: 48px; height: 58px;}
.contentview .reactions ul li a{position: absolute; top: 6px; left: 4px; display: block;}
.contentview .reactions ul li a img{width: 34px; height: 34px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.contentview .reactions ul li a:hover img{width: 40px; height: 40px; margin: -3px 0 0 -3px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;}
.contentview .reactions ul li span{position: absolute; bottom: -2px; left: 18px; font-size: 11px; color: #9a9a9a;}

.bounce{position: absolute; animation-name: bounce; animation-duration: 1s; animation-fill-mode: both; animation-delay: 0s;}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0,-3px,0);
        transform: translate3d(0,-3px,0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0,3px,0);
        transform: translate3d(0,3px,0);
    }
}

.fcontainer div.fcontainer-contact{overflow:hidden;}
.fcontainer div.fcontainer-contact ul{padding-left: 25px;}
.fcontainer div.fcontainer-contact ul li{padding:3px 0 3px 0; list-style-image: url("../assets/li.png");}
.fcontainer div.fcontainer-contact ul li a, .fcontainer div.facontainer-contact ul li a:visited{font-size: 93%; color: #083761; text-decoration:none;}
.fcontainer div.fcontainer-contact ul li a:hover{color: #202079;}
div.other-related{overflow:hidden;margin-top:10px;}
div.other-related a, div.other-related a:visited{font-size: 93%; color: #083761; text-decoration:none;}

.others{}
.others ul{overflow:hidden; margin-right:-10px;}
.others ul li{float:left; width:159px; height:187px; margin-right:10px;}
.others ul li .img{height:106px; overflow:hidden; margin-bottom:5px;}
.others ul li .img img{}
.others ul li .name{}
.others ul li .name a{font-size:12px;font-weight:bold; color:#333;}
.others ul li .date{font-size:11px; color:#f99000;}

div.toolbar{overflow:hidden; padding:7px 11px; border:1px solid #dedede; border-radius:5px; background:#efefef;}
div.toolbar div{float:left; margin-right:5px;}
div.toolbar .share{margin-right:10px;}

div.toolbar .email{float:right;}
div.toolbar .print{float:right;}
div.toolbar .add{float:right;}

div.toolbar div a{display:block; height:20px;}
div.toolbar .share a{width:62px; background:url("../assets/sprite-toolbar.png") 0 0 no-repeat;}
div.toolbar .facebook a{width:16px; background:url("../assets/sprite-toolbar.png") -90px 0 no-repeat;}
div.toolbar .myspace a{width:16px; background:url("../assets/sprite-toolbar.png") -120px 0 no-repeat;}
div.toolbar .google a{width:16px; background:url("../assets/sprite-toolbar.png") -150px 0 no-repeat;}
div.toolbar .twitter a{width:16px; background:url("../assets/sprite-toolbar.png") -180px 0 no-repeat;}
div.toolbar .tugeeh a{width:65px; background:url("../assets/sprite-toolbar.png") -210px 0 no-repeat;}
div.toolbar .email a{width:26px; background:url("../assets/sprite-toolbar.png") -300px 0 no-repeat;}
div.toolbar .print a{width:26px; background:url("../assets/sprite-toolbar.png") -360px 0 no-repeat;}
div.toolbar .add a{width:26px; background:url("../assets/sprite-toolbar.png") -420px 0 no-repeat;}


div.mostcontents{}
div.mostcontents{}
div.mostcontents .most-navs{}
div.mostcontents .most-navs ul{overflow:hidden; border-bottom:1px solid #EEE;}
div.mostcontents .most-navs ul li{float:left; margin-right:1px; padding:5px 9px; background:#eee;}
div.mostcontents .most-navs ul li.sel{background:#f99000;}
div.mostcontents .most-navs ul li.sel a{font-weight:bold; color:#fff;}
div.mostcontents .most-navs ul li a{font-size:93%; font-family:"Tahoma"; color:#666;}
div.mostcontents .most-contents{padding-top:10px; height:540px; overflow-x:hidden; overflow-y:auto;}
div.mostcontents .most-contents ul{}
div.mostcontents .most-contents ul li{width: 100%; overflow: hidden; padding: 5px 0; }
div.mostcontents .most-contents ul li .img{position:relative; float:left; overflow:hidden; width:120px; height:80px; margin-right:5px;}
div.mostcontents .most-contents ul li .img .photobg{position:absolute; width:27px; height:20px; background:url("../assets/sprite.png") -245px 0 no-repeat;}
div.mostcontents .most-contents ul li .img .videobg{position:absolute; width:27px; height:20px; background:url("../assets/sprite.png") -295px 0 no-repeat;}
div.mostcontents .most-contents ul li .text{}
div.mostcontents .most-contents ul li .text a{margin-bottom:3px; color:#333; font-size:93%; font-weight:bold;}
div.mostcontents .most-contents ul li .text .date{color:#ff6600; font-size:85%; }

.contentlist{}
.contentlist > h2{padding-bottom:5px; color:#000; font-size:138.5%; font-weight:bold; border-bottom:5px solid #CCC; text-transform: uppercase;}
.contentlist ul{}
.contentlist ul li{overflow:hidden; padding:15px 0 10px; border-bottom:1px dotted #CCC;}
.contentlist ul li.first .title a,.contentlist ul li.first .title a:visited{color:#000; font-weight:bold; font-size:116%;}
.contentlist ul li .item-left{float:left;}
.contentlist ul li .item-right{padding-left:175px;}
.contentlist ul li .img{overflow:hidden; width:160px; height:100px; float:left; margin-right:10px; position: relative;}
.contentlist ul li .title{padding-bottom:10px; max-height: 45px; overflow: hidden;}
.contentlist ul li .title a, .contentlist ul li .title a:visited{color:#0f355a; font-weight:bold; font-size:100%; text-transform: uppercase;}
.contentlist ul li .date{padding-bottom:5px;}
.contentlist ul li .date span{color:#ff6400;}
.contentlist ul li .desc{color:#636363; text-align:justify; max-height: 45px; overflow: hidden;}

div.pager{overflow:hidden;}
div.pages{float:right; padding:2px 0;}
div.forum{padding:5px 0;}
div.pages a{float:left; display: block; margin-left:1px; font-family:times;}
div.pages a.number{width:24px; height:18px; padding:2px 0 0 0; color:#646464; text-align:center; background:#EEE;}
div.pages a.number:hover{text-decoration:none;}
div.pages a.sel{color:#FFF; background:#f99f00;}
div.pages a.number.active{color:#FFF; background:#f99f00;}
div.pages a.pages-prev, div.pages a.pages-prev:visited,
div.pages a.pages-next, div.pages a.pages-next:visited{width:20px; height:20px;}
div.pages a.pages-prev{background:url("../assets/sprite-buttons.png") 0 -550px no-repeat;}
div.pages a.pages-prev:hover{background:url("../assets/sprite-buttons.png") 0 -590px no-repeat;}
div.pages a.pages-next{float:right; background:url("../assets/sprite-buttons.png") 0 -630px no-repeat;}
div.pages a.pages-next:hover{float:right; background:url("../assets/sprite-buttons.png") 0 -670px no-repeat;}

/*COMMENT*/

.comment-warning{color:#ff6600; font-size:12px;}
.userquestion-post{width:754px; margin:10px 0 0 190px; }
.comments-warning{color:#ff6600; font-size:85%;}
.comment-hd{border-bottom:3px solid #999;}
.comment-hd .comment-hd-top{overflow:hidden; background:#999; padding:7px 5px;}
.comment-hd-top .total{float:left;}
.comment-hd-top .total span{font-size:138.5%; font-weight:bold; color:#FFF;}
.comment-hd-top .select{float:right; border:2px solid #838383;}
.comment-hd-top .select select{height:22px;}
.select option{font-size:93%; color:#666; width:200px;}
div.comments-form{overflow:hidden; padding:10px 10px 10px 40px;  background:#eee;}
div.comments-form div.comments-label{float:left; padding-left:35px;}
div.comments-form div.comment-label{float:left; margin-right:10px;}
div.comments-form input{float:left; margin-left:10px; width:200px; border:2px solid #b3b3b3;}
div.comments-form textarea{float:left; ; width:500px; height:40px; border:2px solid #b3b3b3;}
div.comments-form .label{float:left; margin-top:5px;}
div.comments-form  div.button{padding-top:3px; }
div.comments-form div.button a, div.comments-form .button a:visited{float:right; width:54px; height:18px; background:url("../assets/sprite-buttons.png") -100px 0 no-repeat;}

.comment-bd{}
.comment-bd ul{}
.comment-bd ul li{position:relative; border-bottom:1px solid #c8c8c8; background:#ddd;}
.comment-bd ul li.first{border-top:2px solid #FFF;}
.comment-item-answer{overflow:hidden; border-left:2px solid #c8c8c8;}
.comment-bd ul li div.item-left{margin-right:132px; border-right:1px solid #c8c8c8; background:#FFF;}
.comment-item{padding:7px 10px; overflow:hidden;}
.comment-item div.name{overflow:hidden; font-size:80%; color:#ff6600; padding-bottom:5px;}
.comment-item div.date{padding-bottom:5px;}
.comment-item div.date span{color:#999; font-size:85%;}
.comment-item div.desc{overflow:hidden; padding-bottom:5px; font-size:85%; color:#363636; word-wrap: break-word; }
.comment-bd ul li div.item-right{float:right; width:132px; overflow:hidden;}
div.item-right .item-right-top{overflow:hidden;}
.item-right-top div.item-right-top-number{float:left; padding:5px 5px 0 20px;}
div.item-right-top-number .number{float:left;}
div.item-right-top-number .number span{font-size:93%; color:#666;}
div.item-right-middle-like .yes{float:left;}
div.item-right-middle-like .yes a, div.item-right-middle-like .yes a:visited{display:block; width:52px; height:24px; background:url("../assets/sprite-buttons.png") 0 -1100px no-repeat;}
.item-right-top div.item-right-middle-like{float:left; padding:5px 5px 0 5px;}
div.item-right-top-number .number1{float:left; padding-left:50px;}
div.item-right-top-number .number1 span{font-size:93%; color:#666;}
div.item-right-middle-like .no{float:left; padding-left:10px;}
div.item-right-middle-like .no a, div.item-right-middle-like .no a:visited{display:block; width:52px; height:24px; background:url("../assets/sprite-buttons.png") -60px -1100px no-repeat;}
div.item-right .item-right-bottom{padding:5px 0 5px 5px;}
div.item-right .item-right-bottom a, div.item-right .item-right-bottom a:visited{float:left; margin-left:5px; width:24px; height:18px; background:url("../assets/sprite-buttons.png") -120px -1100px no-repeat;}
div.item-right .item-right-bottom span{font-size:85%; color:#666; margin-left:10px;}

div.comment-bd .replyview{position:absolute; bottom:-140px; right:5px; width:300px; height:150px;  border:1px solid #aaa; background:#eee; z-index:102;}
div.comment-bd .replyview .name{overflow:hidden; margin:10px 10px 5px;}
div.comment-bd .replyview .name .label{float:left; margin-right:4px; font-weight:bold;}
div.comment-bd .replyview .name input{float:left; border:1px solid #aaa}
div.comment-bd .replyview .label-comment{margin:0 10px; font-weight:bold;}
div.comment-bd .replyview textarea{width:90%; margin:0 10px; border:1px solid #aaa; resize:none; }

div.comment-bd .btns{overflow:hidden; margin:0 10px;}
div.comment-bd .btns .cancel{float:left; font-weight:bold; color:#888;}
div.comment-bd .btns .send{float:right; font-weight:bold; color:#00A0FF;}

.interview{}
.interview .inner{padding:20px 10px 10px; border:1px solid #e8e7e7; border-top:none;}
.interview .title{background:#f99000; padding:5px 10px;}
.interview .title a{font-size:16px; color:#fff; font-weight:bold;}
.interview .img{padding-bottom:5px;}
.interview .img img{width:292px; height:185px;}
.interview .name{}
.interview .name a{font-size:14px; color:#333; font-weight:bold;}

.photo-history{}
.photo-history .title{background:#f99000; font-size:20px; color:#fff; padding:5px 10px; font-weight:bold;}
.photo-history .title a{font-size:16px; color:#fff; font-weight:bold;}
.photo-history ul{padding:7px; border:1px solid #e8e7e7; overflow:hidden;}
.photo-history ul li{overflow:hidden; padding-top:10px;}
.photo-history ul li:first-child{padding-top:0;}
.photo-history ul li .img{float:left; margin-right:5px; height:70px; width:105px; position: relative;}
.photo-history ul li .img img{height:70px; width:105px;}
.photo-history ul li .name{}
.photo-history ul li .name a{font-size:12px; color:#333; font-weight:bold; font-style:italic;}

.authors ul{overflow: auto; height: 214px;}
.authors ul li{padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.authors ul li:last-child{padding-bottom: 5px; border: none;}
.authors ul li .name{margin-bottom: 2px;}
.authors ul li .name a{color: #f99000; font-size: 13px; font-style: normal;}
.authors ul li .img{overflow: hidden; width: 50px; height: 50px; margin-right: 2px;}
.authors ul li .img img{width: 100%; height: auto;}
.authors ul li .desc{overflow: hidden; max-height: 32px;}

.sensation{}
.sensation .title{background:#f99000; padding:5px 10px;}
.sensation .title a{font-size:16px; color:#fff; font-weight:bold;}
.sensation ul{padding:7px; border:1px solid #e8e7e7; overflow:hidden;}
.sensation ul li{float:left; padding-top:10px;}
.sensation ul li:first-child{padding-top:0;}
.sensation ul li .img{float:left; height:70px; padding-right:5px;}
.sensation ul li .img img{width:105px; height:70px;}
.sensation ul li .name{}
.sensation ul li .name a{font-size:12px; color:#333; font-weight:bold; font-style:italic;}

.fact{}
.fact .title{background:#f99000; font-size:20px; color:#fff; padding:5px 10px; font-weight:bold;}
.fact ul{padding:7px; border:1px solid #e8e7e7; overflow:hidden;}
.fact ul li{overflow:hidden; padding-top:10px;}
.fact ul li:first-child{padding-top:0;}
.fact ul li .img{float:left; padding-right:5px; height:70px;}
.fact ul li .img img{}
.fact ul li .name{}
.fact ul li .name a{font-size:12px; color:#333; font-weight:bold; font-style:italic;}

.twitter{border:1px solid #f99000; border-radius:5px; border-bottom:15px solid #f99000;}
.twitter .title{background:#f99000; padding:5px 10px;}
.twitter .title a{font-size:20px; color:#fff; font-weight:bold;}

.myzar{padding-bottom: 10px;
    border-bottom: 1px dashed #d0d0d0;}
.myzar .head{}
.myzar .head .title{color: #F99F00;
    font-weight: bold;   padding-bottom: 10px;
    border-bottom: 3px solid #e5e7ea;}

.friend{padding-bottom: 10px;
    border-bottom: 1px dashed #d0d0d0;}
.friend .friend-hd{color: #F99F00;
    font-weight: bold;   padding-bottom: 10px;
    border-bottom: 3px solid #e5e7ea;}
.friend .friend-bd{height:260px; overflow:scroll;}
.friend .friend-bd ul{overflow:hidden; padding-top:15px;}
.friend .friend-bd ul li{float:left; width:150px; height:160px; padding-right:10px;}
.friend .friend-bd ul li .img{}
.friend .friend-bd ul li .img img{width:144px; height:100px;}
.friend .friend-bd ul li .name{}
.friend .friend-bd ul li .name a{font-size:11px; color:#666;}

.archive{}
.archive > .title{padding-bottom:5px; color:#000; font-weight:bold; font-size:18px; border-bottom:#ccc 5px solid;}
.archive .filter{}
.archive .filter .field{overflow:hidden;}
.archive .filter .field input{padding:5px; width:530px; float:right;}
.archive .filter .date{padding:15px; background:#f5f5f5; border:1px solid #ccc; color:#f99000;}
.archive .filter .date{}

.archive .sections .title{color:#f99000; font-size:14px; font-weight:bold; padding:10px 0;}
.archive .sections{width:164px; float:left;}
.archive .sections > ul{}
.archive .sections > ul > li{padding-left:1em;}
.archive .sections > ul > li.sel:before{content: "\f107"; color:#f99000;}
.archive .sections > ul > li:before{content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size:12px;}
.archive .sections > ul > li > a{color:#000; font-size:12px; line-height:18px; font-family:'FontAwesome';}
.archive .sections > ul > li.sel > a{color:#f99000; font-size:12px; line-height:18px; font-family:'FontAwesome';}
.archive .sections ul.sub{padding-left:10px;}
.archive .sections ul.sub li{padding-left:0.8em;}
.archive .sections ul.sub li:before{content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    width: 0.8em;
    margin-left: -0.8em;
    font-size:12px;
    color:#545454;}
.archive .sections ul.sub li a{color:#545454;}
.archive .list{width:500px; float:right; border-left:2px #f99000 solid;}
.archive .list > ul{border-bottom:1px solid #ccc;}
.archive .list > ul > li{overflow:hidden; padding:15px 0 15px 20px; border-top:1px dotted #ccc; position:relative;}
.archive .list > ul > li:first-child{border-top:none;}
.archive .list > ul > li > .img{float:left; margin-right:15px; width:150px; height:100px; background:#ccc;}
.archive .list > ul > li > .img > img{width:150px; height:100px;}
.archive .list > ul > li > .section{position:absolute; right:0; bottom:15px; color:#f99000; font-weight:bold;}
.archive .list > ul > li > .name{}
.archive .list > ul > li > .name > a{color:#333; font-size:13px; line-height:19px;}
.archive .list > ul > li > .date{color:#f99000; font-size:13px; line-height:19px;}
.archive .list .count{padding:5px;}

/* nomi's Css starts here */
/* ---comment-field's css---*/
/* comment send form css*/
.comm-box{padding:20px 0 20px 0;}
.comm-box .comm-form{}
.comm-box .comm-form .fcomp-styling{padding:20px;border:1px solid #f99000;font-family:Arial;color:#000; width: 100%;; box-sizing: border-box;}
.comm-box .comm-form textarea{width:624px;height:60px;resize: none;}
.comm-box .comm-form .comm-sent-box{overflow:hidden;margin-top:5px;}
.comm-box .comm-form .comm-sent-box input{padding:13px 20px;width:400px;margin-right:8px;}
.comm-box .comm-form .comm-sent-box .submit-btn{padding:13px 20px;width:209px;color:#fff;background:#f99000;border:1px solid #f99000;float:right;-webkit-transition:all ease-in-out 0.2s;color:#fff;}
.comm-box .comm-form .comm-sent-box .submit-btn:hover{cursor:pointer;color:#000;background:#fff;}
/* pref comments css*/
.comm-box .prev-comms-box{padding:10px 0 20px 0;}
.comm-box .prev-comms-box h3{border-bottom: 1px solid #f99000;padding-bottom:5px;font-family:arial;font-weight:bold;font-size:14px;}
.comm-box .prev-comms-box ul{}
.comm-box .prev-comms-box ul li{padding:15px 0 15px 0;}
.comm-box .prev-comms-box ul li > div{margin-top:8px;color:#545454;}
.comm-box .prev-comms-box ul li > div:first-child{font-size:14px;font-family:arial; font-weight:bold;margin-top:0;color:#000;}
.comm-box .prev-comms-box ul li .comm-desc{padding-top:8px;margin-top:0;color:#f99000;}
.comm-box .prev-comms-box ul li .comm-desc span{color:#868686;}
.comm-box .prev-comms-box ul li .comm-desc a{}
.comm-box .prev-comms-box ul li .comm-desc a:hover{cursor:pointer;}
.comm-box .prev-comms-box ul li .comm-desc i{color:#868686;}
.comm-box .prev-comms-box ul li .comm-desc i.last-child{padding:0 7px 0 8px;}
.comm-box .prev-comms-box ul li .comm-desc i.last-child:hover{cursor:pointer;}
.comm-box .prev-comms-box ul li .sub-comms-box{padding:0 0 0 50px;}
.comm-box .prev-comms-box .comm-reply{padding: 0 0 0 50px; height:0;overflow:hidden;}
.comm-box .prev-comms-box .comm-reply.active{display:block;}
.comm-box .prev-comms-box .comm-reply textarea{width:574px;}
.comm-box .prev-comms-box .comm-reply input{width:350px;}
.comm-box .prev-comms-box .comm-reply .close-row{overflow:hidden;padding-bottom:5px;}
.comm-box .prev-comms-box .comm-reply .close-row i{float:right;}
.comm-box .prev-comms-box .comm-reply .close-row .close-trigger:hover{cursor:pointer;}

/* end of comments-field*/
/* hitnews's css starts here*/
/* layouts css*/
section{}
section:first-child{padding-top:15px;}
.main-content{overflow:hidden;}
.col170{width:165px;}
.col830{width: 835px; }
/* end of layouts css*/
.time-cate-row{overflow:hidden;padding-bottom:20px; border-bottom:6px solid #cccccc;}
.time-cate-row a{display:block;float:left;font-size:24px;color:#f99000;text-decoration: none;font-family:arial;font-weight:bold;}
.time-cate-row a span{color:#053b85;font-weight: normal;}
.time-cate-row .time-cate{float:right;padding-top:10px;}

/* cate column's css */
.cate-col{padding-top:10px;}
.cate-col h2{font-size:15px;font-weight:bold;color:#f99000;}
.cate-col form{margin-top:15px;}
.cate-col form ul{}
.cate-col form ul li{line-height:22px;overflow:hidden;}
.cate-col form ul li span{display:block; float:left;margin:1px 5px 0 0;}
.cate-col form ul li input{}
/* cate column's end*/
/* tabled news css starts here*/
.tabled-news{}
.tabled-news table{width:835px;border-left:2px solid #f99000;border-bottom:1px dotted #ccc;border-collapse: collapse;}
.tabled-news table tr{}
.tabled-news table tr:first-child{height:35px;background:#f5f5f5;}

.tabled-news table tr:first-child th{padding-left:15px;color:#f99000;text-align:left;font-size:15px;}
.tabled-news table tr:first-child th:last-child{border-right:1px solid #f5f5f5;}
.tabled-news table tr:last-child td{border-bottom:none;}

.tabled-news table tr:nth-child(2) td{border-top:1px solid #f99000;}
.tabled-news table tr td{padding:40px 10px;width:75px;border-bottom:1px dotted #ccc; border-right:1px solid #ccc;text-align:center;}
.tabled-news table tr td:first-child{width:98px;}
.tabled-news table tr .per-tnews-box{overflow:hidden;width:384px;padding:15px 15px 15px 15px;}
.tabled-news table tr .per-tnews-box a{float:left;}
.tabled-news table tr .per-tnews-box a img{width:120px; height:80px;}
.tabled-news table tr .per-tnews-box .tnews-desc{float:left;padding-left:15px; width:230px;text-align:left;font-size:12px;font-weight:bold;font-size:11px;}
.tabled-news table tr .per-tnews-box .tnews-desc > div > a{color:#333; font-size:13px; line-height:19px;}
.tabled-news table tr .per-tnews-box .tnews-desc .tnews-more-box{padding:18px 0 0 0;font-weight:normal;color:#ccc;font-size:10px;text-align:left;}
.tabled-news table tr .per-tnews-box .tnews-desc .tnews-more-box a{display:block;float:right; font-weight:bold;color:#f99000;}
.tabled-news table tr .per-tnews-box .tnews-desc .tnews-more-box a i{color:#000;}

td.tr_access{vertical-align: middle; width:139px;  border:1px solid #d7e9f4; background: #fff;}
td.tr_access .saw{overflow: hidden;  padding-left: 10px;}
td.tr_access .saw .line{height: 7px; width: 2px; background: #f99000; float:left; margin-right: 1px; margin-top: 5px;}

/* tabled news css ends here */
/* hitnews's css ends here*/

/* weather currency box's css starts here */
.weath-curr-box{;position:absolute;right:0;top:-91px;width:313px; height:88px;border:1px solid #eeeeee;}
.weath-curr-box .weather-field{ display:none;padding:10px;}
.weath-curr-box .weather-field .date-where-box{color:#053b85;font-weight:bold;overflow:hidden;}
.weath-curr-box .weather-field .date-where-box span{float:right;}
.weath-curr-box .weather-field .weath-info{overflow:hidden;padding:5px 0 0 15px;}
.weath-curr-box .weather-field .weath-info > div{overflow:hidden;float:left;padding-top:5px;}
.weath-curr-box .weather-field .weath-info > div img{padding:0 0 0 5px;display:block;float:left;}
.weath-curr-box .weather-field .weath-info > div span{display:block;padding:13px 0 0 8px;float:left;color:#666666;}
.weath-curr-box .weather-field .weath-info .gradus-box{float:right;width:150px;}
.weath-curr-box .weather-field .weath-info .gradus-box ul{overflow:hidden;height:55px;}
.weath-curr-box .weather-field .weath-info .gradus-box ul li{width:40px; position:relative;float:left;font-size:36px;color:#666666;padding: 0px 10px;}
.weath-curr-box .weather-field .weath-info .gradus-box ul li:first-child{border-right:1px solid #ccc;}
.weath-curr-box .weather-field .weath-info .gradus-box ul li .day{position:absolute;font-size:11px;color:#f99000;}
.weath-curr-box .weather-field .weath-info .gradus-box ul li .d{bottom:-4px;left:-8px;}
.weath-curr-box .weather-field .weath-info .gradus-box ul li .n{bottom:-4px;left:6px;}
.weath-curr-box .weather-field .weath-info .gradus-box ul li .gradus{position:absolute;right:0;width:10px;height:10px;background:url('../assets/gradus.png') no-repeat;  }
/* search field*/
.weath-curr-box .search-field{display:none;padding:10px;}
.weath-curr-box .search-field form{position:relative;overflow:hidden;}
.weath-curr-box .search-field form input{padding: 7px 10px 5px 10px;width:180px; float:left;}
.weath-curr-box .search-field form > div:first-child{overflow:hidden;}
.weath-curr-box .search-field form .search-icon{position:absolute;left:178px;top:8px;width:20px;height:20px;background:url('../assets/search-btn.png') no-repeat;border:none;background-size:100%;}
.weath-curr-box .search-field form .second-srch-btn{float:left;width:87px;padding:7px 10px 7px 10px;border:1px solid #f99000;background:#f99000;color:#fff;-webkit-transition:all ease-in-out 0.2s;}
.weath-curr-box .search-field form .second-srch-btn:hover{background:#fff;color:#000;cursor:pointer;}
.weath-curr-box .search-field form .srch-choices{padding:15px 0 0 0;}
.weath-curr-box .search-field form .srch-choices ul{overflow:hidden;}
.weath-curr-box .search-field form .srch-choices ul li{float:left;color:#666666;}
.weath-curr-box .search-field form .srch-choices ul li input{width:30px;}
/* currency-box's css starts here*/
.weath-curr-box .currency-box{display:none;}
.weath-curr-box .currency-box .curr-logo-row{padding:5px;}
.weath-curr-box .currency-box .curr-logo-row a{display:block;text-align:center;}
.weath-curr-box .currency-box .curr-logo-row a img{}
.weath-curr-box .currency-box ul{overflow:hidden;}
.weath-curr-box .currency-box ul li{float:left;padding:10px 12px;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;}
.weath-curr-box .currency-box ul li:first-child{width:107px;color:#c9c9c9;}
.weath-curr-box .currency-box ul li:nth-child(2){width:17px;border-right:1px dashed #eee;}
.weath-curr-box .currency-box ul li:nth-child(2) img{margin-top:2px;}
.weath-curr-box .currency-box ul li:nth-child(3){border-right:1px dashed #eee;color:#018be4;}
.weath-curr-box .currency-box ul li:last-child{padding-right:15px;border-right:none;color:#699847;}

/* weather currency box's css ends here */

.footer{}
.footer .footer-hd{height:36px; position:relative; margin-top:40px;}
.footer .footer-hd .logo{width: 180px; height:55px; background:url("../assets/sprite.png") 0 -120px no-repeat; position:absolute; left:0; bottom:0;}
.footer .menu{background:#f4f4f4; text-align:center;}
.footer .menu ul{overflow:hidden; text-align:center;}
.footer .menu ul li{display:inline-block; padding:5px 0;}
.footer .menu ul li:first-child a{border-left:none;}
.footer .menu ul li a{display:block; padding:0 8px; color:#838383; font-size:11px; border-left:1px solid #838383;}
.footer .copyight{background:#f4f4f4; color:#838383; font-size:11px; text-align:center; padding-bottom:10px;}


/* for tweet-box start */
.tweet-box{width:314px; height:316px; }
.tweet-box .tweet-box-top{position: relative;  height:55px; overflow: hidden;}
.tweet-box .tweet-box-top .tweet-logo{float: left; width:36px; height:36px; margin:10px 0 0 10px;}
.tweet-box .tweet-box-top .tweet-logo a,.tweet-box .tweet-box-top .tweet-logo a:visited{display: inline-block; width:36px; height:36px; background:url("../assets/24tsag_normal.jpg") 0 0 no-repeat;}
.tweet-box .tweet-box-top span{display: inline-block; padding:18px 8px 8px; color: #fff; font-size:100%; font-weight: bold;}
.tweet-box .tweet-box-top .follow{height: 30px; float: right; margin-top: 15px; margin-right: 10px;}
.tweet-box .tweet-box-top .follow iframe{position: absolute; top: 15px; right: 10px;}
.tweet-box .tweet-box-bd{position: relative; margin-bottom: 10px; padding:0 1px;}
.tweet-box .tweet-box-bd .tweet-list{height: 244px; overflow-y: auto; border-top:solid 1px #f1f1f1; background:#fff;}
.tweet-box .tweet-box-bd .tweet-list .list-top{height: 50px; overflow: hidden; padding:7px 10px 0 10px; }
.tweet-box .tweet-box-bd .tweet-list .list-top .img{float:left; width: 32px; height: 32px; margin-right: 6px; }
.tweet-box .tweet-box-bd .tweet-list .list-top .img a{display: inline-block; background-size: 32px 32px; border-radius: 4px 4px 4px 4px;}
.tweet-box .tweet-box-bd .tweet-list .list-top .img img{display: inline-block; width: 32px; height: 32px; background-size: 32px 32px; border-radius: 4px 4px 4px 4px;}
.tweet-box .tweet-box-bd .tweet-list .list-top .name{}
.tweet-box .tweet-box-bd .tweet-list .list-top .name a{font-size:12px; font-weight: bold; color: #333333;}
.tweet-box .tweet-box-bd .tweet-list .list-top .name span{margin-top: 2px; font-size:12px; font-weight: normal; color: #aa99bb;}
.tweet-box .tweet-box-bd .tweet-list .list-top .name span a{font-weight: normal; color: #aa99bb;}
.tweet-box .tweet-box-bd .tweet-list .list-top .date{font-size: 11px; color: #aa99bb;}
.tweet-box .tweet-box-bd .tweet-list .list-bottom{padding: 0px 10px 10px 10px;}
.tweet-box .tweet-box-bd .tweet-list .list-bottom .desc{margin-bottom: 3px; font-size: 12px; color: #333333;}
.tweet-box .tweet-box-bd .tweet-list .list-bottom .desc a{color: #0084B4; font-size: 12px!important;}
.tweet-box .tweet-box-bd .tweet-list .list-bottom .retweet{text-align: right; font-size: 12px; font-weight: bold; color: #333333}
.tweet-box .tweet-box-bd .tweet-list .list-bottom .retweet span{color: #999999;}
/* end of tweet-box */


/*Gallery begin*/
.photoview{}
.photoview > h2{padding:10px 0; font-size:138.5%; font-weight:bold; border-bottom:1px solid #CCC;}
.photoview > .date{padding-top:5px;}
.photoview > .date span{color:#9a9a9a;}
.photoview-gallery{}
.photoview > .desc{padding:10px 0; color:#676767;}
.gallery-currimg-buttons{overflow:hidden; margin-bottom:1px;}
.gallery-info{float:right; width:43px; height:20px; margin-left:1px; padding-top:5px; color:#FFF; text-align:center; background:#333333;}
/* for currimg's buttons start */
.gallery-currimg-btn{float:right; width:25px; height:25px; cursor:pointer;}
.gallery-currimg-prevbtn{background:url("../assets/sprite-buttons.png") 0 0 no-repeat;}
.gallery-currimg-prevbtn:hover{background:url("../assets/sprite-buttons.png") 0 -70px no-repeat;}
.gallery-currimg-nextbtn{margin-left:1px; background:url("../assets/sprite-buttons.png") 0 -30px no-repeat;}
.gallery-currimg-nextbtn:hover{margin-left:1px; background:url("../assets/sprite-buttons.png") 0 -110px no-repeat;}

.gallery-wrap{padding:5px; background:#000;}
.gallery-img-target-wrap{border-bottom:1px solid #434343;}
.gallery-img-target{}

.gallery-img-target .currimg{}
.gallery-img-target .currimg1{}
.gallery-img-target .currimg2{}

.gallery-desc{padding:10px; color:#FFF; border-bottom:1px solid #434343;}

.gallery-thumbs-mask-wrap{overflow:hidden; padding-top:5px;}
.gallery-thumbs-btn{width:19px; height:91px; cursor:pointer;}
.gallery-thumbs-prevbtn{float:left; margin-right:5px; background:url("../assets/sprite-buttons.png") 0 -150px no-repeat;}
.gallery-thumbs-prevbtn:hover{background:url("../assets/sprite-buttons.png") 0 -350px no-repeat;}
.gallery-thumbs-nextbtn{float:right; background:url("../assets/sprite-buttons.png") 0 -250px no-repeat;}
.gallery-thumbs-nextbtn:hover{float:right; background:url("../assets/sprite-buttons.png") 0 -450px no-repeat;}

.gallery-thumbs-mask{float:left;}
ul.gallery-thumbs{}
ul.gallery-thumbs > li{}
ul.gallery-thumbs > li.item{cursor:pointer;}
ul.gallery-thumbs > li.sep{}
ul.gallery-thumbs > li.sel{}
/*Gallery end*/

.album{}
.album .title{padding:5px; margin-bottom:8px;}
.album .title a{color:#fff; font-size:16px; font-weight:bold;}
.album ul{}
.album ul li{position:relative;}
.album ul li .img{width:314px; height:273px;}
.album ul li .img img{}
.album ul li .name{position:absolute; bottom:0; right:0; background:rgba(255,255,255,0.8); padding:10px; margin:10px; border-radius:5px;}
.album ul li .name a{font-size:14px; color:#000;}


.image-wrapper .img {display: block;position: absolute; width: 100%;height: 100%;text-align: center;}
.image-wrapper .img img.horizontal {width: 100%;height: auto;position: relative;top: 50%;transform: translateY(-50%);}
.image-wrapper .img img.vertical {width: auto;height: 100%;}
.image-wrapper .img img.block {width: 100%;height: 100%;}
.image-wrapper .img.contained img.horizontal {position: relative;width: auto;height: 100% ;left: 50%;transform: translateX(-50%);top: 0;}
.image-wrapper .img.contained img.vertical {position: relative;width: 100%;height: auto;top: 50%;transform: translateY(-50%);left: 0;}
.image-wrapper .img.contained img.block {width: 100%;height: 100%;}
.image-wrapper [data-type=vendue] {opacity: 0;transition: 0.3s opacity;bottom: 0;}
.image-wrapper .img {transition: 0.5s all;}
.image-slide-wrapper{position: relative; overflow: hidden; margin: 10px 0;}
.image-slide-wrapper__text{  background-color: #dbe1ea;font-size: 11px;color: #454d62;text-align: center;font-style: italic;line-height: 1.6;padding: 4px;position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}


.c-content figure.image{position: relative; padding: 0; margin: 0; display: inline-block;}
.c-content figure.image figcaption{ background-color: #dbe1ea; font-size: 11px; color: #454d62; text-align: center; font-style: italic; line-height: 1.6; padding: 4px; position: absolute; bottom: 0; box-sizing: border-box; left: 0; right: 0; width: 100% }

.c-content img{ border-color: #007bff; max-width: 100%;  height: auto !important; cursor: zoom-in; position: relative}
.c-content .fancybox{display: block; width: 100%; height: auto; position: relative;}
.c-content .fancybox:after{position: absolute;width: 24px;height: 24px;background-size: 24px 24px;background-repeat: no-repeat; background-image: url(../assets/zoom-icon-v2.png);opacity: 0.7; pointer-events: none; top: 8px; right: 8px; content: ''}
.c-content caption{ color: #fff; background-color: #007bff; border-color: #007bff; padding: 10px; font-weight: bold; }

.n24_slide{display: flex; flex-wrap: wrap;}
.n24_slide-item{padding: 1%; box-sizing: border-box; position: relative; overflow: hidden;}
.n24-slide-item{width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}
.n24_slide-2 .n24_slide-item{flex: 0 0 50%;}
.n24_slide-3 .n24_slide-item{flex: 0 0 33.33%;}
.n24_slide-4 .n24_slide-item{flex: 0 0 25%;}

.n24_slide-2 .n24_slide-item:nth-child(2n){padding-right: 0;}
.n24_slide-3 .n24_slide-item:nth-child(3n){padding-right: 0;}
.n24_slide-4 .n24_slide-item:nth-child(4n){padding-right: 0;}


.fancybox-caption:after{border-bottom: none !important;}

.weather{width:100%; height:100%;}
.weather .location{position:absolute; top:5px; left:10px; font-size:14px; color:#fff;}
.weather .icon{position:absolute; bottom:8px; left:50px;}
.weather .icon img{width:50px; height:50px;}
.weather .date{position:absolute; top:5px; right:10px; font-size:12px; color:#053b85;}
.weather .state{position:absolute; bottom:10px; right:0; overflow:hidden;}
.weather .state .day{float:left; width:93px; height:47px; border-right:1px solid #eee; padding:0 10px; text-align:center;}
.weather .state .day .temp{font-size:36px; color:#666; line-height:36px;}
.weather .state .day .temp i{font-size:18px; position:relative; bottom:15px;}
.weather .state .day .label{color:#f99000; font-size:10px;}
.weather .state .night{float:left; width:93px; height:47px; padding:0 10px;}
.weather .state .night .temp{font-size:36px; color:#666; line-height:36px;}
.weather .state .night .temp i{font-size:18px; position:relative; bottom:15px;}
.weather .state .night .label{color:#f99000; font-size:10px; text-align: center;}

.exchange{}
.exchange table{border-collapse: collapse; width:314px; height:85px; margin:-1px;}
.exchange table td{border-collapse: collapse; border:1px solid #eee; text-align:center; padding:0 10px;}
.exchange table tr.head td{height:48px;}
.exchange table td.title{text-align:center; color:#174f82; font-size:12px; text-transform:uppercase;}
.exchange table td.label{color:#c9c9c9; font-size:12px; text-align:left;}
.exchange table td.name{color:#018be4; font-size:12px;}
.exchange table td.value{color:#699847; font-size:12px;}

.search{padding:10px;}
.search .textfield{padding-right:92px;}
.search .textfield input{box-sizing:border-box; width:100%; height:30px; padding: 0 5px; }
.search .searchButton{width:91px; height:30px; background:#f99000; color:#fff; border: none; float: right;}
.search .searchButton a{color:#fff; font-size: 12px; text-decoration: none; display: block; padding: 8px;}
.search button:active{background:#fff; border:1px solid #f99000; color:#f99000;}
.search .option{margin-top:10px;}
.search .option div{float:left; padding-left:15px; color:#666; font-size:12px;}

.keyword{padding: 10px 0; text-align: right;}
.keyword ul{}
.keyword ul li{}
.keyword ul li a{color: #357cbc; font-size: 14px;}
.keyword ul li a:hover{}

.content__list{margin-bottom: 150px; position: relative;}
.content__list:after{clear: both; display: table; content: "";}
.content-item-wrapper{position: relative;}
.content-item-wrapper:after{clear: both; display: table; content: "";}
.content-item{width: 290px; word-break: break-word}
.content-item-wrapper:nth-child(even) .content-item{float: left; text-align: right;}
.content-item-wrapper:nth-child(odd) .content-item{float: right; text-align: left;}
.content-item__title{font-size: 48px; color: #333333; display: inline-block;font-family: 'Roboto Condensed', sans-serif; font-weight: 100; margin-bottom: 25px; width: 100%;}
.content-item__text{font-size: 16px; color: #666666; width: 100%; display: inline-block;font-family: 'Roboto', sans-serif; font-weight: 300;}
.content-item-wrapper:nth-child(even)  .content-item-icon{position: absolute; top: 17px;  left: 50%;  transform: translate(-50%, 0);}
.content-item-wrapper:nth-child(even)  .content-item-icon__cicle{display: inline-block; position: relative; width: 32px; height: 32px; background-color: #d4d4d4; border-radius: 50%;}
.content-item-wrapper:nth-child(even)  .content-item-icon__cicle:before{width: 26px; height: 26px; background-color: #fff;   position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);content: ""; border-radius: 50%;}
.content-item-wrapper:nth-child(even)  .content-item-icon__cicle:after{width: 20px; height: 20px; background-color:#f99000;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);content: ""; border-radius: 50%;}

.content-item-wrapper:nth-child(odd)  .content-item-icon{position: absolute; top: 17px;  left: 50%;  transform: translate(-50%, 0);}
.content-item-wrapper:nth-child(odd)  .content-item-icon__cicle{display: inline-block; position: relative; width: 32px; height: 32px; background-color: #d4d4d4; border-radius: 50%;}
.content-item-wrapper:nth-child(odd)  .content-item-icon__cicle:before{width: 26px; height: 26px; background-color: #fff;   position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);content: ""; border-radius: 50%;}
.content-item-wrapper:nth-child(odd)  .content-item-icon__cicle:after{width: 20px; height: 20px; background-color: #f99000;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);content: ""; border-radius: 50%;}
.content__line{width: 2px; background-color: #c7c7c7;  position: absolute; top: 20px;  left: 50%;  transform: translate(-50%, 0); bottom: 0;}