﻿/*==========TopNews==========*/
.topnews_bg {
	width: 574px; height: 170px; background: #dcdada; margin-top: 31px;
}
.homeTopNewsContainer {
	border: 0 none; position: relative; width: 574px; height: 201px; top: -201px;
}
.topnews_main {
	border: 0 none; width: 574px; height: 201px;
}
.topnews_content {
	border: none; width: 297px; height: 170px; margin-top: 31px; float: left;
}
.topnews_photo {
	border: none; width: 277px; height: 201px; float: left; text-align: center;
}
.topnews_image {
	border: 2px solid #000; width: 265px; height: 188px; overflow: hidden; text-align: center; margin: 4px auto 0px auto; overflow: hidden; background: #fff;
}
	.topnews_image img {
		width: 100% !important; height: 100% !important; object-fit: cover;
	}
.topnews_cl1_main {
	border: none; width: 277px; height: 165px; overflow: hidden; margin: 5px auto 0px auto;
}
.topnews_cl1_main h1 {
	font: bold 22px WebMitra; direction: rtl; text-align: right; color: #000; padding-top: -20px; line-height: 24px;
}
	.topnews_cl1_main h1 a, .topnews_cl1_main h1 a:hover {
		color: #000; text-decoration: none;
	}
.topnews_cl1_main h3 {
	font: 16px WebMitra; direction: rtl; text-align: right; padding-top: 5px; line-height: 20px;
}
/***** Slider ******/
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 574px; /*Width of Carousel Viewer itself*/
	height: 201px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	/*left: 0;
	top: 0;*/
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	/*direction:rtl;*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 574px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#mygallery-paginate .ltbtn {
    background-image:url('/images/TopNews/left.png');
    background-repeat:no-repeat;
    margin-right:5px;
    position:absolute;
    top:5px;
    left:14px;
    width:4px;
    height:7px;
}
#mygallery-paginate .rtbtn {
    background-image:url('/Images/TopNews/right.png');
    background-repeat:no-repeat;
    margin-left:5px;
    position:absolute;
    top:5px;
    right:7px;
    width:16px;
    height:7px;
}
#mygallery-paginate {
    position:absolute;
    top: 10px;
    left: 287px;
    padding: 0;
}
#mygallery-paginate span {
    padding:0;
}
/*==========NishkhatTopNews==========*/
.nishkhat_bg {
	width: 574px; height: 388px; background: #000; margin-top: 31px;
}
.nishkhatTopNewsContainer {
	border: 0 none; position: relative; width: 574px; height: 419px; top: -419px;
}
.nishkhat_top_main {
	border: 0 none; width: 574px; height: 419px;
}
	.nishkhat_top_main .photo {
		width: 510px; height: 323px; border: 2px solid #000; margin: 0px auto; background: #fff; overflow: hidden;
	}
		.nishkhat_top_main .photo img {
			width: 100% !important; height: 100% !important; object-fit: cover;
		}
	.nishkhat_top_main .content {
		width: 510px; height: 84px; margin: 6px auto; overflow: hidden;
	}
		.nishkhat_top_main .content h1 {
			font: bold 24px WebMitra; direction: rtl; text-align: right; color: #fff; padding-top: 5px; line-height: 28px;
		}
			.nishkhat_top_main .content h1 a, .nishkhat_top_main .content h1 a:hover {
				color: #fff; text-decoration: none;
			}
		.nishkhat_top_main .content h3 {
			font: 18px WebMitra; direction: rtl; text-align: right; color: #fff;
		}
/***** Slider ******/
.stepcarousel_n {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 574px; /*Width of Carousel Viewer itself*/
	height: 419px; /*Height should enough to fit largest content's height*/
}
.stepcarousel_n .nbelt {
	position: absolute; /*leave this value alone*/
	/*left: 0;
	top: 0;*/
}
.stepcarousel_n .npanel {
	float: left; /*leave this value alone*/
	/*direction:rtl;*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 574px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#mynishkhat-paginate .ltbtn {
    background-image:url('/images/TopNews/left.png');
    background-repeat:no-repeat;
    margin-right:5px;
    position:absolute;
    top:5px;
    left:14px;
    width:4px;
    height:7px;
}
#mynishkhat-paginate .rtbtn {
    background-image:url('/Images/TopNews/right.png');
    background-repeat:no-repeat;
    margin-left:5px;
    position:absolute;
    top:5px;
    right:7px;
    width:16px;
    height:7px;
}
#mynishkhat-paginate {
    position:absolute;
    top: -20px;
    left: 28px;
    padding: 0;
}
#mynishkhat-paginate span {
    padding:0;
}
/*==========PhotoTopNews==========*/
.photoTopNewsContainer {
	border: 0 none; position: relative; width: 824px; height: 501px; margin: 0 auto; padding-top: 15px;
}
.photo_top_main {
	border: 0 none; width: 824px; height: 501px;
}
	.photo_top_main .photo {
		width: 644px; height: 411px; border: 0 none; margin: 0px auto; overflow: hidden;
	}
		.photo_top_main .photo img {
			width: 100% !important; height: 100% !important; object-fit: cover;
		}
	.photo_top_main .content {
		width: 644px; height: 90px; margin: 0 auto; overflow: hidden; padding-top: 10px;
	}
		.photo_top_main .content h1 {
			font: bold 24px WebMitra; direction: rtl; text-align: right; color: #fff; padding-top: 5px; line-height: 28px;
		}
			.photo_top_main .content h1 a, .photo_top_main .content h1 a:hover {
				color: #fff; text-decoration: none;
			}
		.photo_top_main .content h3 {
			font: 18px WebMitra; direction: rtl; text-align: right; color: #fff;
		}
/***** Slider ******/
.stepcarousel_p {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 824px; /*Width of Carousel Viewer itself*/
	height: 501px; /*Height should enough to fit largest content's height*/
}
.stepcarousel_p .pbelt {
	position: absolute; /*leave this value alone*/
	/*left: 0;
	top: 0;*/
}
.stepcarousel_p .ppanel {
	float: left; /*leave this value alone*/
	/*direction:rtl;*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 824px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#myphoto-paginate .ltbtn {
    background-image:url('/images/Photo/left.png');
    background-repeat:no-repeat;
    margin-right:5px;
    position:absolute;
    top:5px;
    left:14px;
    width:4px;
    height:7px;
}
	#myphoto-paginate .ltbtn:hover {
		background-image:url('/images/Photo/left_o.png');
	}
#myphoto-paginate .rtbtn {
    background-image:url('/Images/Photo/right.png');
    background-repeat:no-repeat;
    margin-left:5px;
    position:absolute;
    top:5px;
    right:7px;
    width:16px;
    height:7px;
}
	#myphoto-paginate .rtbtn:hover {
		background-image:url('/Images/Photo/right_o.png');
	}
#myphoto-paginate {
    position:absolute;
    top: 15px;
    left: 0px;
    padding: 0;
}
#myphoto-paginate span {
    padding:0;
}
/*==========OldTopNews==========*/
.oldtop_main {
	width: 574px; height: 150px; border-bottom: 2px solid #dcdada;
}
.old_main {
	width: 142px; height: 150px; float: left; border-right: 2px solid #dcdada;
}
	.old_main:last-child {
		border-right: 0px none;
	}
	.old_main .photo {
		width: 132px; height: 93px; border: 2px solid #000; margin: 3px auto;
	}
		.old_main .photo img {
			width: 100% !important; height: 100% !important; object-fit: cover;
		}
	.old_main .titr {
		width: 132px; height: 43px; margin: 5px auto; overflow: hidden; font-family: WebMitra; line-height: 20px; direction: rtl;
	}
		.old_main .titr span {
			color: #000; font-size: 14px; font-weight: bold;
		}
	.old_main a, .old_main a:hover {
		text-decoration: none;
	}
/*==========NishkhatSelectedNews==========*/
.nishkhat_sel_main {
	width: 100%; height: 100%; overflow: hidden;
}
	.nishkhat_sel_main .sel_main {
		width: 242px; height: 190px; margin-right: 30px; margin-top: 11.2px; overflow: hidden;
		direction: rtl; text-align: right; float: right;
	}
		.nishkhat_sel_main .sel_main .photo {
			width: 238px; height: 140px; border: 2px solid #000; background-color: #fff;
		}
			.nishkhat_sel_main .sel_main .photo img {
				width: 100% !important; height: 100% !important; object-fit: cover;
			}
		.nishkhat_sel_main .sel_main h2 {
			font: bold 16px WebMitra; line-height: 20px; padding-top: 5px; color: #fff;
		}
		.nishkhat_sel_main .sel_main a, .nishkhat_sel_main .sel_main a:hover {
			color: #fff; text-decoration: none;
		}
/*==========PhotoSelectedNews==========*/
.photo_sel_main {
	width: 905px; height: 100%; overflow: hidden; margin: 0 auto;
}
	.photo_sel_main .sel_main {
		width: 242px; height: 190px; margin-right: 45px; margin-top: 30px; overflow: hidden;
		direction: rtl; text-align: right; float: right;
	}
		.photo_sel_main .sel_main .photo {
			width: 238px; height: 140px; border: 2px solid #000; background-color: #fff;
		}
			.photo_sel_main .sel_main .photo img {
				width: 100% !important; height: 100% !important; object-fit: cover;
			}
		.photo_sel_main .sel_main h2 {
			font: bold 16px WebMitra; line-height: 20px; padding-top: 5px; color: #fff;
		}
		.photo_sel_main .sel_main a, .photo_sel_main .sel_main a:hover {
			color: #fff; text-decoration: none;
		}
/*==========SelectedNews==========*/
.sersel_l2 {
	width: 288px;
}
	.sersel_l2 .title {
		width: 100%; font-family: WebMitra; font-size: 16px; font-weight: bold;
	}
		.sersel_l2 .title span {
			background: #808080; padding: 0 40px; float: right; color: #fff; margin: 5px 5px 5px 0;
		}
	.sersel_l2 .news {
		width: 100%; height: auto; float: right;
	}
ul.sersel_l2_main {
	direction: rtl; text-align: right; width: 100%;
}
	ul.sersel_l2_main li {
		display: block; margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #d5d5d5; height: 97px; overflow: hidden;
	}
		ul.sersel_l2_main li:last-child {
			border-bottom: 0px none;
		}
		ul.sersel_l2_main li img {
			width: 100% !important; height: 100% !important; object-fit: cover;
		}
		ul.sersel_l2_main li a {
			color: #000; height: 98px; line-height: 20px; display: block; cursor: pointer; width: 100%; float: right; text-decoration: none;
		}
			ul.sersel_l2_main li a:hover {
				background: #f5f5f5;
			}
			.sersel_l2_content {
				height: 85px; width: 144px; margin-top: 8px; overflow: hidden; float: left;
			}
				.sersel_l2_content span {
					background: #abaaaa; font: bold 14px WebMitra; width: 110px; position: absolute; color: #fff; padding-right: 5px; overflow: hidden;
				}
			ul.sersel_l2_main li a h3 {
				font: 14px WebMitra; line-height: 20px; padding-bottom: 5px;
			}
			ul.sersel_l2_main li a h2 {
				font: bold 16px WebMitra; line-height: 20px; padding-top: 5px; color: #000;
			}
.sersel_l2_img {
	border: 1px solid #000; height: 79px;  width: 130px; overflow: hidden; text-align: center; float: right; margin-top: 8px; margin-right: 5px;
}
	.sersel_l2_img .div_img {
		width: 100% !important; height: 100% !important; object-fit: cover;
	}
/*==========NishkhatLastNews==========*/
.nishkhat_last_main {
	width: 280px; height: 100%; background-color: #f69017; margin: 10px 0 10px 10px;
}
ul.last_ul {
	direction: rtl; text-align: right; width: 260px; margin: 0 auto; padding: 10px 0;
}
	ul.last_ul li {
		list-style: none; width: 260px; height: auto; margin-bottom: 20px;
	}
		ul.last_ul li:last-child {
			margin-bottom: 10px;
		}
		ul.last_ul li .ln_main {
			width: 260px; height: auto;
		}
			ul.last_ul li .ln_main .photo {
				width: 256px; height: 153px; border: 2px solid #000; background: #fff;
			}
				ul.last_ul li .ln_main .photo img {
					width: 100% !important; height: 100% !important; object-fit: cover;
				}
			ul.last_ul li .ln_main h2 {
				font: bold 16px WebMitra; line-height: 20px; padding-top: 5px; color: #fff; padding-right: 10px;
			}
		ul.last_ul li a, ul.last_ul li a:hover {
			color: #fff; text-decoration: none;
		}
/*==========LastNews==========*/
.lnews_main {
	direction: rtl; text-align: right; width: 281px; margin-top: 2px;
}
.lnews_l1 {
	width: 100%; height: 30px;
}
.lnews_title {
	width: 100%; height: 30px; font-family: WebMitra;
}
	.lnews_title span.selected {
		height: 24px; background: #ae080f; text-align: center; color: #fff; font-size: 15px; font-weight: bold; float: right; cursor: pointer;
	}
	.lnews_title span.notselected {
		height: 24px; background: #ec2327; text-align: center; color: #fff; font-size: 15px; font-weight: bold; float: right; cursor: pointer;
	}
.lnews_l2 {
	width: 281px; margin-top: 5px; overflow: hidden;
}
	.lnews_l2 .titrs, .lnews_l2 .news_titrs {
		width: 281px; border: 0px none; overflow: hidden; font: 17px WebMitra; direction: rtl; text-align: right;
	}
		.lnews_l2 .titrs a {
			text-decoration: none; color: #000; position: relative;
			padding: 0px 20px 0px 0px; display: block; line-height: 18px;
			background-repeat: no-repeat; background-position: right 5px center;
			text-overflow: ellipsis;
			overflow: hidden;
			max-width: 260px;
			white-space: nowrap;
			line-height: 20px;
		}
		.lnews_l2 .news_titrs a {
			text-decoration: none; color: #000; position: relative;
			padding: 0px 20px 0px 0px; display: block;
			background-repeat: no-repeat; background-position: right 5px center;
			line-height: 20px;
		}
			.lnews_l2 .titrs a:hover, .lnews_l2 .news_titrs a:hover {
				background-color: #f5f5f5;
			}
	.lnews_l2 .more {
		background: #abaaaa; float: left; padding: 0px 30px; color: #fff; font: bold 16px WebMitra; margin: 5px 0px 0px 0px;
	}
		.lnews_l2 .more a, .lnews_l2 .more a:hover {
			text-decoration: none; color: #fff;
		}
#div_last {
	display: block;
}
#div_most {
	display: none;
}
/*==========FlashNews==========*/
.flash_main {
	width: 574px; height: 27px; direction: rtl; text-align: right; font-family: WebMitra; padding-top: 5px; overflow: hidden; font-size: 14px;
}
	.flash_main span {
		color: #f0ff00; font-weight: bold; padding: 0px 3px; float: right;
	}
	.flash_main .news {
		float: right; color: #000; padding-right: 5px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; max-width: 480px; white-space: nowrap;
	}
		.flash_main .news a, .flash_main .news a:hover {
			text-decoration: none; color: #fff;
		}
/*==========multimedia==========*/
.mm_body
{
	border: 0px none; width: 266px; height: 169px; background: #fff;
}

.homeMediaContainer {
	border: 0px none; width: 266px; height: 169px; position: relative;
}

.mmbox_main {
	border: 0px none; width: 266px; height: 169px; position: relative;
}

	.mmbox_main a, .mmbox_main a:hover {
		color: #666; text-decoration: none;
	}

.mmbox-Photo {
	width: 266px; height: 169px;
}

	.mmbox-Photo img {
		width: 100% !important; height: 100% !important; object-fit: cover;
	}

.mmbox-Titr {
	width: 256px; height: 42px; background: #f34f07; bottom: 0px; overflow: hidden; position: absolute;
	direction: rtl; text-align: justify; padding: 5px; padding-top: 0;
}

	.mmbox-Titr span {
		font: bold 14px WebMitra; color: #fff; line-height: 16px;
	}


/***** Slider ******/
.mstepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 266px; /*Width of Carousel Viewer itself*/
	height: 169px; /*Height should enough to fit largest content's height*/
}

.mstepcarousel .mbelt{
	position: absolute; /*leave this value alone*/
	/*left: 0;
	top: 0;*/
}

.mstepcarousel .mpanel{
	float: left; /*leave this value alone*/
	/*direction:rtl;*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 266px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mymm-paginate .ltbtn
{
    background-image:url('/Images/TopNews/leftnav.png');
    background-repeat:no-repeat;
    margin-right:5px;
    position:absolute;
    top:5px;
    left:14px;
    /*width:4px;
    height:7px;*/
}
#mymm-paginate .rtbtn
{
    background-image:url('/Images/TopNews/rightnav.png');
    background-repeat:no-repeat;
    margin-left:5px;
    position:absolute;
    top:5px;
    right:7px;
    /*width:16px;
    height:7px;*/
}
#mymm-paginate {
    padding:0;
}
#mymm-paginate span {
	position:absolute; padding:0; top: 0px; left: 3px;
}