*{ box-sizing:border-box; }

.main {
	margin:0px; padding:0px;
	width:100%;
	}
			@media only screen and (max-width: 767px) { 
			.main { display:block; }		
			}		

.header { width:100%; margin:0; padding:0;}
		#himg { float:left; height:60px;}

			@media only screen and (max-width: 767px) { 
				.header {display:flex;}
				#himg { display:flex; float:left; }
						
			}
	
	.icon {display:none;}
	.mplus {visibility:hidden;}
	#mmu {  margin-right:0; padding:0; min-width:830px;}	
	.mml {float:left; list-style:none; position:relative; display:block; background:#fff; margin-left:5%; min-width:150px; line-height:3; padding: 0px 6px; }
	.mml a {text-decoration:none; font-family:Arial; font-size:17px; color:#034265; font-weight:bold; }
	
	.mmll { position:absolute; margin-left:-15px; text-align:left; display:none; background:#fff; min-width:250px; z-index:10;}
	.mmll a {text-decoration:none; font-family:Arial; font-size:15px; display:block; padding: 0px 16px; }
	.mmll a:hover {color:#000; background-color:#ccc; }
	.mml:hover .mmll {display:block;}
	
	#mo3 { margin-left:-200%; }
	#mtable {display:block; width:156%; background-color:#fff;}
	#mmdiv {display:none;}
	
	#imain1 {float:right; width:35%; margin-left:50%;}
	#sliderm {width:100%; display:flex; flex-direction:column;}
	#slmnl2 { margin-top:5%; width:40%; margin-left:12%; position:absolute; z-index:7; }
	#slmnl21 {  font-family:tahoma; font-size:2.4vw;  } 
	#slmnl22 { font-family:segoe print; font-size:1.3vw; font-weight:bold;  }		
			
	#div1 { width:100%; background-color:#F5F1EB; clear:both; display:flex; flex-direction:column; padding:20px;}
	#div11 {width:100%; padding:30px 10px; text-align:center; font-family:segoe print; font-size:1.7vw; font-weight:bold;}
	#div12 { width:100%; text-align:center; }
	#div121 { width:20%; float:left; margin-left:18%; box-shadow:2px 2px #FFAA6E; border-radius:5px; background-color:#fff; text-align:center; padding:10px; border:2px solid orange; }
	#div122, #div123 { width:20%; float:left; margin-left:20px; box-shadow:2px 2px #FFAA6E; border-radius:5px; background-color:#fff; padding:10px; border:2px solid orange; }
	#div1211 { width:98%; background-color:#3FC1C8; font-size:1.1vw; font-weight:bold; font-family:tahoma; letter-spacing:1px; color:#fff; margin-left:1%; padding:10px; line-height:1.5;  }
	#div1212, #div1221, #div1231 {width:100%; }
	#div2 {width:100%; padding:30px 10px; text-align:center;}
	#div21 {width:95%; padding:30px 10px 0px 10px; text-align:center; font-family:segoe print; font-size:22px; font-weight:bold; font-weight:bold; clear:both;}
	#div22 { width:50%; }
	#div3 { width:100%; padding:30px 10px 0px 10px; text-align:center; font-family:segoe print; color:#3FC1C8; font-size:22px; font-weight:bold; }
	
	#div4 { width:100%;}
	#div04 {width:60%; margin:auto;}
	 
	#div41, #div42, #div43, #div44, #div45, #div46, #div47, #div48 {width:200px; float:left; margin:1%; }
	#div4121 {background-color:#3FC1C8; color:#fff; font-weight:bold; font-size:15px; font-family:Arial; line-height:3; letter-spacing:1px;
				border-top-left-radius:5px; border-top-right-radius:5px; text-align:center;}
	#div412 { height:160px; font-size:15px; font-family:tahoma; padding-top:10px; padding-left:15px; padding-right:10px; line-height:1.5; text-align:left; letter-spacing:1px; background-color:#F5F1EB; 
			 border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
		
	#div5 {width:100%; background-color:#FDF4EE; height:330px;}
	
	#div52 { width:100%;  text-align:center; font-size:16px; font-family:tahoma; line-height:1.5; letter-spacing:1px; }
	#div521 {width:32%; float:left; padding:10px; margin-left:14%; font-family:segoe print; font-size:1.7vw; font-weight:bold;}
	#div522 {width:32%; float:left; padding:10px; margin-left:5%; }
	
	#div521bt { background-color:#F8AA52; text-align:center; border-radius:5px; }
	a #div521bt{ color:#fff; text-decoration:none; font-weight:bold; font-family:tahoma; font-size:16px; border:10px solid #F8AA52; }
	
	
	#div5211, #div5212, #div5213 { width:100%;  }
	#div5211, #div5212, #div5213 { opacity:.4; transition:opacity 1s; }
	
	
	#div6 {width:100%; padding:30px 10px 0px 10px; text-align:center; font-family:segoe print; font-size:22px; font-weight:bold; clear:both;}
	#div7 {width:100%; text-align:center;}
	#div71 { width:80%;}
	
	#div8 { width:100%; font-size:16px; font-family:tahoma; line-height:1.5; letter-spacing:1px; }
	#div81 { width:30%; float:left; padding:10px; margin-left:25%; text-align:left; }
	#div82 { width:30%; float:left; padding:10px; margin-left:2%; text-align:left; }
	
	#div9 { width:100%; display:flex; flex-direction:column; background-color:#3FC1C8; clear:both; color:#fff; }
	#div91 {width:100%; padding:30px 10px; text-align:center; font-family:segoe print; font-size:22px; font-weight:bold; clear:both;}
	#div92 {width:70%; padding:30px 10px; margin:auto; text-align:center; font-size:18px; font-family:tahoma; clear:both;}
	#div93 {width:100%; font-size:18px; font-family:tahoma; padding:30px; text-align:right;}
	
	#div10 { width:100%; padding:30px 10px; text-align:center; font-family:segoe print; font-size:20px; font-weight:bold; clear:both; }
	
	#div110 { width:100%; text-align:center; clear:both; padding:30px; font-family:tahoma; letter-spacing:1px; }

	#div1101 { width:20%; float:left; padding:10px; margin-left:18%;}
	#div1102, #div1103 {width:20%; float:left; padding:10px; margin-left:20px;}
	#div11011 {width:100%;}
	#div120 { width:100%; background-color:#F5F1EB; height:200px; clear:both; }
	#div1201 { width:100%; padding:30px 10px; text-align:center; font-size:20px; font-family:segoe print; font-weight:bold; clear:both; }
	#div1202 { width:100%; text-align:center; }
	#div12021 { width:30%; float:left; padding-top:15px; background-color:#3FC1C8; text-align:center; color:#fff; font-weight:bold; font-family:tahoma; font-size:16px; margin-left:18%; }
	#div12022 { width:30%; float:left; padding-top:15px; background-color:#F8AA52; text-align:center; color:#fff; font-weight:bold; font-family:tahoma; font-size:16px; margin-left:20px; }
	
	#div130 { width:100%; text-align:center; padding:30px 10px; clear:both; background-color:#414243; color:#fff; height:230px; }
	#div1301 { width:16%; float:left; padding:10px; margin-left:22%; text-align:left; }
	#div1302 { width:16%; float:left; padding:10px; margin-left:50px; text-align:left; }
	#div1303 { width:16%; float:left; padding:10px; margin-left:50px; }
	
	#mdiv1, #mdiv2, #mdiv3 { width:100%; clear:both; height:30px; }
	#mdiv4 { width:100%; clear:both; height:15px; }
		
		
		@media only screen and (max-width:1485px){
			#div04 {width:62%; margin:auto;}
		}
		@media only screen and (max-width:1441px){
			#div04 {width:64%; margin:auto;}
		}
		@media only screen and (max-width:1395px){
			#div04 {width:66%; margin:auto;}
			#div5 { height:370px; }
			#div521 {width:40%; margin-top:3%; margin-left:5%; }
			#div522 {width:40%; margin-left:5%; }	
		}
			
		@media only screen and (max-width:1350px){	
			#div11 {font-size:2vw;}
			#div1211 {font-size:1.3vw;}
			
			#div121 {margin-left:10%}
			#div121, #div122, #div123 { width:25%; }
			#div04 {width:68%; margin:auto;}
			
			
	
			#div81 { width:40%; margin-left:18%; }
			#div82 { width:40%; }
			#div22 { width:40%; }			
		}
		@media only screen and (max-width:1315px){
			#div04 {width:70%; margin:auto;}
		}	
		@media only screen and (max-width:1275px){
			#div04 {width:74%; margin:auto;}
			#slmnl22 {font-size:1.5vw;}
		}	
		@media only screen and (max-width:1210px){
			#div04 {width:78%; margin:auto;}
			#div5 { height:330px; }
		}
		@media only screen and (max-width:1150px){
			#div04 {width:82%; margin:auto;}
		
		}	
	
		@media only screen and (max-width:1100px){
			#sliderm {width:100%; display:flex; flex-direction:column;}
			#imain1 {float:right; width:40%; margin-left:60%;}			
			#slmnl2 { margin-top:5%; width:60%; position:absolute; z-index:7; }
			#slmnl21 {  font-family:tahoma; font-size:2.4vw;  } 
			#slmnl22 { font-family:segoe print; font-size:1.6vw; font-weight:bold;  }
			
			#div41, #div42, #div43, #div44, #div45, #div46, #div47, #div48 {margin:0.5%; }
			#div71 { width:50%: }
			#div04 {width:81%; margin:auto;}
			#div5 {height:300px;}
			
					
		}
		
		@media only screen and (max-width:1060px){
			#div04 {width:85%; margin:auto;}
		}
	
		@media only screen and (max-width:1015px){
			#div04 {width:88%; margin:auto;}
		}

		@media only screen and (max-width:1000px){
			#div5 { height:270px; }
			#mo3 { margin-left:-150%; }
			#div11 {font-size:2.3vw;}
			#div121, #div521, #div1101 {margin-left:3%}
			#div1211 {font-size:1.6vw;}
			#div121, #div122, #div123, #div1101, #div1102, #div1103 { width:30%; }			 
			#div04 {width:90%; margin:auto;}
			#div521 {width:40%; margin-top:3%; margin-left:7%; }
			#div522 {width:40%; margin-left:3%; }
			#slmnl22 {font-size:1.6vw;}
			#div71 { width:90%;}
			#div81 { width:43%; margin-left:12%; }
			#div82 { width:43%; }
			#mo3 { margin-left:-50%; }
			
				#mmu { min-width:90% !important; z-index:10;}
				.mml {margin-left:1% !important; min-width:125px !important; box-sizing:border-box;}
				#mtable { display:block; width:690px; margin-left:-300px; z-index:10; background-color:#fff; }
									
			}	
		@media only screen and (max-width:960px){
			#div04 {width:94%; margin:auto;}
		}
		@media only screen and (max-width:920px){
			#slmnl22 {font-size:1.7vw;}
			#div04 {width:88%; margin:auto;}
			#div41, #div42, #div43, #div44, #div45, #div46, #div47, #div48 {width:170px; float:left; margin:1%; }
		}
		
	
		@media only screen and (max-width:878px){
			#slmnl22 {font-size:1.9vw;}
			#div11 {font-size:2.5vw;}
			#div1211 {font-size:1.8vw;}
			#div04 {width:92%; margin:auto;}
			#div5 { height:250px; }
			#div521 {font-size:2vw;}
			#div71 { width:95%;}
			#div81 { width:44%; margin-left:10%; }
			#div82 { width:44%; }
			#div41, #div42, #div43, #div44, #div45, #div46, #div47, #div48 {width:100%; }
			#div412 { height:70px; }
			#mmu { min-width:90% !important; }
			.mml {margin-left:1% !important; min-width:125px !important; box-sizing:border-box;}
			
			}

			
		
			
		@media only screen and (max-width:767px) {
				#sliderm {width:100%; display:flex; flex-direction:column;}
				#imain1 {float:right; width:100%; margin-left:0%;}			
				#slmnl2 { display:none; }
				#slmnl21 {  display:none;  } 
				#slmnl22 { display:none;  }
				#div5 { display:flex; flex-direction:column; height:630px; }
				#div521, #div522 {float:none; width:80%; margin:auto;}
				#div521 {font-size:3vw;}
				#mtable { display:none; }
				#mmdiv {display:block; margin-left:32%;}
				#mmu {min-width:100% !important; position:absolute; z-index:10; box-sizing:border-box; top:34px;}
				a.icon { display: block; position: absolute; color:#034265; font-size:35px; right: 0; }
				.mml:hover .mmll { display:none; }
				#mmu #mml01 {display:block; }		
				#mmu { display:none; width:100%; overflow:hidden;}
				#mmu .mml { background:#3FC1C8; width:100%; position:relative; border:1px solid #3FC1C8; box-sizing:border-box; margin-left:0px !important; }
				#mmu .mml a {width:100%; color:#fff;}
				#mmu .mml:hover {background:#3FC1C8;}
				#mmu .mml .mmll { position:relative; background:#D1F7F3;  }
				#mmu .mml .mplus { color:#fff; float:right; margin-right:15px; font-size:1.1em; visibility:visible;}
				#mmu .mml .mmll a:hover { background:#D1F7F3; border:1px solid #3FC1C8; box-shadow:2px 2px #000;}
				#mmu .mml .mmll a { color:#000;}
				#div11 {font-size:3vw;}
				#div22 { width:50%; }
				
				#div41, #div42, #div43, #div44, #div45, #div46, #div47, #div48 {width:100%; }
				#div412 { height:70px; }		
									
			}
		@media only screen and (max-width:700px) {
			#div5 {height:590px;}
			#div5 {height:580px;}
		}
		
		@media only screen and (max-width:650px){
			#div121, #div1101 {margin-left:1%;}
			#div1211 {font-size:1.5vw; font-weight:none;}
			#div71 { width:98%;}
			#div81 { width:46%; margin-left:6%; }
			#div82 { width:46%; }
			#div91 {width:98%; }
			#div92 {width:90%; }
			#div12021, #div12022 {font-size:14px;}
			#div5 {height:550px;}
		}
	
		@media only screen and (max-width:600px){
						
				#mtable {display:none;}
				
				#div1 { display:flex; flex-direction:column; }  
				#div11 {font-size:4vw;}
				#div121, #div122, #div123, #div521, #div522, #div523 {float:none; width:80%; margin:auto; margin-top:10px;}
				#div1211 { margin:auto; font-size:3vw;}
				#div22 { width:80%; }
				#div41, #div42, #div43, #div44, #div45, #div46, #div47, #div48 {width:100%; }
				#div412 { height:80px; }
				#div5 {height:620px;}
				#div521 {font-size:5vw;}
				#div6, #div10, #div110 {display:none;}
				#div9 { height:370px;}
				#div81 { float:none; width:70%; margin:auto;}
				#div82 { float:none; width:70%; margin:auto;}
				#div120 { height:250px; }
				#div12021, #div12022 {float:none; width:90%; margin:auto;}
				#div12022 {margin-top:10px;}
				#div12021, #div12022 {font-size:15px;}
				#div130 { height:300px; }
				#div1301, #div1302 { width:30%; margin-left:2%; }
				#div1302 { width:40%; margin-left:2%; }
				#div1303 { width:20%; margin-left:2%; }
				
				#mdiv2, #mdiv3, #mdiv4 { display:none; }
			
			}	
		
	
	@media only screen and (max-width:570px){
		#div5 {height:590px;}
	}
	
	@media only screen and (max-width:530px){
		#div5 {height:560px;}
	}
	
	@media only screen and (max-width:500px){
		#div5 {height:510px;}
	}
	@media only screen and (max-width:450px){
		#div5 {height:460px;}
	}
	
	