@media print{
    @page{
        size: A4 portrait;   /* auto is the initial value */
        margin: 9mm 10mm;  /* this affects the margin in the printer settings */
      }
      #printTest{
        font-family: SimSun;
        color: #333;
        /* -webkit-text-size-adjust: none;
        text-size-adjust: none; */
        /* padding: 30px 14px; */
      }
      #printTest > img{
        width: 140px;
      }
      #printTest > h4.contract_title {
        font-weight: bold !important;
        font-size: 20px;
        text-align: center;
        margin-bottom: 18px;
      }
      #printTest .contract_no {
        font-weight: bold;
        font-size: 14px;
        text-align: right;
        margin-bottom: 18px;
      }
      #printTest .contract_party {
        margin-bottom: 20px;
      }
      #printTest .contract_party .partya_div {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center;
        margin-bottom: 1%;
      }
      #printTest .contract_party .partya_div:last-child{
          margin-bottom: 0;
      }
      #printTest .contract_party .partya_div > p {
        width: 50%;
        line-height: 30px;
        margin-bottom: 0;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
      }
      #printTest .contract_party .partya_div > p > span {
        font-size: 13px;
        display: inline-block;
      }
      #printTest .contract_party .partya_div > p > span.span_title {
        font-weight: bold;
        width: 20.5%;
        text-align: right;
      }
      #printTest .contract_party .partya_div > p > span.span_content {
        width: 76%;
        line-height: 1.5;
        border-bottom: 1px solid #333;
      }
      #printTest p.tit {
        font-weight: bold !important;
        margin-bottom: 10px;
      }
      #printTest .contract_service {
        margin-bottom: 14px;
      }
      #printTest .contract_service .service_table {
        font-size: 12px;
        text-align: center;
        margin-bottom: 20px;
        border: 1px solid #333;
      }
      #printTest .contract_service .service_table .table_sec {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center;
        border-bottom: 1px solid #333;
      }
      #printTest .contract_service .service_table .table_sec .top_L {
        width: 15%;
        padding: 0 10px;
      }
      #printTest .contract_service .service_table .table_sec .top_center {
        width: 33%;
        text-align: center;
        border-left: 1px solid #333;
      }
      #printTest .contract_service .service_table .table_sec .top_center .top_center_table {
        width: 100%;
      }
      #printTest .contract_service .service_table .table_sec .top_center .top_center_table > div {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center;
        justify-content: space-around;
        border-bottom: 1px solid #333;
      }
      #printTest .contract_service .service_table .table_sec .top_center .top_center_table > div:last-child {
        border-bottom: none;
      }
      #printTest .contract_service .service_table .table_sec .top_center .top_center_table > div > p {
        display: inline-block;
        width: 100%;
        padding: 5px;
        border-right: 1px solid #333;
        margin-bottom: 0;
      }
      #printTest .contract_service .service_table .table_sec .top_center .top_center_table > div > p:last-child {
        border-right: none;
      }
      #printTest .contract_service .service_table .table_sec .top_R{
        width: 26%;
        border-left: 1px solid #333;
      }
      #printTest .contract_service .service_table .table_sec .top_R .title{
        height: 28px;
        line-height: 28px;
        border-bottom: 1px solid #333;
      }
      #printTest .contract_service .service_table .table_sec .top_R .content{
        height: calc(100% - 28px);
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center;
        justify-content: center;
      }
      #printTest .contract_service .service_table .bottom {
        height: auto;
        border-bottom: none;
      }
      #printTest .contract_service .service_table .bottom .bottom_L {
        width: 15%;
        padding: 0 10px;
      }
      #printTest .contract_service .service_table .bottom .bottom_R {
        width: 85%;
        height: 100%;
        padding: 5px;
        text-align: left;
        border-left: 1px solid #333;
      }
      .bottom_R>p{
        margin-bottom: 5px;
      }
      #printTest .contract_service .payment_account {
        font-size: 12px;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center;
        border: 1px solid #333;
      }
      #printTest .contract_service .payment_account .account_L {
        width: 15%;
        padding: 0 10px;
      }
      #printTest .contract_service .payment_account .account_R {
        width: 85%;
        height: 100%;
        text-align: left;
        border-left: 1px solid #333;
      }
      #printTest .contract_service .payment_account .account_R .R_sec {
        border-bottom: 1px solid #333;
        overflow: hidden;
      }
      #printTest .contract_service .payment_account .account_R .R_sec:last-child {
        border-bottom: none;
      }
      #printTest .contract_service .payment_account .account_R .R_sec > div {
        float: left;
        padding: 5px;
      }
      #printTest .contract_service .payment_account .account_R .R_sec > div.title {
        width: 108px;
      }
      #printTest .contract_service .payment_account .account_R .R_sec > div.content {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center;
        padding-left: 5px;
        border-left: 1px solid #333;
      }
      #printTest .contract_service .payment_account .account_R .R_sec > div.content > p {
        margin-bottom: 0;
      }
      #printTest .contract_terms {
        margin-bottom: 20px;
      }
      #printTest .contract_terms .terms_main > p {
        font-size: 8px!important;
        /* white-space: nowrap;  */
        color: #333;
        margin-bottom: 0;
        /* -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95); */
        /* -webkit-transform-origin-x: 0;
        -moz-transform-origin-x: 0;
        -ms-transform-origin-x: 0;
        -o-transform-origin-x: 0;
        transform-origin: 0, 100%; */
      }
      .terms_main > p > span{
        font-size: 8px!important;
        /* transform:scale(0.8) */
      }
      #printTest .contract_signed {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center;
      }
      #printTest .contract_signed .party {
        width: 50%;
      }
      #printTest .contract_signed .party > p {
        margin-bottom: 6px;
      }
}