@charset "utf-8";
/*===============================  index Page ========================*/
html {
	margin:0;
	padding:0;
}
body {
	font-family:'iransansweb-light', Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	direction:rtl;
	text-align:center;
}
@font-face {
	font-family:'iransansweb-light';
    src:url('../fonts/iransansweb-light/iransansweb-light.eot?#') format('eot'),/* IE6–8 */
        url('../fonts/iransansweb-light/iransansweb-light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/iransansweb-light/iransansweb-light.ttf') format('truetype');/* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'bnazanin';
  src: url('../fonts/bnazanin/bnazanin.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/bnazanin/bnazanin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/bnazanin/bnazanin.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
/*=============================== End Index Page =========================*/
* {
	font-family:'iransansweb-light', Tahoma, Geneva, sans-serif;	
}
#forIndexMenuTopAndIcon {
	background:#4dc7f5;
}
#indexMenuTopAndIcon {
	height:50px;
	border:0px solid red;
}
#forTopIconItem {
	height:34px;
	float:left;
	margin-top:8px;
	border:0px solid red;
}
.topIconItemWArd {
	width:34px;
	height:34px;
	float:left;
	margin-right:8px;
	display:inline-block;
	border:0px solid #ffffff;
}
#topIconHome {
	background:url(../img/ward_top/home.png) center center no-repeat;
	width:34px;
	height:34px;
	-webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
#topIconContactus {
	background:url(../img/ward_top/contactus.png) center center no-repeat;
	width:34px;
	height:34px;
	-webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
#forSearch {
    width:auto;
	height:34px;
	float:left;
	margin-right:2px;
	display:inline-block;
	border:none;
	border-radius:23px;
	background:#e3e3e3 !important;
}
#forTextSearch {
    width:184px;
    height:42px;
    float:left;
    display:inline-block;
}
#forButtonSearch {
    width:34px;
	height:34px;
	float:left;
	margin:-2px;
	display:inline-block;
	border:0px solid red;
}
#searchImg {
	background:url(../img/ward_top/search.png) center center no-repeat;
	width:40px;
	height:34px;
	-webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
    transition:all .25s ease-in;
	border:none;
}
.textSearch {
    width:100%;
    height:34px;
    float:left;
    line-height:32px;
    text-indent:12px;
    font-family:'iransansweb-light', tahoma;
    font-size:14px;
    color:#828ca0;
	background:none;
    display:inline-block;
    border:0px solid #dedede;
}
.forInedxMenuTop {
    height:50px;
	float:right;
    border:0px solid red;
}
/* Taggel Menu */
#forTopIcons {
	height:35px;
	border:0px solid red;	
}
#parentforTopIcons {
	width:36px;
	height:36px;
	float:right;
	z-index:5020;
}
.forSearchInRightPanel {
	width:100%;
	height:40px;
    display:block;
    margin-top:55px;
	position:relative;
	border:0px solid red;
}
.rightPanelSearchBtn {
	width:25px;
	height:25px;
    margin:4px 0px -8px 5px;
	position:absolute;
	right:35px;
	background:url(../img/right-panel/m-search.png) right top no-repeat;
	border:0px;
}
.rightPanelSearchInput {
    width:70%;
    height:35px;
    background:#f0eeef;
    padding-right:5px;
	font-family:'iransansweb-light', tahoma;
	font-size:12px;
    color:#414141;
	position:absolute;
	right:65px;
	border:1px solid #bbbbbb;
}
#domainTestWwwXs {
    width:35px;
    height:32px;
    display:inline-block;
    background:url("../img/sprit.png") no-repeat scroll -184px -65px rgba(0, 0, 0, 0);
}
.wardTopIconItem {
    width:36px;
    height:36px;
	float:right;
	display:inline-block;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
}
.wardTopIconItemImg {
    width:25px;
    height:25px;
	position:relative;
	top:5px;
	right:5px;
	overflow:hidden;
    -webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
.wardTopIconItemNormal {
    position:absolute;
    right:0px;
    top:0px;
    -webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
.wardTopIconItemHover {
    position:absolute;
    right:-38px;
    top:0px;
    -webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
.wardTopIconItem:hover .wardTopIconItemHover {
    right:0px;
}
.wardTopIconItemLink:hover .wardTopIconItemNormal {
    right:25px;
}
.forTopIconItemTagelMenu {
	width:30px;
	height:30px;
	float:left;
	margin:50px 5px 0px 0px;
	display:inline-block;
	border:1px solid #ffffff;
}
.forTopIconItemTagelMenuScroll {
	width:30px;
	height:30px;
	float:right;
	margin:9px 13px 0px 0px;
	display:inline-block;
	border:1px solid #ffffff;
}
/* end aggel Menu */
#forIndexWardTop {
	background:#0a4188;
}
#indexWardTop {
	height:100px;
	border:0px solid red;
}
#forIndexLogo {
	height:95px;
	float:right;
	margin-top:7px;
	border:0px solid red;
}
#forIndexLogo img {
	float:right;
}
#forIndexLogoType {
	height:95px;
	margin:18px auto 0px auto;
	text-align:center;
	border:0px solid red;
}
#forIndexFlag {
	height:95px;
	float:left;
	margin-top:7px;
	border:0px solid red;
}
#forIndexFlag img {
	float:left;
}
#forIndexMainWard {
	border:0px solid red;
}
#forIndexTicker {
	width:100%;
	height:auto;
	text-align:right;
	line-height:19px;
	margin-bottom:19px;
	border:0px solid red;
}
.indexTickerIteam {
	width:100%;
	height:auto;
	text-align:right;
	display:inline-block;
	border:0px solid red;
}
.indexTicker ul {
	width:100%;
	list-style:none;
	text-align:right;
}
.indexTicker a:link,.indexTicker a:active,.indexTicker a:visited {
	font-family:'iransansweb-light', tahoma;
	font-size:17px;	
	color:#002555;
}
.indexTicker ul:hover {
	color:red;
}
#forIndexLoginAndRegister {
	height:370px;
	margin-top:15px;
	background:#0a4188;
	border-left:3px solid #ffffff;
}
.forLoginPanel {
	width:100%;
	float:right;
	height:auto;
	padding:0px 14px 0px 14px;
	display:inline-block;
	border:0px solid red;
}
#loginPanelImg {
	width:42px;
	height:42px;
	float:right;
	margin:-21px auto 8px auto;
	display:inline-block;
	background:url(../img/icone-user.png) right top no-repeat;
	border:0px solid red;
}
.forIndexContactWard {
	border:0px solid red;
	margin:0px auto 8px auto;
	display:inline-block !important;
	float:none;
}
.TextFLogin {
	font-size:14px;
	color:#0a4188;
	font-family:'iransansweb-light',tahoma;
	background-color:#ffffff;
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	height:35px;
	text-indent:7px;
  	transition:all 0.3s ease-out;
	width:100%;
}
.TextFLogin:focus {
	color:#ffffff;
	background:#4dc7f5;
}
.darkGrayButtonSignin {
	width:100px;
	float:left;
	text-align:center;
	line-height:18px;
	background:#ffffff;
	padding:4px 15px 8px 15px;
	font-family:'iransansweb-light',tahoma;
	font-size:14px;
	color:#0a4188 !important;
	border:none;
	cursor:pointer;
	-webkit-border-radius:35px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
	display:inline-block;
}
.darkGrayButtonSignin:hover {
	background:#4dc7f5;
}
.forLoginItemText {
	width:100%;
	height:auto;
	text-indent:15px;
	line-height:20px;
	display:inline-block;
	float:right;
	text-align:right;
	font-family:'iransansweb-light',tahoma;
	font-size:12px;
	color:#ffffff !important;
	background:url(../img/bullet.png) right 5px no-repeat;
}
.forIndexContacts {
	width:100%;
	float:right;
	height:auto;
	padding:0px 14px 0px 14px;
	font-family:'iransansweb-light',tahoma;
	font-size:17px;
	color:#ffffff;
	display:inline-block;
	border:0px solid red;
}
#forIndexSlider {
	height:400px;
	border:0px solid red;
}
#forSlider {
	width:100%;
	float:left;
	overflow:hidden;
	border:0px solid red;
}
.sliderPrev {
 	width:40px;
    height:40px;
    display:inline-block;
    align-self:center;
    background:#ffffff url(../img/slider/prev_hover.png) left bottom no-repeat;
    position:relative;
	border-radius:50px;
}
.sliderPrev:hover {
	background:#ffffff url(../img/slider/prev.png) left bottom no-repeat;
}
.sliderNext {
    width:40px;
    height:40px;
    display:inline-block;
    align-self:center;
    background:#ffffff url(../img/slider/next_hover.png) right bottom no-repeat;
    position:relative;
	border-radius:50px;
}
.sliderNext:hover {
	background:#ffffff url(../img/slider/next.png) right bottom no-repeat;
}
.carousel-indicators {
    display:none;
}
.ie9 img[src$=".svg"] {
    width:100%;
}
.carousel-control {
    width:40px;
}
.carousel-control.right {
    right:10px;
    background:none;
    display:flex;
	border:0px solid red;
}
.carousel-control.left {
    left:10px;
    background:none;
    display:flex;
	border:0px solid red;
}
#forIndexBoxesHome {
	height:auto;
	margin:30px auto;
	border:0px solid red;
}
.indexBoxesHomeItem {
	height:auto;
	float:right;
	margin:20px auto;
	display:inline-block;
	border:0px solid blue;
	-webkit-transition:all .25s ease-in;  
   	-moz-transition:all .25s ease-in;  
  	-o-transition:all .25s ease-in;  
   	transition:all .25s ease-in;
	cursor:pointer;
}
.indexBoxesHomeItemImg {
	width:115px;
	height:auto;
	margin:0 auto;
	border:0px solid red;
	filter:brightness(0.4);
	-webkit-transition:all .25s ease-in;  
   	-moz-transition:all .25s ease-in;  
  	-o-transition:all .25s ease-in;  
   	transition:all .25s ease-in;
}
.indexBoxesHomeItemImg:hover {
	filter:brightness(1);
}
.indexBoxesHomeItemTitle {
	width:60%;
	height:45px;
	margin:0 auto;
	text-align:center;
	line-height:43px;
	color:#ffffff;
	font-size:17px;
	font-family:'iransansweb-light', tahoma;
	background:#0a4188;
	border:0px solid red;
	-webkit-transition:all .25s ease-in;  
	-moz-transition:all .25s ease-in;  
	-o-transition:all .25s ease-in;  
	transition:all .25s ease-in;
	border-radius:50px;
}
.indexBoxesHomeItem:hover .indexBoxesHomeItemTitle {
    color:#4dc7f5;
	-webkit-transition:all .25s ease-in;  
   	-moz-transition:all .25s ease-in;  
  	-o-transition:all .25s ease-in;  
   	transition:all .25s ease-in;
}
.indexBoxesHomeItemReaMore {
    width:35px;
    height:35px;
	margin-top:5px;
	position:relative;
	display:inline-block;
	border:0px solid red;
	border-radius:50%;
    -webkit-transition:all 0.1s;
    -moz-transition:all 0.1s;
    -ms-transition:all 0.1s;
    -o-transition:all 0.1s;
    transition:all 0.1s;
}
.indexBoxesHomeItem:hover .indexBoxesHomeItemReaMore {
	width:35px;
    height:35px;
	margin-top:5px;
    background:#4dc7f5 url(../img/up.png) top center no-repeat;
	display:inline-block;
	border:0px solid red;
	border-radius:50%;
    -webkit-transition:all 0.1s;
    -moz-transition:all 0.1s;
    -ms-transition:all 0.1s;
    -o-transition:all 0.1s;
    transition:all 0.1s;
}
#forIndexContentWard {
	height:auto;
	background:#f2f2f2;
	border:0px solid red;
}
#indexContentWard {
	height:auto;
	margin:0px auto 30px auto;
	border:0px solid red;
}
#forIndexContent {
    width:100%;
    height:auto;
	margin:0 auto;
    position:relative;
    display:inline-block;
	border:0px solid red;
}
.indexContentRight {
    height:auto;
    border:0px solid blue;
}
.indexContentRightItem {
    height:auto;
    float:right;
    border:0px solid red;
}
.indexContentRightItemTitle {
	width:100%;
    text-align:right;
	margin:25px auto 10px auto;
	display:inline-block;
	border:0px solid red;
}
.indexContentRightItemTitle a,.indexContentRightItemTitle a:link,.indexContentRightItemTitle a:active,.indexContentRightItemTitle a:visited {
    font-family:'iransansweb-light', tahoma;
    font-size:17px;
    color:#0a4188;
}
.indexContentRightItemBody {
    text-align:justify;
    line-height:1.9;
    font-family:'iransansweb-light', tahoma;
    font-size:15px;
    color:#3f4242;
	display:inline-block;
    border:0px solid red;
}
.indexContentLeft {
    height:auto;
    border:0px solid red;
}
.contentLeftImg {
    width:100%;
    height:auto;
    margin:-25px auto 0px auto;
    display:inline-block;
	border:8px solid #0a4188;
}
.contentLeftImg .adsOverlay {
	width:auto;
	max-width:370px;
	height:100%;
	position:relative;
	display:inline-block;
	border-radius:18px 0px 18px 0px;
}
.contentLeftImg .adsOverlay:after {
	width:0;
	height:0;
	position:absolute;
	bottom:0;
	right:0;
	content:"";
	transition:all .3s ease-out 0s;	
	background-color:rgba(255, 255, 255, .1);
	border-radius:18px 0px 18px 0px;
}
.contentLeftImg.adsOverlay:before {
	width:0;
	height:0;
	margin:auto;
	position:absolute;
	left:0;
	top:0;
	content:"";
	transition:all .3s ease-out 0s;
	background-color:rgba(255, 255, 255, .1);
	border-radius:18px 0px 18px 0px;
}
.contentLeftImg .adsOverlay:hover {
	cursor:pointer
}
.contentLeftImg .adsOverlay:hover:after,.contentLeftImg .adsOverlay:hover:before {
	height:100%;
	width:100%
}
#forIndexNewsWard {
	height:auto;
	margin:50px auto 30px auto;
	border:0px solid blue;
}
.forIndexNewsItem {
	width:92%;
	height:auto;
	margin-bottom:50px;
	border:0px solid blue;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.indexNewsItem {
	max-width:100%;
	height:auto;
	float:left;
	padding:15px 0px 15px 0px;
	background:#eeeeee;
	border:0px solid #4a4a4a;
	position:relative;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.indexNewsWard {
	width:100%;
	height:auto;
	margin-right:12px;
	display:inline-block;
	border:0px solid #4a4a4a;
	position:relative;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.indexNewsItemImg {
	height:auto;
	margin-right:-27px ;
	display:inline-block;
	border:0px solid blue;
	-webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
.indexNewsItemImg img {
	display:inline-block;
}
.indexNewsItemImg {
    -webkit-filter:grayscale(0%);/* Chrome, Safari, Opera */
    filter:grayscale(0%);
    position:relative;
}
.indexNewsItem:hover .indexNewsItemImg {
    -webkit-filter:grayscale(100%);/* Chrome, Safari, Opera */
    filter:grayscale(100%);
}
.indexNewsItemContent {
	width:71%;
	height:auto;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.indexNewsItemTitle {
	width:96%;
	height:auto;
	margin:0 auto;
	text-align:right;
	text-indent:40px;
	margin-bottom:5px;
	background:url(../img/news/bg-title.png) right top no-repeat;
	display:inline-block;
	border:0px solid blue;
}
.forIndexNewsItem:hover .indexNewsItemTitle {
	background:url(../img/news/bg-title-hover.png) right top no-repeat;
}
.indexNewsItemTitle a, .indexNewsItemTitle a:link, .indexNewsItemTitle a:active, .indexNewsItemTitle a:visited {
    color:#0a4188;
    font-size:17px;
	font-family:'iransansweb-light', tahoma;
}
.forIndexNewsItem:hover .indexNewsItemTitle a {
	color:#4dc7f5;
}
.indexNewsItemBody {
	width:100%;
	height:215px;
	float:right;
	text-align:justify;
	line-height:1.7;
	color:#757575;
    font-size:14px;
	font-family:'iransansweb-light', tahoma;
	overflow:hidden;
	display:inline-block;
	border:0px solid blue;
}
.newsItemReadMore {
	width:100%;
	height:auto;
	margin:0 auto;
	position:absolute;
	bottom:-17px;
	left:15px;
	display:inline-block;
	border:0px solid red;
}
#forReadMoreNews {
	width:100%;
	display:inline-block;
}
.readMoreNews {
	width:auto;
	height:35px;
	text-align:center;
	position:absolute;
	line-height:63px;
	padding-left:35px;
	bottom:-30px;
	left:15px;
	color:#909090;
    font-size:14px;
	font-family:'iransansweb-light', tahoma;
	display:inline-block;
	background:url(../img/news/readmore.png) left no-repeat;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.forIndexNewsItem:hover .readMoreNews {
	background:url(../img/news/readmore-hover.png) left no-repeat;
}
#forIndexWardMenuBottom {
	background:#0a4188;
}
#indexWardMenuBottom {
	height:auto;
	border:0px solid red;
}
#wardBottomDescription {
	width:100%;
	height:auto;
	text-align:justify;
	line-height:30px;
	font-family:'iransansweb-light', tahoma;
	font-size:14px;
    color:#e0e4ec;
	border:0px solid red;
}
#forIndxContent {
	margin-bottom:20px;
	border:0px solid red;
}
#forIndexMenBottom {
	margin-top:30px;
	border-left:0px solid blue;
}
.forMenuBottom {
    height:auto;
    text-align:right;
    display:inline-block;
}
.menuBottomGroup {
	height:auto;
	position:relative;
	display:inline-block;
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease-in;
	-o-transition:all .25s ease-in;
	transition:all .25s ease-in;
	border:0px solid #3C0;
}
.menuBottomGroupItem {
	width:100%;
	height:auto;
	float:right;
	text-align:right;
	font-family:'iransansweb-light', tahoma;
	font-size:13px;
	color:#ffffff;
	display:inline-block;
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease-in;
	-o-transition:all .25s ease-in;
	transition:all .25s ease-in;
	border:0px solid #FF0;
}
.menuBottomGroup:hover .menuBottomGroupItem {
    color:#4dc7f5;
}
.menuBottomGroupTitle {
    width:100%;
    height:auto;
    float:right;
	text-align:right;
    margin-top:5px;
	text-indent:14px;
    display:inline-block;
	background:url(../img/bullet.png) right 8px no-repeat;
	-webkit-transition:all .25s ease-in;
    -moz-transition:all .25s ease-in;
    -o-transition:all .25s ease-in;
	transition:all .25s ease-in;
	border:0px solid #FF0;
}
.menuBottomGroupTitle a, .menuBottomGroupTitle a:link, .menuBottomGroupTitle a:active, .menuBottomGroupTitle a:visited {
    text-decoration:none;
    color:#e4e4e6;
	font-size:13px;
	font-family:'iransansweb-light', tahoma;
}
.menuBottomGroupTitle a:hover {
    color:#4dc7f5;
}
.menuBottomGroupTitle:hover {
	margin-right:5px;
	background:url(../img/bullet-hover.png) right 8px no-repeat;
}
.footerItemContainer {
    text-align:right;
	list-style-type:none;
    color:#ffffff;
	z-index:1;
}
.footerItemContainer a:link , .footerItemContainer a:visited {
    color:#ffffff;
	font-family:'iransansweb-light', tahoma;
}
.footerItemContainer a:hover {
    color:#4dc7f5;
}
#forIndexBottomLogos {
	border:0px solid red;
}
#indexBottomLogos {
	width:100px;
	height:108px;
	float:left;
	border:0px solid red;
}
#indexBottomLogos img {
	float:left;
}
#forIndexCopyright {
	background:#4dc7f5;
}
#forCopyright {
    height:auto;
	margin:0 auto;
	padding:8px 0px 8px 0px;
    text-align:center;
    font-family:'iransansweb-light', tahoma;
    font-size:12px;
    color:#ffffff;
    display:inline-block;
    border:0px solid red;
}
#forCopyright span {
    font-family:'iransansweb-light', tahoma;
    font-size:12px;
}
#forCopyright a,#forCopyright a:link,#forCopyright a:visited {
	font-family:'iransansweb-light', tahoma;
    color:#0a4188;
    font-weight:bold;
}
#forCopyright a:hover,#forCopyright a:active {
    color:#ffffff;
}
/*=============================== End index Page ========================*/
/*=============================== Second Page ===========================*/
#forIndexSecondMainWard {
	height:auto;
	background:url(../img/bg-shadow.png) top center no-repeat;
	border:0px solid red;
}
#indexSecondMainWard {
	height:auto;
	margin-bottom:25px;
	border:0px solid red;
}
.secondContentTitle {
	width:100%;
    height:auto;
    float:right;
    text-align:right;
    padding-top:7px;
	margin-bottom:25px;
    line-height:35px;
    font-weight:bold;
    font-family:'iransansweb-light', tahoma;
    font-size:18px;
    color:#0a4188;
    border-top:5px solid #0a4188;
}
.secondContentBody {
	width:100%;
	height:auto;
	float:right;
	display:inline-block;
	font-family:'iransansweb-light', Tahoma;
	font-size:14px;
	color:#3f4242;
	line-height:2.1;
	text-align:justify;
}





/*ResultSimple*/
.forPartOfResult {
	width:100%;
	display:inline-block;
}
.forSearchTitle {
	width:100%;
	height:25px;
	line-height:23px;
	display:inline-block;
	float:right;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #C1C2C3;
}
.forSiteMapItem {
	width:100%;
	height:auto;
	display:inline-block;
	float:right;
	background:url(../img/map/divider.png) right 10px no-repeat;
	text-indent:12px;
	margin-bottom:5px;
}
.siteMapItem {
	width:auto;
	max-width:100%;
	height:auto;
	display:inline-block;
	float:right;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.siteMapItem:hover {
	padding-right:5px;
}



/*ArchiveNews*/
.newsArchiveItem {
	width:100%;
	display:inline-block;
	margin:15px 0;
	padding-bottom:40px;
	background:url(../img/bg-shadow.png) bottom center no-repeat;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.archiveNewsImg {
	float:right;
	margin:0px 0px 2px 10px;
	border:5px solid #0a4188 !important;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.newsArchiveItem:hover .archiveNewsImg {
	border:5px solid #4dc7f5 !important;
}
.newsArchiveTitle {
	text-align:justify;
}
.newsArchiveTitle a, .newsArchiveTitle a:link, .newsArchiveTitle a:active, .newsArchiveTitle a:visited {
	color:#0a4188;
    font-size:14px;
	font-family:'iransansweb-light', tahoma;
}
.newsArchiveItem:hover .newsArchiveTitle a {
	color:#4dc7f5;
}
.newsArchiveBody {
	text-align:justify;
	line-height:25px;
	color:#1e2327;
}
.newsArchiveItem:hover .newsArchiveBody {
	color:#4dc7f5;
}
.newsArchiveSutitr {
	text-align:justify;
	line-height:25px;
	color:#1e2327;
	font-family:'iransansweb-light', tahoma;
	font-size:14px;
	color:#535151;
}
.archiveDetailsNewsImg {
	float:right;
	margin:0px 0px 2px 10px;
	border:5px solid #0a4188 !important;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.newsArchiveItem:hover .archiveDetailsNewsImg {
	border:5px solid #4dc7f5 !important;
}
.forNewsReadMore {
	width:100%;
	height:18px;
	line-height:16px;
	display:inline-block;
	float:left;
	text-align:left;
	position:relative;
	background:url(../img/readmore.png) left 3px no-repeat;
	border:0px solid red;
}
.forNewsReadMore a {
	cursor:pointer;
	margin-left:20px;
}
.forNewsReadMore a, .forNewsReadMore a:link, .forNewsReadMore a:visited, .forNewsReadMore a:active {
	font-family:'iransansweb-light', Tahoma;
	font-size:12px;
	color:#3f4242;
	float:left;
	opacity:1;
	line-height:15px;
}
.newsArchiveItem:hover .forNewsReadMore a {
	color:#4dc7f5;
}
.newsArchiveItem:hover .forNewsReadMore {
	background:url(../img/readmore-hover.png) left 3px no-repeat;
}
/*ShowFAQGroup*/


































.forSecondContent {
	width:771px;
	height:auto;
	display:inline-block;
	margin-bottom:92px;
}
.topSecondContent {
	width:771px;
	height:34px;
	background:url(../img/news/top.png) no-repeat;
}
.bottomSecondContent {
	width:771px;
	height:5px;
	background:url(../img/news/bottom.png) no-repeat;
}
.forCenterSecondContent {
	width:771px;
	height:auto;
	background:url(../img/news/repeat.png) repeat-y;
	display:inline-block;
	min-height:100px;
}
.centerSecondContent {
	width:688px;
	height:auto;
	margin:0 auto;
	margin-bottom:36px;
	display:inline-block;
}
.centerContentIndexTitle {
	width:100%;
	height:26px;
	line-height:25px;
	text-align:right;
	font-family:'iransansweb-light',Tahoma;
	font-size:18px;
	color:#ef7d00;
	display:inline-block;
	float:right;
	background:url(../img/section_center/bg_title_index.png) repeat-x;
}
.centerContentIndexTitle a:link , .centerContentIndexTitle a:visited {
	font-family:'iransansweb-light',Tahoma;
	font-size:18px;
	color:#ef7d00;
}
.centerContentIndexTitle a:active , .centerContentIndexTitle a:hover {
	font-family:'iransansweb-light',Tahoma;
	font-size:18px;
	color:#05A9C7;
}
.noBgContentIndexTitle {
	background-color:#e8e8e8;	
}
.line3 {
	width:518px;
	height:1px;
	float:left;
	margin-left:32px;
	margin-top:11px;
	background:url(../img/content/line.png) repeat-x;
}
.questionItem {
	width:688px;
	height:auto;
	float:right;
	margin-top:20px;
}
.questionNumber {
	float:right;
	width:23px;
	height:23px;
	line-height:23px;
	background-color:#626262;
	font-family:'iransansweb-light',Tahoma;
	font-size:16px;
	color:#ffffff;
}
.questionText {
	float:left;
	width:657px;
	height:23px;
	line-height:23px;
	background:url(../img/question/repeat.png) repeat-x;
	color:#ffffff;
	font-family:'iransansweb-light',Tahoma;
	font-size:16px;
	text-align:right;
	padding-right:8px;
}
.answerItem {
	width:688px;
	height:auto;
	display:inline-block;
	float:right;
	text-align:right;
	margin-top:12px;
}
.answerText {
	float:right;
	width:628px;
	padding-right:10px;
	height:17px;
	line-height:17px;
	text-align:justify;
	font-family:'iransansweb-light',Tahoma;
	font-size:16px;
	color:#414141;
}
.insertTest {
	float:left;
	width:94px;
	display:inline-block;
	margin-top:78px;
}
.forCenterThirdContent {
	width:771px;
	height:auto;
	background:url(../img/news/repeat.png) repeat-y;
	display:inline-block;
	min-height:782px;
}
.forSubjects {
	width:688px;
	height:auto;
	margin-top:38px;
	display:inline-block;
}
.subjectItem {
	float:right;
	width:81px;
	height:81px;
	line-height:81px;
	margin-left:10px;
	background:url(../img/question/subject_back1.png) no-repeat;	
	display:inline-block;
	cursor:pointer;
}
.subjectItemTitle {
	margin-top:23px;
	width:81px;
	height:auto;
	max-height:14px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#ffffff;
}
.subjectItemHover {
	float:right;
	width:81px;
	height:81px;
	line-height:81px;
	margin-left:10px;
	
	position:absolute;
	z-index:-1;
	
}
.subjectItem:hover {
	background:url(../img/question/subject_back2.png) no-repeat;
}
#javascript_countdown_time {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
#javascript_countdown_time_bottom {
	position:fixed;
	left:0;
	bottom:0;
	width:70px;
	height:45px;
	background-color:#F00;
	color:#FFF;
	font-size:18px;
	text-align:center;
	vertical-align: bottom;
	padding:5px;
	font-weight:bold;
	border: 1px solid #F00;
}
/*=============================== End second Page =======================*/
label {
	cursor:pointer;
}
fieldset {
	width:98%;
	direction:rtl;
	/* display:inline-block; */
	height:auto;
	margin:10px auto;
	border:1px solid #CCC;
	padding:10px 0px 20px 0px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
    box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);  
}
legend {
	width:auto;
	margin-right:10px;
	padding:0px 5px 0px 5px;	
	border-bottom:0px !important;
	margin-bottom:0px !important;
}
img {
	border:0;
}
.Alert {
	min-width:400px;
	border:1px solid #006600;
	background-color:#C9FB84;
	-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.Alert2 {
	min-width:400px;
	border:1px solid #990000;
	background-color:#FCDBD1;
	-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.Alert3 {
	min-width:400px;
	border:1px solid #FF9900;
	background-color:#FFFF33;
	-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
a {
	font-family:'iransansweb-light', Tahoma;
	font-size:14px;
	color:#5F5F5F;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in;
}
a:link {
	text-decoration:none;
	color:#4A4A4A;
}
a:visited {
	text-decoration:none;
	color:#4A4A4A;
}
a:hover {
	text-decoration:none;
	color:#6fa1d1;
}
a:active {
	text-decoration:none;
	color:#4A4A4A;
}
.tdfont {
	height:25px;
	font-size:13px;
	color:#6fa1d1;
}
.TextF {
	font-size:12px;
	color:#000000;
	font-family:Tahoma;
	background-color:#F6F3F3;
	border:1px solid #CCCCCC;
	-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	height:25px;
	background:linear-gradient(#EEEEEE, #ffffff);
	transition:all 0.3s ease-out;
	width:99%;
	text-indent:5px;
}
.TextF:focus {
	outline:none;
	background-position:0 -2.3em;
}
.SelectBox {
	font-size:12px;
	color:#000000;
	font-family:Tahoma;
	background-color:#F6F3F3;
	border:1px solid #CCCCCC;
	-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	height:30px;
	background:linear-gradient(#EEEEEE, #ffffff);
	transition:all 0.3s ease-out;
	width:99%;
}
.SelectBox:focus {
	outline:none;
	background-position:0 -2.3em;
}
.TextArea {
	font-size:12px;
	color:#000000;
	font-family:Tahoma;
	background-color:#F6F3F3;
	border:1px solid #CCCCCC;
	-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.1);
	text-indent:3px;
	background:linear-gradient(#EEEEEE, #ffffff);
	transition:all 0.3s ease-out;
	width:99%;
	resize:none;
}
.Submit {
	width:auto;
	min-width:100px;
	line-height:24px;
	height:35px;
	background:#002e5e;
	padding:4px 15px 8px 15px;
	font-family:"iransansweb-light", Tahoma;
	font-size:15px;
	color:#ffffff !important;
	border:none;
	cursor:pointer;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
	border-radius:5px;
}
.Submit:hover {
	background:#6fa1d1;
}
.blueButton {
	width:auto;
	line-height:20px;
	padding:4px 27px 8px 27px;
	font-size:13px;
	color:#FFFFFF;
	cursor:pointer;
	background:#002e5e;
	border:none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
.blueButton:hover {
	background:#6fa1d1;
}
a.blueButton {
	padding:6px 27px 8px 27px;
	font-size:13px;
	color:#FFFFFF;
}
.Opacity {
	filter:alpha(opacity=70);
	moz-opacity:0.7;
	opacity:0.7;
}
.forMapPage {
	width:100%;
	height:26px;
	margin-top:20px;
	display:inline-block;
	float:right;
}
.forThirdMapPage {
	width:100%;
	height:26px;
	display:inline-block;
	float:right;
}
#mapPage {
	width:100%;
	height:26px;
	line-height:25px;
	text-align:right;
	margin:0;
	padding:0;
	font-family:'iransansweb-light', Tahoma;
	font-size:11px;
	color:#0a4188;
	float:right;
	overflow:hidden;
	font-weight:bold;
}
.mapIcon {
	background:url(../img/map/home.png) 2px 4px no-repeat;
	width:16px;
	height:26px;
	line-height:25px;
	text-align:right;
	margin:0;
	padding:0;
	float:right;
}
#thirdMapPage {
	width:100%;
	height:26px;
	line-height:25px;
	text-align:right;
	margin:0;
	padding:0;
	font-family:'iransansweb-light', Tahoma;
	font-size:11px;
	color:#0a4188;
	text-indent:0px;
	float:right;
	overflow:hidden;
}
#mapPage a, #mapPage a:link, #mapPage a:active, #mapPage a:visited,#thirdMapPage a, #thirdMapPage a:link, #thirdMapPage a:active, #thirdMapPage a:visited {
	font-family:'iransansweb-light', Tahoma;
	font-size:11px;
	color:#0a4188;
}
#mapPage a:hover, #thirdMapPage a:hover {
	color:#4dc7f5;
}
::-moz-selection {
	background-color:#d8e2fb;
	color:#0a4188;
}
::selection{
	background-color:#d8e2fb;
	color:#0a4188;
}
/*=========================== Table ==========================*/
table#tableGrid, table#tableGridFile {
	padding:3px;
	margin:0 auto;
	font-size:13px;
    font-family:'iransansweb', tahoma;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #CCC;
}
table#tableGrid td, table#tableGridFile td {
	padding:3px;	
}
table#tableToolbar {
	background:url(../image/table-toolbar-bg.png) repeat-x;
	height:54px;
	margin-bottom:10px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border:1px solid #CCC;
}
table#tableToolbar td {
	padding:0px 5px 0px 5px;	
}
#tableGrid tr {
	background-color:#ffffff;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
#tableGrid tr td {
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
#tableGrid tr:nth-child(even) {
	background-color:#F6F6F6;
	text-align:center;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
#tableGrid tr:nth-child(odd) {
	background-color:#F2F2F2;	
	text-align:center;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
#tableGrid tr:hover {
	background-color:#F8FF91;
	text-align:center;
	-webkit-transition:color .25s ease-in-out;
	-moz-transition:color .25s ease-in-out;
	-o-transition:color .25s ease-in-out;
	transition:color .25s ease-in-out;
}
#tableGridFile tr {
	background-color:#E8E9E6;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
#tableGridFile tr td {
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
#tableGridFile tr:hover {
	background-color:#F8FF91;
	text-align:center;
	-webkit-transition:color .25s ease-in-out;
	-moz-transition:color .25s ease-in-out;
	-o-transition:color .25s ease-in-out;
	transition:color .25s ease-in-out;
}
.bgtd1 {
	background-color:#eaeaeb;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.bgtd2 {
	background-color:#dadadd;	
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.bgtd3 {
	background-color:#F93B3B;	
	text-align:center;
}
.bgtd4 {
	background-color:#ccdddf;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.bgtd5 {
	background-color:#FF9;
	text-align:center;
}
.bgtd6 {
	background-color:#6F3;
	text-align:center;
}
.bgtd7 {
	background-color:#090;
	text-align:center;
}
.bgtdhed {
	background-color:#FDD922 !important;
	height:40px;
	color:#1F1F1F !important;	
	font-family:'iransansweb',tahoma;
	font-size:13px;
}
/*=========================== End Table ================================*/
/*=========================== HELPER ===================================*/
/* margins */
.m0 {
    margin:0 !important;
}
.mt0 {
	margin-top:0px;	
}
.mt5 {
    margin-top:5px;
}
.mb5 {
    margin-bottom:5px;
}
.mt10 {
    margin-top:10px;
}
.mt20 {
    margin-top:20px;
}
.mt25 {
    margin-top:25px;
}
.mt30 {
    margin-top:30px;
}
.mb0 {
    margin-bottom:0px;
}
.mb10 {
    margin-bottom:10px;
}
.mb15 {
    margin-bottom:15px;
}
.mb20 {
    margin-bottom:20px !important;
}
.mb30 {
    margin-bottom:30px;
}
.mr0 {
    margin-right:0px;
}
.ml0 {
    margin-left:0px;
}
.m20 {
    margin-left:20px;
}
.ml5 {
    margin-left:5px;
}
.ml10 {
    margin-left:10px;
}
.m0a {
    margin:0px auto !important;
}
/* paddings */
.p0 {
    padding:0px !important;
}
.pr0 {
    padding-right:0px !important;
}
.pl0 {
    padding-left:0px !important;
}
.pr3 {
    padding-right:3px;
}
.pl3 {
    padding-left:3px;
}
.pr5 {
    padding-right:5px;
}
.pl5 {
    padding-left:5px;
}
.pr7 {
    padding-right:7px;
}
.pl7 {
    padding-left:7px;
}
.pr10 {
    padding-right:10px;
}
.pl10 {
    padding-left:10px;
}
.pt10{
	padding-top:10px;
}
.pr20 {
    padding-right:20px;
}
.pl20 {
    padding-left:20px;
}
.pt20 {
    padding-top:20px;
}
.pb10 {
	padding-bottom:10px;
}
/* displays */
.db {
    display:block;
}
.dib {
    display:inline-block;
}
/* colors */
.dotechGreen {
    color:#8DC640;
}
.color41 {
    color:#414141;
}
/* floating */
.fl {
    float:left !important;
}
.fr {
    float:right !important;
}
/* others */
.tal {
	text-align:left !important;	
}
.w100 {
	width:100% !important;
}
.tac {
	text-align:center !important;	
}
.ofh {
	overflow:hidden;	
}





.frNews {
	float:right;
   margin:0px 15px 50px 0px;
}
.flNews {
	float:left !important;
	margin-left:0px;
	margin-left:13px; 
}
/*=========================== End HELPER ===============================*/
@media (min-width:1201px) {
    .container {
        width:1200px !important;
    }
}
@media (max-width:1200px) {
    .container {
        width:96% !important;
    }
	.forIndexContacts {
		font-size:15px;
	}
}
@media (max-width:1199px) {
}
@media (max-width:1166px) {
}
@media (max-width:992px) {
	#forIndexSlider {
		height:auto;
	}
	#forIndexLoginAndRegister {
		height:317px;
		margin-top:0px;
	}
	.forIndexContactWard {
		margin:0px auto 2px auto;
	}
	.forIndexContacts {
		font-size:13px;
		padding:0px 9px 0px 9px;
	}
	.forLoginPanel {
		padding:0px 9px 0px 9px;
	}
	.indexBoxesHomeItem {
		margin:0 auto;
	}
}
@media (max-width:991px) {
	.topIconItemWArd {
		float:right;
		margin-left:0px;
	}
	#topIconContactus {
		background:url(../img/ward_top/contactus-scroll.png) center center no-repeat;
	}
	#forIndexLoginAndRegister {
		height:auto;
		margin-top:20px;
	}
	.forIndexContacts {
		text-align:right;
		font-size:17px;
		padding:0px 15px 0px 15px;
	}
	.forLoginPanel {
		padding:0px 15px 0px 15px;
	}
	.indexContentRightItem {
		padding-left:0px;
	}
	.indexContentRight {
		padding-left:0px;
	}
	.contentLeftImg {
		margin-top:-0px;
	}
	.forIndexNewsItem {
		width:100%;
		margin:0px 0px 50px 0px;
	}
	.indexNewsItemTitle {
		width:100%;
	}
	.indexNewsWard {
		margin-right:0px;
	}
	.indexNewsItemContent {
		width:83%;
	}
	.indexNewsItemImg {
		margin-right:0px;
		padding-right:15px !important;
	}
	.indexNewsItemBody {
		height:auto;
	}
}
@media (max-width:768px) {
}
@media (max-width:767px) {
	.indexNewsItemContent {
		width:75%;
	}
}
@media (max-width:600px) {
	#forIndexMenBottom {
		width:100%;
	}
	#forIndexBottomLogos {
		width:100%;
	}
	.indexNewsItemContent {
		width:100%;
	}
	.indexNewsItemImg {
		width:100%;
		padding-right:0px !important;
		margin-bottom:10px;
	}
}
@media (max-width:500px) {
	.contactusCenter {
		width:99% !important;
		margin:5px auto 5px auto !important;
		text-align:center !important;
		display:inline-block !important;
	}
	.Alert,.Alert2,.Alert3 {
		min-width:auto;
		width:100% !important;
	}
	.dotech-wrapper, .dotech-container table{
		left:0px !important;
	}
	#confirmBox {
		width:100% !important;
	}
}
@media (max-width:460px) {
	#forIndexLogo {
		width:100%;
		float:none;
	}
	#forIndexLogo img {
		float:none;
	}
	#forIndexLogoType {
		width:100%;
	}
	#forIndexFlag {
		width:100%;
		height:auto;
		float:none;
	}
	#forIndexFlag img {
		float:none;
	}
	#indexWardTop {
		height:100px;
		margin-bottom:10px;
	}
	.indexBoxesHomeItemTitle {
		width:100%;
	}
}
@media (max-width:380px) {
}
@media (max-width:360px) {
}
@media (max-width:339px) {
}
@media (max-width:320px) {
}