@charset "utf-8";

.title {
    font-size: 36px;
    font-weight: 600;
    color: #222;

    word-break: keep-all;
}

.title_m {
    font-size: 23px;
    font-weight: 600;
}



.default {
    font-size: 16px;
    font-weight: 300;
}

/*  */
.container {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    
}

.con_container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.break {
    word-break: break-all;
}

.button {
    display: block;
    padding: 10px 35px;

    background: #1f2756;
    border-radius: 50px;

    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;

    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.14);
}

.btn_white {
    display: block;
    padding: 10px 35px;

    background: #f8f8f8;
    border-radius: 50px;

    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;

    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.14);
}

.btn_L {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;

    background: #1f2756;
    border-radius: 50px;

    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

.btn_L_cen {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 30px;

    background: #1f2756;
    border-radius: 50px;

    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

.t_btn_line {
    padding: 6px 9px;
    font-size: 14px;
    font-weight: 500;
    color: #434343;
    text-align: center;

    background: #fff;
    border: 1px solid #434343;
    border-radius: 5px;
}

.t_btn_gray {
    padding: 6px 9px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;

    background: #434343;
    border-radius: 5px;
}

.t_btn_l_gray {
    padding: 6px 9px;
    font-size: 14px;
    font-weight: 500;
    color: #777777;
    text-align: center;

    background: #e5e5e5;
    border-radius: 5px;
}

.box_wrap {
    padding: 20px 20px;
    border: 1px solid #dddddd;
}

.input {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

    margin-top: 5px;
    margin-bottom: 5px;
    height: 47px;

    border: 1px solid #83878d;
    background: none;
}

.input_box {
    border: 1px solid #dddddd;
}

.flex {
    display: flex;
}

.flex_ac {
    display: flex;
    align-items: center;
}

.flex_js {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex_wrap {
    flex-wrap: wrap;
}

.relative{position: relative;}

.block {
    display: block;
}

.i_block {
    display: inline-block;
}

.over_a{
    overflow: auto;
}

.table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border-top: 3px solid #333333;
}

.table tr {
    height: 60px;
    border-top: 0px;
    border-bottom: 1px solid #dddddd;
}

.table tr th {
    padding: 0 30px;
    text-align: left;
    border-right: 1px solid #dddddd;

    font-size: 18px;
    font-weight: 600;

    word-break: break-all;
}

.table tr td {
    padding: 0 30px;
    text-align: left;

    font-size: 18px;
    font-weight: 400;
}


/* list_btn_wrap */

.list_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  
    margin: 0 0 20px;
    width: 100%;
  
    position: relative;
  }
  
  .page_arw {
    margin: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #c9c9c9;
  }

  .list_btn_wrap a {
    margin: 0 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
  
  .list_btn_wrap a img {
  max-width: inherit;
  }
  
  .list_btn_wrap ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
  }
  
  .list_btn_wrap ul li {
    margin: 0px 10px;
    width: 25px;
    height: 25px;
  }
  
  .list_btn_wrap ul li a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
  
    font-size: 13px;
    font-weight: 500;
    color: #333;
    border-radius: 50%;

    margin: 0;
  }
  
  .list_btn_wrap ul li.on a {
    background: #6487c1;
    color: #fff; 
  }

  /*  */
/*  */
.view_title {
    padding: 25px 20px;
    border-top: 2px solid #1b1b1b;
    border-bottom: 1px solid #ececec;
    background: #f7f7f7;
}

.view_title h3 {
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 500;
    color: #333;
}

.view_title div {
    display: flex;
    flex-wrap: wrap;
}

.view_title p {
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.view_title p span {
    padding-left: 10px;
    font-weight: 400;
    color: #a1a1a1;
}

.view_file {
    display: flex;
    padding: 25px 20px;
    border-bottom: 1px solid #ececec;
    background: #f7f7f7;
}


.view_file p {
    width: 75px;
    flex-shrink: 0;

    font-size: 15px;
    font-weight: 500;
    color: #333;

    position: relative;
}

.view_file p::before {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;

    width: 1px;
    height: 13px;
    background: #d2d2d2;

}

.view_file_con {
    display: flex;
    flex-wrap: wrap;
}

.view_file a {
    margin-bottom: 10px;
    padding: 0px 20px;

    font-size: 15px;
    font-weight: 400;
    color: #a1a1a1 !important;
}

.view_cont {
    padding: 30px 20px;
    min-height: 470px;

    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    color: #333;

    border-bottom: 1px solid #ececec;
}

.view_cont p {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    color: #333;
}

.view_cont img {
    max-width: 100%;
    width: auto;
    margin: 15px 0;
}

.view_other {
    margin-bottom: 70px;
    border-top: 1px solid #ececec;
}

.view_other div {
    display: flex;

    font-size: 15px;
    font-weight: 500;
    color: #333;

    border-bottom: 1px solid #ececec;
}

.view_other div span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 115px;
    padding: 15px 12px;
    flex-shrink: 0;
}

.view_other div span::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-0,-50%);

    width: 1px;
    height: 13px;
    background: #d2d2d2;
}

.view_other div p {
    max-width: 915px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view_other div p a {
    color: #a1a1a1;

    display: inline-block;
    padding: 15px 30px;
    width: 100%;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.view_back {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.view_back a {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 150px;
    width: 100%;
    height: 52px;
    background: #6ca767;
    font-size: 18px;
    font-weight: 600;
    color: #fff !important;
}

/*  */

.verT {
    vertical-align: top;
}

.verM {
    vertical-align: middle;
}

.bT2_blue {
    border-top: 3px solid #2947a2;
}

.bB2_blue {
    border-bottom: 3px solid #2947a2;
}

.bB1_gray {
    border-bottom: 1px solid #e1e1e1;
}

.bR1_gray {
    border-right: 1px solid #e1e1e1;
}

.bL1_gray {
    border-left: 1px solid #e1e1e1;
}

.bB0{border-bottom: 0;}
.bR0{border-right: 0 !important;}

.bdr5 {border-radius: 5px;}
.bdr10 {border-radius: 10px;}
.bdr15 {border-radius: 15px;}
.bdr20 {border-radius: 20px;}
.bdr30 {border-radius: 30px;}
.bdr50 {border-radius: 50px;}
.bdr50p {border-radius: 50%;}

.colFFF{color: #ffffff;}
.col3e{color: #3e3e3e;}
.colaaa{color: #aaa !important;}
.col222{color: #222;}
.col333{color: #333333 !important;}
.col444{color: #444444;}
.col555{color: #555555;}
.col666{color: #666666;}
.col777{color: #777777;}
.col888{color: #888888;}
.col999{color: #999999;}
.col0183{color: #018381;}
.col1f27{color: #1f2756;}
.col6199{color: #6199f9;}

.bgcolffff {background: #ffffff;}
.bgcolf8f8 {background: #f8f8f8;}
.bgcolf4f7 {background: #f4f7fc;}
.bgcol070f {background: #070f1a;}
.bgcolnone {background: none;}


.wid50 {width: 50px;}
.wid55 {width: 55px;}
.wid60 {width: 60px;}
.wid70 {width: 70px;}
.wid75 {width: 75px;}
.wid80 {width: 80px;}
.wid85 {width: 85px;}
.wid95 {width: 95px;}
.wid92 {width: 92px;}
.wid100 {width: 100px;}
.wid113 {width: 113px;}
.wid114 {width: 114px;}
.wid115 {width: 115px;}
.wid120 {width: 120px;}
.wid125 {width: 125px;}
.wid130 {width: 130px;}
.wid150 {width: 150px;}
.wid155 {width: 155px;}
.wid160 {width: 160px;}
.wid165 {width: 165px;}
.wid180 {width: 180px;}
.wid185 {width: 185px;}
.wid200 {width: 200px !important;}
.wid220 {width: 220px;}
.wid204 {width: 204px;}
.wid220 {width: 220px;}
.wid230 {width: 230px;}
.wid235 {width: 235px;}
.wid250 {width: 250px;}
.wid260 {width: 260px;}
.wid280 {width: 280px;}
.wid300 {width: 300px;}
.wid330 {width: 330px !important;}
.wid340 {width: 340px;}
.wid350 {width: 350px;}
.wid360 {width: 360px !important;}
.wid400 {width: 400px;}
.wid420 {width: 420px;}
.wid440 {width: 440px;}
.wid450 {width: 450px;}
.wid460 {width: 460px;}
.wid500 {width: 500px;}
.wid515 {width: 515px;}
.wid530 {width: 530px;}
.wid600 {width: 600px;}
.wid760 {width: 760px;}
.wid800 {width: 800px;}

.wid90p {width: 90%;}
.wid100p {width: 100%;}

.heig30 {height: 30px;}
.heig38 {height: 38px;}
.heig40 {height: 40px;}
.heig42 {height: 42px;}
.heig50 {height: 50px;}
.heig57 {height: 57px;}
.heig60 {height: 60px;}
.heig65 {height: 65px;}
.heig70 {height: 70px;}
.heig80 {height: 80px;}
.heig100 {height: 100px;}
.heig110 {height: 110px;}
.heig185 {height: 185px;}
.heig210 {height: 210px;}
.heig240 {height: 240px;}
.heig350 {height: 350px;}
.heig380 {height: 380px;}
.heig500 {height: 500px;}
.heig570 {height: 570px;}

.heig100p {height: 100%;}
.heig_A {height: auto;}

.mar0 {margin: 0;}

.mAuto {margin: 0 auto;}

.mL5{margin-left: 5px;}
.mL10{margin-left: 10px;}
.mL15{margin-left: 15px;}
.mL20{margin-left: 20px;}
.mL25{margin-left: 25px;}
.mL30{margin-left: 30px;}
.mL100{margin-left: 100px;}


.mR3{margin-right: 3px;}
.mR5{margin-right: 5px;}
.mR7{margin-right: 7px;}
.mR10{margin-right: 10px;}
.mR15{margin-right: 15px;}
.mR20{margin-right: 20px !important;}
.mR25{margin-right: 25px;}
.mR30{margin-right: 30px;}
.mR35{margin-right: 35px;}
.mR40{margin-right: 40px;}
.mR50{margin-right: 50px;}
.mR80{margin-right: 80px;}
.mR100{margin-right: 100px;}

.mT5{margin-top: 5px;}
.mT10{margin-top: 10px;}
.mT15{margin-top: 15px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT35{margin-top: 35px;}
.mT40{margin-top: 40px;}
.mT45{margin-top: 45px;}
.mT50{margin-top: 50px;}
.mT55{margin-top: 55px;}
.mT60{margin-top: 60px;}
.mT70{margin-top: 70px;}
.mT80{margin-top: 80px;}
.mT90{margin-top: 90px;}
.mT100{margin-top: 100px;}
.mT140{margin-top: 140px;}
.mT150{margin-top: 150px;}
.mT170{margin-top: 170px;}

.mB10 {margin-bottom: 10px;}
.mB15 {margin-bottom: 15px;}
.mB20 {margin-bottom: 20px;}
.mB25 {margin-bottom: 25px;}
.mB30 {margin-bottom: 30px;}
.mB35 {margin-bottom: 35px;}
.mB40 {margin-bottom: 40px;}
.mB50 {margin-bottom: 50px;}
.mB55 {margin-bottom: 55px;}
.mB60 {margin-bottom: 60px;}
.mB65 {margin-bottom: 65px;}
.mB80 {margin-bottom: 80px;}
.mB90 {margin-bottom: 90px;}
.mB100 {margin-bottom: 100px;}
.mB150 {margin-bottom: 150px;}
.mB350 {margin-bottom: 350px;}


.pLR5 {padding-left: 5px; padding-right: 5px;}
.pLR10 {padding-left: 10px; padding-right: 10px;}
.pLR15 {padding-left: 15px; padding-right: 15px;}
.pLR20 {padding-left: 20px; padding-right: 20px;}
.pLR25 {padding-left: 25px; padding-right: 25px;}
.pLR30 {padding-left: 30px; padding-right: 30px;}
.pLR45 {padding-left: 45px; padding-right: 45px;}
.pLR80 {padding-left: 80px; padding-right: 80px;}

.pT4 {padding-top: 4px;}
.pT5 {padding-top: 5px;}
.pT10 {padding-top: 10px;}
.pT20 {padding-top: 20px;}
.pT25 {padding-top: 25px;}
.pT30 {padding-top: 30px;}
.pT40 {padding-top: 40px;}
.pT45 {padding-top: 45px;}
.pT50 {padding-top: 50px;}
.pT55 {padding-top: 55px;}
.pT60 {padding-top: 60px;}
.pT80 {padding-top: 80px;}
.pT90 {padding-top: 90px;}
.pT100 {padding-top: 100px;}
.pT250 {padding-top: 250px;}
.pT300 {padding-top: 300px;}
.pT330 {padding-top: 330px;}
.pT400 {padding-top: 400px;}
.pT470 {padding-top: 470px;}

.pB4 {padding-bottom: 4px;}
.pB5 {padding-bottom: 5px;}
.pB7 {padding-bottom: 7px;}
.pB10 {padding-bottom: 10px;}
.pB20 {padding-bottom: 20px;}
.pB25 {padding-bottom: 25px;}
.pB30 {padding-bottom: 30px;}
.pB40 {padding-bottom: 40px;}
.pB50 {padding-bottom: 50px;}
.pB55 {padding-bottom: 55px;}
.pB60 {padding-bottom: 60px;}
.pB70 {padding-bottom: 70px;}
.pB80 {padding-bottom: 80px;}
.pB90 {padding-bottom: 90px;}
.pB100 {padding-bottom: 100px;}
.pB160 {padding-bottom: 160px;}
.pB250 {padding-bottom: 250px;}
.pB400 {padding-bottom: 400px;}

.pB100p {padding-bottom: 100%;}

.pL10 {padding-left: 10px;}
.pL15 {padding-left: 15px;}
.pL20 {padding-left: 20px !important;}
.pL25 {padding-left: 25px;}
.pL30 {padding-left: 30px;}
.pL40 {padding-left: 40px;}
.pL50 {padding-left: 50px;}
.pL60 {padding-left: 60px;}
.pL190 {padding-left: 190px;}

.pR10 {padding-right: 10px;}
.pR15 {padding-right: 15px;}
.pR25 {padding-right: 25px;}
.pR40 {padding-right: 40px;}
.pR70 {padding-right: 70px;}

.tac{text-align: center !important;}
.taL{text-align: left !important;}
.taR{text-align: right;}

.t_under {
    text-decoration: underline !important; 
    text-underline-position:under;
}


.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px !important;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs23{font-size: 23px;}
.fs24{font-size: 24px;}
.fs25{font-size: 25px;}
.fs26{font-size: 26px !important;}
.fs27{font-size: 27px;}
.fs28{font-size: 28px;}
.fs29{font-size: 29px;}
.fs30{font-size: 30px;}
.fs34{font-size: 34px;}
.fs38{font-size: 38px;}

.fw700{font-weight: 700;}
.fw600{font-weight: 600;}
.fw500{font-weight: 500 !important;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}


.line_H1 {line-height: 1rem;}
.line_H1h {line-height: 1.5rem;}
.line_H2 {line-height: 2rem;}
.line_H2h {line-height: 2.5rem;}
.line_H3 {line-height: 3rem;}
.line_H3h {line-height: 3.5rem;}
.line_H4 {line-height: 4rem;}
.line_H4h {line-height: 4.5rem;}

.ponter{cursor: pointer;}

.ellipsis { 
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
}

.nowrap {
    white-space:nowrap; 
}