*{padding: 0;margin: 0;	box-sizing: border-box;}

ul{
	list-style: none;
}

.AIR-101 h1,
.AIR-101 h2,
.AIR-101 h3,
.AIR-101 h4,
.AIR-101 h5,
.AIR-101 h6
{
	display:block !important;
	position:static !important;
	width:unset !important;
	max-width:unset !important;
	min-width:unset !important;
	height:unset !important;
	max-height:unset !important;
	min-height:unset !important;
	font-size: 100% !important;
	font-weight: bold !important;
	line-height:1 !important;
	color:#222 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-shadow:none !important;
	box-shadow:none !important;
	background:none !important;
}

.AIR-101 h1 {font-size:44px !important;}
.AIR-101 h2 {font-size:36px !important;}
.AIR-101 h3 {font-size:18px !important;}
.AIR-101 h4 {font-size:16px !important;}
.AIR-101 h5 {font-size:14px !important;}
.AIR-101 p {font-size:14px;}



.AIR-101
{
	font-family: 'Open Sans', Arial, '微軟正黑體', "新細明體", sans-serif;
	max-width:1200px;
}

#aiSystems_wrapper{	
	width: 100%;
	font-family: Arial,"微軟正黑體",sans-serif;
}

.AIR-101{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.AIR-101_banner{
	width:100%;
	height: 0;
	padding-bottom: 50%;
   	background-image: url(../images/banner.jpg);
   	background-repeat: no-repeat;
   	background-size: cover;  
   	background-position: top center;   
}

.AIR-101_banner .bannerText{
	padding-left: 4%;
	padding-top: 17%;
}

h3.AIR-101_headline{
	font-size: 60px !important;
	color: #fff !important;
}

h6.AIR-101_subtitle{
	font-size: 30px !important;
	color: #fff !important;
	font-weight: normal !important;
	padding-top: 10px !important;
}

.AIR-101_basic{
	width: 100%;
	background-color: #003062;
	padding:0 50px 55px 50px;
}

.AIR-101_basic .left{
	width: 50%;
	float: left;
	padding-right: 30px;
}

.AIR-101_basic .right{
	width: 50%;
	float: right;
	padding-left: 30px;
}

.AIR-101_basic .border_basic{
	clear: both;
	max-width: 1100px;
    border-bottom: 1px solid rgba(255,255,255,.11);
    margin: 0 auto;
   	padding-top: 55px;
}

.AIR-101_area1{
	padding-top: 55px;
}
.AIR-101_area1 .left{
	padding-top: 80px;
}
.AIR-101_area1 br.desktop{
	display: none;
}
.AIR-101_area2 .right{
	padding-top: 110px;
}
.AIR-101_area3 .left{
	padding-top: 70px;
}


h4.AIR-101_areaTitle{
	font-size: 36px !important;
	color: #fff !important;
	text-align: left !important;
	white-space:nowrap;
}

.AIR-101_areaText{
	font-size: 14px;
	color: #8fd7ee;
	padding: 15px 0;
	line-height: 1.45;	
}

.AIR-101_area1 .chartCont{
	display: block;
	width: 100%;
	max-width: 477px;
}

.AIR-101_area1 .chartPic{
	width: 100%;
	max-width: 477px;
	height: 164px;
	background-image: url(../images/Chart.png);
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position: center;
	position: relative;
}

.AIR-101_area1 .list1{
	display: block;
	width: 81px;
	height: 18px;
	background-color: #922e8e;
	position: absolute;
	top: 6px;
	left: 1px;
	animation: list1 2.5s ease-out forwards;
}

@keyframes list1{
	0%{
		width: 0%;
	}

	100%{
		width: 17%;
	}
}

.AIR-101_area1 .list2{
	display: block;
	width: 220px;
	height: 18px;
	background-color: #00ada0;
	position: absolute;
	top: 29px;
	left: 1px;
	animation: list2 2.5s ease-out forwards;
}

@keyframes list2{
	0%{
		width: 0%;
	}

	100%{
		width: 46%;
	}
}

.AIR-101_area1 .list3{
	display: block;
	width: 101px;
	height: 18px;
	background-color: #922e8e;
	position: absolute;
	top: 88px;
	left: 1px;
	animation: list3 2.5s ease-out forwards;
}

@keyframes list3{
	0%{
		width: 0%;
	}

	100%{
		width: 21%;
	}
}

.AIR-101_area1 .list4{
	display: block;
	width: 269px;
	height: 18px;
	background-color: #00ada0;
	position: absolute;
	top: 111px;
	left: 1px;
	animation: list4 2.5s ease-out forwards;
}

@keyframes list4{
	0%{
		width: 0%;
	}

	100%{
		width: 57%;
	}
}

.AIR-101_area1 .chartNote{
	padding-top: 15px;
}

.AIR-101_area1 .chart_text{
	font-size: 13px;
	color: #8fd7ee;
	line-height: 1.55;
}

.pink::before{
	content: '';
	display:inline-block;
	width: 20px;
	height: 9px;
	background-color: #922e8e;
	margin-right: 6px;
}

.green::before{
	content: '';
	display:inline-block;
	width: 20px;
	height: 9px;
	background-color:#00ada0;
	margin-right: 6px;
}

.AIR-101_area1 .right img{
	width: 100%;
	max-width: 537px;
	height: auto;
}

.AIR-101_area2 .left img{
	width: 100%;
	max-width: 514px;
	height: auto;
}

.AIR-101_area2 h4.AIR-101_areaTitle{
	padding-top: 15px !important;
}

.AIR-101_area2 .btn{
/*	padding-top: 20px;*/
}

.AIR-101_area2 .btn li{
	display: inline-block;
	width: 122px;
	height: 122px;
	border-radius: 5px;
	background-color: #06697e;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	transition: all 0.4s ease-in;
}

.AIR-101_area2 h5.btnText{
	color:#FFF !important;
	font-size: 30px !important;
	padding-top: 30px !important;
}

.AIR-101_area2 .sText{
	display: block;
	font-size: 14px;
	line-height: 24px;
}

.AIR-101_area2 .btn li:hover{
	background-color: #0bbbac;
}



.AIR-101_area3 .right img{
	width: 100%;
	max-width: 565px;
	height: auto;
}

.AIR-101_area2 .btn,.AIR-101_area3 .btn{
	display:inline-block;
	width: 331px;
	height: 46px;
	border-radius: 5px;
	background-color: #05b5ed;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	margin-top: 10px;
	transition: all 0.4s ease-in;
}

.AIR-101_area3 .btn:hover{
	background-color: #025fc7;	
	transform: scale(0.98);
}

.AIR-101_area4 h4.AIR-101_areaTitle{
	text-align: center !important;
}

.AIR-101_area4 .picBox{
	width: 100%;
	padding-top: 30px;
}

.AIR-101_intro{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.AIR-101_intro li{	
	display: inline-block;
	width: 32%;
	max-width: 351px;
	height: 227px;	
	background-position: top center;
	background-repeat: no-repeat;
	border-radius: 5px;
	background-size: 100%;
	transition: all 0.5s ease-in;
}

.AIR-101_intro .box1{
	background-image: url('../images/area4_box01.png');
}

.AIR-101_intro .box2{
	background-image: url('../images/area4_box02.png');
}

.AIR-101_intro .box3{
	background-image: url('../images/area4_box03.png');
}

.AIR-101_intro li:hover{
	background-size: 105%;
	filter: brightness(1.3);
}

h5.AIR-101_introTitle{
	font-size: 23px !important;
	color:#fff !important;
	text-align: center !important;
	padding-top: 50% !important;
}

.AIR-101_basic2{
	width: 100%;
	background-color: #fff;
	padding:0 50px 55px 50px;
}

.AIR-101_area5{
	margin-top: 35px;
}

.AIR-101_area5 .caseStudy{
	width: 100%;
	height: 228px;
	background-image: url(../images/CaseStudy.png);
	background-position:-37px -135px;
	background-repeat: no-repeat;
	background-size:auto;
	background-color: #ebf2f6;
	border-radius: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.AIR-101_area5 .textBox{
	padding-right: 4%;
}

h4.AIR-101_areaTitle2{
	font-size: 26px !important;
	color: #2e2e34 !important;
	padding-bottom: 5px !important;
}

.AIR-101_areaText2{
	font-size: 16px;
	color: #2e2e34;
}

.AIR-101_area5 .btn{
	display:block;
	width: 140px;
	height: 38px;
	border-radius: 5px;
	background-color: #05b5ed;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	margin-top: 25px;
	transition: all 0.4s ease-in;
}

.AIR-101_area5 .btn:hover{
	background-color: #025fc7;	
	transform: scale(0.98);
}

h4.AIR-101_areaTitle3{
	display: block !important;
	max-width: 1100px !important;
	font-size: 21px !important;
	color: #3c3c3c !important;
	background-color: #ecf2f7 !important;
	height: 40px !important;
	line-height: 40px !important;
	font-weight: normal !important;
	text-indent: 21px !important;
}

.AIR-101_table{
	width: 100%;
	max-width: 660px;
	background-color: #fff;
	border-collapse: collapse;
	font-size: 14px;
	color: #595757;
	margin: 0 auto;
	margin-top: 45px;
}

.AIR-101_table tr:nth-child(odd){
	background-color: #f7f8f8;
}

.AIR-101_table tr:first-child{
	background-color: #004280;
	color: #fff;
}

.AIR-101_table td{
	border: 1px solid #C9CACA;
	padding: 10px;
}

.pdtBox{
	margin-top: 35px;
}

.AIR-101_product{
	width: 100%;
	display: flex;	
	flex-wrap: wrap;

}

.AIR-101_product li{
	width: 32%;
	min-height: 337px;
	border-radius: 5px;
	background-color: #f7f8f8;
	padding:2%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content:space-between;
	transition: all 0.4s ease-out;
}

.AIR-101_product .pdtTitle{
	width: 100%;
	text-align: center;
}

.AIR-101_area7 h5.AIR-101_bigText{
	font-size: 26px !important;
	color: #414141 !important;
	font-weight: normal !important;
}

.AIR-101_area7 h6.AIR-101_subTxet{
	font-size: 14px !important;
	color: #05b5ed !important;
	font-weight: normal !important;
	padding-top: 5px !important;
}

.AIR-101_product .pdtIntro{
	width: 100%;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-content:center;
	text-align: center;
}

.AIR-101_product img{
	display: block;
	width: 180px;
	height: 190px;
	margin: 0 auto;
}

.AIR-101_product .fee{
	color: #f39800;
	font-size: 26px;
}

.AIR-101_product .btn{
	display:block;
	width: 140px;
	height: 38px;
	border-radius: 5px;
	background-color: #05b5ed;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	margin: 0 auto;
}	

.AIR-101_product li:hover{
	box-shadow: 0px 0px 8px #ccc;	
}

.AIR-101_product .btn:hover{
	background-color: #05a0ed;
}
.AIR-101 .desktop{
	display: block;
}

/*mobile*/
@media screen and (max-width: 1024px){
	.AIR-101_area1 br.desktop{
		display: block;
	}
}


@media screen and (max-width: 990px){


	h3.AIR-101_headline{
		font-size: 5vmin !important;
	}

	h6.AIR-101_subtitle{
		font-size: 3.6vmin !important;
	}

	.AIR-101_basic{
		padding:0 35px 30px 35px;
	}

	.AIR-101_area1{
		padding-top: 30px;
	}
	.AIR-101_area1 br.desktop{
		display: none;
	}

	.AIR-101_basic .left{
		width: 100%;
		float: none;
		padding-right: 0;
		text-align: center;
	}

	.AIR-101_basic .right{
		width: 100%;
		float: none;
		padding-left: 0;
		padding-top: 7%;
		text-align: center;
	}

	h4.AIR-101_areaTitle{
		font-size: 4vmin !important;
		text-align: center !important;
	}

	.AIR-101_areaText{
		text-align: left;
	}

	.AIR-101_area1 .chartCont{
		margin: 0 auto;
	}

	.AIR-101_area1 .chartPic{
		margin: 0 auto;
	}

	.AIR-101_area1 .list1{
		height: 8.5%;
		top: 5.8%;
	}

	.AIR-101_area1 .list2{
		height: 8.5%;
		top: 18.5%;
	}

	.AIR-101_area1 .list3{
		height: 8.5%;
		top: 55.8%;
	}

	.AIR-101_area1 .list4{
		height: 8.5%;
		top: 68.5%;
	}

	.AIR-101_area1 .chartNote{
		padding-top: 15px;
	}

	.chart_text{
		text-align: left;
	}

	.AIR-101_area1 .right img{
		width: 50%;
		height: auto;
	}

	.AIR-101_area2 .right{
		padding-top: 0;
	}

	.AIR-101_area2 h4.AIR-101_areaTitle{
		padding-top: 0 !important;
	}

	.AIR-101_area2 .btn{
		width: 100%;
		padding-bottom: 4.5%;
	}

	.AIR-101_area2 .btn li{
		width: 50%;
	    max-width: 130px;
	    height: 122px;
	    font-size: 7vmin;
	    margin-right: 10px;
	}

	.AIR-101_area2 .left img{
		width: 50%;
		height: auto;
	}

	.AIR-101_area3 .left{
		padding-top: 0;
	}

	.AIR-101_area3 .btn{
		width: 100%;
	    max-width: 331px;
	    max-height: 46px;
		font-size:2vmin;
	}

	.AIR-101_area4 .AIR-101_intro{
		flex-direction: column;
		min-height: 720px;
		justify-content: space-between;
		align-content: center;
	}

	.AIR-101_intro li{	
		width: 100%;
	}

	h5.AIR-101_introTitle{	
		font-size: 2.8vmin !important;
		padding-top: 52% !important;	
	}

	.AIR-101_basic2{
		padding:0 35px 30px 35px;
	}

	.AIR-101_area5{
		margin-top: 30px;
	}

	.AIR-101_area5 .caseStudy{
		background-image: url(../images/CaseStudy_M.png);
		align-items: flex-end;
		justify-content: flex-start;
	}

	.AIR-101_area5 .textBox{
		margin-right: 0;
		margin-left: 20px;
	}

	h4.AIR-101_areaTitle2{
		font-size: 20px !important;
		padding-bottom: 5px !important;
	}

	.AIR-101_areaText2{
		text-shadow: 1px 1px 2px #fff;
	}

	.AIR-101_area5 .btn{
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.AIR-101_table{
		margin-top: 15px;
	}

	.pdtBox{
		margin-top: 15px;
	}

	.AIR-101_product{
		align-content: center;
	}

	.AIR-101_product li{
		width: 100%;
		margin-bottom: 5%;
		padding: 6%;
	}

	.AIR-101_product .pdtIntro{
		min-height: 300px;
	}

	.AIR-101_product .btn{
		width: 100%;
		max-width: 500px;
	}	

}


@media screen and (max-width: 767px){

	.AIR-101_banner{
	   	background-image: url(../images/banner_M.jpg);
	    padding-bottom: 156%;
	}
		.AIR-101 .desktop{
	    display: none;
		}


	.AIR-101_banner .bannerText{
		padding-left: 0;
	    padding-top: 16%;
	    width: 80%;
	    margin: 0 auto;
	}

	h3.AIR-101_headline{
		font-size: 9.38vmin !important;
	}

	h6.AIR-101_subtitle{
		font-size: 6vmin !important;
	}

	.AIR-101_basic{
		padding:0 35px 30px 35px;
	}

	.AIR-101_area1{
		padding-top: 30px;
	}

	.AIR-101_basic .left{
		width: 100%;
		float: none;
		padding-right: 0;
	}

	.AIR-101_basic .right{
		width: 100%;
		float: none;
		padding-left: 0;
		padding-top: 10%;
	}

	h4.AIR-101_areaTitle{
		font-size: 5.2vmin !important;
	}

	.AIR-101_area1 .chartPic{
		background-image: url(../images/Chart_M.png);
	}

	.AIR-101_area1 .list1,.AIR-101_area1 .list2,.AIR-101_area1 .list3,.AIR-101_area1 .list4{
		display: none;
	}

	.AIR-101_area1 .chartNote{
		padding-top: 2%
	}

	.AIR-101_area1 .chart_text{
    	font-size: 12px;
	}

	.AIR-101_area2 .right{
		padding-top: 0;
	}

	.AIR-101_area2 h4.AIR-101_areaTitle{
		padding-top: 0 !important;
	}

	.AIR-101_area2 .btn{
		width: 100%;
		padding-bottom: 10%;
	}

	.AIR-101_area2 .btn li{
		width: 50%;
	    max-width: 130px;
	    height: 122px;
	    font-size: 7vmin;
	    margin-right: 10px;
	}

	.AIR-101_area3 .left{
		padding-top: 0;
	}

	.AIR-101_area3 .btn{
		width: 100%;
	    max-width: 331px;
	    max-height: 46px;
		font-size:16px;
	}

	.AIR-101_area4 .AIR-101_intro{
		min-height: 720px;
		justify-content: space-between;
		align-content: center;
	}

	.AIR-101_intro li{	
		width: 100%;
	}

	h5.AIR-101_introTitle{	
		font-size: 22px !important;
		padding-top: 52% !important;	
	}

	.AIR-101_basic2{
		padding:0 35px 30px 35px;
	}

	.AIR-101_area5{
		margin-top: 30px;
	}

	.AIR-101_area5 .caseStudy{
		background-image: url(../images/CaseStudy_M.png);
		align-items: flex-end;
		justify-content: flex-start;
	}

	.AIR-101_area5 .textBox{
		margin-right: 0;
		margin-left: 20px;
	}

	h4.AIR-101_areaTitle2{
		font-size: 20px !important;
		padding-bottom: 5px !important;
	}

	.AIR-101_areaText2{
		text-shadow: 1px 1px 2px #fff;
	}

	.AIR-101_area5 .btn{
		margin-top: 5px;
		margin-bottom: 10px;
	}

	h4.AIR-101_areaTitle3{
		font-size: 18px !important;
	}

	.AIR-101_table{
		margin-top: 15px;
	}

	.pdtBox{
		margin-top: 15px;
	}

	.AIR-101_product{
		align-content: center;
	}

	.AIR-101_product li{
		width: 100%;
		margin-bottom: 5%;
		padding: 6%;
	}

	.AIR-101_product .pdtIntro{
		min-height: 300px;
	}

	.AIR-101_product .btn{
		width: 100%;
		max-width: 200px;
	}

	.AIR-101_area1 .right img{
		width: 100%;
		max-width: 537px;
		height: auto;
	}	

	.AIR-101_area2 .left img{
		width: 100%;
		max-width: 514px;
		height: auto;
	}

	.AIR-101_area3 .right img{
		width: 100%;
		max-width: 565px;
		height: auto;
	}

}