#thirdPart, #fourthPart, #design-highlights-number, #design-highlights-highlights, #brand-concept-1, #brand-concept-2, #alliance-commitment-content, #alliance-commitment-photo, #alliance-commitment-tit2, #alliance-commitment-video{
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
}

.pcB{
    display:none;  
}
@media (min-width: 1280px) {
    .pcB{
        display:block;  
    }
    .pc{
        display:none;  
    }
}
.btnMore {
    background: #F04E23;
}
#insideInfo .maxwidth.p2, #insideInfo .maxwidth.p3 {
    background: transparent;
}
.ph2_tit{
    margin-bottom:5%
}


#firstPart{
		width:100%;
		position: relative;
		margin-top:10%;
		overflow: hidden;
	}
	#firstPart .blankBox{
		width:100%;
		padding-bottom: 58%;
	}

	.pic img, .main img, .sec img, .box1 img, .box2 img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
    	object-fit: cover;
		opacity: 0;
	}
	.pic, .main, .sec, .box1, .box2{
		transition: all 1s;
	}
	.pic.frame0{
		position: absolute;
		width:50%;
		right:0;
		left:auto;
		top:0;
		margin-top:0;
		padding-bottom: 29%;
		background:#0D8CC8;
		opacity: 1;
	}
	.pic.frame1{
		position: absolute;
		width:60%;
		right:0;
		left:auto;
		top:0;
		padding-bottom: 36.04%;
		margin-top: 1.5%;
		background:#0D8CC8;
		opacity: 1;
	}
	.pic.frame2{
		position: absolute;
		width:59.8958%;
		right:auto;
		left:19.74%;
		top:0;
		padding-bottom: 30.08%;
		margin-top: 11.6667%;
		background:#0D8CC8;
		opacity: 1;
	}
	.pic.frame3{
		position: absolute;
		width:57.29%;
		right:auto;
		left:24.27%;
		top:0;
		padding-bottom: 30.16%;
		margin-top: 0%;
		background:#0D8CC8;
		opacity: 1;
	}
	.pic.frame4{
		position: absolute;
		width:57%;
		right:auto;
		left:0;
		top:0;
		padding-bottom: 32%;
		margin-top: 10%;
		background:#0D8CC8;
		opacity: 1;
	}
	
	.main.frame0{
		position: absolute;
		width:50%;
		left:0%;
		right:auto;
		top:0;
		margin-top:0;
		padding-bottom: 29%;
		background:#F9A11B;
		opacity: 1;
	}
	.main.frame1{
		position: absolute;
		width:30.26%;
		left:4%;
		right:auto;
		top:0;
		margin-top: 7.4%;
		padding-bottom: 37.145%;
		background:#EF4F24;
		opacity: 1;
	}
	.main.frame2{
		position: absolute;
		width:42.29%;
		left:24%;
		right:auto;
		top:0;
		margin-top: 0%;
		padding-bottom: 14.58%;
		background:#0D8CC8;
		z-index:10;
		opacity: 1;
	}
	.main.frame3{
		position: absolute;
		width:58.958%;
		left:36%;
		right:auto;
		top:0;
		margin-top: 28%;
		padding-bottom: 22.448%;
		background:#51C8ED;
		z-index:10;
		opacity: 1;
	}
	.main.frame4{
		position: absolute;
		width:33.8%;
		left:61%;
		right:auto;
		top:0;
		margin-top: 3.61458%;
		padding-bottom: 41.46%;
		background:#e25027;
		z-index:10;
		opacity: 1;
	}
	
	.sec.frame0{
		position: absolute;
		width:50%;
		right:auto;
		left:0;
		top:0;
		margin-top:29%;
		padding-bottom: 29%;
		background:#EF6CA8;
		opacity: 1;
	}
	.sec.frame1{
		position: absolute;
		width:47.76%;
		right:auto;
		left:48.229%;
		top:0;
		margin-top: 33.5%;
		padding-bottom: 17.7%;
		background:#ee9c26;
		opacity: 1;
	}
	.sec.frame2{
		position: absolute;
		width:16%;
		right:auto;
		left:0;
		top:0;
		margin-top: 21.40625%;
		padding-bottom: 31.56%;
		background:#EF4F24;
		opacity: 1;
	}
	.sec.frame3{
		position: absolute;
		width:16.837%;
		right:auto;
		left:13%;
		top:0;
		margin-top: 41%;
		padding-bottom: 16.837%;
		background:#F9A11B;
		z-index: 10;
		opacity: 1;
	}
	.sec.frame4{
		position: absolute;
		width:0;
		right:0;
		left:auto;
		top:0;
		margin-top: 53.552%;
		padding-bottom: 0;
		background:#F9A11B;
		z-index: 10;
		opacity: 1;
	}
	
	.box1.frame0{
		position: absolute;
		width:50%;
		left:50%;
		right:auto;
		top:0;
		margin-top: 29%;
		padding-bottom: 29%;
		background:#EF4F24;
		opacity: 1;
	}
	.box1.frame1{
		position: absolute;
		width:40.05%;
		left:30.677%;
		right:auto;
		top:0;
		margin-top: 0;
		padding-bottom: 3.28%;
		background:#EF4F24;
		opacity: 1;
	}
	.box1.frame2{
		position: absolute;
		width:16.4%;
		left:auto;
		right:0;
		top:0;
		margin-top: 14%;
		padding-bottom: 17.81%;
		background:#51C8ED;
		opacity: 1;
	}
	.box1.frame3{
		position: absolute;
		width:12.03%;
		left:auto;
		right:12%;
		top:0;
		margin-top: 2%;
		padding-bottom: 23.49%;
		background:#EF6CA8;
		opacity: 1;
	}
	.box1.frame4{
		position: absolute;
		width:13.6458%;
		left:auto;
		right:0;
		top:0;
		margin-top: 0;
		padding-bottom: 40.9375%;
		background:#0D8CC8;
		opacity: 1;
	}
	
	.box2.frame0, .box2.frame1{
		position: absolute;
		width:0%;
		left:0;
		right:auto;
		top:0;
		margin-top: 0;
		padding-bottom: 0;
		opacity: 1;
	}
	.box2.frame2{
		position: absolute;
		width:50%;
		right:0;
		left:auto;
		top:0;
		margin-top: 44.40625%;
		padding-bottom:5%;
		background:transparent;
		opacity: 1;
	}
	.box2.frame3{
		position: absolute;
		width:26%;
		right:auto;
		left:0;
		top:0;
		margin-top: 15.40625%;
		padding-bottom: 37.76%;
		background:#EF4F24;
		opacity: 1;
	}
	.box2.frame4{
		position: absolute;
		width:47.08%;
		right:auto;
		left:11.5%;
		top:0;
		margin-top: 39.1%;
		padding-bottom: 12.66%;
		background:#51C8ED;
		opacity: 1;
	}
	
	.icon12.s{
		position: absolute;
		width:3%;
		top:0;
		left:32.19%;
		margin-top: 46.5%;
		transition: all 1s;
		opacity: 0;
	}
	.icon12.f{
		position: absolute;
		width:5%;
		top:0;
		left:34.19%;
		margin-top: 44.5%;
		transition: all 1s;
		opacity: 1;
	}
	.icon11.s{
		position: absolute;
		width:5.5%;
		top:0;
		left:36.8%;
		margin-top: 41%;
		transition: all 1s;
		opacity: 0;
	}
	.icon11.f{
		position: absolute;
		width:7.5%;
		top:0;
		left:38%;
		margin-top: 39%;
		transition: all 1s;
		opacity: 1;
		z-index: 10;
	}
	
	.icon21.s{
		position: absolute;
		width:6%;
		top:0;
		left:77.5%;
		margin-top: 6%;
		transition: all 1s;
		opacity: 0;
	}
	.icon21.f{
		position: absolute;
		width:6%;
		top:0;
		left:79.5%;
		margin-top: 4%;
		transition: all 1s;
		opacity: 1;
		z-index: 10;
	}
	.icon22.s{
		position: absolute;
		width:5.5%;
		top:0;
		left:73.5%;
		margin-top: 12%;
		transition: all 1s;
		opacity: 0;
	}
	.icon22.f{
		position: absolute;
		width:5.5%;
		top:0;
		left:75.5%;
		margin-top: 10%;
		transition: all 1s;
		opacity: 1;
		z-index: 10;
	}
	.icon23.s{
		position: absolute;
		width:5%;
		top:0;
		left:75%;
		margin-top: 19%;
		transition: all 1s;
		opacity: 0;
	}
	.icon23.f{
		position: absolute;
		width:5%;
		top:0;
		left:77%;
		margin-top: 17%;
		transition: all 1s;
		opacity: 1;
		z-index: 10;
	}
	.icon24.s{
		position: absolute;
		width:4%;
		top:0;
		left:70.5%;
		margin-top: 24%;
		transition: all 1s;
		opacity: 0;
	}
	.icon24.f{
		position: absolute;
		width:4%;
		top:0;
		left:72.5%;
		margin-top: 22%;
		transition: all 1s;
		opacity: 1;
		z-index: 10;
	}
	
	.icon42.s{
		position: absolute;
		width:3%;
		top:0;
		left:44.19%;
		margin-top: 8%;
		transition: all 1s;
		opacity: 0;
	}
	.icon42.f{
		position: absolute;
		width:5%;
		top:0;
		left:42.19%;
		margin-top: 6%;
		transition: all 1s;
		opacity: 1;
		z-index: 10;
	}
	.icon41.s{
		position: absolute;
		width:5.5%;
		top:0;
		left:40%;
		margin-top: 2%;
		transition: all 1s;
		opacity: 0;
	}
	.icon41.f{
		position: absolute;
		width:7.5%;
		top:0;
		left:38%;
		margin-top: 0;
		transition: all 1s;
		opacity: 1;
		z-index: 10;
	}
	
	#firstPartBtnSet{
	   text-align: center;
	   margin-bottom: 5%;
	}
	#firstPartBtnSet button{
	    border-radius: 100px;
        width: 20px;
        padding-bottom: 17px;
        border: 1px #FFF solid;
        background-color: #b7b7b7;
        cursor: pointer;
	}
	#firstPartBtnSet button.on{
	    background-color:#e25027;
	}
	
	#firstPartPause {
    line-height: 25px;
    font-size: 25px;
    color: #b7b7b7;
    text-decoration: none;
    transform:none;
    display: inline-block;
    vertical-align: bottom;
    filter:none;
    cursor: pointer;
    }
    
    
    	#secPartOut{
        position: -webkit-sticky;
	    position: sticky;
        top:-100px;
	}
	#secPartOut.off{
	    position: relative;

	}
	#secPart{
		width:100%;
		position: relative;
		padding-bottom: 65%;
		overflow: hidden;
        background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 91%, rgba(255, 255, 255, 1) 100%);

	}
	#secPart:after{
		content: '';
		width:100%;
		display: block;
    	position: absolute;
		padding-bottom: 65%;
		overflow: hidden;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 1) 100%);
	}
		#secPartTit{
			position: absolute;
			top:0;
			left:0;
			width:79.77%;
			z-index: 10;
			margin-top:2%;
		}
		#secPartTit_big{
			position: absolute;
			top:0;
			left:0;
			width:100%;
			z-index: 10;
			display:none;
			margin-top: 2%;
		}
		@media (min-width: 1280px){
		    #secPartTit{
		        display:none;
		    }
		    #secPartTit_big{
		        display:block;
		    }
		}
		#secPartMap1{
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			margin-top:14.5%;
			max-width: none;
		}
		#secPartMap2{
			position: absolute;
			top:0;
			left:18.2%;
			width: 8.89618%;
			margin-top:43.4%;
			opacity: 0;
		}
		#secPartTit1{
			position: absolute;
			top:0;
			left:45.5%;
			width:23.23958%;
			margin-top:28%;
			opacity: 0;
		}
		.en	#secPartTit1{
		    width:25%;
		}
		#secPartTit2{
			position: absolute;
			top:0;
			left:36.406%;
			width:21%;
			margin-top:37%;
			opacity: 0;
		}
		.en #secPartTit2{
		    width: 28%;
            margin-top: 39%;
		}
		#secPartTit3{
			position: absolute;
			top:0;
			left:47%;
			width:14%;
			margin-top:50%;
			opacity: 0;
		}
		.en #secPartTit3{
		    width:18%;
		}
		#secPartLogo{
			position: absolute;
			top:0;
			left:35%;
			width:37.5%;
			margin-top:30%;
			transform: scale(1.5);
			opacity: 0;
		}
		.stop-scrolling {
            height: 100%;
            overflow: hidden;
        }
        .output{
            position: absolute;
            top:50%;
            left:5%;
            width:100%;
        }
        
        @media (max-width: 768px){
            #secPartTit {
                width: 90%;
            }
        }
        
        
        #thirdPartOut{
    background: #b9e9f8;
    position: relative;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
#thirdPartOut:before{
    content: '';
    background: #FFFFFF;
    display: block;
    padding-bottom: 10%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
}
	#thirdPart{
		width:100%;
		position: relative;
	}
	#thirdPartTit{
		width:22.083%;
		margin-left:72.3958%;
		position: relative;
		z-index: 20;
	}
	
	#thirdPartBlueBg{
		background: #B9E9F8;
		margin-top:12%;
		padding-bottom: 100%;
		position: absolute;
		width:100%;
		z-index: 1;
	}
	#thirdPartP1{
		margin-top:-3%;
		position: relative;
		z-index: 10;
	}
	#thirdPartP1Pic{
		width: 80%;
		margin-left:20%;
	}
	#thirdPartP1Text{
		width:23%;
		margin-left:4.583%;
		position:absolute;
		z-index: 10;
		background: #F15024;
		top: 0;
   		margin-top: 15%;
		padding-bottom: 28%;
	}
	.thirdPartTextBox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
	}
	.thirdPartTit{
		color: #FFFFFF;
    	font-size: 2.5vw;
   		line-height: 1;
    	padding: 8% 8% 5% 8%;
	}
	.en .thirdPartTit{
	    font-size: 2vw;
	}
	.thirdPartText{
		color: #FFFFFF;
    	font-size: 1.7vw;
    	line-height: 1.2;
    	padding: 0 8% 0 8%;
	}
	.en .thirdPartText{
    	font-size: 1.36vw;
	}
	@media (min-width: 1280px){
	    .thirdPartTit{
    	    font-size: 32px;
	    }
	    .en .thirdPartTit{
    	    font-size: 26px;
	    }
        .thirdPartText{
    	    font-size: 22px;
    	}
    	.en .thirdPartText{
    	    font-size: 18px;
    	}
	}
	#thirdPartP1Icon1{
		width: 8%;
    	position: absolute;
    	z-index: 10;
    	left: 10%;
    	margin-top: 3%;
	}
	#thirdPartP1Icon2{
		width: 63%;
    	position: absolute;
    	z-index: 10;
    	left: 37%;
    	margin-top: 48%;
	}
	
	#thirdPartP2{
		margin-top:10%;
		position: relative;
		z-index: 10;
	}
	#thirdPartP2Pic{
		width: 80%;
		left:0;
	}
	#thirdPartP2Text{
		width: 35%;
    	right: 0;
    	position: absolute;
    	z-index: 10;
    	background: #1889C3;
   	 	top: 0;
    	margin-top: 12%;
    	padding-bottom: 17%;
	}
	.en #thirdPartP2Text{
	    padding-bottom: 21%;
	}
	#thirdPartP2Icon1{
		width: 5%;
    	position: absolute;
    	z-index: 10;
    	left: 83%;
    	margin-top: 8.5%;
	}
	#thirdPartP2Icon2{
		width: 3%;
    	position: absolute;
    	z-index: 10;
    	left: 35.5%;
    	margin-top: 39%;
	}
	#thirdPartP2Text .thirdPartText {
    	padding: 0 40% 0 8%;
	}
	
	#thirdPartP3{
		margin-top:10%;
		position: relative;
		z-index: 10;
		margin-bottom: 5%;
	}
	#thirdPartP3Pic{
		width: 80%;
		margin-left:20%;
	}
	#thirdPartP3Text{
		width:26%;
		position:absolute;
		z-index: 10;
		background: #51C8ED;
		top: 0;
   		margin-top: -5%;
		padding-bottom: 35%;
		overflow: hidden;
	}
	#thirdPartP3Text .thirdPartTit {
    	padding: 8% 8% 5% 30%;
	}
	#thirdPartP3Text .thirdPartText {
    	padding: 0 8% 0 30%;
	}
	#thirdPartP3Icon1{
		width: 6.5%;
    	position: absolute;
   		z-index: 10;
    	left: 33%;
    	margin-top: 42%;
	}
	#thirdPartP1Ani img{
		/*position: absolute;
		opacity: 0;
		animation-duration: .5s;
 		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: ease-in-out;*/
	}
	#thirdPartP1Ani{
		 position: absolute;
    	width: 80%;
    	left: -25%;
    	margin-top: 60%;
    	opacity: .5;
	}
	#thirdPartP1Ani.a img:nth-child(1){
		animation-name: thirdPartP1AniImg1;
  		
	}
	#thirdPartP1Ani.b img:nth-child(1){
		animation-name: thirdPartP1AniImg1R;
  		
	}
	@keyframes thirdPartP1AniImg1 {
          0% {transform: translateY(-20%); opacity: 0}
          70% {transform: translateY(4%); opacity: .5}
          100% {transform: translateY(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg1R {
          100% {transform: translateY(-10%); opacity: 0}
          30% {transform: translateY(4%); opacity: .5}
          0% {transform: translateY(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg1R2 {
          100% {transform: translateY(-20%); opacity: 0}
          30% {transform: translateY(0); opacity: 1}
          0% {transform: translateY(0); opacity: 1}
    }
	#thirdPartP1Ani.a img:nth-child(2){
		animation-name: thirdPartP1AniImg2;
		animation-delay: .1s;
	}
	#thirdPartP1Ani.b img:nth-child(2){
		animation-name: thirdPartP1AniImg2R;
		animation-delay: .1s;
	}
	@keyframes thirdPartP1AniImg2 {
          0% {transform: translateY(-8%) translateX(8%); opacity: 0}
          70% {transform: translateY(4%) translateX(-4%); opacity: .5}
          100% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg2R {
          100% {transform: translateY(-8%) translateX(8%); opacity: 0}
          30% {transform: translateY(4%) translateX(-4%); opacity: .5}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg2R2 {
          100% {transform: translateY(-16%) translateX(16%); opacity: 0}
          30% {transform: translateY(0) translateX(0); opacity: 1}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	#thirdPartP1Ani.a img:nth-child(3){
		animation-name: thirdPartP1AniImg3;
		animation-delay: .2s;
	}
	#thirdPartP1Ani.b img:nth-child(3){
		animation-name: thirdPartP1AniImg3R;
		animation-delay: .2s;
	}
	@keyframes thirdPartP1AniImg3 {
          0% {transform: translateY(8%) translateX(8%); opacity: 0}
          70% {transform: translateY(-4%) translateX(-4%); opacity: .5}
          100% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg3R {
          100% {transform: translateY(8%) translateX(8%); opacity: 0}
          30% {transform: translateY(-4%) translateX(-4%); opacity: .5}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg3R2 {
          100% {transform: translateY(16%) translateX(16%); opacity: 0}
          30% {transform: translateY(0) translateX(0); opacity: 1}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	#thirdPartP1Ani.a img:nth-child(4){
		animation-name: thirdPartP1AniImg4;
		animation-delay: .3s;
	}
	#thirdPartP1Ani.b img:nth-child(4){
		animation-name: thirdPartP1AniImg4R;
		animation-delay: .3s;
	}
	@keyframes thirdPartP1AniImg4 {
          0% {transform: translateY(10%); opacity: 0}
          70% {transform: translateY(-4%); opacity: .5}
          100% {transform: translateY(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg4R {
          100% {transform: translateY(10%); opacity: 0}
          30% {transform: translateY(-4%); opacity: .5}
          0% {transform: translateY(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg4R2 {
          100% {transform: translateY(20%); opacity: 0}
          30% {transform: translateY(0); opacity: 1}
          0% {transform: translateY(0); opacity: 1}
    }
	#thirdPartP1Ani.a img:nth-child(5){
		animation-name: thirdPartP1AniImg5;
		animation-delay: .4s;
	}
	#thirdPartP1Ani.b img:nth-child(5){
		animation-name: thirdPartP1AniImg5R;
		animation-delay: .4s;
	}
	@keyframes thirdPartP1AniImg5 {
          0% {transform: translateY(8%) translateX(-8%); opacity: 0}
          70% {transform: translateY(-4%) translateX(4%); opacity: .5}
          100% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg5R {
          100% {transform: translateY(8%) translateX(-8%); opacity: 0}
          30% {transform: translateY(-4%) translateX(4%); opacity: .5}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg5R2 {
          100% {transform: translateY(16%) translateX(-16%); opacity: 0}
          30% {transform: translateY(0) translateX(0); opacity: 1}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	#thirdPartP1Ani.a img:nth-child(6){
		animation-name: thirdPartP1AniImg6;
		animation-delay: .5s;
	}
	#thirdPartP1Ani.b img:nth-child(6){
		animation-name: thirdPartP1AniImg6R;
		animation-delay: .5s;
	}
	@keyframes thirdPartP1AniImg6 {
          0% {transform: translateY(-8%) translateX(-8%); opacity: 0}
          70% {transform: translateY(4%) translateX(4%); opacity: .5}
          100% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg6R {
          100% {transform: translateY(-8%) translateX(-8%); opacity: 0}
          30% {transform: translateY(4%) translateX(4%); opacity: .5}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	@keyframes thirdPartP1AniImg6R2 {
          100% {transform: translateY(-16%) translateX(-16%); opacity: 0}
          30% {transform: translateY(0) translateX(0); opacity: 1}
          0% {transform: translateY(0) translateX(0); opacity: 1}
    }
	
	#thirdPartP2Ani img{
	    /*
		position: absolute;
		opacity: 1;
		animation-duration: .8s;
 		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: ease-in-out;
		*/
	}
	#thirdPartP2Ani{
		position: absolute;
    	width: 55%;
    	left: 40%;
    	margin-top: 30%;
    	opacity: .5;
	}
	#thirdPartP2Ani.a img:nth-child(1){
		animation-name: thirdPartP1AniImg1;	
	}
	#thirdPartP2Ani.b img:nth-child(1){
		animation-name: thirdPartP1AniImg1R2;
	}
	#thirdPartP2Ani.a img:nth-child(2){
		animation-name: thirdPartP1AniImg2;
	}
	#thirdPartP2Ani.b img:nth-child(2){
		animation-name: thirdPartP1AniImg2R2;
	}
	#thirdPartP2Ani.a img:nth-child(3){
		animation-name: thirdPartP1AniImg3;
	}
	#thirdPartP2Ani.b img:nth-child(3){
		animation-name: thirdPartP1AniImg3R2;
	}
	#thirdPartP2Ani.a img:nth-child(4){
		animation-name: thirdPartP1AniImg4;
	}
	#thirdPartP2Ani.b img:nth-child(4){
		animation-name: thirdPartP1AniImg4R2;
	}
	#thirdPartP2Ani.a img:nth-child(5){
		animation-name: thirdPartP1AniImg5;
	}
	#thirdPartP2Ani.b img:nth-child(5){
		animation-name: thirdPartP1AniImg5R2;
	}
	#thirdPartP2Ani.a img:nth-child(6){
		animation-name: thirdPartP1AniImg6;
	}
	#thirdPartP2Ani.b img:nth-child(6){
		animation-name: thirdPartP1AniImg6R2;
	}
	
	#thirdPartP3Ani img{
	    /*
		position: absolute;
		opacity: .5;
		transition: transform .5s ease-in-out;
		transform-origin: center center;
		*/
	}
	#thirdPartP3Ani{
		position: absolute;
    	width: 80%;
    	left: -10%;
    	margin-top: 92%;
    	opacity: .5
	}
	
	@media (max-width: 768px){
	    #thirdPartTit{
            width: 35%;
            margin-left: 62.3958%;
	    }
	    .thirdPartTit {
            font-size: 4vw;
        }
        .en .thirdPartTit {
            font-size: 3.2vw;
        }
        .thirdPartText {
            font-size: 2.7vw;
        }
        .en .thirdPartText {
            font-size: 2.16vw;
        }
        #thirdPartP1Text{
            width: 46%;
            padding-bottom: 38%;
        }
        #thirdPartP1Ani {
            width: 60%;
            left: -15%;
            margin-top: 40%;
        }
        #thirdPartP2Text {
            width: 50%;
            padding-bottom: 35%;
        }
        .en #thirdPartP2Text{
	        padding-bottom: 31%;
	    }
        #thirdPartP2Ani {
            left: 50%;
        }
        #thirdPartP3Text {
            width: 45%;
            padding-bottom: 45%;
        }
        #thirdPartP3Ani {
            margin-top: 58%;
        }
	}
	
	
#fourthPartOut{
    background: #dedfe0;
    position: relative;
}
#fourthPartOut:before{
    content: '';
    background: #FFFFFF;
    display: block;
    padding-bottom: 8%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
}

	#fourthPart{
		width:100%;
		position: relative;
	}
	#fourthPartTit{
		width:100%;
		position: relative;
		z-index: 20;
	}
	#fourthPartTit_big{
		width:100%;
		position: relative;
		z-index: 20;
		display:none;
	}
	@media (min-width: 1280px){
		    #fourthPartTit{
		        display:none;
		    }
		    #fourthPartTit_big{
		        display:block;
		    }
		}
		
	#fourthPartBg{
	
		margin-top:-7%;
		padding-bottom: 50%;
		position: absolute;
		width:100%;
		z-index: 1;
	}
	#fourthPartNewsOuter{
		width:85.36%;
		margin: auto;
		position: relative;
    	z-index: 20;
    	padding: 8% 0;
	}
	#fourthPartNewsOuter2{
    	overflow: hidden;
	}
	#fourthPartNews{
		width:133%;
		display:grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 20px;
		transition: .5s;
	}

	.fourthPartNew{
		position: relative;
		text-decoration: none;
	}
	.fourthPartNew:hover .fourthPartNewContent{
		background-blend-mode: soft-light;
	}
	
	.fourthPartNewTit{
		background: #1889C3;
    	color: #FFFFFF;
    	padding: 4% 4%;
    	font-size: 1.8vw;
    	line-height: 1;
	}
	.en .fourthPartNewTit{
	    font-size: 1.44vw;
	}
	.fourthPartNewContent{
		background-color: #195465;
  		background-blend-mode: multiply;
  		background-position: center;
  		background-size: cover;
		padding-bottom: 81.8%;
		position: relative;
		transition: all .5s;
	}
	.fourthPartNewContentText{
		color:#FFFFFF;
		position:absolute;
		width:80%;
		top:50%;
		left:10%;
		transform: translateY(-50%);
		font-size: 1.6vw;
	}
	.en .fourthPartNewContentText{
	    font-size: 1.28vw;
	}
	@media (min-width: 1280px){
	 .fourthPartNewTit{
    	font-size: 24px;
	}
	.en .fourthPartNewTit{
    	font-size: 19.2px;
	}
	.fourthPartNewContentText{
		font-size: 20px;
	}
	.en .fourthPartNewContentText{
		font-size: 16px;
	}
		}
	#fourthPartBtnLeft{
		position: absolute;
		left:0;
		width: 4%;
		top:50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: 30;
	}
	#fourthPartBtnRight{
		position: absolute;
		right:0;
		width: 4%;
		top:50%;
		transform: translateY(-50%) translateX(50%);
		z-index: 30;
	}
	
@media (max-width: 768px){
	#fourthPartNews{
		grid-template-columns: 1fr;
	}
	.fourthPartNewTit, .fourthPartNewContentText{
	    font-size:20px;
	}
	.en .fourthPartNewTit, .en .fourthPartNewContentText{
	    font-size:16px;
	}
	#fourthPartBtnLeft, #fourthPartBtnRight{
	    display:none;
	}
	#fourthPartNews {
	    width:100%;
	}
	.fourthPartNewContent{
	    padding-bottom: 55%;
	}
	.en .fourthPartNewContent{
	    padding-bottom: 73%;
	}
}	
	
#design-highlights-in{
    width:90%;
    background:#EF4F24;
}
#design-highlights-in > div{
    position: relative;
}
#design-highlights-in > div:nth-child(1){
    margin-bottom:8%;
}
#design-highlights-in > div:nth-child(1) > img{
    position: absolute;
    top:0;
    right:0;
    width:40%;
}

#design-highlights-in > div:nth-child(2){
    background:#F9A11B;
    margin-left:18%;
    margin-right:-11%;
}
#design-highlights-in > div:nth-child(2):after{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f9a01d;
    right: -100%;
    top: 0;
}

#design-highlights-in > div:nth-child(2) > img{
    position: absolute;
    top:0;
    left:-13%;
    width:40%;
}
#design-highlights-in > div:nth-child(2) .design-highlights-in-text{
    margin-left:30%;
    padding-bottom:8%;
}
.design-highlights-in-text{
    padding:3% 5%;
    color:#FFFFFF;
    font-size:1.5vw;
}
.design-highlights-in-text p{
    margin:0;
}
.design-highlights-in-text-number{
    font-size: 12vw;
    line-height: 1;
    margin-top: -1%;
    margin-bottom: 1%;
    display: inline-block;
}
.design-highlights-in-text-sbutit{
    font-size:2vw;
}
#design-highlights-in > img:nth-child(4){
    width: 110%;
    margin-bottom: 3%;
    max-width:none;
}
#design-highlights-number-out{
    background: #EF4F24;
    overflow: hidden;
    margin-bottom:5%;
}
.design-highlights-in-text-out{
    position: relative;
}
.design-highlights-in-text-out:after{
    content:'';
}
@media (max-width: 768px) {
    .design-highlights-in-text-sbutit{
        font-size:32px;
    }
    .design-highlights-in-text{
        font-size:18px;
    }
    .en .design-highlights-in-text br{
        display:none;
    }
    #design-highlights-in > div:nth-child(1) > img{
        position: relative;
        width:100%;
        left: 5%;
    }
    #design-highlights-in > div:nth-child(2) > img {
        position: relative;
        width: 100%;
        margin-bottom: 5%;
    }
    #design-highlights-in > div:nth-child(2) .design-highlights-in-text{
        margin-left:0;
        padding-bottom: 5%;
    }

}
@media (min-width: 1280px) {
    .design-highlights-in-text-number{
        font-size: 154px;
    }
    .design-highlights-in-text{
        font-size: 19.2px;
    }
}

#design-highlights-highlights{
                margin-top: 4%;
            }
            .design-highlights-highlights-child{
                position: relative;
                margin-bottom: 8%;
                padding-bottom: 4%;
            }
            .design-highlights-highlights-child-pic-out{
                width:80%;
                margin-left:20%;
                overflow: hidden;
                position: relative;
            }
            .design-highlights-highlights-child-pic-out2{
                position: relative;
            }
            .design-highlights-highlights-child-pic{
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
                width: 500%;
                transition: .5s;
            }
            .design-highlights-highlights-child-pic > div > img{
                display: block;
            }
            .design-highlights-highlights-child-pic > div > div{
                background: #69add5;
                width: 100%;
                color: #FFFFFF;
                text-align: center;
                line-height: 1.2;
                font-size: 2vw;
                padding: 1%;
                width:98%;
            }
            .en .design-highlights-highlights-child-pic > div > div{
                font-size: 1.6vw;
            }
            .design-highlights-highlights-child-bg{
                background:#195465;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                mix-blend-mode: multiply;
                z-index:3;
            }
            .design-highlights-highlights-child-text{
                position: absolute;
                top: 50%;
                left: 50%;
                width: 70%;
                color: #FFFFFF;
                transform: translate(-50%, -50%);
                font-size: 1.6vw;
                z-index:5;
            }
            .en .design-highlights-highlights-child-text{
                font-size: 1.28vw;
            }
            .design-highlights-highlights-child-tit{
                position: absolute;
                z-index: 10;
                left: 8%;
                width: 18%;
                padding-bottom: 18%;
                top: 50%;
                transform: translateY(-50%);
                background:#1889C3;
            }
            .design-highlights-highlights-child-tit > div{
                position: absolute;
                top: 0;
                left: 0;
                padding: 8%;
                font-size: 2.5vw;
                color:#FFFFFF;
            }
            .en .design-highlights-highlights-child-tit > div{
                font-size: 2vw;
            }
            .design-highlights-highlights-child-tit > a{
                position: absolute;
                bottom: 0;
                left: 0;
                font-size: 1.5vw;
                padding: 8%;
                color:#FFFFFF;
                cursor: pointer;
                text-decoration: underline;
            }
            .en .design-highlights-highlights-child-tit > a{
                font-size: 1.2vw;
            }
            .design-highlights-highlights-child-bg.off, .design-highlights-highlights-child-text.off{
                display:none;
            }
            .design-highlights-highlights-child-buttons{
                position: absolute;
                margin-left:20%;
                width: 80%;
                bottom: 0;
                text-align: center;
            }
            .design-highlights-highlights-child-buttons a{
                width: 1.5%;
                padding-bottom: 1.5%;
                border-radius: 100%;
                margin-left: .8%;
                overflow: hidden;
                position: relative;
                display: inline-block;
                background: #e9eaea;
                cursor: pointer;
            }
            .design-highlights-highlights-child-buttons a.on{
                background: #929497;
            }
            .design-highlights-highlights-child:nth-child(even) .design-highlights-highlights-child-pic-out{
                    margin-left: 0%;
            }
            .design-highlights-highlights-child:nth-child(even) .design-highlights-highlights-child-tit{
                    left: auto;
                    right:8%;
            }
            .design-highlights-highlights-child:nth-child(2) .design-highlights-highlights-child-tit{
                    background:#EF4F24;
            }
            .design-highlights-highlights-child:nth-child(2) .design-highlights-highlights-child-pic > div > div{
                background:#f47555
            }
            .design-highlights-highlights-child:nth-child(even) .design-highlights-highlights-child-buttons{
                margin-left:0;
            }
            
            .design-highlights-highlights-child:nth-child(3) .design-highlights-highlights-child-tit{
                    background:#51C8ED;
            }
            .design-highlights-highlights-child:nth-child(3) .design-highlights-highlights-child-pic > div > div{
                background:#51C8ED
            }
            .design-highlights-highlights-child:nth-child(4) .design-highlights-highlights-child-tit{
                    background:#F9A11B;
            }
            .design-highlights-highlights-child:nth-child(4) .design-highlights-highlights-child-pic > div > div{
                background:#F9A11B
            }
            #design-highlights-highlights-icon1{
                position: absolute;
                width: 3.229%;
                bottom: 0;
                margin-bottom: -10%;
                right: 3%;
            }
            #design-highlights-highlights-icon2{
                position: absolute;
                width: 22%;
                top: 0;
                right: 15%;
                margin-top: -1%;
            }
            #design-highlights-highlights-icon3{
                position: absolute;
                width: 3.75%;
                bottom: 0;
                right: 60%;
            }
            .design-highlights-photoBtnLeft{
                position: absolute;
                width: 3%;
                top: 50%;
                transform: translateY(-50%);
                left: 10%;
                cursor: pointer;
                z-index:2;
            }
            .design-highlights-photoBtnRight{
                position: absolute;
                width: 3%;
                top: 50%;
                transform: translateY(-50%);
                right: 2%;
                cursor: pointer;
                z-index:2;
            }
            .design-highlights-highlights-child:nth-child(even) .design-highlights-photoBtnLeft{
                left: 2%;
                
            }.design-highlights-highlights-child:nth-child(even) .design-highlights-photoBtnRight{
                right: 10%;
                
            }
            .design-highlights-photoBtnCross{
                position: absolute;
                width: 3%;
                top: 0;
                right: 0;
                margin-top: 5%;
                margin-right: 5%;
                cursor: pointer;
                z-index: 10;
                display:none;
            }
            @media (max-width: 768px) {
                #design-highlights-highlights{
                    padding-top: 5%;
                }
               .design-highlights-highlights-child-tit {
                    position: relative;
                    z-index: 10;
                    left: auto;
                    width: 100%;
                    padding-bottom: 0;
                    top:auto;
                    transform: none;
                }
                .design-highlights-highlights-child-tit > div {
                    position: relative;
                    font-size: 200%;
                    padding: 8% 8% 5% 8%;
                    width: 84%;
                }
                .en .design-highlights-highlights-child-tit > div {
                    font-size: 160%;
                }
                .design-highlights-highlights-child-tit br{
                    display:none;
                }
                .design-highlights-highlights-child-tit > a {
                    position: relative;
                    display: block;
                    font-size: 20px;
                    padding: 0 8% 8% 8%;
                }
                .en .design-highlights-highlights-child-tit > a{
                    font-size: 16px;
                }
                .design-highlights-highlights-child-pic-out {
                    width: 100%;
                    margin-left: 0%;
                }
                .design-highlights-highlights-child-pic > div > div{
                    font-size:15px;
                }
                .en .design-highlights-highlights-child-pic > div > div{
                    font-size: 12px;
                }
                .design-highlights-photoBtnLeft {
                    width: 5%;
                    left: 2%;
                    top: 60%;
                }
                .design-highlights-photoBtnRight {
                    width: 5%;
                    top: 60%;
                }
                .design-highlights-highlights-child-buttons {
                    margin-left: 0;
                    width: 100%;
                }
                .design-highlights-highlights-child:nth-child(even) .design-highlights-highlights-child-tit {
                    right: auto;
                }
                .design-highlights-highlights-child:nth-child(even) .design-highlights-photoBtnRight {
                    right: 2%;
                }
                .design-highlights-highlights-child-bg{
                    display:none;
                }
                .design-highlights-highlights-child-text {
                    font-size: 13px;
                    position: relative;
                    transform: none;
                    top: 0;
                    left: 0;
                    padding: 5% 8% 5% 8%;
                    width: 84%;
                    background: #195465;
                    overflow: hidden;
                }
                .en .design-highlights-highlights-child-text {
                    font-size: 11px;
                }
                .design-highlights-photoBtnCross {
                    width:5%;
                    margin-top: 3%;
                    margin-right: 3%;
                }
            }
@media (min-width: 1280px) {
    .design-highlights-highlights-child-tit > div{
        font-size: 32px;
    }
    .en .design-highlights-highlights-child-tit > div{
        font-size: 24px;
    }
    .design-highlights-highlights-child-tit > a {
        font-size: 19.2px;
    }
    .en .design-highlights-highlights-child-tit > a {
        font-size: 15.4px;
    }
    .design-highlights-highlights-child-pic > div > div{
        font-size: 25px;
    }
    .en .design-highlights-highlights-child-pic > div > div{
        font-size: 20px;
    }
    .design-highlights-highlights-child-text {
         font-size: 24px;
    }
    .en .design-highlights-highlights-child-text {
         font-size: 19px;
    }
}


.brand-concept-box{
    width:80%;
    background:#EF4F24;
    color:#FFFFFF;
}
#brand-concept-1{
    position: relative;
}
#brand-concept-1-out{
    position: relative;
    margin-top:5%;
    margin-bottom:5%;
}
#brand-concept-1-out:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background: #ef4f25;
    top: 0;
    left: 0;
    z-index: -1;
}
#brand-concept-2{
    position: relative;
}
#brand-concept-2-out{
    position: relative;
    margin-top:5%;
    margin-bottom:8%;
}
#brand-concept-2-out:after{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background: #52c8ec;
    top: 0;
    right: 0;
    z-index: -1;
}
#brand-concept-2 .brand-concept-box{
    width:70%;
    margin-left:30%;
    background:#51C8ED;
    color:#FFFFFF;
}
.brand-concept-text{
    padding: 5% 25% 20% 5%;
    position: relative;
}

#brand-concept-2 .brand-concept-text{
    padding: 5%;
    position: relative;
}
.brand-concept-tit{
    font-size: 2.4vw;
}
.brand-concept-text p{
    font-size: 1.64vw;
}
.en .brand-concept-text p{
    font-size: 1.312vw;
}

.brand-concept-text p.small{
    font-size: 1.1vw;
}
.brand-concept-text img{
    position: absolute;
    left: -1%;
    width: 85%;
    bottom: 0;
    margin-bottom: 5%;
}

#brand-concept-2 .brand-concept-text img{
    position: absolute;
    left: auto;
    right: 4%;
    width: 3.214%;
    top: 0;
    margin-top: -2%;
}
/*.brand-concept-box2{
    position: absolute;
    z-index: 10;
    right: 8%;
    width: 18%;
    top: 50%;
    transform: translateY(-50%);
}*/
.brand-concept-box2{
    position: absolute;
    z-index: 10;
    right: 4%;
    width: 18%;
    bottom: 0;
}

#brand-concept-2 .brand-concept-box2{
    position: absolute;
    z-index: 10;
    left: 8%;
    width: 18%;
    top: 50%;
    transform: translateY(-50%);
}
.brand-concept-tit2{
    position: relative;
    padding-bottom: 100%;
    background: #1889C3;
    color:#FFFFFF;
}
.brand-concept-tit2 > div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8%;
    font-size: 2.5vw;
    color: #FFFFFF;
}
.brand-concept-tit2 a {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.5vw;
    padding: 8%;
    color: #FFFFFF;
    cursor: pointer;
}
#brand-concept .ani{
    overflow: hidden;
}
#brand-concept .ani img{
    animation-name: zoomIn;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}
#brand-concept-2-grid{
    /*
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1vw;
    */
    margin-right: 5%;
    position: relative;
    padding-bottom: 23%;
}
#brand-concept-2 p{
    background: #1889C3;
    margin: 0;
    padding: 5% 3%;
    border-radius: 20px;
    position: absolute;
    width: 25%;
}
#brand-concept-2 p:nth-child(1){
    margin-top: 5%;
}
.en #brand-concept-2 p:nth-child(1){
    margin-top: 2%;
}
#brand-concept-2 p:nth-child(2){
    margin-top: -5%;
    left:33%;
}
.en #brand-concept-2 p:nth-child(2){
    margin-top: 0;
}
#brand-concept-2 p:nth-child(3){
    margin-top: 5%;
    left:66%;
}
.en #brand-concept-2 p:nth-child(3){
    margin-top: 3%;
}
#brand-concept-2 p span{
    font-size:2vw;
    display: block;
    margin-bottom: 8%;
}
.en #brand-concept-2 p span{
    font-size:1.56vw;
}

.brand-concept-box2 .l{
    display: block;margin-left: -20%;
}
@media (max-width: 768px) {
    .brand-concept-tit{
        font-size:200%;
    }
    .brand-concept-text p, .brand-concept-tit2 a{
        font-size: 20px;
    }
    .en .brand-concept-text p, .en .brand-concept-tit2 a{
        font-size: 16px;
    }
    .brand-concept-text p.small {
        font-size: 11px;
    }
    .brand-concept-tit2 > div {
        font-size:200%;
    }
    .brand-concept-box2{
        width: 28%;
    }
    .brand-concept-box2 .l{
        margin-left: auto;
    }
    .en #brand-concept-2 p span, #brand-concept-2 p span {
        font-size: 150%;
        margin-bottom: 4%;
    }
    #brand-concept-2 p{
        position: relative;
        width: 100%;
    }
    #brand-concept-2 p:nth-child(2), #brand-concept-2 p:nth-child(3){
        margin-top: 5%;
        left: auto;
    }
    #brand-concept-2-grid{
        padding-bottom: 0;
    }
}
@media (min-width: 1280px) {
    .brand-concept-tit {
        font-size: 31px;
    }
    .brand-concept-text p {
        font-size: 21px;
    }
    .en .brand-concept-text p {
        font-size: 16.8px;
    }
    .brand-concept-text p.small {
        font-size: 14px;
    }
    #brand-concept-2 p span{
        font-size:25px;
    }
    .en #brand-concept-2 p span{
        font-size:20px;
    }
}


#alliance-commitment > img:nth-child(1), #alliance-commitment > img:nth-child(2), #alliance-commitment > img:nth-child(3){
    margin-bottom:2%;
}
#alliance-commitment > img:nth-child(4){
    display: block;
}
#alliance-commitment-content-out{
    background:#3986bf;
    padding-bottom: 5%;
    overflow: hidden;
}
#alliance-commitment-content{
}
#alliance-commitment-text{
    padding: 2% 5% 0 5%;
    width: 60%;
    color: #FFFFFF;
    font-size: 1.64vw;
}
#alliance-commitment-book{
    margin-left: 22%;
    background: #51c7ed;
    position: relative;
    padding-bottom: 44%;
    margin-top: 5%;
    position: relative;
}
#alliance-commitment-book:after{
    content: '';
    background: #51c7ed;
    position: absolute;
    top: 0;
    right: -50%;
    width: 50%;
    height: 100%;
}
#alliance-commitment-book > div{
    position: absolute;
    top: 0;
    left: 0;
    padding: 3% 0 0 3%;
}
#alliance-commitment-book div div:nth-child(1){
    color: #FFFFFF;
    font-size: 2.4vw;
    line-height: 1;
    margin-bottom: 3%;
}
#alliance-commitment-book div div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 77%;
}
#alliance-commitment-book div div:nth-child(2) img:nth-child(2){
    margin-top: 7%;
}
#alliance-commitment-book div div:nth-child(2) img{
    filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, .25));
}
#alliance-commitment-tit2{
    color: #EF4F24;
    padding: 2.5% 6%;
    font-size: 2.5vw;
    line-height: 1;
}
#alliance-commitment-video{
    position: relative;
    width:100%;
    padding-bottom:41.4%;
}
#alliance-commitment-video video{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}
#alliance-commitment-video img:nth-child(1){
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;  
}
#alliance-commitment-video img:nth-child(2){
    position: absolute;
    width:10.3125%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
#alliance-commitment-photo-out{
    background:#51C8ED;
}
#alliance-commitment-photo-content{
    position: relative;
    padding: 3% 8% 0 8%;
}
#alliance-commitment-photoBtnLeft{
    position: absolute;
    width: 3%;
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
    cursor: pointer;
}
#alliance-commitment-photoBtnRight{
    position: absolute;
    width: 3%;
    top: 50%;
    transform: translateY(-50%);
    right: 4%;
    cursor: pointer;
}
#alliance-commitment-icon{
    width: 80%;
    padding-top: 5%;
    padding-bottom: 2%;
}
#alliance-commitment-photo-content-all{
    overflow: hidden;
}
#alliance-commitment-photo-content-all-inner{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width:700%;
    transition: all .5s;
}

@media (max-width: 768px) {
    #alliance-commitment-text{
        font-size:20px;
        width: 90%;
    }
    #alliance-commitment-book div div:nth-child(1), #alliance-commitment-tit2{
        font-size:200%;
    }
    #alliance-commitment-book {
        margin-top: 5%;
    }
}
@media (min-width: 1280px) {
    #alliance-commitment-text {
        font-size: 21px;
    }
    #alliance-commitment-book div div:nth-child(1) {
        font-size: 30px;
    }
    #alliance-commitment-tit2 {
        font-size: 32px;
    }
}

#insideMilestones .boxes .boxContent.ball.s1{
    color: #0D8CC8;
}
#insideMilestones .boxes .boxContent.ball.s1:before {
    background-color: #0D8CC8;
}
#insideMilestones .boxes .boxContent.ball.s12 {
    color: #0D8CC8;
}
#insideMilestones .boxes .boxContent.ball.s12:before {
    background: linear-gradient(180deg, #0D8CC8 0%, #0D8CC8 50%, #F04E23 50%, #F04E23 100%);
}
#insideMilestones .boxes .boxContent.ball.s2 {
    color: #F04E23;
}
#insideMilestones .boxes .boxContent.ball.s2:before {
    background-color: #F04E23;
}

.menu_arrangement > div:nth-child(1) a:nth-child(2), .menu_arrangement > div:nth-child(1) a:nth-child(3) {
    background: #0D8CC8;
}
.menu_arrangement > div:nth-child(2) > div > div > a {
    background: #F04E23;
}
.menu_arrangement > div:nth-child(1) a {
    background: #0A6C99;
}
.menu_arrangement > div:nth-child(2) a {
    background: #CD380E;
}


#insideCommunity .btn_1 {
    background: #F04E23;
}
.g_slide .switch_nav {
    position: relative;
}

.infoSubtitle {
    background: #0D8CC8;
}

.btnMore {
    background: #F04E23;
}
#insideInfo .maxwidth.p2, #insideInfo .maxwidth.p3 {
    background: transparent;
}

.boxContent.ball.s12 span{
    color:#F04E23;
}

.video video{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
#btnFloatingClose{
    background: rgb(83 189 223);
    border-radius: 100px;
    display: block !important;
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 16px !important;
    text-align: center;
}
#floating{
    position: absolute;
    transform: scale(.8);
    transform-origin: right top;
    filter:none;
    top:100px;
    background: none;
    width: 300px;
}

#floating .lfs{
    background: rgba(216, 242, 252, .5);
    border-radius:100px;
    padding: 10px 10px 10px 30px;
}
#floating .lfs a{
    
    color: #062d3d;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
}
#popup .bg {
    position: absolute;
    top: -67%;
    width: 100%;
    right: -46%;
    opacity: .5;
    transform: none;
    z-index: -1;
}