@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);
.pushup{
  animation-name: pushup;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;

}

@keyframes pushup{
  0%{
    left: -2px;
    border-color: transparent transparent transparent #ffbb00;
  }
  50%{
    left: 1px;
    border-color: transparent transparent transparent #ffbb00;
  }
  100%{
    left: -2px;
    border-color: transparent transparent transparent #ffbb00
  }
}


.nv_h2{
	padding: 0;
	margin: 0;
	color:#76b900;
	font-size: 23px;
}

.nv_vision1 {
    padding-left: 6%;
    margin-top: 1%;
}

.content_cooling{
	padding-top:12%;
	padding-right:3%;
	padding-left:5%;
}

.content_fan{
	padding-left: 7%;padding-right:7%;
}

.content_fan_text{
	padding-top: 8%;
	padding-right:3%;
	padding-left:3%;
}

.content_fan1_text{
	padding-top:6%;
	padding-right:3%;
	padding-left:3%;
}

.content_pipe{
	padding-left: 7%;
	padding-right:7%;
}
.content_pipe_text{
	padding-top: 7%;
}

.content_pipe1_text{
	padding-top:13%;
}

.content_triangle_text{
	padding-top: 4%;
	padding-bottom:2%;
}

.color_down_content{
  position: relative;
  top:0px;
}

.content_metal{
	padding-left:5%;
	padding-right:5%;
	padding-top:2%;
}

.content_metal_text{
	padding-top: 6%;
}

.content_performance_text{
	padding-top: 3%;
}

.content_gpu_text{
	padding-top:3%;
}

.content_led_text{
	padding-top: 2%;
}


.game_font{
	font-size: 18px;
	padding-left: 4%;
	padding-top: 2%;
	color: #aaa;
}


.contnet_001{
	padding-top: 14%;
	padding-right: 3%;
}


.feature_font_001{
  background: none;
  border:none;
  color:#ff4200;
  font-size: 24px;
  font-family:"Oswald","Ubuntu Condensed","Aldrich","sans-serif","微軟正黑體","Microsoft JhengHei";
}


.feature_font_001 div{
  width: 0; 
  height: 0; 
  border-style: solid; 
  border-width: 7.5px 0 7.5px 13.0px;
  border-color: transparent transparent transparent #ff4200;
  display: inline-block;
  padding-right: 1%;
  position: relative;
}


.feature_font_002{
  color:#ddd;
  font-size: 16px;

}

.feature_padding_001{
	padding-top: 7%;
}


.feature_button_eason_01{
  position: absolute;
  top: 60%;
  left: 70%;
}

.feature_button_eason_02{
  position: absolute;
  top: 89%;
  left: 48%;
}



.feature_button_eason_03{
  position: absolute;
  top: 89%;
  left: 20%;
}


.feature_button_eason_04{
  position: absolute;
  top: 75%;
  left: 28%;
}


.easy_carry_img{
	background-image: url(../img/0015.jpg);
	background-size: 100%;
	padding-bottom: 38%;
}

.tunder_div{
	background-image: url(../img/0021.jpg);
	padding-bottom: 35%;
	height: 0;
}





@media screen and (min-width: 1501px) {
	.nv_h2{
	padding: 0;
	margin: 0;
	color:#76b900;
	font-size: 22px;
}
.nv_vision1{
	padding-left: 6%;
	margin-top: 1%;
}
.content_cooling{
	padding-top:12%;
	padding-right:3%;
	padding-left:5%;
}

.content_fan{
	padding-left: 7%;padding-right:7%;
}

.content_fan_text{
	padding-top: 8%;
	padding-right:3%;
	padding-left:3%;
}

.content_fan1_text{
	padding-top:8%;
	padding-right:3%;
	padding-left:3%;
}

.content_pipe{
	padding-left: 7%;
	padding-right:7%;
}
.content_pipe_text{
	padding-top: 7%;
}

.content_pipe1_text{
	padding-top:13%;
}

.content_triangle_text{
	padding-top: 4%;
}

.color_down_content{
  position: relative;
  top:0px;
}

.content_metal{
	padding-left:5%;
	padding-right:5%;
	padding-top:2%;
}

.content_metal_text{
	padding-top: 6%;
}

.content_performance_text{
	padding-top: 3%;
}

.content_gpu_text{
	padding-top:3%;
}

.content_led_text{
	padding-top: 2%;
}

.contnet_001{
	padding-top: 14%;
	padding-right: 3%;
}


.feature_font_001{
  background: none;
  border:none;
  color:#ff4200;
  font-size: 24px;
  font-family:"Oswald","Ubuntu Condensed","Aldrich","sans-serif","微軟正黑體","Microsoft JhengHei";
}



.feature_font_002{
  color:#ddd;
  font-size: 16px;

}


.easy_carry{
	max-width: 700px;
	display: flex;
	width: 100%;
	align-items:center;
	float: right;
	padding-top: 10%;
	padding-right: 5%;
}





	}

@media screen and (min-width: 1201px) and (max-width: 1500px) {
	.nv_h2{
	padding: 0;
	margin: 0;
	color:#76b900;
	font-size: 20px;
}
.nv_vision1{
	padding-left: 6%;
	margin-top: 1%;
}
.content_cooling{
	padding-top:12%;
}

.content_fan{
	padding-left: 7%;padding-right:7%;
}

.content_fan_text{
	padding-top: 5%;
	padding-right:3%;
	padding-left:3%;
}

.content_fan1_text{
	padding-top:5%;
	padding-right:3%;
	padding-left:3%;
}

.content_pipe{
	padding-left: 7%;
	padding-right:7%;
}
.content_pipe_text{
	padding-top: 7%;
}

.content_pipe1_text{
	padding-top:13%;
}

.content_triangle_text{
	padding-top: 4%;
}

.color_down_content{
  position: relative;
  top:0px;
}

.content_metal{
	padding-left:5%;
	padding-right:5%;
	padding-top:2%;
}

.content_metal_text{
	padding-top: 2%;
}

.content_performance_text{
	padding-top: 0%;
}

.content_gpu_text{
	padding-top:3%;
}

.content_led_text{
	padding-top: 2%;
}


.contnet_001{
	padding-top: 8%;
	padding-right: 3%;
}


.feature_font_001{
  background: none;
  border:none;
  color:#ff4200;
  font-size: 20px;
  font-family:"Oswald","Ubuntu Condensed","Aldrich","sans-serif","微軟正黑體","Microsoft JhengHei";
}



.feature_font_002{
  color:#ddd;
  font-size: 14px;

}

.easy_carry{
	max-width: 700px;
	display: flex;
	width: 100%;
	align-items:center;
	float: right;
	padding-top: 10%;
	padding-right: 5%;
}




}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.nv_h2{
	padding: 0;
	margin: 0;
	color:#76b900;
	font-size: 18px;
}
.nv_vision1{
	padding-left: 6%;
	margin-top: 1%;
}
.content_cooling{
	padding-top:7%;
}

.content_fan{
	padding-left: 5%;padding-right:5%;
}

.content_fan_text{
	padding-top: 0%;
	padding-right:3%;
	padding-left:3%;
}

.content_fan1_text{
	padding-top:1%;
	padding-right:3%;
	padding-left:3%;
}

.content_pipe{
	padding-left: 7%;
	padding-right:7%;
}
.content_pipe_text{
	padding-top: 0%;
}

.content_pipe1_text{
	padding-top:7%;
}

.content_triangle_text{
	padding-top: 4%;
}

.color_down_content{
  position: relative;
  top:0px;
}

.content_metal{
	padding-left:5%;
	padding-right:5%;
	padding-top:2%;
}

.content_metal_text{
	padding-top: 1%;
}

.content_performance_text{
	padding-top: 0%;
}

.content_gpu_text{
	padding-top:0%;
}

.content_led_text{
	padding-top: 0%;
}


.game_font{
	font-size: 14px;
	padding-left: 3%;
	padding-top: 2%;
	color: #aaa;
}


.contnet_001{
	padding-top: 4%;
	padding-right: 0%;
}



.feature_font_001{
  background: none;
  border:none;
  color:#ff4200;
  font-size: 18px;
  font-family:"Oswald","Ubuntu Condensed","Aldrich","sans-serif","微軟正黑體","Microsoft JhengHei";
}




.feature_font_002{
  color:#ddd;
  font-size: 14px;

}


.easy_carry{
	max-width: 500px;
	display: flex;
	width: 100%;
	align-items:center;
	float: right;
	padding-top: 10%;
	padding-right: 5%;
}



.tunder_div{
	background-image:none;
	padding-bottom: 5%;
	height: auto;
}

}





@media screen and (max-width: 767px) {
	.nv_h2{
	padding: 0;
	margin: 0;
	color:#76b900;
	font-size: 14px;
}
.nv_vision1{
	padding-left: 15px;
	margin-top: 1%;
}
.content_cooling{
	padding-top:0%;
}

.content_fan{
	padding-left: 3%;padding-right:3%;
}

.content_fan_text{
	padding-top: 0%;
	padding-right:15px;
	padding-left:15px;
}

.content_fan1_text{
	padding-top:1%;
	padding-right:15px;
	padding-left:15px;
}
.content_pipe{
	padding-left: 3%;
	padding-right:3%;
}
.content_pipe_text{
	padding-top: 0%;
}

.content_pipe1_text{
	padding-top:0%;
}

.content_triangle_text{
	padding-top: 0%;

}

.color_down_content{
  position: relative;
  top:-50px;
}

.content_metal{
	padding-left:3%;
	padding-right:3%;
	padding-top:0%;
}

.content_metal_text{
	padding-top: 0%;
}
.content_performance_text{
	padding-top: 0%;
}

.content_gpu_text{
	padding-top:0%;
}

.content_led_text{
	padding-top: 0%;
}


.game_font{
	font-size: 12px;
	padding-left: 0%;
	padding-top: 2%;
	color: #aaa;
}


.contnet_001{
	padding-top: 0%;
	padding-right: 0%;
}


.feature_font_001{
  background: none;
  border:none;
  color:#ff4200;
  font-size: 14px;
  font-family:"Oswald","Ubuntu Condensed","Aldrich","sans-serif","微軟正黑體","Microsoft JhengHei";
}




.feature_font_002{
  color:#ddd;
  font-size: 12px;

}


.feature_padding_001{
	padding-top: 0%;
}


.easy_carry{
	max-width: none;
	display: block;
	width: 100%;
	align-items:center;
	float: right;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
}



.easy_carry_img{
	background-image: none;
	background-size: 100%;
	padding-bottom: 0%;
}

.tunder_div{
	background-image: none;
	padding-bottom: 5%;
	height: auto;
}





	}