@charset "utf-8";
/*----------------------------------------
  Yoursite Style
----------------------------------------*/
/*LandingPage 樣式設定*/
.clear_both{ clear: both;}
.adventech_lp_row{ font-family: "PingFangTC-Regular", "PingFangTC", Arial, Helvetica, "HeitiTC", "微軟正黑體", "Microsoft JhengHei", sans-serif; font-weight: 400; line-height: 1.5;}
.adventech_lp_row a{transition: 0.3s; text-decoration: none;}
.adventech_lp_row ul{ margin: 0; padding: 0; list-style: none;}
.adventech_lp_row ol{ padding: 0;}

.adventech_lp_row .lp_kv_row{ width: 100%; overflow: hidden; background: #15437c;}
.adventech_lp_row .lp_kv_row .lp_kv_row_center{ width: 100%; margin: auto; position: relative; overflow: hidden;}
.adventech_lp_row .lp_kv_row .lp_kv_img{ width: 60%; float: right; max-width: 100%; text-align: right;}
.adventech_lp_row .lp_kv_row .lp_kv_img img{  }
.adventech_lp_row .lp_kv_row .lp_kv_text{ width: 30%; color: #fff; position: absolute; left: 10%; top: 50%; transform: translate(0,-50%); box-sizing: border-box;}
.adventech_lp_row .lp_kv_row .lp_kv_text h2{ color: #fff; font-size: 46px; font-weight: bold; line-height: 55px;}
.adventech_lp_row .lp_kv_row .lp_kv_text p{ font-size: 20px;}

.adventech_lp_row .lp_quick_menu_row{ width: 100%; overflow: hidden; background: #e79b37;}
.adventech_lp_row .quick_menu_list{ max-width: 1200px; text-align: center; padding: 0px; margin: 0px auto;}
.adventech_lp_row .quick_menu_list li{ display: inline-block; box-sizing: border-box; background: #e79b37; padding: 10px 0;}
.adventech_lp_row .quick_menu_list li a{ color: #fff; font-size: 16px; border-left: 1px solid #fff; padding: 0 40px; line-height: 16px; cursor: pointer;}
.adventech_lp_row .quick_menu_list li a:hover{ color: #15437c;}
.adventech_lp_row .quick_menu_list li:last-child a{ border-right: 1px solid #fff;}

.adventech_lp_row .lp_carousel_row{ width: 100%; overflow: hidden; background: #fff;}
.adventech_lp_row .lp_carousel_row .lp_carousel_row_center{ max-width: 1200px; margin: 50px auto; position: relative; overflow: hidden;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list{ margin: 0 100px 40px 100px;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li{ overflow: hidden;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_img{ width: 55%; float: left;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_img img{ width: 100%;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text{ width: 45%; float: right; padding: 0 30px 30px 30px; box-sizing: border-box;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text h3{ font-size: 32px; font-weight: bold; color: #00457B;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text p{ font-size: 18px; color: #505050; margin: 20px 0;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text a{ text-align: center; padding: 10px 30px; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box; display: inline-block;}
.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text a:hover{ background: #299cd3;}

.adventech_lp_row .lp_WiseDeviceOn_row{ width: 100%; overflow: hidden; background: #eee;}
.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_row_center{ max-width: 1200px; margin: auto; padding: 50px 100px 50px 100px; overflow: hidden; box-sizing: border-box;}
.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text{ overflow: hidden;}
.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text h3{ width: 35%; font-size: 40px; font-weight: bold; color: #00457B; margin: 0 auto 20px auto;}
.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text h3 img{ width: 100%;}
.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text p{ font-size: 16px; color: #505050; margin: 0; text-align: center;}
.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text a{ text-align: center; padding: 5px 30px; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box;}
.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text a:hover{ background: #299cd3;}
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list{ overflow: hidden; margin: 10px -10px 0 -10px;}
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li{ width: calc(100%/3); float: left; padding: 10px; box-sizing: border-box; }
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_list_box{ color: #fff; background: linear-gradient(#387dbf, #5c90cd); padding: 30px 20px; box-sizing: border-box; overflow: hidden;}
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_list_box h4{ font-size: 22px; font-weight: bold; text-align: center; border-bottom: 1px solid #fff; padding: 0 0 10px 0 ; margin: 0 0 20px 0; display: block;}
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_list_box .feature_icon_list_item{ overflow: hidden; display: flex; align-items: center; margin: 10px 0 0 0; box-sizing: border-box;}
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_img{ width: 25%; max-width: 100px; box-sizing: border-box; padding: 0 0 0 20px;}
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_img img{ width: 100%;}
.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_text{ width: 75%; padding: 0 0 0 10px; box-sizing: border-box; font-size: 16px;}
.adventech_lp_row .lp_WiseDeviceOn_row .btn_center_row{ text-align: center; margin: 50px 0 0 0;}
.adventech_lp_row .lp_WiseDeviceOn_row .btn_center_row a{ display: inline-block; text-align: center; padding: 10px 30px; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box;}
.adventech_lp_row .lp_WiseDeviceOn_row .btn_center_row a:hover{ background: #299cd3;}


.adventech_lp_row .lp_video_row{ width: 100%; overflow: hidden;}
.adventech_lp_row .lp_video_row .lp_video_row_center{ max-width: 1200px; margin: auto; padding:100px 100px 100px 100px; overflow: hidden; box-sizing: border-box;}
.adventech_lp_row .lp_video_row .lp_video_text{ overflow: hidden; padding: 0; box-sizing: border-box;}
.adventech_lp_row .lp_video_row .lp_video_text h3{ font-size: 40px; font-weight: bold; color: #00457B; margin: 0 0 20px 0; border-left: 6px solid #EFB733; padding: 0 0 0 10px;}
.adventech_lp_row .lp_video_row .lp_video_text p{ font-size: 16px; color: #505050;}
.adventech_lp_row .lp_video_row .lp_video_youtube{ box-sizing: border-box;}

.adventech_lp_row .lp_buy_row{ width: 100%; overflow: hidden; background: #f4f4f4;}
.adventech_lp_row .lp_buy_row .lp_buy_row_center{ max-width: 1200px; margin: auto; padding: 50px 100px; overflow: hidden; box-sizing: border-box;}
.adventech_lp_row .lp_buy_row h3{ font-size: 40px; font-weight: bold; color: #00457B; margin: 0 0 20px 0; border-left: 6px solid #EFB733; padding: 0 0 0 10px;}
.adventech_lp_row .lp_buy_row .lp_buy_list{ overflow: hidden; margin: 0 -10px;}
.adventech_lp_row .lp_buy_row .lp_buy_list li{ width: calc(100%/3); float: left; padding: 10px; box-sizing: border-box;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box{ padding: 20px; background: #fff; box-sizing: border-box; transition: 0.3s;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box:hover{ box-shadow: 0px 0px 8px #ccc;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_img img{ width: 100%;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_name{ font-size: 20px; margin: 10px 0 10px 0; color: #222222; font-weight: bold;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_info{ font-size: 16px; margin: 0px 0 10px 0; color: #5C5C5C; line-height: 20px !important;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_point{ overflow: hidden;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_point li{ width: calc(100%/1 - 25px); font-size: 14px; color: #5C5C5C; padding: 0px; list-style: disc !important; margin-left: 25px;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_price{ font-size: 26px; font-weight: bold; color: #E25739; margin: 15px 0;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box a{ width: 100%; text-align: center; padding: 5px 30px; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box; display: block;}
.adventech_lp_row .lp_buy_row .lp_buy_list li .lp_buy_list_box a:hover{ background: #299cd3;}




.adventech_lp_row .lp_buy_row2{ width: 100%; overflow: hidden; background: #F9F9F9 url(../images/lp_buy_all_img_bg.jpg) no-repeat center bottom; background-size: cover;}
.adventech_lp_row .lp_buy_row2 .lp_buy_row2_center{ max-width: 1200px; margin: auto; padding: 50px 100px; overflow: hidden; box-sizing: border-box;}
.adventech_lp_row .lp_buy_row2 h3{ font-size: 40px; font-weight: bold; color: #00457B; margin: 0 0 20px 0; border-left: 6px solid #EFB733; padding: 0 0 0 10px;}
.adventech_lp_row .lp_buy_row2 .lp_buy_box{ overflow: hidden;}
.adventech_lp_row .lp_buy_row2 .lp_buy_text{ width: 50%; float: left; padding: 0 20px 0 0; box-sizing: border-box;}
.adventech_lp_row .lp_buy_row2 .lp_buy_text h4{ font-size: 20px; margin: 10px 0 10px 0; color: #222222; font-weight: bold;}
.adventech_lp_row .lp_buy_row2 .lp_buy_text p{ font-size: 16px; color: #505050;}
.adventech_lp_row .lp_buy_row2 .lp_buy_img{ width: 50%; float: right; box-sizing: border-box; display: flex; align-items: flex-end;}
.adventech_lp_row .lp_buy_row2 .lp_buy_img img{ width: 100%;}
.adventech_lp_row .lp_buy_row2 .lp_buy_text a{ display: inline-block; text-align: center; padding: 10px 30px; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box; display: inline-block;}
.adventech_lp_row .lp_buy_row2 .lp_buy_text a:hover{ background: #299cd3;}

.adventech_lp_row .lp_buy_row2 .btn_center_row{ text-align: center; margin: 50px 0 0 0;}
.adventech_lp_row .lp_buy_row2 .btn_center_row a{ text-align: center; padding: 10px 30px; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box;}
.adventech_lp_row .lp_buy_row2 .btn_center_row a:hover{ background: #299cd3;}





/*LandingPage RWD設定*/
@media (max-width: 900px){
	.adventech_lp_row .lp_kv_row .lp_kv_text{ background: rgba(0,0,0,.5); width: calc(100% - 20px); padding: 10px; left: 50%; transform: translate(-50%,-50%);}
	.adventech_lp_row .lp_kv_row .lp_kv_text h2{ font-size: 40px;}
	.adventech_lp_row .lp_kv_row .lp_kv_img{ width: 100%;}
	.adventech_lp_row .lp_kv_row .lp_kv_img img{ margin-left: -200px;}
	
	.adventech_lp_row .quick_menu_list li{ display: block; padding: 0px;}
	.adventech_lp_row .quick_menu_list li a{ border: 0px; border-bottom: 1px solid #fff; padding: 15px 0; display: block;}
	.adventech_lp_row .quick_menu_list li:last-child a{ border: 0px;}
	
	.adventech_lp_row .lp_carousel_row .lp_carousel_row_center{ margin: 50px 20px;}
	.adventech_lp_row .lp_carousel_row .lp_carousel_list{ margin: 0 0 40px 0;}
	.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_img{ width: 100%;}
	.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text{ width: 100%; padding: 10px 20px;}
	.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text h3{ font-size: 26px;}
	.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text p{ margin: 0 0 20px 0;}
	.adventech_lp_row .lp_carousel_row .lp_carousel_list li .lp_carousel_list_text a{ display: block;}
	
	.adventech_lp_row .lp_WiseDeviceOn_row{ padding: 50px 20px;}
	.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_row_center{ padding: 0px;}
	.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text{ position: relative; top: auto; left: auto; width: 100%; transform: none; margin: 60px 0 0 0;}
	.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text h3{ font-size: 28px; width: 50%;}
	.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text a{ display: block;}
	.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li{ width: calc(100%/1);}
	.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_list_box .feature_icon_list_item{ width: calc(100%/2); float: left;}
	
	.adventech_lp_row .lp_video_row{ padding: 50px 20px 50px 20px;}
	.adventech_lp_row .lp_video_row .lp_video_row_center{ padding: 0px;}
	.adventech_lp_row .lp_video_row .lp_video_text{ float: none;; width: 100%; padding: 0px 20px 0px 20px;}
	.adventech_lp_row .lp_video_row .lp_video_text h3{ font-size: 28px;}
	.adventech_lp_row .lp_video_row .lp_video_youtube{ float: none; width: 100%;}
	
	.adventech_lp_row .lp_buy_row{ padding: 50px 20px;}
	.adventech_lp_row .lp_buy_row .lp_buy_row_center{ padding: 0px;}
	.adventech_lp_row .lp_buy_row h3{ font-size: 28px;}
	.adventech_lp_row .lp_buy_row .lp_buy_list li{ width: calc(100%/3);}
	
	.adventech_lp_row .lp_buy_row2{ padding: 50px 20px;}
	.adventech_lp_row .lp_buy_row2 .lp_buy_row2_center{ padding: 0px;}
	.adventech_lp_row .lp_buy_row2 h3{ font-size: 28px;}
	.adventech_lp_row .lp_buy_row2 .lp_buy_text{ float: none; width: 100%;}
	.adventech_lp_row .lp_buy_row2 .lp_buy_img{ float: none; width: 100%;}
	.adventech_lp_row .lp_buy_row2 .btn_center_row{ margin: 30px 0 0 0;}
	.adventech_lp_row .lp_buy_row2 .btn_center_row a{ padding: 10px; display: block;}


}
@media (max-width: 768px){
	.adventech_lp_row .lp_kv_row .lp_kv_img img{ margin-left: -230px;}
	
	.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text h3{ font-size: 28px; width: 60%;}
	.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list{ margin: 20px -10px 0 -10px;}

	
 	.adventech_lp_row .lp_buy_row .lp_buy_list li{ width: calc(100%/2);}
  
}
@media (max-width: 480px){
	.adventech_lp_row .lp_kv_row .lp_kv_img img{ margin-left: -260px;}

	.adventech_lp_row .lp_WiseDeviceOn_row .lp_WiseDeviceOn_text h3{ font-size: 28px; width: 70%;}
	.adventech_lp_row .lp_WiseDeviceOn_row .feature_icon_list li .feature_icon_list_box .feature_icon_list_item{ width: calc(100%/1); float: left;}


	.adventech_lp_row .lp_buy_row .lp_buy_list li{ width: calc(100%/1);}
  
}