/*--------------End Common CSS-----------------------*/

.cus-landing-banner {
    position: relative;
    display: table;
    width: 100%;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.cus-landing-banner .cus-banner-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.cus-center {
    text-align: center;
    vertical-align: middle;
}
.cus-left {
    text-align: left;
    vertical-align: middle;
}
.cus-divider {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    border-top: 1px solid #E6E6E6;
}
ul.cus-ul-btn-1-wrap {
  position: relative;
  z-index: 1;
  z-index: 12 !important;
  top: 1px;
  width: 100%;
  line-height: 16px;
  
}
ul.cus-ul-btn-1-wrap a.active {
  color: #FFFFFF;
  background-color: #EC008C;
}


.card-large {
    height: 500px;
}

.home-card-wrap .card .img{
	width: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 100%;
}


.tabs-menu cus-ul li a {
    min-width: auto;
    padding: 15px 30px 15px 45px;
    letter-spacing: 3px;
    color: initial;
    background-color: transparent;
    width: 100%;
    border-bottom: 2px solid #acacac00;
}
.tabs-menu cus-ul li a:before {
    content: '';
    position: absolute;
    top: 18px;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #333333;
    -webkit-mask-image: url(../img/common/ic_arrow_R2.svg);
    mask-image: url(../img/common/ic_arrow_R2.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-size: cover;
    background-size: 15px;
    margin-left: -20px;
}
.cus-card-1-wrap {
  font-size: 0;
}
.cus-card-1-wrap .card {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 372px;
  margin-right: 20px;
  margin-bottom: 20px;
  vertical-align: top;
  border: 1px solid #E6E6E6;
}
.cus-card-1-wrap .card:nth-child(2n) {
  margin-right: 0;
  margin-bottom: 0;
}
.cus-card-1-wrap .card .view-img {
  position: absolute;
  width: 120px;
  height: 100%;
  min-height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cus-card-1-wrap .card .title {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}
.cus-card-1-wrap .card .content {
  display: table;
  min-height: 140px;
}
.cus-card-1-wrap .card .view-desc {
  font-size: 16px;
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 10px 10px 10px 140px;
  vertical-align: middle;
}
.cus-card-1-wrap a.card:hover {
  background-color: #F5F5F5;
}

.cus-video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.cus-video-wrap iframe {
  position: relative;
  width: 100%;
  height: 410px;
}
.cus-withbg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cus-btn {
    position: relative;
    display: inline-flex;
    color: #fff;
    font-size: 18px;
    padding: 8px 25px 8px 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    background-color: #FF2965;
}
.cus-pad20 {
	 padding: 10px 20px 10px 20px;
}
.table.table-style-2 {
  margin:0 00px;
  width:auto;
  margin-bottom: 10px;
}
.table.table-style-2 .th {
  padding: 8px 15px;
  vertical-align:middle;
}
.table.table-style-2 .td {
  font-size:16px;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #F5F5F5;
}
.table.table-style-2 .width25 {
  width:25%;
  margin:auto;
}
.table.width80 {
  width:80%;
  margin:auto;
}
.table.center {
	text-align: center;
	margin:auto;
}
.table.table-style-2 .th img {
  position: relative;
  display:inherit;
}
.width80 {
  width:80%;
  margin:auto;
}
/** End tabs menu **/


/** tabs menu landing **/

.row .col-5 {
  font-size: 0;
  display: inline-block;
  width: 400px;
  margin-right: 20px;
  vertical-align: top;
}
.row .col-5:last-child {
  margin-right: 0;
}
.border{
  border: 1px solid #dde5f1;
}
.border_bottom{
 border-bottom: 1px solid #dde5f1;
}
/** tabs menu landing **/
			.cus-heading_36 {
				line-height:1.2;
				color: #333333; 
				font-weight: 600; 
				text-align: center;
				font-size: 36px;
  				margin-bottom: 20px;
			}
			.cus-heading_20 {
				line-height:40px;
				color: #333333; 
				font-size: 20px;
			}
			.ExternalClass {
				width: 100%;
				background-color: #cdcdcd;
			}

			table {
				border-collapse: collapse;
				mso-table-lspace: 0pt;
				mso-table-rspace: 0pt;
				
			}

			img {
				border: none;
				outline: none;
				text-decoration: none;
				vertical-align: middle
			}

			a:hover, a:focus, a:visited {
				outline: none;
			}
			
			.cus-home-video{
				width: 100%;
    			height: 450px;
			}

			@media all and (min-width: 260px) {
				td[class="device100"] {
					height:50px;
					vertical-align: middle;
				}
				td[class="device480"] {
					height:50px;
					vertical-align: middle;
				}

				table[class="wrapper"] {
					width: 100%;
					margin: 0px auto;
					max-width: 1000px;
				}

			}

			@media all and (max-width: 649px) {
				table[class="wrapper"] {
					width: 100%;
				}

				table[class="deviceTable"] {
					margin: 0 5%;
					width: 90%
				}

				td[class="lrSpace"] {
					width: 5%
				}

				td[class="padding0"] {
					padding: 0 !important
				}
				td[class="padding20"] {
					padding: 0 20px !important
				}

			}

			@media all and (max-width: 599px) {
				td[class="device480"] {
					display: table;
					height:0px;
					width: 100%;
					margin: 0 auto;
				}
				td[class="device100"] {
					display: none !important;
					width: 100%;
				}
				td[class="footer"] {
					display: table;
					width: auto;
					float: none;
					margin: 10px auto
				}
				td[class="navigationMenu"] {
					
					padding: 10px 5px  !important;
				}
				td[class="navigationMenu"] td {
					font-size: 11px !important;
					padding: 0 5px !important;
				}
				.width80 {
  				width:100%;
				}
		}
			
			@media all and (max-width: 479px) {
				
				td[class="navigationMenu"] {
					display: table;
					width: auto;
					float: none;
					margin: 15px auto;
					padding: 0 !important
				}
				
				td[class="templateLogo"] {
					display: table;
					width: auto;
					float: none;
					margin: 15px auto 0;
					padding: 0 !important
				}
				
				td[class="navigationMenu"] td {
					font-size: 10px !important;
					padding: 0 5px !important;
				}
				
				
				td[class="hide"] {
					display: none !important
				}
				
				td[class="device-cols320"] {
					display: table;
					width: 90%;
					float: none;
					margin: 20px 5%;
					padding: 0 !important
				}
				
				table[class="padding_left"] td {
					padding-left: 0  !important
				}
				
				td[class="numberFont"] {
					font-size:30px !important
				}
				
				td[class="heading_24"] {
					font-size:24px !important;
				}
				
				
				
			}
			
			
			@media all and (max-width: 992px) {
				.home-card-wrap .card,
				.home-card-wrap .card:nth-child(2n){
					width: 100%;
					margin: 10px auto 0px;
				}
				
				.home-card-wrap .col-4:last-child{ 
					margin-top:10px !important;
				}
				
				.tabs-menu{
					border:0px;
				}
				
				.tabs-menu ul.ul-btn-1-wrap li{
					width: 100%;
					text-align: left;
					border: 0px;
					margin: 0;
				}
				
				.tabs-menu ul.ul-btn-1-wrap li a{ 
					border-bottom:0px;
					padding:15px 30px;
				}
				
				.tabs-menu ul.ul-btn-1-wrap li a:before{
					top:15px;
				}
				.cus-landing-banner {
				height: 200px;
				min-height: 200px;
				}

			}
			

/*--------------SubTitle Layout-----------------------*/

.cus-content80{
    width:80%;
    float:left;
    margin-left:10%;
}

.cus-line-height-2{
    line-height:2;
}

.cus-papeContent{
    margin-top:30px;
    padding:15px 20px;
    background-color:#fff;
}
.cus-indent-2{
    text-indent:2em;
}
.cus-paragraph p{
    padding:0 0 20px 0;
}

.cus-paragraph h3{
    padding-bottom: 30px;
}
.cus-pl-20{
    padding-left:20px;
}
.cus-pr-20{
    padding-right:20px;
}
.cus-content-img{
    
    padding-bottom:20px;
    width:400px;
}
@media screen and (max-width:900px){
    .cus-content-img{
        width:100%;
        padding:20px 0;
    }
}
.cus-text-center{
    text-align: center;
    display: inherit;
}
.cus-pull-right{
	float: right!important;
}
.cus-pull-left{
	float: left!important;
}
/*--------------End SubTitle Layout-----------------------*/

/* Slider a element */
.cur-float-a{
  display: block;
  height: 100%;
  position: absolute;
  z-index: 1;
  width:100%;
}

.ChHKCarTransfer_txt {
       background:url(/img/common/bag.png)
}
.banner_bgc {
    width:100%;
    height:45rem;
    background:url(/img/common/wwpkg0001.png);
    background-size:100% 100%;
}
@media screen and (max-width:768px){
   .banner_bgc {
      height:15rem;
   }

   .banner_span1_font39 {
       font-size: 12px!important;
       padding: 0px!important;
       border-radius: 5px 5px 0 0!important;
   }
   .banner_span1 {
           top: 8px!important;
            left: 7px!important;
   }
   .banner_span1_font21{
       font-size: 12px!important;
       padding: 0px!important;
       border-radius: 0px 0 5px 5px!important;
   }
   .banner_span2 {
       font-size:12px!important;
       position: absolute!important;
    bottom: 10px!important;
    right:0px!important;
         top: initial !important;
    left: initial!important;
    border-radius:9px!important;
    box-shadow: -5px 7px 0px #E40114!important;
   }
   .banner_span2_font36 {
       padding:0!important;
       font-size:12px!important;
   }
   .banner_span2_font15{
       padding:0!important;
   }
   .row_p1_span {
       margin: 0!important;
       
   }
   .row_p1_span2 {
       margin:0!important;
   }
   .row_p1_span2_span {
        font-size:12px!important;
        padding:0!important;
   }
   .row_p1_span_span_li_1_span1 {
       font-size:15px!important;
   }
   .row_p1_span_span_li_1_span2{
       font-size:12px!important;
   }
   .row_p1_span_span_li_1_span3 {
        font-size:12px!important;
   }
   .row_p1_span_span_li_2_top {
       font-size:15px!important;
   }
   .row_p1_span_span_li_2_bottom {
        font-size:12px!important;
        padding:10px!important;
   }
   .row_p2_span {
       margin:0!important;
   }
   .row_p2_span_span_li_1_span1_span1 {
       font-size:12px!important;
   }
   .row_p2_span_span_li_1_span1_span2 {
        font-size:12px!important;
        margin:0 5px!important;
   }
   .row_p2_span_span_li_1_span2{
          font-size:12px!important;
   }
   .row_p2_span_span_li_1_span3 {
        font-size:12px!important;
   }
   
   .row_p2_span_span_li_2_span1 {
       font-size:15px!important;
       padding: 0!important;
       height:150px;
       line-height:150px;
   }
     .row_p2_span_span_li_2_span2 {
          font-size:12px!important;
       padding: 0!important;
       position: relative;
    right: -15px;
     }
     .row_p2_span_span_li_2_span2_span1 {
        font-size:15px!important;
       padding: 0!important;
     }
   
     .row_p2_span_span_li_3_span1 {
             padding: 21px!important;
             height:150px;
             background-size: 60% 10%!important;
     }
     .row_p2_span_span_li_4_span1 {
          font-size:12px!important;
          height:150px;
     }
     .row_p2_span_span_li_4_span2 {
         padding: 0!important;
     }
     .row_p2_span_span_li_4_span2_span1 {
          font-size:15px!important;
     }
     .row_p2_span2 {
         font-size:12px!important;
     }
     .row_p2_span2_span1 {
         padding:0!important;
     }
  
     .row_p3_span1 {
         margin:20px 0!important;
     }
   .row_p3_span1_span_span1_span1 {
        font-size:12px!important;
   }
   .row_p3_span1_span_span1_span1_span2 {
       padding:15px 5px!important;
       font-size:12px!important;
   }

   .row_p3_span1_span_span2_span1{
       font-size:15px!important;
   }
   .row_p3_span1_span_span3_span1{
        font-size:15px!important;
   }
    .row_p3_span1_span_span4_span1{
        font-size:15px!important;
   }

    .row_p3_span1_span_span1_span2 {
        padding: 20px 5px!important;
    }
   
    .row_p3_span1_span_span5_span1{
        font-size: 12px!important;  
    }
    .row_p3_span1_span_span2_span2 {
            font-size: 12px!important;   padding:0!important;
    }
      .row_p3_span1_span_span3_span2 {
              font-size: 12px!important;   padding:0!important;
    }
        .row_p3_span1_span_span4_span2 {
                font-size: 12px!important;   padding:0!important;
    }
     .row_p3_span1_span_span5_span2 {
             font-size: 12px!important;
             padding:0!important;
    }
     .row_p3_span2 {
         font-size:12px!important;
     }
     .row_p4_span {
         margin: 0!important
     }
     .row_p4_span_span_span1_span1_span1 {
          font-size:15px!important;
     }
     .row_p4_span_span_span1_span1_span2 {
          font-size:15px!important;
          padding:15px 5px !important;
     }
     .row_p4_span_span_span2_span1 {
          font-size:15px!important;
     }
     .row_p4_span_span_span3_span1 {
          font-size:15px!important;
     }
     .row_p4_span_span_span4_span1 {
          font-size:15px!important;
     }
     .row_p4_span_span_span2_span2 {
         font-size:12px!important;
         padding:0 5px!important
     }
     .row_p4_span_span_span3_span2 {
           font-size:12px!important;
         padding:0!important
     }
     .row_p4_span_span_span4_span3 {
             font-size:12px!important;
         padding:0!important
     }
     .row_p4_span_span_span3_span2 img {
         width:20px!important;
     }
     .row_p4_span_span_span4_span2 img {
         width:20px!important;
     }
     .row_p4_span2 {
         font-size:12px!important;
     }
   .row_p3_span1_span1 {
       margin: 0 20px 16px 33px!important;
   }
}
.row_p1_span {
    border:1px solid #fff;display:block;margin: 20px;background:#EB1C74;border-radius:15px;
}
.row_p1_span_span {
    display:inline-block;margin: 20px;display:flex;color:#fff;
}
.row_p2_span {
    border:1px solid #fff;display:block;margin: 20px;background:#3CC2B2;border-radius:15px;
}
.row_p2_span_span {
    display:inline-block;margin:20px 20px 20px 0px;display:flex;color:#fff;
}
.row_p3_span1 {
         border:1px solid #fff;display:block;margin: 20px;background:#EB70A7;border-radius:15px;
}
.row_p3_span1_span {
         display:inline-block;margin: 20px 20px 0 20px;display:flex;color:#fff;
}
.row_p4_span {
    border:1px solid #fff;display:block;margin: 20px;background:#FF9E19;border-radius:15px;
}
.row_p4_span_span {
    display:inline-block;margin: 20px 20px 0 20px;display:flex;color:#fff;
}
.banner_span1{

    display: block;
    text-align: center;
    width: 51%;
    margin: auto;
    /* margin-top: 0px; */
    position: relative;
    top: 25px;
    left: 22px;
    border-radius: 13px;
        border-radius: 10px;
}
.banner_span1_font39 {
    display: block;
    font-size: 39px;
    padding: 23px;
    background: #fff;
        font-weight: bolder;
    color: #EA1A75;
    border-radius: 10px 10px 0 0;
}
.banner_span1_font21 {
    display: block;
    font-size: 21px;
    padding: 10px;
    color: #fff;
    background: #59C3BC;
    border-radius: 0px 0 10px 10px
}
.banner_span2{
    display: block;
    text-align: center;
    width: 35%;
    margin: auto;
    /* margin-top: 0px; */
    position: relative;
    top: 501px;
    left: 374px;
      font-weight: bolder;
    border-radius: 13px;
        background:#1D2088;
    box-shadow:-5px 12px 0px #E40114;
}
.banner_span2_font36 {
display: block;
    font-size: 33px;
    padding: 23px 22px 10px 2px;
    font-family: fantasy;
    color: #fff;
}
.banner_span2_font15 {
   display: block;
    font-size: 12px;
    padding: 10px 5px 0 0;
    color: #fff;

}
