/* ============================================== */
/* ============================================== */
/* ============================================== */
/* template */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp 
{
    margin: 0;
    font-family: 'Open Sans', Arial, '微軟正黑體', "新細明體", sans-serif;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.3;
    color: #6C6C6C;
    text-align: left;
    background-color: #fff;
}

#adventech-lp a
{
    color: #6C6C6C;
    text-decoration: none;
    display: inline;
    transition: 0.3s;
}

#adventech-lp a:hover
{
    color: #6C6C6C;
    text-decoration: none;
}

#adventech-lp .boxShadow
{
	/* transform: translateY(0); */
	transition: all 0.3s linear;
}

#adventech-lp  .boxShadow:hover
{
	/* transform: translateY(-3px); */
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
}

/*landing page最外層*/

#adventech-lp {
    /*最外層命名 避免CSS衝突*/
}

#adventech-lp.lp-wrapper {
    margin: 0;
    width: 100%;
	
}

#adventech-lp .lp-container {
    width: 100%;
}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* kv */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp .lp-kv .owl-theme .owl-dots
{
    position: absolute;
    width: 100%;
    bottom: 10px;
}

#adventech-lp .lp-kv .owl-theme .owl-dots .owl-dot span,
{
    background-color: #FFF !important;
}

#adventech-lp .owl-theme .owl-dots .owl-dot.active span,
#adventech-lp .owl-theme .owl-dots .owl-dot:hover span
{
    background-color: #8e67a9 !important;
}

#adventech-lp .kvFrame
{
    /* margin-bottom:55px; */
    background-color:#132142;
}

#adventech-lp .kvFrame .owl-carousel .item,
#adventech-lp .kvFrame .owl-carousel .item .text
{
    width:100%;
    height:450px;
}

#adventech-lp .kvFrame .owl-carousel .item .inner
{
    position: relative;
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

#adventech-lp .kvFrame .owl-carousel .item .text
{
    display:flex;
    align-items:center;
    padding-left:30px;
}

#adventech-lp .kvFrame .owl-carousel .item .text h1
{
    font-size:38px !important;
    color:#FFF !important;
    margin:0 !important;
}

#adventech-lp .kvFrame .owl-carousel .item .text h1 b
{
    font-size:46px !important;
}

#adventech-lp .kvFrame .owl-carousel .item .text h3
{
    font-size:26px !important;
    font-weight:bold !important;
    color:#FFF !important;
    margin:0 !important;
}

#adventech-lp .kvFrame .owl-carousel .item .text a
{
    display:inline-block;
    font-size:18px;
    color:#FFF;
    line-height:45px;
    padding:0 20px;
    margin-top:20px;
    background-color:#994895;
    text-decoration:none;
}

#adventech-lp .kvFrame .owl-carousel .item .text a:hover
{
    background-color:#741d70;
}

#adventech-lp .kvFrame .owl-carousel .item .pic
{
    position: absolute;
    right:0;
    top:0;
}

#adventech-lp .kvFrame .owl-carousel .item img
{
    width:unset;
}

#adventech-lp .kvFrame .owl-carousel .item.s1
{
    background:url(../images/banner1_bg.jpg) center center;
    background-size:cover;
}

#adventech-lp .kvFrame .owl-carousel .item.s2
{
    background:url(../images/banner2_bg.jpg) center center;
    background-size:cover;
}

#adventech-lp .kvFrame .owl-carousel .item.s3
{
    background:url(../images/banner3_bg.jpg) center center;
    background-size:cover;
}

#adventech-lp .kvFrame .owl-carousel .item.s1 .text
{
    width:calc( 100% - 530px );
}

#adventech-lp .kvFrame .owl-carousel .item.s1 .pic
{
    right:30px;
    top:10px;
}

#adventech-lp .kvFrame .owl-carousel .item.s2 .text
{
    width:calc( 100% - 690px );
}

#adventech-lp .kvFrame .owl-carousel .item.s2 .pic
{
    right:20px;
    top:unset;
    bottom:50px;
}

#adventech-lp .kvFrame .owl-carousel .item.s3 .text
{
    width:50%;
}

#adventech-lp .kvFrame .owl-carousel .item.s3 .pic
{
    right:20px;
    top:0;
}

@media screen and (max-width: 1060px)
{
    #adventech-lp .kvFrame .owl-carousel .item.s1 .text
    {
        width:410px;
    }
}

@media screen and (max-width: 991px)
{
    #adventech-lp .kvFrame .owl-carousel .item,
    #adventech-lp .kvFrame .owl-carousel .item .text
    {
        width:100%;
        height:300px;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s1 .pic
    {
        width:50%;
        right:0;
        top:0;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s1 .pic img
    {
        width:100%;
        height:auto;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s1 .text
    {
        width:55%;
        padding-left:5px;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s2 .pic
    {
        width:45%;
        right:0;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s2 .pic img
    {
        width:100%;
        height:auto;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s2 .text
    {
        width:50%;
    }
    v.kvFrame .owl-carousel .item.s3 .pic
    {
        width:60%;
        top:10px;
        right:0;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s3 .pic img
    {
        width:100%;
        height:auto;
    }
    #adventech-lp .caseFrame .owl-carousel .item
    {
        min-height:540px !important;
    }
}

@media screen and (max-width: 767px)
{
    #adventech-lp .kvFrame .owl-carousel .item
    {
        width:100%;
        height:550px;
    }
    #adventech-lp .kvFrame .owl-carousel .item .pic
    {
        position: static;
        width:100% !important;
        text-align:center;
    }
    #adventech-lp .kvFrame .owl-carousel .item .pic img
    {
        width:90% !important;
        max-width:470px !important;
        height:auto !important;
        margin:0 auto;
    }
    #adventech-lp .kvFrame .owl-carousel .item .text
    {
        width:100% !important;
        height:unset;
        padding:20px;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s1 .text
    {
        padding:10px 20px;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s1 .text a
    {
        margin-top:10px;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s2 .pic
    {
        padding-top:40px;
    }
    #adventech-lp .kvFrame .owl-carousel .item.s3
    {
        background:url(../images/banner3_bg.jpg) center center;
        background-size:cover;
    }
}

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

}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* description */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp .lp-description {
    clear: both;
    padding: 20px 0 0;
}

#adventech-lp .lp-description p {
    line-height: 30px;
    /*text-align: justify;*/
    font-size: 18px;
    line-height: 1.7;
    /* margin-top: 65px;*/
}

#adventech-lp .lp-description .title-name {
    margin: 10px 0;
}
#adventech-lp .lp-description .Features h3{
  text-align:center !important;
}

#adventech-lp .lp-description .Features p{
  text-align:left;
  padding:0 15px;
}

#adventech-lp .lp-video .text {
  display:inl
}

#adventech-lp .lp-video {
    background: #dff2fc;
    padding: 20px 20px 30px 20px;
    color: #060400;
}

#adventech-lp .lp-video iframe {
    width: 100%;
    height: 315px;
}

#adventech-lp .lp-video h3,
#adventech-lp .lp-video h3 a {
    color: #505050 !important;
    font-size: 26px !important;
    line-height: 1.3 !important;
    font-weight: bold !important;
    margin: 0 !important;
    text-decoration: none !important;
}

#adventech-lp .lp-video h2 a:hover {
    color: #000000 !important;
    border-bottom: 2px solid #000000;
}

#adventech-lp .lp-video p {
    margin-top: 20px;
    /*text-align: justify;*/
    font-size: 18px;
    line-height: 1.7;
    margin:20px 0 !important;
}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* case */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp .lp-case {
    background: #F9F9F9;
    padding: 50px 20px 20px;
}

#adventech-lp .lp-case-border {
    border-bottom: 6px solid #4299F0;
    margin-bottom: 35px;
	margin-top: 20px;
}

#adventech-lp .lp-case h2,
#adventech-lp .lp-case h2 a
 {
    font-weight: bold !important;
    color: #505050 !important;
    font-size: 30px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-decoration: none !important;
}
#adventech-lp .lp-case .swiper-slide h3 a {
    font-weight: bold !important;
    color: #004280 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-decoration: none;
}


#adventech-lp .lp-case h2 a:hover {
    color: #F29B00;
    border-bottom: 2px solid #F29B00;
}

#adventech-lp .lp-case p {
    margin-top: 20px;
    /*text-align: justify;*/
    font-size: 18px;
    line-height: 1.7;
}

#adventech-lp .lp-case .lp-case-more {
    color: #A6A6A6;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
    cursor: pointer;
}

#adventech-lp .hide-case {
    display: none;
    width: 100%;
}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* video */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp .lp-video-out-container {
    position: relative;
}

#adventech-lp .lp-video-row {
    box-sizing: border-box;
}

#adventech-lp .lp-video-container .swiper-pagination {
    position: static;
    margin-top: 10px;
}

#adventech-lp .lp-video-container .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    /*設定點點形狀、大小*/
    width: 10px;
    height: 10px;
    border-radius:50%;
}

#adventech-lp .lp-video-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #EAFEFF;
    /*設定點點顏色*/
}

#adventech-lp .lp-video-swiper-button {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 43%;
}

#adventech-lp .lp-video-swiper-button .swiper-button-prev,
#adventech-lp .lp-video-swiper-button .swiper-button-next {
    color: #FFF;
    /*設定箭頭顏色*/
    opacity: 0.3;
}

#adventech-lp .lp-video-swiper-button .swiper-button-prev {
    left: -60px;
}

#adventech-lp .lp-video-swiper-button .swiper-button-next {
    right: -60px;
}

#adventech-lp .lp-videoZone
{
    padding-top:1px;
}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* application */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp  .application-case
{
   padding: 30px 20px 30px 20px;
}
#adventech-lp  .application-case .title-name
{
    font-size:16px;
    color:#008cd6;
    padding: 10px;
}
#adventech-lp  .application-case .case-btn
{
    position: absolute;
    bottom:15px;
    left:15px;
    display:block;
    width:calc( 100% - 30px );
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    line-height:2;
    color: #FFFFFF;
    background: #4299F0;
    text-align: center;
}

#adventech-lp .caseFrame
{
    max-width:990px;
    margin:0 auto;
}

#adventech-lp .caseFrame .owl-carousel .owl-stage
{
    padding:10px 0;
}

#adventech-lp .caseFrame .owl-carousel .owl-item
{
    height:100%;
}

#adventech-lp .caseFrame .owl-carousel .item
{
    position: relative;
    min-height:510px;
    border:1px solid #DFDFDF;
    padding:0 0 50px 0;
    background-color:#eceef2;
}

#adventech-lp .caseFrame .owl-carousel .item:hover
{
    color:#FFF;
    border:10px solid #FFF;
    background-color:#004280;
}

#adventech-lp .caseFrame .owl-carousel .item:hover .title-name
{
    color:#FFF !important;
}

#adventech-lp .caseFrame .owl-carousel .item h3
{
    /* min-height:95px; */
    min-height:calc( 4em * 1.3 );
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* plan */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp .graycolor
{
background-color: #F9F9F9;
	
}

#adventech-lp .lp-container.plan
{
	padding: 30px 20px 30px 20px;
}

#adventech-lp .lp-container.plan P.product-price {
    font-size: 26px;
    font-family: 'Open Sans', Arial, '微軟正黑體', "新細明體", sans-serif;
    font-weight: bold;
    margin: 0;
    line-height: 1;
    color: #E25739;
    margin-bottom: 15px;
}

#adventech-lp .lp-container.plan P.product-price-btn{
    display:block;
    width:100%;
    max-width:300px;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    line-height: 1.8;
    color: #FFFFFF;
    background: #4299F0;
    text-align: center;
    margin-top:15px;
}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* product */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp .lp-product .container
{
 padding: 20px 20px 30px 20px;
}
#adventech-lp .lp-product .container .col{
     /* hight:3000px; */
}
.colflex {
    display: flex;    
    /*fix 等高*/
}

#adventech-lp .lp-product {
    background: #F9F9F9;
    padding: 20px;
}

#adventech-lp .lp-product .product-item {
    background: #FFFFFF;
    padding: 20px;
    display: block;
    margin-bottom: 20px;
}
#adventech-lp .lp-product .colflex .product-item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /*物件上下對齊*/
}
#adventech-lp .lp-product .colflex .colflexbox  {
    width: 100%;
}
#adventech-lp .lp-product .product-item:hover {
    box-shadow: 0px 0px 8px #DDDDDD;
}

#adventech-lp .lp-product .product-item h3.product-title {
    font-size: 26px !important;
    font-weight: bold !important;
    margin: 10px 0 0 0 !important;
    color: #72808E !important;
    line-height: 1.2 !important;
    border: none !important;
    padding-bottom: 0 !important;
}

#adventech-lp .lp-product .product-item h3.product-name {
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 10px 0 10px 0 !important;
    color: #222222 !important;
    line-height: 1.2 !important;
    border: none !important;
    padding-bottom: 0 !important;
}

#adventech-lp .lp-product .product-item p.product-desc {
    font-size: 16px;
    margin: 0px 0 10px 0;
    color: #5C5C5C;
    line-height: 1.2;
}

#adventech-lp .lp-product .product-item ul.product-desc {
    font-size: 16px;
    margin: 0px 0 15px 0;
    color: #5C5C5C;
    line-height: 1.2;
    padding-left: 20px;
}

#adventech-lp .lp-product .product-item ul.product-desc li {
    list-style: square;
    margin-bottom: 5px;
}

#adventech-lp .lp-product .product-item ul {
    padding-left: 20px;
    font-size: 16px;
}

#adventech-lp .lp-product .product-item p.product-price {
    font-size: 26px;
    font-family: 'Open Sans', Arial, '微軟正黑體', "新細明體", sans-serif;
    font-weight: bold;
    margin: 0;
    line-height: 1;
    color: #E25739;
    margin-bottom: 15px;
}

/*#adventech-lp .lp-product .product-item p.product-price:last-child {
    margin-bottom: 0px;
}*/

#adventech-lp .lp-product .product-item .mute {
    font-size: 13px;
    font-weight: normal;
    color: #ABABAB;
    margin-left: 3px;
}

#adventech-lp .lp-product .product-item .from {
    font-size: 13px;
    color: #E25739;
    margin-left: 3px;
}

#adventech-lp .lp-product .product-item p.product-price-btn {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    line-height: 1.8;
    color: #FFFFFF;
    background: #4299F0;
    text-align: center;
}

#adventech-lp .lp-product-out-container {
    position: relative;
}

#adventech-lp .lp-product-row {
    box-sizing: border-box;
}

#adventech-lp .lp-product-container .swiper-pagination {
    position: static;
    margin-top: 10px;
    display: none;
    /*商品不顯示*/
}

#adventech-lp .lp-product-container .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    /*設定點點形狀、大小*/
    width: 16px;
    height: 16px;
}

#adventech-lp .lp-product-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #EAFEFF;
    /*設定點點顏色*/
}

#adventech-lp .lp-product-swiper-button {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 50%;
}

#adventech-lp .lp-product-swiper-button .swiper-button-prev,
#adventech-lp .lp-product-swiper-button .swiper-button-next {
    color: #666666;
    /*設定箭頭顏色*/
    opacity: 0.3;
}

#adventech-lp .lp-product-swiper-button .swiper-button-prev {
    left: -60px;
}

#adventech-lp .lp-product-swiper-button .swiper-button-next {
    right: -60px;
}

#adventech-lp .Ei-img{
   max-width:266.66px;
   width:100%;

}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* contact */
/* ============================================== */
/* ============================================== */
/* ============================================== */

#adventech-lp .lp-contact {
    background: #F29B00;
    padding: 20px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
}

#adventech-lp .lp-contact p {
    margin: 26px 0;
	line-height:2em;
}

#adventech-lp .lp-contact .contact-link {
  
    text-align: center;
    background: #4299F0;
    padding: 10px 30px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;

	
}

#adventech-lp .lp-contact .contact-link:hover {
    background: #2988E8;
}

#adventech-lp .lp-footer {
    background: url("../images/LinkedIn-1192x300.jpg") no-repeat 50%;
    height: 300px;
}

/* ============================================== */
/* ============================================== */
/* ============================================== */
/* component */
/* ============================================== */
/* ============================================== */
/* ============================================== */

.videoFrame .owl-carousel .item iframe
{
    display:block;
}

.videoFrame .owl-carousel .item .title
{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-height:70px;
    font-size:18px;
    color:#FFF;
    line-height:20px;
    padding:15px 25px;
    background-color:#212529;
}

/*-描述、成功案例標題-*/

#adventech-lp .lp-h1-A {
    font-size: 40px;
    font-weight: bold;
    color: #4299F0;
    border-left: 6px solid #F29B00;
    line-height: 1;
    padding-left: 10px;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
}
#adventech-lp .lp-h1-A span{
 font-size: 30px;
    font-weight: bold;
    color: #4299F0;

    line-height: 1;
    padding-left: 10px;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
}

/*-精彩影片標題-*/

#adventech-lp .lp-h1-B {
/*    font-size: 26px !important;*/
    font-weight: bold;
    color: #5C5C5C;
    border-left: 6px solid #4299F0;
    line-height: 1.3;
    padding-left: 10px;
    margin: 30px 0;
}

#adventech-lp .lp-h1-B  span{
    font-size: 30px;
    font-weight: bold;
    color: #5C5C5C;
    line-height: 1;
    padding-left: 10px;
    margin: 30px 0;
}

/*-商品分類標題-*/

#adventech-lp .lp-h1-C {
    font-size: 26px;
    font-weight: bold;
    color: #5C5C5C;
    border-left: 6px solid #F29B00;
    line-height: 1.3;
    padding-left: 10px;
    margin: 30px 0 30px 0;
}

#adventech-lp .lp-h2-C {
    font-size: 18px;
    font-weight: normal;
    color: #5C5C5C;
    line-height: 1;
    padding-left: 18px;
    margin: 20px 0;
}


/*-圖片-*/

#adventech-lp .img-fluid {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}


/*隱藏 顯示*/

#adventech-lp .hide {
    display: none;
}

/*置左、右*/

#adventech-lp .pull-left {
    float: left;
}

#adventech-lp .pull-right {
    float: right;
}

#adventech-lp .text-left {
    text-align: left !important;
}

#adventech-lp .text-center {
    text-align: center !important;
}

#adventech-lp .text-right {
    text-align: right !important;
}

/*按鈕*/

#adventech-lp .primary-btn {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    color: #FFFFFF;
    background: #4299F0;
    text-align: center;
    display: inline-block;
}

#adventech-lp .primary-btn.btn02{
   padding: 10px 45px;

}

#adventech-lp .primary-btn:hover {
    color:#FFF !important;
    background: #2988E8;
}

#adventech-lp .second-btn {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    color: #FFFFFF;
    background: #F29B00;
    text-align: center;
    display: inline-block;
}

#adventech-lp .second-btn:hover {
    color:#FFF !important;
    background: #DF8600;
}

#adventech-lp .primary-txt-btn {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    color: #4299F0;
}

#adventech-lp .primary-txt-btn:hover {
    color:#FFF !important;
    color: #2988E8;
}

#adventech-lp .second-txt-btn {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    color: #F29B00;
}

#adventech-lp .second-txt-btn:hover {
    color: #DF8600;
}