@charset "utf-8";
/*----------------------------------------
  Yoursite Style
----------------------------------------*/
/*針對IoTMart會被上層限制95%寬度限制做100%設定*/
#imart-single-page .row-fluid .row-maxwidth-95pct{ width: 100%; max-width: none;}

/*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: #004380;}
.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: 40%; 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_whoweserve_row{ width: 100%; overflow: hidden; background: linear-gradient(#e79b37, #ec871f);}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_row_center{ max-width: 1200px; margin: auto; padding: 50px 20px 70px 20px; overflow: hidden; box-sizing: border-box;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_row_center h3{ font-size: 40px; font-weight: bold; color: #fff; margin: 0 0 20px 0; text-align: center;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_row_center p{ font-size: 18px; color: #fff; text-align: center;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list{ overflow: hidden; margin: -10px -10px; max-width: 1180px;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list li{ width: calc(100%/3); float: left; padding: 10px; box-sizing: border-box; cursor: pointer; transition: 0.3s;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list li:hover .lp_whoweserve_list_text{ background: #00457B; color: #fff;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list li:hover .lp_whoweserve_list_img img{ opacity: 0.4;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list li .lp_whoweserve_list_img{ background: #00457B;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list li .lp_whoweserve_list_img img{ width: 100%; transition: 0.3s;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list li .lp_whoweserve_list_text{ text-align: center; font-size: 20px; font-weight: bold; color: #00457B; background: #fff; line-height: 22px; padding: 10px 0; transition: 0.3s; display: flex; align-items: center; justify-content: center;}
.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_row_center h4{ font-size: 36px; font-weight: bold; color: #fff; margin: 20px 0 0 0; text-align: center;}


.adventech_lp_row .lp_whattypes_row{ width: 100%; overflow: hidden; background: #eee;}
.adventech_lp_row .lp_whattypes_row .lp_whattypes_row_center{ max-width: 1200px; margin: 50px auto; position: relative; overflow: hidden;}
.adventech_lp_row .lp_whattypes_row .types_box{ background: #eee; margin: 0 0 0 0; overflow: hidden;}
.adventech_lp_row .lp_whattypes_row .types_box:last-child{ margin: 0;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv{ padding: 100px 100px; box-sizing: border-box; border-left: 20px solid #eee; border-right: 20px solid #eee;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv_qsr{ background: #eee url(../images/lp_types_box_kv_1.jpg) no-repeat center top; background-size: cover;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv_popup{ background: #eee url(../images/lp_types_box_kv_2.jpg) no-repeat center top; background-size: cover;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv_hotel{ background: #eee url(../images/lp_types_box_kv_3.jpg) no-repeat center top; background-size: cover;}

.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv h4{ font-size: 36px; font-weight: bold; color: #00457B; margin: 0 0 0 0; border-left: 6px solid #EFB733; padding: 0 0 0 10px;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv p.kv_info{ width: 50%; font-size: 18px; margin: 20px 0 0 0;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row{ width: 50%; margin: 50px 0 0 0;/*  overflow: hidden; */ position: relative;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row .btn_info{ width: 80%; font-size: 16px; line-height: 18px; color: #ec871f;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row a{ display: inline-block; text-align: center; padding: 10px 30px; margin: 0 10px 0 0; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row a:hover{ background: #299cd3;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row .whitepaper_icon{ width: 270px; position: absolute; top: -140%; left: 60%;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row .whitepaper_icon img{ width: 100%;}
.adventech_lp_row .lp_whattypes_row .types_box .types_box_content{ padding: 0px 20px 30px 20px; overflow: hidden;}
.adventech_lp_row .lp_whattypes_row .types_box_content_list{ margin: 0 0 0 -1px; overflow: hidden;}
.adventech_lp_row .lp_whattypes_row .types_box_content_list li{ display: inline-block; box-sizing: border-box; float: left; display: flex; align-items: center; border-left: 1px solid #eee; border-bottom: 1px solid #eee;  /* border-top-left-radius: 15px; border-top-right-radius: 15px; */ font-size: 15px; line-height: 18px; color: #fff; margin: 0 0 0 0; cursor: pointer; background: #999; padding: 10px 10px; transition: 0.3s;}
/* 以下為選單數量不同例外 */
.types_tabmenu_QSR li{ width: calc(100%/7);}
.types_tabmenu_POPUP li{ width: calc(100%/5);}
.types_tabmenu_HOTEL li{ width: calc(100%/5);}
.adventech_lp_row .lp_whattypes_row .types_box_content_list li.active{ background: #00457B; /* border-bottom: 5px solid #ec871f; */}
.adventech_lp_row .lp_whattypes_row .types_box_content_list li:hover{ background: #fff; color: #ec871f; /* border-bottom: 5px solid #ec871f; */}
.adventech_lp_row .lp_whattypes_row .types_box_content_list li .icon_text{ /* width: 80%; */  text-align: center; box-sizing: border-box; margin: 0px auto; padding: 10px 0 10px 0;}

.adventech_lp_row .lp_whattypes_row .lp_buy_list{ overflow: hidden;  margin: 10px -10px 0 -10px;}
.adventech_lp_row .lp_whattypes_row .lp_buy_list li{ width: calc(100%/3); float: left; padding: 10px 10px 10px 10px; box-sizing: border-box;}
.adventech_lp_row .lp_whattypes_row .lp_buy_list li .lp_buy_list_box{ padding: 20px; background: #fff; box-sizing: border-box; transition: 0.3s;}
.adventech_lp_row .lp_whattypes_row .lp_buy_list li .lp_buy_list_box:hover{ box-shadow: 0px 0px 8px #ccc;}
.adventech_lp_row .lp_whattypes_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_img img{ width: 100%;}
.adventech_lp_row .lp_whattypes_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_name{ font-size: 16px; margin: 10px 0 10px 0; color: #ec871f;}
.adventech_lp_row .lp_whattypes_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_info{ font-size: 18px; margin: 0px 0 10px 0; color: #333; font-weight: bold; line-height: 18px !important;}
.adventech_lp_row .lp_whattypes_row .lp_buy_list li .lp_buy_list_box .lp_buy_list_point{ overflow: hidden;}
.adventech_lp_row .lp_whattypes_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; margin-bottom: 10px; line-height: 16px;}
.adventech_lp_row .lp_whattypes_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_whattypes_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_whattypes_row .lp_buy_list li .lp_buy_list_box a:hover{ background: #299cd3;}

.adventech_lp_row .lp_whattypes_row .btn_another_row{ text-align: center; margin: 0 0; overflow: hidden;}
.adventech_lp_row .lp_whattypes_row .btn_another_row .another_btn{ cursor: pointer; display: block; text-align: center; padding: 10px 30px; background: #999; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box; transition: 0.3s;}
.adventech_lp_row .lp_whattypes_row .btn_another_row .another_btn:hover{ background: #666;}

.adventech_lp_row .calltoaction_row{ width: 100%; overflow: hidden; background: #00457B;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center{ max-width: 1200px; margin: 50px auto; position: relative; overflow: hidden;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center .sales_enquiries{ width: 50%; float: left; box-sizing: border-box; padding: 0 40px 0 20px;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center .download_magazine{ width: 40%; float: right; box-sizing: border-box; padding: 0 20px 0 40px;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center .calltoaction_icon{ width: 120px; margin: 0 0 10px 0;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center .calltoaction_icon img{ width: 100%;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center h4{ font-size: 24px; font-weight: bold; color: #EFB733; margin: 0; line-height: 30px;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center p{ font-size: 16px; margin: 10px 0 0 0; color: #fff;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center .btn_center_row{ margin: 20px 0 0 0;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center .btn_center_row a{ display: inline-block; text-align: center; padding: 10px 30px; margin: 0 10px 0 0; background: #ec871f; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box;}
.adventech_lp_row .calltoaction_row .calltoaction_row_center .btn_center_row a:hover{ background: #299cd3;}




/* hover css */
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ec871f;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}





/*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 .lp_whoweserve_row .lp_whoweserve_list{ width: auto;}
	
	.adventech_lp_row .lp_whattypes_row .lp_whattypes_row_center{ margin: 0 auto;}
	.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv{ padding: 30px 20px 30px 20px; border: 0px; }
	
	
	
	.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row .whitepaper_icon{ position: relative; top: auto; left: auto;}
	
	
	.adventech_lp_row .lp_whattypes_row .types_box .types_box_content{}
	.adventech_lp_row .lp_whattypes_row .types_box_content_list{ margin: 0 -20px 0 -21px;}

	.adventech_lp_row .lp_whattypes_row .lp_buy_list li{ width: calc(100%/3);}
	
	
	
	
	
	
	



}
@media (max-width: 768px){
	.adventech_lp_row .lp_kv_row .lp_kv_img img{ margin-left: -230px;}
	
	
	.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv p.kv_info{ width: auto;}
	.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row{ width: auto; margin: 30px 0 0 0;}
	.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row .btn_info{ width: auto;}
	.adventech_lp_row .lp_whattypes_row .types_box .types_box_kv .btn_center_row a{ margin: 0px; width: 100%;}
	
	.adventech_lp_row .lp_whattypes_row .lp_buy_list li{ width: calc(100%/2);}
	
	.adventech_lp_row .calltoaction_row .calltoaction_row_center{ margin: 0 auto;}
	.adventech_lp_row .calltoaction_row .calltoaction_row_center .sales_enquiries{ float: none; width: auto; padding: 20px;}
	.adventech_lp_row .calltoaction_row .calltoaction_row_center .download_magazine{ float: none; width: auto; padding: 20px 20px 40px 20px;}
	.adventech_lp_row .calltoaction_row .calltoaction_row_center .btn_center_row a{ width: 100%;}
	

  
}
@media (max-width: 480px){
	.adventech_lp_row .lp_kv_row .lp_kv_img img{ margin-left: -260px;}

	.adventech_lp_row .lp_whoweserve_row .lp_whoweserve_list li{ width: calc(100%/1);}
	
	.adventech_lp_row .lp_whattypes_row .types_box_content_list li{ width: calc(100%/1); border-left: 0px solid #eee;}

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

  
}