#video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/dott.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 3px auto;
    z-index: 1;
}
video{vertical-align: middle;}

.job_img img{max-width:320px;}

h1 img{width: 100%!important;}
/*.clone-nav #logo {width: 14%!important;}*/

#contents .contents_box.bg_white{background-color: rgba(255, 255, 255, 0.8);}

#top_cms .cms_title .title_box {background-color: rgba(100,100,100,0.25);}
#top_cms .cms_title .title_box h2{font-weight: bold;}

#page_title h2{font-weight: bold;writing-mode: horizontal-tb!important;-ms-writing-mode:lr-tb!important;-webkit-writing-mode:horizontal-tb!important;text-shadow: 0 1px 1px rgba(0,0,0,0.3);background-color: rgba(13, 80, 114, 0.6);color: #ffffff;padding: 20px;width:100%;line-height: 100%;text-align: center;}

.loopSliderWrap{
	top: 0;
	left: 0;
	height: 240px;
	overflow: hidden;
	position: absolute;
}
.loopSlider{
	margin: 0 auto;
	width: 100%;
	height: 240px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.loopSlider ul{
	height: 240px;
	float: left;
	overflow: hidden;
}
.loopSlider ul li{
	width: 330px;
	height: 240px;
	float: left;
	display: inline;
	overflow: hidden;
	position: relative;
}
.loopSlider ul li img{
	object-fit: cover;
	font-family: 'object-fit: cover;'
	width: 320px;
	height: 240px;
}
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}
.headerWrapper{
	display: none;
}

.pg-canvas {
  position: fixed;
  z-index: -100;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){
	.loopSliderWrap, .loopSlider, .loopSlider ul, .loopSlider ul li{
		height: 240px;
	}
}

@media screen and (max-width: 667px){
	.clone-nav #logo {width: 30%!important;}
	.loopSlider ul li{
		width: 280px;
	}
	.loopSliderWrap, .loopSlider, .loopSlider ul, .loopSlider ul li{
		height: 220px;
	}
}

@media all and (-ms-high-contrast:none){

}
/*2023/4/11*/
.index_header  #header {
position:relative;
}
.index_header  #header #logo {
position:absolute;
width:20%!important;
top:30px;
}
.clone-nav #header #logo {
    width: 270px!important;
top:25px;
}
.all_header #logo {
    width: 165px!important; 
}
@media screen and (max-width: 768px){
.index_header  #header #logo {
width:30%!important;
top:25px;
}
.clone-nav #header #logo {
    width: 220px!important;
}
.index_header .hrader_info {
margin-left: 35%;
}
}
@media screen and (max-width: 667px){
.index_header  #header #logo {
top:20px;
width: 190px!important;
}
.clone-nav #header #logo {
    width: 190px!important;
}
.hrader_info {
margin-left:38%;
}
.clone-nav .hrader_info {
margin-left:38%;
}
.all_header .hrader_info {
margin-left:-15%;
}
.hrader_info .tel {
    margin-right: 5px;
}
.clone-nav .hrader_info .tel {
    margin-right: 5px;
}
}
#logo2 {
    width: 100%!important;
}