Template:BIT-China/css/hp-common-style

.HP-content-container {

 position: relative;
 left: 25vw;
 width: 50vw;
 padding: 0;
 background-color: transparent;

}

.HP-overview-img-box-all {

 position: relative;
 width: 100%;
 display: -webkit-flex;
 /* Safari */
 display: flex;
 flex-direction: row;
 justify-content: space-between;

}

.HP-overview-img-box {

 position: relative;
 margin: 0;
 padding: 0;
 width: 200px;
 height: 200px;

}

.HP-overview-img-box img {

 position: absolute;
 width: 100%;
 height: 100%;

}

.HP-overview-img-up {

 opacity: 1;

}

.HP-overview-img-down {

 opacity: 0;

}

.HP-overview-img-box:hover .HP-overview-img-up {

 opacity: 0;

}

.HP-overview-img-box:hover .HP-overview-img-down {

 opacity: 1;

}

.HP-overview-text-all {

 position: relative;
 width: 100%;

}

.HP-white-head {

 position: fixed;
 z-index: 2;
 top: 0;
 height: calc(25vh - 30px);
 left: 25vw;
 width: 50vw;
 padding: 0;
 background-color: #E6E6E6;

}

.HP-BG {

 position: fixed;
 z-index: 0;
 width: 50vw;
 height: 100vh;
 top: 0;
 right: 0;

}

.HP-title {

 position: relative;
 margin: 0;
 padding: 0;
 text-align: right;

}

.HP-title-1 {

 font-family: 'kg_second_chances_solidRg' !important;
 font-size: 30px !important;
 color: #131313;
 padding: 0;
 margin: 0;

}

.HP-title-2 {

 font-family: 'kg_second_chances_solidRg' !important;
 font-size: 24px !important;
 color: #131313;
 padding: 0;
 margin: 0;

}

.HP-title-3 {

 font-family: 'kg_second_chances_solidRg' !important;
 font-size: 20px !important;
 color: #131313;
 padding: 0;
 margin: 0;

}

.HP-title-4 {

 font-family: 'kg_second_chances_solidRg' !important;
 font-size: 16px !important;
 color: #131313;
 padding: 0;
 margin: 0;

}

.HP-content-p {

 margin: 0;
 font-family: 'helveticaregular' !important;
 font-weight: 500 !important;
 font-size: 16px !important;
 line-height: 1.7 !important;
 color: #131313;

 word-wrap: break-word;
 word-break: keep-all;
 text-align: justify;
 text-justify: inter-ideograph;

}

.HP-title-img {

 width: 100%;
 text-align: center;

}

.HP-title-img img {

 width: 240px;
 height: 80px;

}

.HP-Fig {

 text-align: center;
 margin-bottom: 1px;

}

.HP-Fig img {

 width: 500px;

}

.HP-Fig figcaption {

 font-family: 'helveticaregular';
 font-size: 15px;
 font-weight: bold;

}

.HP-margin-toTitle {

 margin-top: 20px;

}

.HP-margin-toContentP {

 margin-top: 10px;

}

.HP-margin-toTitle1 {

 margin-top: 10px;

}

.HP-margin-toTitle2 {

 margin-top: 10px;

}

.HP-margin-toTitle3 {

 margin-top: 3px;

}

.HP-margin-toFig {

 margin-top: 10px;

}

.HP-margin-Title2Up {

 margin-top: 15px;

}

.HP-margin-Title3Up {

 margin-top: 10px;

}

.HP-margin-ContentPUp {

 margin-top: 10px;

}