@font-face { 	font-family: 'Nachlieli CLM';    font-weight: 200;    font-style: normal;    src: url('/National_Library/oe_/https://www.new-atid.com/font/Nachlieli/200.woff') format('woff');}	
html, body{ width:100%; height:100%; }

.ups{ position:absolute; width:98%; max-width:1200px; top:20px; margin:auto; right:0; left:0; z-index:55;     }
.rlg{ float:right; width:20%; }
.rlg img{ max-width:100%;  }
.hedst{ width:100%; max-width:1200px; margin:auto;  min-height:40px; }
.fulimg{ width:100%; clear:both; display:table;  }
	.ngish{ 
	border-right:2px solid #444;
	border-top:2px solid #444;
	border-bottom:2px solid #444;
	-moz-border-radius-topright: 40px;
	-webkit-border-top-right-radius: 40px;
	 border-top-right-radius: 40px;
	-moz-border-radius-bottomright: 40px;
	-webkit-border-bottom-right-radius: 40px;
	border-bottom-right-radius: 40px;
	z-index:99999; background:#cccccc; color:#000000; text-align:center; position: absolute; padding:0px 3px; top:0px; left:0; }
.ngish:hover{ background:#ffffff;  }
.ngish img{ max-width:30px; }
	
	
	#cmenua{ position:relative; z-index:99; margin:30px 23% 0 0; width:75%; }
.color_l1{ color:#63AB30; }
.color_l2{ color:#FB840F; }
.color_l3{ color:#2BC4D8; }

	.fulcont{ position:relative; width:100%; display:table; padding:0 0 20px 0;  }
	.fulcont_in{ position:relative; width:100%; display:table; padding:0 0 60px 0;  }
	.contzaf{ position:absolute; width:100%;  bottom:20px; z-index:100;  }
	.contzaf_hp{ clear:both;  width:100%;  display:table;   }
	.contzaf_cn{ width:98%; max-width:1200px; margin:auto; }
	.icohome{ float:right; width:33.3%; }
	.icohome *{ text-align:center;  }
	.icohome img{ width:100%;  max-width:130px; height:0 auto 0 auto; padding:0 0 20px 0; }
	.icohome a:hover{ opacity: 0.7; filter: alpha(opacity=70);  }
	.icohome p{ width:100%; margin:auto; max-width:60%;  }
	.icohome h4{ font-size:20px;   }
		.icohome_in{ float:left; width:12%; }
		.icohome_in *{ text-align:center; }
		.icohome_in img{ width:90%; max-width:80px; height:0 auto 0 auto; padding:0 0 7px 0; }
		.icohome_in a:hover{ opacity: 0.7; filter: alpha(opacity=70);  }
	.pathLinkPage * { font-size:14px;  }
	.pathLinkPage{ clear:both; width:100%; min-height:40px; margin:0 -10px 0 0;  }
	.pathLink{ float:right; }
	.pathLinkPage span{   }
	.pathLinkPage span a{  text-indent:7px; margin:0px 10px 0px 0px; text-decoration:underline; }
	.pathLinkPage span a:hover{  color:#939598; text-decoration: underline;}
	.pathLink a{ margin:0px 1px 0px 1px; text-decoration:underline; }
	.pathLink a:hover{  color:#939598; text-decoration: underline;}
		.credit{  overflow:hidden; -webkit-transition: width .5s; transition: width .5s; width:80px;  margin:auto; height:30px;  margin:10px auto; text-align:center; position:relative; }
		.credit p{   text-decoration: underline; line-height:30px; color:#000; text-align:center;  width:100%; height:100%;  font-size:13px;  position:absolute; top:0; bottom:0; z-index:999; margin:auto;  right:75px; }
		.credit a{ text-decoration: underline;  }
		.credit:hover{  width:220px; }
		.credit img{ max-width:80px;  }
	
.fotdw{ clear:both; width:100%; padding:25px 0; background:#e1e1e1;}
.bgfff{ clear:both; width:100%;  }
.cmbod_home{ clear:both; max-width:1200px; width:98%; margin:30px auto 0 auto;  }
.cntyplogmen{ max-width:1200px; margin:25px auto; }
.ttlmb2{ font-size:18px; width:160px; font-weight: bold; color:#ffffff; text-indent:7px; height:25px; }
.ttlmb2s{ text-indent:10px; font-size:24px; width:100%; font-weight: bold; color:#333;  height:40px; line-height:40px; }
	
	#zone1 .ttlmb2s{ background:#63AB30; }
	#zone2 .ttlmb2s{ background:#FC8510; }
	#zone3 .ttlmb2s{ background:#2BC4D8; }
	.zone1, .zone1 *{ background:#63AB30; }
	.zone2, .zone2 *{ background:#FC8510; }
	.zone3, .zone3 *{ background:#2BC4D8; }
		#zone1 ul.b_menuJq li a:hover { border-bottom:2px solid #63AB30; color:#63AB30; }
		#zone2 ul.b_menuJq li a:hover { border-bottom:2px solid #FC8510; color:#FC8510; }
		#zone3 ul.b_menuJq li a:hover { border-bottom:2px solid #2BC4D8; color:#2BC4D8; }
	#zone1 ul.b_menuJq li a.b_menuActive { border-bottom:2px solid #63AB30; color:#63AB30; }
	#zone2 ul.b_menuJq li a.b_menuActive { border-bottom:2px solid #FC8510; color:#FC8510; }
	#zone3 ul.b_menuJq li a.b_menuActive { border-bottom:2px solid #2BC4D8; color:#2BC4D8; }
		#zone1 .cfltpic { border-left:1px solid #63AB30; border-right:1px solid #63AB30; }
		#zone2 .cfltpic { border-left:1px solid #FC8510; border-right:1px solid #FC8510; }
		#zone3 .cfltpic { border-left:1px solid #2BC4D8; border-right:1px solid #2BC4D8; }

		
		
		
	
	
	
.cmenub{ float:right;  width:20%;   }
.cbmd{ clear:both; max-width:1200px; width:100%; display:table;  }
.cmbod{ float:right; width:77%; margin:0 3% 0 0;  }
	.a_menuIN{ clear:both; width:100%;}
	.a_menuJq, .a_menuJq * { margin: 0; padding: 0; list-style: none; }
	.a_menuJq ul {	position:absolute;	top:-999em;	width:100%;  } 
	.a_menuJq li:hover { visibility:inherit; } 
	.a_menuJq li {  margin:0 0 0 4% ;	float:right; position: relative; }
	.a_menuJq a {	display: block;	position: relative; }
	.a_menuJq li.sfHover ul { left:	0;	right:0; top:45px; z-index:199; } 
	li.LineMa{ float:right; width:2%; text-align:center; padding-top:12px; }
	ul.a_menuJq li a {   font-weight: bold; width:100%;  height:57px; line-height:60px; text-align:right; color:#000; font-size:16px; display:block;}
	ul.a_menuJq li a.a_menuActive { font-weight: bold; font-weight: bold; width:100%;  height:57px; line-height:60px; text-align:right; color:#ccc; font-size:14px; display:block;}
	ul.a_menuJq li a:hover { font-weight: bold; color:#999; }
	ul.a_menuJq li ul li a {  width:100%; text-align:right;  border-bottom:1px solid #6D7E8C; }	
	ul.a_menuJq li ul li a.a_menuSubActive { font-weight: bold; color:#0068A7; background-color:#EDECE8; width:100%; text-align:center;  border-bottom:1px solid #cccccc; }	
	ul.a_menuJq li:hover, .a_menuJq li.sfHover, .a_menuJq a:focus, .a_menuJq a:hover, .a_menuJq a:active {	   outline: 0; }
	.a_menuJq span.sf-sub-indicator { left:0px; background-position:  0px 0; color:#A7A9AC; }
.b_menuIN ul{ padding:0; margin:0; }
.b_menuJq, .b_menuJq * { margin: 0; padding: 0; list-style: none; }
.b_menuIN li{ list-style:none; padding:0; margin:0; }
.b_menuIN{ max-width:200px; margin:0 2% 0 0; }
.b_menuJq ul { position:absolute;	top:-999em;	width:100%; } 
.b_menuJq li:hover { visibility:inherit; } 
.b_menuJq li  { position: relative; }
.b_menuJq a { display: block;	position: relative;}
.b_menuJq li.sfHover ul { left:	0;	right:203px; top:-2px; z-index:199; } 
	ul.b_menuJq li a {  padding:3px 0; border-bottom:1px solid #ccc; width:100%;  line-height:25px;  text-align:right; color:#000000; font-size:16px; display:block;  }
	ul.b_menuJq li a.b_menuActive { padding:5px 0;  border-bottom:2px solid #60B02B; font-weight: normal; width:100%;   line-height:25px; text-align:right; color:#60B02B; border-bottom:2px solid #60B02B;; font-size:16px; display:block;}
	ul.b_menuJq li a:hover { border-bottom:2px solid #60B02B; color:#60B02B; }
	ul.b_menuJq li ul li a { background:#ffffff; border-left:2px solid #cccccc; width:100%; text-align:right; text-indent:10px;  }	
	ul.b_menuJq li ul li a.b_menuSubActive { font-weight: bold; color:#000000;  width:100%; text-align:right; text-indent:10px;  }	
	ul.b_menuJq li:hover, .b_menuJq li.sfHover, .b_menuJq a:focus, .b_menuJq a:hover, .b_menuJq a:active {	/*background:	#ffffff;*/ outline: 0; }
	.b_menuJq span.sf-sub-indicator { position: absolute; top:0px; right:185px; color:#A7A9AC; }
	
	.cntfrm{ width:95%; margin:10px 2.5% 25px 2.5%; display:table; clear:both;     }
	.frm_right{ float:right; width:65%;   }
	.linfrm{ clear:both; width:100%; height:25px; margin:8px 0px 0px 0px;}
	.linfrmtxarea { clear:both; width:100%; height:110px; margin:8px 0px 0px 0px; }
	.frm_txtt{ float:right; width:30%; min-width:100px; font-size:16px; line-height:25px; height:25px;}
	.frm_inpt{ float:right; width:70%;  }
	.frm_inpt input{ background-color:transparent; text-indent:7px; width:100%; height:25px; line-height:25px; border:1px solid #cccccc; font-size:16px;}
	.frm_inpttxarea { float:right; width:70%;  font-size:16px;  height:140px;  }
	.frm_inpttxarea textarea{ background-color:transparent; text-indent:7px; width:100%; height:110px; border:1px solid #cccccc; font-size:16px; }
	.sndmain_frm{ clear:both; width:100%; text-align:left; margin:15px 0px 25px 0px;}
	.sndmain_frm input{ width:100px; text-align:center; height:30px; line-height:20px; border:1px solid #6D6E71; cursor: url; color:#000000;}
	.frm_leftblk{ float:right; width:30%; margin-right:2%; }

.cfltpic{ float:right; margin:20px 0; padding:0 2%; min-height:145px; width:20%; border-left:1px solid #60B02B; border-right:1px solid #60B02B; }
.cfltpic *{ text-align:center;  }
.txpic{ width:100%; min-height:45px; }
.txpic a{ font-size:13px; }
.txpic a:hover{ color:#ccc; }
.dpic { background:#ffffff; position: relative; width:100%; height:140px;  }
.dpic img{  position:absolute; margin:auto; left:0; right:0; top:0; bottom:0; max-width:100%; max-height:144px; }
	
.CUconta{ width:730px; margin:15px 25px 0px 0px; text-align:right; color:#ffffff;}
.CUright{ float:right; width:400px; }
.CUleft{ float:right; width:310px; margin-right:20px;}
.CUleft p{ font-size:14px; }
.CUleft p.main_title{ font-size:16px; height:30px;}
.CUline{ clear:both; width:390px; height:25px; margin:8px 0px 0px 0px;}
.CUtxt{ float:right; width:100px; font-size:14px; line-height:25px; height:25px;}
.CUinpt{ float:right; width:200px;  }
.CUinpt input{ width:290px; height:25px; line-height:25px; border:1px solid #cccccc; font-size:14px;}

.CUlineTerae { clear:both; width:395px; height:110px; margin:8px 0px 0px 0px; }
.CUerea textarea{ width:290px; height:110px; border:1px solid #cccccc; font-size:14px; }
.CULineSend{ clear:both; width:390px; text-align:left; margin:15px 0px 25px 0px;}
.CULineSend input{ width:100px; height:20px; border:1px solid #6D6E71; cursor: url;}
/*HOME*/
	.cn_hpall * { text-align:center;  }
	.cn_hpall img { max-width:25px; height:auto; margin:10px;   }
	.cn_hpall a { font-weight: bold; padding:20px 0; text-decoration:underline;    }
	.cn_hpall a:hover { color:#ccc;   }
	.cn_hpall p { font-size:15px;  }
	.hp_hazn{ width:100%;  margin:auto;  }
	#zone0 .hp_hazn h1{ color:#000; margin:0 0 30px 0;  }
	.sphp{ font-size:1px; height:1px; background:#000; width:100%; max-width:200px; margin:25px auto; }
		.hpline1 { clear:both; width:100%; max-width:350px; margin:auto; }
		#zone0 .hpline1 h2 { font-size:20px; color:#000; line-height:30px; }
	.hpline2 { clear:both; width:100%;  margin:auto; padding:25px 0; }
	.hpline2 div { float:right; width:29%;   }
	#zone0 .hpline2 h2 { font-size:20px; color:#FC850F; line-height:30px; }
		.hpline3 { clear:both; width:100%;  margin:auto; padding:25px 0; }
		.hpline3 div { float:right; width:29%;   }
		#zone0 .hpline3 h2 { font-size:20px; color:#2CC4D9; line-height:30px; }
	.hpline4 { clear:both; width:100%;  margin:auto; padding:30px 0;  }
	.hpline4 div { float:right; width:29%;   }
	#zone0 .hpline4 h2 { font-size:20px; color:#64AB31; line-height:30px; }
		.hpline5 { clear:both; width:100%;  margin:auto; padding:25px 0; max-width:700px; }
		.hpline5 div { float:right; width:46%;   }
		#zone0 .hpline5 h2 { font-size:20px; color:#FC850F; line-height:30px; }
	
	.linhor{ font-size:1px; margin:60px 3% 0 3%; width:1px !important; height:150px; background:#000;  }
/*HOME*/
	.spheig{ display:none; }



@media screen and (min-width: 670px) { 	#IcoMobilClick, #IcoMobilClick_MB{ display: none; }  }
@media screen and (max-width: 670px) { 	
	img { max-width:100%; height:auto;  }
	.Clog{ clear:both; margin:7px auto 7px auto ; width:100%; text-align:center; height:115px;  }
	#IcoMobilClick{ position:absolute; top:7px; right:7px;  clear:both; width:40px; height:25px;  margin:5px 0px 5px 0px ; }
	#IcoMobilClick img{ margin:2px 7px 5px 0px ; }
	#cmenua{ display: none; width:100%; margin:0; }
		#IcoMobilClick_MB{ clear:both; width:100%; height:35px; line-height:15px; font-size:18px; margin:4px 0px 5px 0px ; }
		#IcoMobilClick_MB div{ float:right; font-size:18px; line-height:30px; text-indent:7px; font-weight: bold;}
		#IcoMobilClick_MB img{ margin:8px 10px 5px 0px ; }
		#menu_mb{ display: none; width:100%; margin:0; }  
		.cmenub{ clear:both; width:100%;  }
	.spheig{ display:table; height:40px; }
	.CmenuAIco{ clear:both; width:100%; }	
	.LineFbook{ clear:both; width:97%; height:25px; margin:5px auto 10px auto;  }
	.cntyplogmen{ clear:both; }
	.body_script{ padding:10px 5px; }	
	.frm_txtt, .frm_right, .frm_inpt, .frm_inpttxarea, .frm_leftblk{ width:100%; }	
		/*A*/
		.a_menuIN{ margin:0;}
		.a_menuJq li { width:100%; clear:both; position: relative;  }
		li.LineMa{ display: none; }
		ul.a_menuJq li a {  border-top:1px solid #ffffff; font-weight: bold; width:100%;  background:#E5E7D0; margin:0px 0px 1px 0px ; height:40px; line-height:40px; text-align:center; color:#000000; font-size:18px; display:block;}
		ul.a_menuJq li a.a_menuActive { text-align:center; color:#333; background:#D5D7BC; font-size:18px; height:40px; line-height:40px;}
		ul.a_menuJq li a:hover { color:#000000; }
		/*B*/
		ul.b_menuJq li a {  font-weight: bold; width:100%;  background:#e1e1e1; margin:0px 0px 1px 0px ; height:40px; line-height:40px; text-align:center; color:#000000; font-size:18px; display:block;}
		.b_menuIN{ width:100%; max-width:100%; margin:0 0 0 0; }

		.b_menuJq li  { position: relative; width:100%; clear:both; }
		ul.b_menuJq li a.b_menuActive { border:0; background:#e1e1e1; font-weight: bold; width:100%;  height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; display:block;}
		a.b_menuActive{ color:#fff;  }
		.b_menuJq ul { position:relative;		right:0; width:100%; } /* left offset of submenus need to match (see below) sub menu  */
		ul.b_menuJq li ul li a {  width:98%; text-align:center;   margin:0px 1% 0px 0px ; }	
		.b_menuJq li.sfHover ul { left:	0;	right:0px; top:-2px; z-index:199; } 
		ul.b_menuJq li:hover, .b_menuJq li.sfHover, .b_menuJq a:focus, .b_menuJq a:hover, .b_menuJq a:active {	background:#cccccc; outline: 0; }
		ul.b_menuJq li a:hover { background:#cccccc; }
		.cfltpic{ clear:both !important; margin:10px 5%; width:90%; text-align:center; }
	
		.cmbod{ clear:both; width:96%; margin:2%; }
		.ttlmb2s{ display:none; }
			.rlg{ float:none; clear:both; width:90%; margin:auto; text-align:center;  }
			.rlg img{ max-width:80%; text-align:center; margin:7px 0 0 0 ; }
		.contzaf{ position:relative; width:100%;    }
		.icohome{ float:none; clear:both; width:90%; margin:25px auto 25px auto; }
		.fulcont{ padding:0 0 0 0; }
		
		.icohome_in{  width:33.3%; padding:12px 0; }
		.icohome_in *{ font-size:14px; }
		.icohome_in img{  max-width:60px; height:0 auto 0 auto; padding:0 0 7px 0; }
		.fulcont_in{ padding:0 0 0 0;  }
		.ups{  width:60%; top:0px; margin:auto;    }
		.hedst{ min-height:0px; }
			.hpline2 div, .hpline3 div, .hpline4 div  { float:none; width:96%; margin:auto;  }
			.linhor{ display:none; }


		/**/
	
}


