html, body { position: relative; height: 100%; }
:root {
  --GreenColor: #8CC540;
  --BlueColor: #121E2E;
  --yellowBg: #FFB82A;
}
header *, .item_cont, .item_cont *, .links006 { transition:all 0.3s ease; }
img { max-width:100%; height:auto;  }
header { position:absolute; top:0; width:100%; left:0; right:0; z-index:9;  }
.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:right; width:70%; }		
        .buttcookie { text-align:left; float:left; 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:90%; margin:auto; }
.tscript_onbun { position:absolute; top:30%; width:80%; margin:auto; left:0; right:0;  }
.tscript_onbun * { color:#fff;  }
#cmenutop { float:right; width:70%; margin:70px 0 0 0; } #clickmenu { display:none; }
.clogo { float:left; width:20%; margin:20px 0; }
.clogo * { text-align:left; }
.clogo img{ width:90%; max-width:150px;  }
footer { width:100%; padding:50px 0; background:var(--BlueColor); clear:both; display:block;  }  
footer * { color:#fff; }  
.bread_pathlink a > span:hover { color: #000; }
.bread_pathlink {  width:90%; margin:0 auto 27px auto; }
.bread_pathlink * { display: inline-table; font-size: 0.8vw; color: #333;  }
.bread_arr { margin:0 0 0 7px; }
section { clear:both; width:100%;  }
.inbodysct { width:90%; margin:auto; }
.item_cont { position:relative; float:right; width:22%; margin:0 1.5% 40px 1.5%; background:#fff; height:550px;  
-webkit-box-shadow: 5px 5px 9px -1px rgba(0,0,0,0.48); 
box-shadow: 5px 5px 9px -1px rgba(0,0,0,0.48); }
.item_cont:hover { 	-webkit-transform: scale(1.02);	-ms-transform: scale(1.02);	transform: scale(1.02);} 
.item_cont:hover .more_dit { max-width:200px;  }
.img_itm { width:100%; height:50%; overflow:hidden; }
.img_itm img { width:100%; }
.txt_itm, .txtp { width:90%; margin:10px auto; }
.txt_itm h4{ font-size:1.6vw; }
.more_dit { position:absolute; width:60%; max-width:180px; right:10px; bottom:0;  height:8%; }
.more_dit:hover { max-width:200px;  }
.more_dit a { width:100%; height:100%; display:block; line-height:220%; text-align:center;  }
.more_dit a:hover { color:#000;  }
.more_dit * { color:var(--yellowBg);   }
.arrgoin { float:left; height:100%; padding:0 8%; text-align:center; line-height:140%; font-size:1.4vw;  }
.ttlh1in1  { clear:both; width:100%; margin:0 0 30px 0;  }
.ttlh1in1 h1 { font-size:2vw; color:#333; text-align:right;  }
	.ttlh1in1b  { clear:both; width:100%; margin:80px 0;  }
	.ttlh1in1b h2 { width:100%; text-align:center; font-size:3vw;  }
.ttlh1in1back {  clear:both; width:15%; text-align:left; margin:0 0 0 5%; cursor: pointer; width:90%; margin:auto; }
.ttlh1in1back:hover { color:#888 }.ttllinebk { clear:both; width:100%; margin:0 auto 0 auto; }.swipslidin { clear:both; width:100%; margin:100px auto 0 auto; }
.conitem_in { clear:both; width:90%; margin:50px auto; max-width:1400px; display:block; min-height:700px;  }
.righttxt_itmin { float:right; width:48%; display:table;  }
.cntxup { width:100%; min-height:200px; }
.leftimg_itmin { float:right; margin:0 4% 0 0; width:48%; box-sizing: border-box; overflow:hidden; }
.hiddenscrall { position:absolute; right:-9999; }
.cntscpage { clear:both; width:100%;  }
.cntscpage50 { float:right; width:48%; margin:0 2% 0 0; }
	.swipinitm .swiper {        width: 100%;        height: 100%;      }
      .swipinitm .swiper-slide {        text-align: center;        font-size: 18px;        background: #fff;        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;
      }
.swipinitm .swiper-slide img {        display: block;        width: 100%;        height: 100%;        object-fit: cover;      }
.swipinitm .swiper {        width: 100%;        height: 300px;        margin-left: auto;        margin-right: auto;      }
      .swipinitm .swiper-slide {        background-size: cover;        background-position: center;      }
      .swipinitm .mySwiper2 {        padding:10% 0 0 0;		height: 80%;        width: 100%;      }
      .swipinitm .swiper-slide img {        display: block;        width: 100%;        height: 100%;        object-fit: cover;      }
	  	  	  	  .mySwiper2 .swiper-button-next { top:25px; right:0; color:#333; }	  .mySwiper2 .swiper-button-prev { top:25px; left:auto; right:40px; color:#333; }
.main_contact { float:right; width:50%; }
.xcontact { clear:both; width:100%; display:table; padding:100px 0; background: url(/img/contact.jpg) no-repeat center center fixed;  background-size: 100% auto; }
.cnx_contact { clear:both; width:90%; margin:50px auto; }
.xcontact h5, .xcontact h5 * { color:#fff; }
.cnx_contact .lbl_inpt { float:right; width:26.2%; height:70px; position:relative; margin:0 .2%; }
.main_contact .lbl_inpt { clear:both; width:100%; height:70px; position:relative; margin:10px 0; }
.main_contact .lbl_inpt input { text-indent:10px; font-size:1.2vw; color:#000; width:100%; height:70%; border:1px solid #ccc; background:#fff; }
.lbl_inpt input { text-indent:10px; font-size:1.2vw; color:#000; width:100%; height:70%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fff; }
.cnx_contact .cbox_send { float:left; width:20%; height:50px; }
.main_contact .cbox_send { float:left; width:50%; max-width:250px; height:50px; margin:0 0 70px 0; }
.cbox_send button { width:100%; height:100%; background:var(--yellowBg); color:#fff; text-align:center; font-size:1.2vw; cursor: pointer; }
.cbox_send button:hover { background:#999; }
.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; }
.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;  bottom: 10px;  right: 0px;  font-size: 0.8vw;  opacity: 1; border-top:1px solid #ccc;  border-right:1px solid #ccc; background:#fff; border-radius:5px; height:15px; display:table; padding:2px 10px; }
.xinput_txt { width: 200px;  height: 35px; }
.xcontact_lbl { position: absolute;  pointer-events: none;  right: 20px;  top: 7px;  transition: 0.2s ease all;  color:#333; font-size:1.2vw; }
.msgerr, .msgerr * { color:red;  }
.messagefrm { position:fixed; top:10px; right: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; }
.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; right:10px; }
.ngish:hover{ background:#ffffff;  }
.ngish img{ width:100%; }
@media (max-width:780px){ 
	#clickmenu { display:block; position:absolute; top:30px; right:30px; z-index:999;}
	#cmenutop { display:none; width:100%; background:rgba(18,30,46, 0.8); position:absolute; top:10px; right:0; left:0; margin:0;  }
	.item_cont { float:none; width:97%; margin:0 1.5% 40px 1.5%; display:table; height:auto; } 
	.more_dit { position:relative;  width:100%; max-width:100%; right:0; height:auto; background:#e1e1e1; padding:7px 0; }
	.more_dit:hover { max-width:100%;  }
	.arrgoin { float:left; font-size:4.4vw;  }
	.righttxt_itmin, .leftimg_itmin { float:none; width:96%; margin:auto;  }
	.ttlh1in1 h1 { font-size:6vw;  }
	.xcontact { background-size: 400% auto; }
	.cnx_contact .lbl_inpt { float:none; width:100%; clear:both; margin:0;  }
	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.3vw; }	
	.messagefrm_ok h5 { font-size:4vw; }	
	.main_contact .lbl_inpt input, .lbl_inpt input, .lbl_inpt select, .cbox_send button,
	.lbl_inpt textarea, .messagefrm h5, .xcontact_lbl	{ font-size:4vw; }
	.bread_pathlink * { font-size:2vw; }
	.main_contact, .cntscpage50 { float:none; clear:both; width:90%; margin:30px 5%; }
}