@charset "utf-8";


@media only screen and (max-width:768px){
	body{
		font-size:14px;
	}
	.pageInner{
		position:relative;
		width:92vw;
		margin:5vw auto;
	}
	.header .title{
		display:none;
		
	}
	.header{
		position:fixed;
		width:100%;
		height:59px;
		background-color:white;
		z-index:1000;
		transition:all .3s ease-out;
		overflow:hidden;
		border-bottom:solid 1px #efefef;
		top:0;
	}
	.headerPos{
		height:60px;
	}
	.headerInner{
		position:relative;
		width:90%;
		margin-left:5%;
		max-width:1400px;
		margin:0 auto;
	}
	.headerInner2{
		position:relative;
		width:100%;
		margin:0 auto;
	}
	.header .logo{
		position:relative;
		display:inline-block;
		margin-left:16px;
		margin-top:18px;
		float:left;
	}
	.header .logo img{
		transition:.3s all ease-out;
		width:104px;
	}
	.pc-menu{
		display:none;
	}
	.sp-menu{
		position:fixed;
		top:60px;
		left:0;
		width:100%;
		/*height:calc( 100vh - 60px );*/
		height:0;
		background-color:white;
		z-index:100;
		overflow-x:hidden;
		overflow-y:auto;
		display:flex;
		flex-direction:column;
	}
	.sp-trigger-wrap{
		position:absolute;
		right:0;
		top:0;
		width:60px;
		height:60px;
		background-color:white;
	}
	.sp-trigger-wrap:active{
		background-color:#eb1215;
	}
	.sp-trigger-wrap:active path{
		stroke:white;
		
	}
	.menu-open-icon{
		position:absolute;
		width:26px;
		height:26px;
		margin:17px;
	}
	.menu-close-icon{
		position:absolute;
		width:36px;
		height:36px;
		margin:12px;
		display:none;
		z-index:1;
	}
	.sub-nav{
		order:2;
		list-style:none;
		padding:10px;
		margin:0;
		box-sizing:border-box;
		text-align:center;
		width:100%;
		margin-top:10px;
	}
	.main-nav{
		order:1;
		list-style:none;
		margin:0;
		padding:0;
		/*padding:10px;
		box-sizing:border-box;*/
	}
	.main-nav a{
		text-decoration:none;
	}
	.main-nav li{
		border-bottom:solid 1px #efefef;
		font-size:14px;
		font-weight:bold;
		line-height:24px;
		padding:20px 20px;
		box-sizing:border-box;
	}
	
	.main-nav .menuMore,.footer .menuMore{
		position:relative;
		float:right;
		width:12px;
		height:12px;
	}
	.main-nav .menuMore svg,.footer .menuMore svg{
		position:absolute;
		top:0;
		left:0;
	}
	.main-nav .menuMore #minus,.footer .menuMore #minus{
		margin-top:5px;
	}
	.pc{
		display:none;
	}
	.sub-nav li{
		display:block;
		font-size:14px;
		line-height:20px;
		padding:5px 20px;
		box-sizing:border-box;
		vertical-align:bottom;
	}
	.sub-nav a{
		text-decoration:none;
	}
	.sub-nav svg{
		display:inline-block;
		vertical-align:middle;
		margin-bottom:3px;
	}
	.sub-nav .contact{
		display:block;
		width:90%;
		color:white;
		line-height:46px;
		border-radius:46px;
		margin:5%;
		background-color:#eb1215;
	}
	#main-content{
		position:relative;
		top:60px;
		width:100%;
	}
	.home-main-v{
		width:100%;
		height:420px;
	}
	.home-main-v-text{
		position:relative;
		display:inline-block;
		margin-top:30px;
		margin-left:10%;
		font-size:28px!important;
		line-height:42px!important;
	}
	.video{
		position:relative;
		display:block;
		width:90%;
		height:225px;
		margin:5px auto;
		border:solid 7px rgba(220,220,220,.6);
	}
	.home-main-v-bg-anim:after{
		background: url(../imgs/home/main_v_light_sp.png) no-repeat 0 -40px / 100% 100%;
		height: calc(100% + 40px);
	}
	.headerDiv{
		width:100%;
		height:100%;
		box-shadow: 0 0 3px #CCCCCC;
	}
	
	.dropdown-content {
		height:0;
		width:100%;
		overflow:hidden;
		transition:.3s all ease-out;
		
		
	}
	.dropdown-content  ul{
		margin:0;
		padding:0;
		list-style:none;
		background-color:#efefef;
	}
	.dropdown-content  li{
		padding:24px 0 0 36px;
		box-sizing:border-box;
		font-size:14px;
		line-height:24px;
	}
	.sp-menu a{
		color:black;
		text-decoration:none;
	}
	.dropdown-content  a:last-child li{
		padding-bottom:24px;
	}
	.dropdownImgMsk a:hover .icon,.divNews .newslist:hover .icon,.prodCont:hover .icon,.newsCont tr:hover .icon,.text-link:hover .icon, .link:hover .icon,.open-dialog:hover .icon,a:hover .icon{
		transform:scale(1.4);
	}
	.icon{
		display:inline-block;
		vertical-align:middle;
		transition:.3s all ease-out;
	}
	
	.icon{
		margin-left:10px;
	}
	.divNews{
		width:100%;
		background-color:white;
		border-top:solid 1px white;
		border-bottom:solid 1px white;
		background-color:#f7f7f7;
	}
	.newsDiv{
		position:relative;
		width:100%;
		border-top:solid 1px #f7f7f7;
	}
	.newsCont{
		position:relative;
		width:100%;
		margin-top:46px;
		border:solid 1px #c3c3c3;
		padding:30px;
		box-sizing:border-box;
		background-color:white;
	}
	.newsItem{
		position:relative;
		width:100%;
		padding:15px 0;
		box-sizing:border-box;
		border-bottom:solid 1px #c3c3c3;
		cursor:pointer;
	}
	.newsTab{
		position:absolute;
		top:0;
		width:50%;
		height:45px;
		z-index:1;
		border:solid 1px #c3c3c3;
		background-color:#f7f7f7;
		line-height:45px;
		text-align:center;
		cursor:pointer;
	}
	.tabPos2{
		right:0;
	}
	.newsDiv .active{
		background-color:white;
		border-bottom:white;
		height:46px;
	}
	.newsItem ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	.newsItem li{
		display:inline-block;
		margin-right:12px;
		
	}
	.newsItem li:first-child{
		color:#999999;
	}
	.newsItem li:last-child{
		width:100%;
	}
	.newsCont .type{
		display:inline-block;
		margin-right:20px;
		padding:2px 10px;
		border:solid 1px black;
		font-size:12px;
	}
	.newsCont .type2{
		display:inline-block;
		margin-right:20px;
		padding:2px 10px;
		border:solid 1px #eb1215;
		color:#eb1215;
		font-size:12px;
		margin-top:5px;
		
	}
	.newsCont .txt{
		display:block;
		margin-top:5px;
	}
	.divProd:nth-child(odd){
		width:100%;
		background-color:#f3f3f3;
		border-top:solid 1px #f3f3f3;
	}
	.divProd:nth-child(even){
		width:100%;
		background-color:white;
		border-top:solid 1px white;
		border-bottom:solid 1px white;
	}
	.divProdContent{
		position:relative;
		margin-top:5%;
		margin-bottom:5%;
		width:100%;
	}
	.prodCont{
		display:inline-block;
		position:relative;
		width:100%;
		box-sizing:border-box;
		padding:5px;
		text-align:center;
		cursor:pointer;
		vertical-align:top;
		margin-bottom:20px;
	}
	.h1Basic{
		position:relative;
		box-sizing:border-box;
		padding-left:24px;
		padding-right:10px;
		padding-top:6px;
		padding-bottom:6px;
		font-size:28px;
		line-height:38px;
		font-weight:bold;
		margin-bottom:36px;
		margin-top:0;
	}
	.h1Basic:before{
		position:absolute;
		left:0;
		top:0;
		width:8px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h1Basic:after{
		position:absolute;
		left:0;
		top:0;
		width:8px;
		height:14px;
		background-color:black;
		content:"";
	}
	.h1Red{
		position:relative;
		box-sizing:border-box;
		padding-left:30px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:28px;
		line-height:42px;
		font-weight:bold;
		margin-bottom:36px;
		margin-top:0;
	}
	.h1Red:before{
		position:absolute;
		left:0;
		top:0;
		width:4px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h2center{
		width:100%;
		font-size:24px;
		line-height:50px;
		text-align:center;
		font-weight:bold;
	}
	.h2Basic{
		position:relative;
		box-sizing:border-box;
		padding-left:16px;
		padding-right:6px;
		padding-top:8px;
		padding-bottom:8px;
		font-size:20px;
		line-height:30px;
		font-weight:bold;
		margin-bottom:24px;
	}
	.h2Basic:before{
		position:absolute;
		left:0;
		top:0;
		width:5px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h2Basic:after{
		position:absolute;
		left:0;
		top:0;
		width:5px;
		height:12px;
		background-color:black;
		content:"";
	}
	.h3Basic{
		position:relative;
		text-indent:14px;
		font-size:14px;
		line-height:24px;
		font-weight:bold;
		margin-bottom:12px;
	}
	.h3Basic:before{
		position:absolute;
		left:0;
		top:0;
		width:4px;
		height:100%;
		background-color:#eb1215;
		content:"";
	}
	.h3Basic:after{
		position:absolute;
		left:0;
		top:0;
		width:4px;
		height:8px;
		background-color:black;
		content:"";
	}
	.prodImg{
		display:inline-block;
		width:35%;
		aspect-ratio:0.8/0.8;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		border-radius:50%;
		border:solid 2px white;
		box-shadow: 0 0 3px #CCCCCC;
	}
	.prodName{
		width:100%;
		font-size:20px;
		line-height:32px;
		font-weight:bold;
		margin-top:25px;
		margin-bottom:15px;
	}
	.prodTxt{
		width:80%;
		margin:10px auto;
		font-size:14px;
		line-height:22px;
		
	}
	.footer{
		position:relative;
		width:100%;
		background-color:black;
		
	}
	.divLeftFooter{
		position:relative;
		display:inline-block;
		width:100%;
		vertical-align:top;
	}
	.divRightFooter{
		position:relative;
		display:inline-block;
		width:100%;
		margin:0;
		height:100%;
		vertical-align:top;
		padding:30px;
		box-sizing:border-box;
		background-color:#2e2e2e;
	}
	.footerLogo{
		margin:30px;
		width:140px;
	}
	.divContract{
		margin:30px;
		margin-top:-10px;
		font-size:14px;
		font-weight:bold;
		color:white;
	}
	.footerItem{
		display:inline-block;
		width:100%;
		position:relative;
		vertical-align:top;
	}
	.footerItem ul{
		padding:0;
		list-style:none;
		color:white;
		height:0;
		overflow:hidden;
		transition:height .3s ease-out;
	}
	.footerItem .title{
		position:relative;
		font-size:14px;
		line-height:32px!important;
		font-weight:bold;
		color:white;
	}
	.footerItem a{
		color:white;
		text-decoration:none;
	}
	.footerItem a:hover{
		text-decoration:underline;
	}
	.footerItem li{
		font-size:14px;
		line-height:24px;
		margin-top:20px;
	}
	.footerItem .dropdown-content{
		height:0;
	}
	.icp{
		color:white;
		text-align:center;
		font-size:12px;
		line-height:18px;
		padding:5px;
		box-sizing:border-box;
	}
	.icp a{
		color:white;
	}
	.navList{
		position:relative;
		top:10px;
		font-size:14px;
		line-height:20px;
		margin-bottom:16px;
	}
	.navList ul{
		list-style:none;
		margin:0;
		padding:0;
		margin-bottom:32px;
	}
	.navList li{
		display:inline-block;
		position:relative;
		margin:10px;
	}
	.navList li:before{
		content:">";
		position:absolute;
		left:-17px;
	}
	.navList li:nth-child(1):before{
		content:"";
	}
	.navList a{
		text-decoration:underline;
		text-underline-offset:3px;
	}
	.h1grey{
		width:100%;
		background-color:#f3f3f3;
	}
	.leftMainDiv{
		display:inline-block;
		width:100%;
		position:relative;
	}
	.smallNavDiv{
		display:inline-block;
		width:100%;
		position:relative;
		vertical-align:top;
		color:#eb1215;
		margin-bottom:24px;
	}
	.smallNavDiv a{
		text-decoration:none;
	}
	.smallNav{
		display:block;
		border:solid 1px #b3b3b3;
		border-radius:4px;
	}
	.smallNavItem{
		box-sizing:border-box;
		line-height:28px;
		font-size:14px;
		font-weight:bold;
		letter-spacing:2px;
		padding:15px 30px;
		border-top:solid 1px #b3b3b3;
	}
	.subItemLv1{
		padding-left:50px;
	}
	.subItemLv2{
		letter-spacing:0;
		padding-left:80px;
		font-weight:normal;
	}
	.smallNavItem span{
		margin-left:22px;
	}
	.hide,.hide1,.hide2,.hide3{
		display:none;
	}
	.smallNav a:first-child .smallNavItem{
		border-top:none;
	}
	.smallNavDiv .active{
		color:#eb1215;
		cursor:pointer;
	}
	.smallNavItem:hover{
		background-color:#f3f3f3;
	}
	.tbType1{
		width:100%;
		border:solid 1px #b3b3b3;
		border-collapse:collapse;
	}
	.tbType1 tr{
		border:solid 1px #b3b3b3;
	}
	.tbType1 td{
		padding:12px;
		border:solid 1px  #b3b3b3;
	}
	.tbType1 td:nth-child(1){
		background-color:#f3f3f3;
	}
	.tbType1 a{
		line-height:28px;
	}
	.tbType2{
		width:100%;
		border:solid 1px #b3b3b3;
		border-collapse:collapse;
		font-size:14px;
		line-height:28px;
	}
	.tbType2 th{
		font-weight:bold;
		text-align:center;
		background-color:#f3f3f3;
	}
	.tbType2 td,.tbType2 th{
		padding:20px;
		border:solid 1px #b3b3b3;
	}
	p{
		font-size:14px;
		line-height:24px;
	}
	.position{
		display:inline-block;height:18px;vertical-align:middle;margin-right:5px;
	}
	.divMap{
		height: 330px;
		width: 610px;
		margin: 0 auto 25px;
		background: url(../imgs/img_map0.png) center;
		border:solid 1px #b3b3b3;
	}
	.flag{
		display:inline-block;
		vertical-align:middle;
		width:18px;
		margin-right:5px;
	}
	.partsImg{
		width:60%;
	}
	.divFlowBody{
		position:relative;
		width:100%;
		min-height:20px;
		white-space:nowrap;
	}
	.divFlowBody:before{
		position:absolute;
		top:0;
		left:0;
		width:50%;
		height:100%;
		z-index:-1;
		background-color:#f3f3f3;
		content:"";
	}
	.divFlowBody:after{
		position:absolute;
		top:0;
		left:50%;
		width:50%;
		height:100%;
		z-index:-1;
		background-color:#fbd0d0;
		content:"";
	}
	.divFlowLeft,.divFlowRight{
		position:relaitve;
		display:inline-block;
		width:50%;
		margin:0;
		color:white;
		font-size:14px;
		line-height:40px;
		text-align:center;
		vertical-align:top;
	}
	.divFlowLeft .title{
		width:100%;
		background-color:black;
	}
	.divFlowRight .title{
		width:100%;
		background-color:#eb1215;
	}
	.divFlowLeft .cnt,.divFlowRight .cnt{
		position:relative;
		display:block;
		width:94%;
		margin:16px auto;
		background-color:white;
		color:black;
		height:100px;
		line-height:100px;
		box-shadow:2px 2px 3px #999999;
	}
	.divFlowRight .cnt2div{
		position:relative;
		display:block;
		width:94%;
		margin:16px auto;
		height:100px;
		line-height:100px;
	}
	.divFlowRight .cnt2{
		display:block;
		width:100%;
		height:46px;
		background-color:white;
		box-shadow:2px 2px 3px #999999;
		color:black;
		line-height:46px;
	}
	.divFlowRight .cnt2:nth-child(1){
		margin-bottom:8px;
	}
	.divFlowLeft .lines1{
		line-height:50px;
		height:50px;
	}
	.divFlowLeft .lines2{
		line-height:50px;
		border-top:solid 1px #e3e3e3;
		background-color:#e3e3e3;
		font-size:14px;
		height:50px;
	}
	.divFlowLeft .lines2s{
		line-height:20px;
		border-top:solid 1px #e3e3e3;
		background-color:#e3e3e3;
		font-size:14px;
		height:40px;
		padding:5px;
	}
	.divFlowBody .arrowR{
		position:absolute;
		top:38px;
		right:-6%;
		background-image:url(../imgs/parts/arrow_01.png);
		width:6%;
		height:24px;
		z-index:1;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	.divFlowBody .arrowRR{
		position:absolute;
		top:38px;
		right:-6%;
		background-image:url(../imgs/parts/arrow_03.png);
		width:6%;
		height:24px;
		z-index:1;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	.divFlowBody .arrowNL{
		position:absolute;
		bottom:-30px;
		left:-6%;
		background-image:url(../imgs/parts/arrow_02.png);
		width:6%;
		height:45px;
		z-index:1;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	.divFlowBody .r180{
		transform:rotate(180deg);
	}
	.divFlowBody .step{
		position:absolute;
		width:97%;
		margin-top:20px;
		margin-left:1.5%;
		height:40px;
		background-color:black;
		z-index:10;
		box-shadow:2px 2px 3px #999999;
	}
	.divFlowBody .step:before{
		position:absolute;
		top:-20px;
		left:calc( 50% - 30px );
        width:0;
        height:0;
        border-top: 12px solid #eb1215; 
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
        border-bottom: 12px solid transparent;
		content:"";
	}
	.split{
		width:100%;
		height:0;
		border-bottom:solid 1px black;
		margin-bottom:24px;
	}
	.form-control{
		width:calc( 100% - 20px );
		margin-top:5px;
		padding:0;
		border:solid 1px #e3e3e3;
		border-radius:5px;
		padding:10px 10px;
		font-size:14px;
		line-height:24px;
		letter-spacing:2px;
		font-family:Roboto;
	}
	.inputl2{
		width:40%;
	}
	.dl-type01{
		padding-top: 20px;
		border-top: 1px dotted #bfbfbf;
		overflow: hidden;
	}
	.dl-type01 dt{
		font-weight:400;
		float:left;
	}
	.dl-type01 dd{
		margin-bottom: 20px;
		margin-left:0;
		padding: 0 0 20px 9em;
		border-bottom: 1px dotted #bfbfbf;
	}
	span.company-green {
		color: #18ddb6;
		border: 1px solid #18ddb6;
		font-size: .6rem;
		padding: 0 .5rem;
		display: table;
		margin-bottom: 5px;
	  }
	  span.company-red {
		color: #d31c2e;
		border: 1px solid #d31c2e;
		font-size: .6rem;
		padding: 0 .5rem;
		display: table;
		margin-bottom: 5px;
	  }
	  .mb-3{
		 line-height:28px;
		 margin-bottom:10px; 
	  }
	  
	  .col-2{
		  display:inline-block;
		  width:100%;
		  vertical-align:top;
		  margin-bottom:10px;
	  }
	  .col-2s{
		  display:inline-block;
		  width:33%;
		  box-sizing:border-box;
		  vertical-align:top;
		  padding:0 10px;
	  }
	  .col-2l{
		  display:inline-block;
		  box-sizing:border-box;
		  width:67%;
		  vertical-align:top;
		  padding:0 10px;
	  }
	  
	  .col-2h{
		  display:inline-block;
		  width:50%;
		  vertical-align:top;
	  }
	  .col-2h .inner{
		  width:90%;
		  margin:5%;
	  }
	  .col-3{
		  display:inline-block;
		  width:31%;
		  margin-right:2%;
			margin-bottom:2%;
		  vertical-align:top;
	  }
	  .col-3 a{
		  text-decoration:none;
	  }
	  .col-3:nth-child(3n){
		  margin-right:0;
	  }
	  .col2img{
		  width:100%;
	  }
	  .divGreyCol3Outer{
		  position:relative;
		  display:table;
		  border-spacing: 15px;
			border-collapse: separate;
		  width:100%;
		  overflow-x:hidden;
	  }
	  .divGreyCol3{
		  display:table-cell;
		  position:relative;
		  width:32%;
		  background-color:#f2f5f8;
	  }
	  .divGreyCol3 .inner{
		  width:80%;
		  margin:10%;
	  }
	  .divGreyCol3 .title{
		  font-weight:bold;
		  text-align:center;
		  margin-bottom:12px;
	  }
	  .borderType1{
		  border:solid 1px #c3c3c3;
	  }
	  .borderType1 h3{
		  margin:0;
	  }
	  .borderType1 p{
	  }
	  .borderType1Right{
		  display:inline-block;
		  width:66%;
		  vertical-align:middle;
		  margin-top:3%;
		  margin-bottom:3%;
	  }
	  .img-fluid{
		  display:inline-block;
		  width:14%;
		  margin:3% 5%;
		  vertical-align:middle;
	  }
	  .uplayer {
			position:relative;
			width:100%;
			margin:0 auto;
			padding:0 20px;
			box-sizing:border-box;
			text-align:center;
		}
		.uplayer .inner{
			display:inline-block;
			width:100%;
			margin-top:-28px;
		}
		.uplayer h2{
		  font-style: normal;
		  font-weight: 800;
		  line-height: 40px;
		}
		.uplayer p{
		  font-weight: 700;
		}
		.fade-slide{
			display:inline-block;
			max-width:100%;
			margin-left:2%;
		}
		.fade-slide img{
			height:240px;
		}
		.pagetop{position:fixed;bottom:30px;right:10px;opacity:1;transition:opacity .3s;cursor:pointer;z-index:10}
		.pagetop:hover{opacity:.5;}
		/*.pagetop svg *{transition:all .4s}
		.pagetop.footer-reached{position:absolute}
		.pagetop:hover svg circle{fill:var(--textGray)}*/
		.pagetoprelative{
			position:relative;
			top:0;
			right:10px;
			margin-bottom:0;
		}
		.divLink{
			width:300px;
			margin:30px auto 0 auto;
			text-align:center;
		}
		.divLink img{
			margin:0 20px;
			transition:opacity ease-out .3s;
		}
		.divLink img:hover{
			opacity:.5;
		}
		.newsDateSel{
			display:inline-block;
			width:24%;
			height:40px;
			text-align:center;
		}
		.col3{
			display:inline-block;
			width:30%;margin-right:3%;
			font-size:14px;
			line-height:32px;
			font-weight:bold;
			text-align:center;
		
		}
		.col3 img{
			width:100%;
		}
		.link{
			cursor:pointer;
			transition:.3s all ease-out;
		}
		.link:hover{
			opacity:.7;
		}
		main{
			min-height:calc( 100vh - 540px );
		}
		.imgBg{
			width:100%;
			height:180px;
			background-size:cover;
			text-align:center;
			color:white;
			font-size:20px;
			font-weight:bold;
			line-height:180px;
		}
		.divInnerClass2{
			display:block;
			width:90%;
			margin:0 auto;
			line-height:24px;
		}
		.divInnerClass2 .title{
			font-weight:bold;
			margin-top:24px;
		}
		.btnOversea{
			display:inline-block;
			vertical-align:25%;
			line-height:24px;
			padding:15px;
			border:solid 2px #d31c2e;
			color:#d31c2e;
			transition:.3s all ease-out;
		}
		.btnOversea:hover{
			opacity:.7;
		}
		.divImgTitle{
			position:relative;
			display:inline-block;
			width:100%;
		}
		.divImgTitle img{
			vertical-align:top;
		}
		.divImgTitle .divBlock{
			position:absolute;
			display:table;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:1;
			background-color:rgba(0,0,0,.7);
		}
		.divImgTitle .inner{
			display:table-cell;
			width:90%;
			vertical-align:middle;
			text-align:center;
			color:white;
			font-weight:bold;
			font-size:20px;
			text-underline-offset:10px;
		}
		.divImgTitle .title,.resultBg .title{
			color:white;
			font-size:38px;
			line-height:60px;
			letter-spacing:5px;
			font-weight:normal;
		}
		.divImgTitle .arrow{
			position:absolute;
			left:calc( 50% - 21px );
			bottom:40px;
			width:40px;
			height:40px;
			z-index:1;
			transform:rotate(45deg);
			border-right:solid 3px #22d4a2;
			border-bottom:solid 3px #22d4a2;
		}
		.divReason{
			position:relative;
			display:block;
			letter-spacing:15px;
			margin:0 auto;
			width:200px;
			text-align:center;
			margin-top:60px;
			margin-bottom:60px;
			color:#22d4a2;;
		}
		.divReason:before{
			content:"";
			position:absolute;
			top:calc( -30px );
			left:calc( 50% - 48px );
			width:80px;
			height:80px;
			border:solid 1px #abefdc;
			transform:rotate(45deg);
			z-index:1;
		}
		.h2Center{
			text-align:center;
			margin-top:80px;
			margin-bottom:30px;
		}
		.open-dialog{
			display:inline-block;
			margin:5px 20px;
			cursor:pointer;
			text-align:center;
			text-decoration:none;
		}
		.win-open-dialog{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:1000;
			background-color:rgba(0,0,0,.7);
			display:table;
		}
		.dialog-content-outer{
			display:table-cell;
			vertical-align:middle;
			text-align:center;
		}
		.dialog-content{
			position:relative;
			display:inline-block;
			width:90%;
			max-width:920px;
			background-color:white;
			padding:40px;
			text-align:left;
		}
		.h1Type2{
			line-height:30px;
			margin:0;
			margin-bottom:20px;
		}
		.win-open-dialog .closeBtn{
			position:absolute;
			top:15px;
			right:15px;
			width:30px;
			height:30px;
			z-index:10;
			transition:opacity .3s ease-out;
			cursor:pointer;
		}
		.win-open-dialog .closeBtn:hover{
			opacity:.7;
		}
		.win-open-dialog .closeBtn:before{
			position:absolute;
			top:10px;
			right:0;
			width:30px;
			height:3px;
			background-color:#898989;
			z-index:10;
			transform:rotate(135deg);
			content:"";
		}
		.win-open-dialog .closeBtn:after{
			position:absolute;
			top:10px;
			right:0;
			width:30px;
			height:3px;
			background-color:#898989;
			z-index:10;
			transform:rotate(45deg);
			content:"";
		}
		.resultBg{
			position:relative;
			display:table;
			width:100%;
			min-height:500px;
			background-image:url(../imgs/who/result_bg.jpg);
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}
		.divTbCell{
			display:table-cell;
			text-align:center;
			vertical-align:middle;
			padding:10%;
			font-weight:bold;
			font-size:20px;
			color:white;
		}
		.divTb1{
			display:table;
			width:100%;
		}
		.divTbCell1{
			display:table-cell;
			text-align:center;
			vertical-align:top;
			padding-right:5px;
			font-size:12px;
			text-align:left;
		}
		.divTbCell1:last-child{
			padding-right:0;
		}
		.prodList{
			position:relative;
			display:block;
			list-style:none;
			width:100%;
			padding:0;
		}
		.prodList li{
			position:relative;
			display:block;
			margin:0;
			list-style:none;
			cursor:pointer;
			border-top:solid 1px #e7e7e7;
		}
		.prodList li:hover{
			background-color:#e7e7e7;
		}
		.prodList a:last-child li{
			border-bottom:solid 1px #e7e7e7;
		}
		.prodList .cont{
			display:inline-block;
			width:80%;
			margin:20px 10px;
		}
		.prodList .right{
			display:inline-block;
			width:16%;
			text-align:right;
			vertical-align:middle;
		}
		.prodList .new{
			display:inline-block;
			width:32px;
			height:32px;
			background:url(../imgs/prods/new_item_cn.png) no-repeat;
			background-size:contain;
			vertical-align:middle;
			margin-left:7px;
			
		}
		.prodList .border{
			display:inline-block;
			padding:5px;
			margin-left:7px;
			border:solid 1px #666666;
			font-size:12px;
			color:#666666;
		}
		.att{
			display:inline-block;
			padding:5px 8px;
			background-color:#eb1215;
			border-radius:5px;
			font-size:14px;
			line-height:20px;
			color:white;
			font-weight:bold;
			margin-right:5px;
			margin-bottom:5px;
		}
		.att2{
			display:inline-block;
			padding:5px 8px;
			border-radius:5px;
			font-size:14px;
			line-height:20px;
			color:white;
			font-weight:bold;
			margin-right:5px;
			margin-bottom:5px;
			background-color:#9e9e9e;
		}
		.tb01{
			width:100%;
			text-align:center;
			border-collapse:collapse;
			line-height:24px;
		}
		.tb01 th{
			background-color:#f2f2f2;
		}
		.tb01 th,.tb01 td{
			border:solid 1px #dee2e6;
		}
		.tb01 tr:nth-child(odd) td{
			background-color:#f2f2f2;
		}
		.tb01 tr:nth-child(2) th{
			background-color:white;
		}
		.tb02{
			width:100%;
			text-align:center;
			border-collapse:collapse;
			line-height:24px;
		}
		.tb02 th,.tb02 td{
			border:solid 1px #dee2e6;
			padding:8px;
		}
		.tb02 tr:nth-child(odd) td,.tb02 tr:nth-child(odd) th{
			background-color:#f2f2f2;
		}
		.tb02 tr:nth-child(2) th{
			background-color:white;
		}
		.floatImg{
			display:inline-block;
			float:right;
			width:30%;
		}
		.prodRelation{
			display:inline-block;
			position:relative;
			width:28%;
			aspect-ratio:3/4;
			margin:0 2%;
			border:solid 1px #cecece;
			text-align:center;
			vertical-align:top;
		}
		.prodRelationImg{
			display:inline-block;
			width:80%;
			aspect-ratio:3/4;
			background-position:top center;
			background-repeat:no-repeat;
			margin-top:5px;
			margin-bottom:5px;
		}
}