 html, body { position: relative; height: 100%; }
:root {
  --MainColor: #0E96C6;
  --DrkBlue: #00365C;
  --YellClr: #F9E103;
}
header.smaller { background-color: rgba(255, 255, 255, 1); } 
header.smaller .mainlogo { max-width:170px; }
header.smaller #linmmenu {  margin:0 0 0 0; }
header.smaller { padding:0 0 0 0; }

img { max-width:100%; height:auto; }
header *, .smaller, .cbox_send_dw button, .mlink, .mainlink2, .cbox_send button, .rmore, .cnt004 *  { transition: 0.3s ease all; }
header {  border-bottom:1px solid #ccc; background-color: rgba(255, 255, 255, .5); position:fixed; width:100%; left:0; right:0; margin:auto; display:table; z-index:99; top:0; }
.cookie-consent-bar {
            position: fixed;
            bottom: 0; left: 0; width: 100%;
            background-color: #333; padding: 15px 0;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);            
            z-index: 1000;
        }
		.cookie-consent-bar * { color:#fff; font-size:var(--FontSize1); }
        .cookie-consent-bar a {  text-decoration: underline; }
        .txtcookie_cont { width:90%; max-width:1400px; margin:auto; }
		.txtcookie { float:left; width:70%; }		
        .buttcookie { text-align:left; float:right; width:18%; margin:0 5%; max-width:200px; }
		.buttcookie button {
            background-color: #004C82; 
            color: white; font-weight:bold; width:100%; 
            border: none; padding: 10px 0; cursor: pointer;
            border-radius: 5px; font-size:var(--FontSize1); transition: background-color 0.3s ease;
        }
        .buttcookie button:hover { background-color: #3991CF; }	
.linelogo { width:94%; margin:auto; padding:10px 0; }
.mainlogo { float:left; width:25%; text-align:left; max-width:280px; }
.mainlogo * { text-align:left; }
.mainlogo img { width:100%;  }
.leftmainlogo {  float:left; width:75%; }
.linfrtopmm { display:none; clear:both; width:96%; height:30px;  margin:8px 2%; } 
.linfrtopmm * { text-align:left; }
.linfrtopmm img { margin:0 15px 0 0; }
.bread_pathlink { clear:both; width:98%; margin:5px auto; }
#linmmenu { clear:both; width:100%; margin:10px 0 10px 0; }
.sc_items { clear:both; width:100%; display:block; }
.sc_items_in { clear:both; width:85%; margin:auto; display:block; }
.sc_inpg { width:90%; margin:auto; }
.floatscright { float:left; width:47%; margin:0 3% 0 0; }
.body_fullsm { clear:both; width:100%; display:block;   }
.main_contact { float:left; width:45%; margin:0 5% 0 0; }
.cbox_send{ float:left; width:25%; margin:20px 2% 20px 0; height:50px; } 
.cbox_send button, .cbox_send_dw button{ width:100%; height:100%; color:#fff;  cursor: pointer; font-size:1.2vw; background:#000; } 
.cbox_send button:hover, .cbox_send_dw button:hover{ opacity:0.8; background:#999; }
	.lbl_inpt { float:left; width:49%; height:70px; position:relative;  }
	.lbl_inpt select{ width:100%; height:45px; font-size:1.2vw; background:none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-indent:10px; }
	.lbl_inpt textarea{ width:98%; max-width:99%; height:150px; font-size:1.2vw; background:none; text-indent:10px; margin:40px 1% 0 0; }
	.lbl_inpt input { text-indent:10px; font-size:1.2vw; color:#000; width:100%; height:70%; border:1px solid #ccc; background:#fff; }
	.lbl_inpt_dw input { text-indent:15px; font-size:1.2vw; }
.main_contact .lbl_inpt { border-radius:0; clear:both; float:none; width:100%; height:70px; position:relative; margin:5px 0; }
.main_contact .cbox_send {  }
.conax .lbl_inpt  { margin:0 0 5px 0.5%; } 
.conax { width:100%; display:table;  border-top:1px solid #E7E7E7; padding:40px 0;  }
.conax h4 { font-size:2.5vw; width:80%; margin:30px auto 0 auto; text-align:center;  }
.lbl_inpt_dw { float:left; background:#fff;  box-sizing: border-box; border-radius:30px; border:1px solid #ccc; width:20%; height:50px; position:relative; margin:5px .1%; }
.xinput_txt {  width: 96%;  height: 100%;  }
.conax .xinput_txt { border-radius:30px; }
.cnx_right{ clear:both; width:94%; display:table; margin:0px auto 70px auto;  }
#success_message_x, #error_message_x { display:none;  }
.cnx_contact { width:80%; margin:50px auto; }
.cnx_contact .xcontact_lbl {  color:#555; font-size:1.1vw; top:10px; }
.cbox_send_dw { float:left; width:19%; margin:5px .1%; height:50px;   } 
.cbox_send_dw button  { background:#000; border-radius:30px; } 
.xctnx_ttl *, .xctnx_ttl  { color:#fff;  }
.inpttxtarea { background:#fff; display:table; border:1px solid #ccc; }
textarea:focus, input:focus, select:focus{ outline: none; }
input:focus ~ .xcontact_lbl,select:focus ~ .xcontact_lbl, input:not(:placeholder-shown) ~ .xcontact_lbl,
select:not(:empty) ~ .xcontact_lbl, input:focus ~ .xcontact_lbl, option:focus ~ .xcontact_lbl
{  top: -15px;   left: 0px;  font-size: 0.8vw;  opacity: 1; border-top:1px solid #ccc;  border-left:1px solid #ccc; background:#fff; border-radius:5px; height:15px; display:table; padding:2px 10px; }
.xcttl { font-size:2.2vw; padding:10px 0 20px 0; text-indent:10px;  font-weight:100; }
.xcontact_lbl { position: absolute;  pointer-events: none;  left: 20px;  top: 7px;  transition: 0.2s ease all;  color:#333; font-size:1.2vw; }
.msgerr, .msgerr * { color:red;  }
.messagefrm { position:fixed; top:150px; left:0; background:rgba(255,255,255,0.8); display:none; z-index:99; padding:10px; border-left:1px solid #ccc; border-radius:10px; }
.messagefrm_ok { background:rgba(255,255,255,0.9); display:none; width:80%; max-width:650px; padding:10px; margin:auto;  }
.messagefrm_ok *, .messagefrm * { color:#000; }
.messagefrm_ok * { text-align:center; }
.messagefrm_ok h5 { font-size:1.6vw; color:#000; }
.messagefrm h5 { font-size:1.2vw; color:#000; }  
.bread_pathlink a > span:hover { color: #000; }
.bread_pathlink { text-align:center; width:96%; margin:20px auto 7px auto; }
.bread_pathlink * { display: inline-table; font-size: 0.8vw; color: #333; text-align:center; }
.bread_arr { margin:0 7px 0 0; }
footer { display:table; width:100%; clear:both; border-top:1px solid #ccc; background:var(--DrkBlue); padding:20px 0; }
footer * { color:#fff; }
.spbunner { clear:both; width:100%; height:140px; }



.ttlh1in1 { clear:both; width:100%; margin:auto; text-align:center;  }  
.ttlh1in1back { float:right; width:30%; text-align:right; margin:0 2% 0 0;  }
.righttxt_itmin { float:left; width:35%; margin:0 5% 0 0; }
.leftimg_itmin { float:left; width:60%;  }
.conitem_in { clear:both; width:100%; margin:auto; display:block; min-height:600px;  }
.swiper { width: 100%;  }
.swiper-slide {
	width:100%; 
	position:relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img {  display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.leftimg_itmin .swiper-slide img {  display: block; width: auto; height: auto; /*max-width: 100%;*/ width: 100%; max-height: 800px; }
.tscript_onbun { position:absolute; top:40%; width:90%; left:0; right:0; margin:auto; z-index:99;  display:table;  }
.tscript_onbun h1{ color:#fff; font-size: 2.8vw; }
#clickmenu { display:none; }
.bunnertop {clear:both; width:100%; }

.ngish{ font-size:1px; border-radius: 40px;	width:40px; height:40px; z-index:99999; background:#cccccc; color:#000000; text-align:center; position: fixed;  bottom:10px; left:10px; }
.ngish:hover{ background:#ffffff;  }
.ngish img{ width:100%; }
.righttxt_itmin a { text-decoration: underline; }

.slidertpage { clear:both; width:85%; margin:50px auto;  }
.slidertpage_fl { width:100%; height:400px; background: url(../../img/slidhome.jpg) no-repeat center center; 
-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
clear:both; width:100%; margin:50px auto;  
}
.slidertpage_fl * { color:#fff; }
.slidertpage_fl .cnt006 { max-width:85%; }
.slidertpage_fl .cnt006 * { text-align:left; }
.defcontnt { clear:both; width:90%; margin:auto; }




@media (max-width:600px){
	.slidertpage_fl .cnt006 { max-width:65%; }
	.righttxt_itmin, .leftimg_itmin { float:none; width:100%; clear:both; }
	.linelogo { padding:0; }
	.leftmainlogo {  clear:none; float:none; width:100%; margin:0; } 
	.linfrtopmm img { margin:0 7px 0 0; }
	.mainlogo { float:none; clear:both; width:98%; margin:auto; max-width:190px; }
	header.smaller .mainlogo { max-width:150px; }
	#clickmenu { display:block; position:absolute; top:20px; left:20px; width:40px; 	}
	#clickmenu img { width:100%;	}
	#linmmenu { display:none; }
	#linmmenu { position:absolute; top:60px; width:100%; background:#fff; right:0; left:0; border-top:1px solid #ccc; border-bottom:2px solid #ccc; }
	header { padding:10px 0; } 
	header.smaller { padding:10px 0; }
	.bunnertop { padding:70px 0 0 0; }
	.spbunner { height:70px; }
	.bread_pathlink * { font-size:2vw; }
	.lbl_inpt_dw { float:none; border-radius:20px; width:100%; margin:12px 0;  }
	.cnx_right{ width:96%;  margin:0px auto 20px auto;  }	
	.cbox_send button, .cbox_send_dw button{ font-size:5.2vw; } 
	.cbox_send, .cbox_send_dw{ float:none; clear:both; width:100%; margin:20px auto;  } 
	.lbl_inpt_dw input { font-size:3.5vw; }	
	input:focus ~ .xcontact_lbl,select:focus ~ .xcontact_lbl, input:not(:placeholder-shown) ~ .xcontact_lbl,
	select:not(:empty) ~ .xcontact_lbl, input:focus ~ .xcontact_lbl, option:focus ~ .xcontact_lbl {   font-size: 2.5vw;  }	
	.lbl_inpt select, .lbl_inpt textarea, .lbl_inpt input, .cnx_contact .xcontact_lbl{ font-size:3vw; }
	.bunnertxt  h1 { font-size:4vw; }
	.tscript_onbun { top:20% }	
	.conax h4 { font-size:4.5vw; }
	.cnthomemmr h3{ font-size:5vw; }
	.main_contact { float:none; clear:both; width:96%; margin:auto; }
	.floatscright { float:none; clear:both; width:90%; margin:40px 3% 40px 0; }
	.xcontact_lbl { font-size:3.5vw; }
}
