@charset "utf-8";
/* CSS Document */

body {
	line-height: 1.4!important;
}

/*FONT SIZE*/
.f_7{font-size:7px}.f_8{font-size:8px}.f_9{font-size:9px}.f_10{font-size:10px}.f_11{font-size:11px}.f_12{font-size:12px}.f_13{font-size:13px}.f_14{font-size:14px}.f_15{font-size:15px}.f_16{font-size:16px}.f_17{font-size:17px}.f_18{font-size:18px}.f_19{font-size:19px}.f_20{font-size:20px}.f_21{font-size:21px}.f_22{font-size:22px}.f_24{font-size:24px}.f_25{font-size:25px}.f_26{font-size:26px}.f_28{font-size:28px}.f_29{font-size:29px}.f_30{font-size:30px}.f_32{font-size:32px}.f_33{font-size:33px}.f_34{font-size:34px}.f_35{font-size:35px}.f_36{font-size:36px}.f_38{font-size:38px}.f_39{font-size:39px}.f_40{font-size:40px}.f_42{font-size:42px}.f_43{font-size:43px}.f_45{font-size:45px}.f_50{font-size:50px}.f_60{font-size:60px}.f_65{font-size:65px}.f_70{font-size:70px}.f_75{font-size:75px}.f_80{font-size:80px}.f_85{font-size:85px}     line-height: 1;

/*FONT STYLE*/
.uppercase{text-transform:uppercase}.bold{font-weight:700}.italic{font-style:italic;} .montserrat{font-family: 'Montserrat', sans-serif;}

/*FONT COLOR*/
.white{color:#fff}.black{color:#333}.gray3{color:#1d2765}.gray9{color:#999}.gray89{color:#898989}.graycc{color:#ccc}.gray6{color:#666}.blue{color:#0392ff}.red{color:#d40404}.lightred{color:#ffebeb}.green{color:#42d90d}.orange{color:#f5992c}.lightorange{color:#fff1e0}.fenhong{color:#f95982}.purple{color:#d01cfd}.lightgray{color:#c7c7c7}.olympicblue{color:#00baf2}.olympicbluedark{color:#2dbdeb}.redL{color:#f47d64}.darkblue{color:#005aa9}.greenL{ color:#7ee35b}.darkgreen{color:#4fbb1a}

.imageborder { border:thin solid #CCC}

/* smartphone */
.smartphone {
  float: left;
  width: auto;
  height: auto;
  margin: 40px 0 0 0;
  border: 6px #231f20 solid;
  border-top-width: 25px;
  border-bottom-width: 0px;
  border-radius: 20px;
  background: #231f20;
}

.smartphone:before {
  content: '';
  display: block;
  width: 50px;
  height: 6px;
  margin: -10px auto;
  background: white;
  border-radius: 4px;
}

.smartphone:after {
  content: '';
  display: block;
  width: 35px;
  height: 20px;

}

.smartphone .content {
  width: auto;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0px;
  background: #231f20;
  }

.item_leave {color: #333; border-bottom: 4px solid #32AEE4; padding:0 0 5px 0; width: auto; display: inline-block;}
.item_hr {color: #333; border-bottom: 4px solid #005BAA; padding:0 0 5px 0; width: auto; display: inline-block;}

/*BUTTON*/
.btnred{border:0.2em solid #f65365;border-radius:50px;background-color:transparent;padding:8px 20px;color:#f65365;transition:0.3s}
.btnred:hover{background-color:#f65365;border:0.2em solid #f65365;color:#fff}



.PK-title{
  font-size: 22px!important;
  font-size: 1.25rem;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  font-weight: 400;
  line-height: 1.5;
}
.PK-title::before {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100px;
  height: 3px;
  background-color: #00a4e0;
  content: "";
}
	
h10, .h10 {
    
    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.figure{
font-size:15px;
color:#000;
background-color: #ecf1f4;
border-radius:20px;
padding:5px 15px;
margin-bottom:15px;	
}

.pd-img{
padding-top:20px!important;
padding-bottom:20px!important;	
}

.pd-T{
padding-top:40px!important;
}

.pd-B{
padding-bottom:40px!important;
}


.btm-10  {
padding-bottom:10px!important;
  }


.btm-20  {
padding-bottom:20px!important;
  }


.btm-30  {
padding-bottom:30px!important;
  }


.btm-40  {
padding-bottom:40px!important;
  }

.btm-50  {
padding-bottom:50px!important;
  }


.top-10  {
padding-top:10px!important;
  }


.top-20  {
padding-top:20px!important;
  }


.top-30  {
padding-top:30px!important;
  }


.top-40  {
padding-top:40px!important;
  }

.top-50  {
padding-top:50px!important;
  }

.pdg-50  {
padding:50px 20px!important;
  }















.btnblueL{border:thin solid #a8e7ff;border-radius:10px;background-color:transparent;padding:8px 20px;color:#a8e7ff;transition:0.3s}
.btnblueL:hover{background-color:#3baef4;border:thin solid #3baef4;color:#fff}
.btnpurpleL{border:thin solid #7133ff;border-radius:10px;background-color:transparent;padding:8px 20px;color:#7133ff;transition:0.3s}
.btnpurpleL:hover{background-color:#7133ff;border:thin solid #7133ff;color:#fff}
.btndarkblueF{border:thin solid #005aa9;border-radius:10px;background-color:#005aa9;padding:8px 20px;color:#fff;transition:0.3s}
.btndarkblueF:hover{background-color:#005aa9;border:thin solid #005aa9;color:#fff;box-shadow: 0px 2px 10px 3px #e0e0e0;}
.btndarkblueFB{border:thin solid #005aa9;border-radius:10px;background-color:#005aa9;padding:12px 30px;color:#fff;transition:0.3s;}
.btndarkblueFB:hover{background-color:#005aa9;border:thin solid #005aa9;color:#fff;box-shadow: 0px 2px 10px 2px #d4d4d4;}
.btngray{border:thin solid #ccc;border-radius:10px;background-color:transparent;padding:8px 20px;color:#666;transition:0.3s}
.btngray:hover{background-color:#d9d8d8;border:thin solid #d9d8d8;color:#333;box-shadow: 0px 2px 10px 2px #f8f8f8;}
.btngrayFB{border:thin solid #d9d8d8;border-radius:10px;background-color:#d9d8d8;padding:12px 30px;color:#333;transition:0.3s}
.btngrayFB:hover{background-color:#d9d8d8;border:thin solid #d9d8d8;color:#333;box-shadow: 0px 2px 10px 2px #d4d4d4;}
.btngrayB{border:thin solid #ccc;border-radius:10px;background-color:transparent;padding:12px 30px;color:#666;transition:0.3s}
.btngrayB:hover{background-color:#d9d8d8;border:thin solid #d9d8d8;color:#333;box-shadow: 0px 2px 10px 2px #f8f8f8;}
.btngrayF{border:thin solid #d9d8d8;border-radius:10px;background-color:#d9d8d8;padding:8px 20px;color:#333;transition:0.3s}
.btngrayF:hover{background-color:#d9d8d8;border:thin solid #d9d8d8;color:#333;box-shadow: 0px 2px 10px 3px #e0e0e0;}
.btnorangeS{border:thin solid #f5992c;border-radius:30px;background-color:#f5992c;padding:5px 10px;color:#fff;transition:0.3s}
.btnorangeS:hover{background-color:#f5992c;border:thin solid #f5992c;color:#fff;box-shadow: 0px 2px 10px 3px #e0e0e0;}
.btnorangeFB{border:thin solid #f5992c;border-radius:10px;background-color:#f5992c;padding:12px 30px;color:#fff;transition:0.3s;}
.btnorangeFB:hover{background-color:#f5992c;border:thin solid #f5992c;color:#fff;box-shadow: 0px 2px 10px 2px #d4d4d4;}
.btngreenF{border:thin solid #44c019;border-radius:10px;background-color:#44c019;padding:8px 20px;color:#fff;transition:0.3s}
.btngreenF:hover{background-color:#379915;border:thin solid #379915;color:#fff;box-shadow: 0px 2px 10px 3px #e0e0e0;}
.btngreenFB{border:thin solid #44c019;border-radius:10px;background-color:#44c019;padding:12px 30px;color:#fff;transition:0.3s}
.btngreenFB:hover{background-color:#44c019;border:thin solid #44c019;color:#fff;box-shadow: 0px 2px 10px 2px #d4d4d4;}
.btnredFB{border:thin solid #f65365;border-radius:10px;background-color:#f65365;padding:12px 30px;color:#fff;transition:0.3s}
.btnredFB:hover{background-color:#f65365;border:thin solid #f65365;color:#fff;box-shadow: 0px 2px 10px 2px #d4d4d4;}
.btnredF{border:thin solid #f65365;border-radius:10px;background-color:#f65365;padding:8px 20px;color:#fff;transition:0.3s}
.btnredF:hover{background-color:#f65365;border:thin solid #f65365;color:#fff;box-shadow: 0px 2px 10px 3px #e0e0e0;}