*{ box-sizing:border-box; }

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

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

			@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; 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:45%; margin-left:55%;}
	#slmn1 { margin-left:10%; width:35%; position:absolute; margin-top:10%; }

	#slmnl2 { margin-top:30%; width:45%; position:absolute; font-family:segoe print; font-size:24px; z-index:7; animation-name:ex2; animation-duration:2s; font-weight:bold; animation-fill-mode:forwards; }
			@keyframes ex2 {from{margin-left:-100%;} to{margin-left:5%;}}
	
	#slmnl3 { margin-top:37%; position:absolute; font-family:Arial; font-size:14px; line-height:2; color:#5A5A5A; font-weight:bold; z-index:7; animation-name:ex3; animation-duration:2s; animation-fill-mode:forwards; }
			@keyframes ex3 {from{margin-left:-100%;} to{margin-left:40%;}}
			
	#sliderm {width:100%; display:flex; flex-direction:column; margin:auto;}
	
	#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:30%; }
	#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%; text-align:center; padding:30px 10px; }
	#div41 {width:12%; float:left; padding:10px; margin-left:20%;}
	#div42, #div43, #div44 {width:12%; float:left; padding:10px; margin-left:50px;}
	#div411 { width:150px; height:100px; font-size:50px; color:#3FC1C8; }
	#div412 { font-size:16px; font-family:tahoma; line-height:1.5; letter-spacing:1px; }
	
	
	#div5 {width:100%; background-color:#F5F1EB; display:flex; flex-direction:column; clear:both;}
	#div51 {width:100%; padding:30px 10px; text-align:center; font-family:segoe print; font-size:22px; font-weight:bold; clear:both;}
	#div52 { width:100%; text-align:center; font-size:16px; font-family:tahoma; line-height:1.5; letter-spacing:1px; }
	#div521 {width:20%; float:left; padding:10px; margin-left:18%;}
	#div5211 { width:100%; }
	#div522, #div523 {width:20%; float:left; padding:10px; margin-left:20px;}
	
	
	#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:1300px){	
			#div11 {font-size:2vw;}
			#div1211 {font-size:1.3vw;}
			#slmn1 { margin-left:10%; width:35%; position:absolute; margin-top:10%; }
			#div121, #div521 {margin-left:10%}
			#div121, #div122, #div123, #div521, #div522, #div523 { width:25%; }
			#div81 { width:40%; margin-left:18%; }
			#div82 { width:40%; }
			#div22 { width:40%; }
			#div41 {width:15%; float:left; padding:10px; margin-left:12%;}
			#div42, #div43, #div44 {width:15%; float:left; padding:10px; margin-left:50px;}
		}
		@media only screen and (max-width:1100px){	
			#div41 {width:18%; float:left; padding:10px; margin-left:8%;}
			#div42, #div43, #div44 {width:18%; float:left; padding:10px; margin-left:50px;}
			#div71 { width:50%: }
			#slmn1 { margin-left:10%; width:35%; position:absolute; margin-top:10%; }	
			#slmnl2 { margin-top:30%; width:45%; position:absolute; font-family:segoe print; font-size:24px; z-index:7; animation-name:ex2; animation-duration:2s; font-weight:bold; animation-fill-mode:forwards; }
						@keyframes ex2 {from{margin-left:-100%;} to{margin-left:3%;}}
			#slmnl3 { margin-top:40%; position:absolute; font-family:Arial; font-size:14px; line-height:2; color:#5A5A5A; font-weight:bold; z-index:7; animation-name:ex3; animation-duration:2s; animation-fill-mode:forwards; }
					@keyframes ex3 {from{margin-left:-100%;} to{margin-left:32%;}}
		}
	

		@media only screen and (max-width:1000px){
			#mo3 { margin-left:-150%; }
			#div11 {font-size:2.3vw;}
			#div121, #div521, #div1101 {margin-left:3%}
			#div1211 {font-size:1.6vw;}
			#div121, #div122, #div123, #div521, #div522, #div523, #div1101, #div1102, #div1103 { width:30%; }			 
			#div41 {width:18%; float:left; padding:10px; margin-left:4%;}
			#div42, #div43, #div44 {width:18%; float:left; padding:10px; margin-left:50px;}
			#div71 { width:90%;}
			#div81 { width:43%; margin-left:12%; }
			#div82 { width:43%; }
			#mo3 { margin-left:-50%; }
			#slmn1 { margin-left:10%; width:35%; position:absolute; margin-top:5%; }
				#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; }
				#slmnl2 { margin-top:25%; width:45%; position:absolute; font-family:segoe print; font-size:24px; z-index:7; animation-name:ex2; animation-duration:2s; font-weight:bold; animation-fill-mode:forwards; }
						@keyframes ex2 {from{margin-left:-100%;} to{margin-left:3%;}}
				#slmnl3 { margin-top:38%; position:absolute; font-family:Arial; font-size:14px; line-height:2; color:#5A5A5A; font-weight:bold; z-index:7; animation-name:ex3; animation-duration:2s; animation-fill-mode:forwards; }
					@keyframes ex3 {from{margin-left:-100%;} to{margin-left:32%;}}
			}	
	
		@media only screen and (max-width:878px){
			#div11 {font-size:2.5vw;}
			#div1211 {font-size:1.8vw;}
			#div41 {width:20%; float:left; padding:10px; margin-left:4%;}
			#div42, #div43, #div44 {width:20%; float:left; padding:10px; margin-left:20px;}
			#div71 { width:95%;}
			#div81 { width:44%; margin-left:10%; }
			#div82 { width:44%; }
			#slmn1 { margin-left:10%; width:35%; position:absolute; margin-top:5%; }
			#mmu { min-width:90% !important; }
			.mml {margin-left:1% !important; min-width:125px !important; box-sizing:border-box;}
		
			#slmnl2 { margin-top:25%; width:45%; position:absolute; font-family:segoe print; font-size:24px; z-index:7; animation-name:ex2; animation-duration:2s; font-weight:bold; animation-fill-mode:forwards; }
						@keyframes ex2 {from{margin-left:-100%;} to{margin-left:3%;}}
			#slmnl3 { margin-top:38%; position:absolute; font-family:Arial; font-size:14px; line-height:2; color:#5A5A5A; font-weight:bold; z-index:7; animation-name:ex3; animation-duration:2s; animation-fill-mode:forwards; }
					@keyframes ex3 {from{margin-left:-100%;} to{margin-left:32%;}}
			}	
			
		@media only screen and (max-width:767px) {
				#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 {width:24%; float:left; padding:5px; margin-left:1%;}
				#div42, #div43, #div44 {width:24%; float:left; padding:5px; margin-left:5px;}
				
				
				#slmn1 { display:none; }
						
				#slmnl2 { margin-top:12%; width:45%; position:absolute; font-family:segoe print; font-size:24px; z-index:7; animation-name:ex2; animation-duration:2s; font-weight:bold; animation-fill-mode:forwards; }
						@keyframes ex2 {from{margin-left:-100%;} to{margin-left:3%;}}
				#slmnl3 { margin-top:30%; position:absolute; font-family:Arial; font-size:16px; line-height:2; color:#5A5A5A; font-weight:bold; z-index:7; animation-name:ex3; animation-duration:2s; animation-fill-mode:forwards; }
						@keyframes ex3 {from{margin-left:-100%;} to{margin-left:25%;}}
			}
		
		@media only screen and (max-width:650px){
			#div121, #div521, #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;}
			#slmnl2 { margin-top:7%; width:45%; position:absolute; font-family:segoe print; font-size:24px; z-index:7; animation-name:ex2; animation-duration:2s; font-weight:bold; animation-fill-mode:forwards; }
						@keyframes ex2 {from{margin-left:-100%;} to{margin-left:3%;}}
				#slmnl3 { margin-top:30%; position:absolute; font-family:Arial; font-size:16px; line-height:2; color:#5A5A5A; font-weight:bold; z-index:7; animation-name:ex3; animation-duration:2s; animation-fill-mode:forwards; }
						@keyframes ex3 {from{margin-left:-100%;} to{margin-left:20%;}}
		}
	
		@media only screen and (max-width:600px){
				#sliderm {height:500px;}
				#imain1 {display:none}
				
				#slmn1 { display:block; margin-left:6%; width:90%; position:absolute; margin-top:50px; }
						
				#slmnl2 { margin-top:275px; width:90%; position:absolute; font-family:segoe print; font-size:24px; z-index:7; animation-name:ex2; animation-duration:2s; font-weight:bold; animation-fill-mode:forwards; }
						@keyframes ex2 {from{margin-left:-100%;} to{margin-left:7%;}}
				#slmnl3 { margin-top:400px; position:absolute; font-family:Arial; font-size:16px; line-height:2; color:#5A5A5A; font-weight:bold; z-index:7; animation-name:ex3; animation-duration:2s; animation-fill-mode:forwards; }
						@keyframes ex3 {from{margin-left:-100%;} to{margin-left:55%;}}
				
				#mtable {display:none;}
				
				#div1 { display:flex; flex-direction:column; }  
				#div11 {font-size:5vw;}
				#div121, #div122, #div123, #div521, #div522, #div523 {float:none; width:80%; margin:auto; margin-top:10px;}
				#div1211 { margin:auto; font-size:4vw;}
				#div22 { width:80%; }
				#div4, #div41, #div42, #div43, #div44 {display:none;}
				#div5 { display:flex; flex-direction:column; }
				#div521, #div522, #div523 {float:none; width:80%; margin:auto;}
				#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:250px; }
				#div1301, #div1302 { width:30%; margin-left:2%; }
				#div1302 { width:40%; margin-left:2%; }
				#div1303 { width:20%; margin-left:2%; }
				
				#mdiv2, #mdiv3, #mdiv4 { display:none; }
			
			}