@charset "utf-8";

/*===============================================================================================

    share ¹²Í¨

=================================================================================================*/
 
/*-------------------indent------------------------*/
.indent_ptn1 {
    padding-left: 1em;
    text-indent: -1em;
}
/*-------------------------------------------*/

.box1 {
    width: 1000px;
    margin: auto;
}
    @media (max-width: 1024px) {
        .box1 {
            width: 96%;
        }
    }
.p1 {
    font-size: 1.6em;
    text-align: left;
}
    @media (max-width: 1024px) {
    }
.box1 h2 {
    font-size: 2.6em;
    font-weight: 600;
    text-align: left;
    color: #204A96;
    padding: 60px 0px;
    border-bottom: 15px #F4F4F4 solid;
    margin-bottom: 30px;
}
    @media (max-width: 1024px) {
        .box1 h2 {
            font-size: 1.8em;
            padding: 20px 0px;
        }
    }
.box1 h3 {
    font-size: 1.6em;
    font-weight: 600;
    text-align: left;
}
.box1 .btw_line {
}
.box1 .btw_line li {
    padding-bottom: 60px;
}
.box1 table {
    padding: 50px 10px;
    width: 100%;
    border: 1px solid #C7C7C7;
}
.box1 table td {
    border: 1px solid #C7C7C7;
    padding: 5px 10px;
    font-size: 1.6em;
}
.box1 table .td_cl1{
    background-color: #F4F4F4;
}
table td a{
    color: cornflowerblue;
}
.tb_ptn1 table .p_center{
    width: 20px;
    margin: auto;
}
.tb_ptn1 table .td1{
    vertical-align: middle;
    text-align: center;
    width: 20%;
    background-color: #F4F4F4;
}
.tb_ptn1 table .td1_w1{
    width: 30%;
}
.tb_ptn1 table .td2_w1{
    width: 70%;
}
.tb_ptn1 table .td1_1{
    vertical-align: middle;
    text-align: center;
}
.tb_ptn1 table .td1_2{
    vertical-align: middle;
    text-align: center;
}
.tb_ptn1 table .td1_3{
    vertical-align: middle;
    text-align: left;
}
.tb_ptn1 table .td1_2 p{
    width: 20px;
    margin: auto;
}
.tb_ptn1 table .td1_2 p .span1{
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate( 90deg );
}
.tb_ptn1 table .td1_2 p .span2{
    display: block;
}
.tb_ptn1 table .td1_2 .p_tb1{
    width:inherit; 
    writing-mode: vertical-rl;
    line-height: 2;
}
.tb_ptn1 table .td2{
    vertical-align: middle;
    text-align: center;
    width: 80%;
    background-color: #F4F4F4;
}
.tb_ptn1 table .td2_1{
    text-align: left;
}
.tb_ptn1 table .td2_dot_t{
    border-bottom: dotted 1px #C7C7C7;
}
.tb_ptn1 table .td2_dot_n{
    border-bottom: none;
}
/*--------*/
.tb_ptn1 table .td3{
    vertical-align: middle;
    text-align: center;
    width: 50%;
    background-color: #F4F4F4;
}
.tb_ptn1 table .td4{
    vertical-align: middle;
    text-align: center;
    width: 50%;
    background-color: #F4F4F4;
}
.tb_ptn1 table .td3_1{
    text-align: left;
}
.tb_ptn1 table .td4_1{
    text-align: left;
}
.tb_ptn1 table .td3_2{
}
.tb_ptn1 table .td4_2{
}
/*-----------------------------*/
.tb_ptn1 table .td5{
    vertical-align: middle;
    text-align: center;
    width: 40%;
    background-color: #F4F4F4;
}
.tb_ptn1 table .td6{
    vertical-align: middle;
    text-align: center;
    width: 60%;
    background-color: #F4F4F4;
}
/*-----------------------------*/
.tb_ptn1 table .td7{
    vertical-align: middle;
    text-align: center;
    width: 33%;
}
.tb_ptn1 table .td8{
    vertical-align: middle;
    text-align: center;
    width: 33%;
}
.tb_ptn1 table .td9{
    vertical-align: middle;
    text-align: center;
    width: 33%;
}
.tb_ptn1 table .td7_1{
    vertical-align: middle;
    text-align: left;
}
.tb_ptn1 table .td8_1{
    vertical-align: middle;
    text-align: left;
}
.tb_ptn1 table .td9_1{
    text-align: left;
}
/*-----------------------------*/
.tb_ptn1 table .td10{
    vertical-align: middle;
    text-align: center;
    width: 20%;
}
.tb_ptn1 table .td10 p{
    width: 20px;
    margin: auto;
}
.tb_ptn1 table .td11{
    vertical-align: middle;
    text-align: center;
    width: 50%;
}
.tb_ptn1 table .td12{
    vertical-align: middle;
    text-align: center;
    width: 30%;
}
/*-----------------------------*/
.tb_ptn1 table .td13_ti{
    vertical-align: middle;
    text-align: center;
}
.tb_ptn1 table .td13{
    vertical-align: middle;
    text-align: center;
}
.tb_ptn1 table .td13_1{
    width: 20%;
}
.tb_ptn1 table .td13_1 p{
    width: 20px;
    margin: auto;
}
.tb_ptn1 table .td13{
}
.tb_ptn1 table .td14{
    vertical-align: middle;
    text-align: center;
}
.tb_ptn1 table .td14_1{
    width: 50%;
}
.tb_ptn1 table .td15_1{
    width: 30%;
}
.tb_ptn1 table .td13_2{
}
.tb_ptn1 table .td14_2{
    text-align: left;
}
.tb_ptn1 table .td15_2{
    text-align: left;
}
/*-----------------------------*/
.tb_ptn1 table .td16{
    width: 70%;
}
.tb_ptn1 table .td17{
    width: 30%;
}
/*-----------------------------*/
.tb_ptn1 table .td18{
    width: 20%;
}
.tb_ptn1 table .td19{
    width: 40%;
}
.tb_ptn1 table .td20{
    width: 40%;
}
/*-----------------------------*/
.box2_ti {
    background-color: #EEEEEE;
    margin-bottom: 30px;
    padding: 10px;
}
.box2_ti h3 {
    font-size: 2.4em;
    font-weight: 500;
}
.box2 {
    margin: auto;
    margin-bottom: 50px;
}
.box2 h4 {
    font-size: 1.8em;
    font-weight: 600;
    background-color: #003A81;
    color: #FFFFFF;
    padding: 2px 4px;
    margin-bottom: 10px;
}
.box2 h5 {
    font-size: 1.5em;
    font-weight: 400;
}
.box2 .ul1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    @media (max-width: 1024px) {
        .box2 .ul1 {
            display: block;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    }
.box2 .ul1 > li {
    width: 32%;
    background-color: #EEEEEE;
    margin: 0.5% 0.5% 2% 0.5%;
    padding: 10px;
}
    @media (max-width: 1024px) {
        .box2 .ul1 > li {
            width: 90%;
            background-color: #EEEEEE;
            margin: 0.5% 0.5% 2% 0.5%;
            margin: auto;
            padding: 10px;
        }
    }
.box2 .ul2 {
}
.box2 .ul2 li {
    padding-left: 10px;
}
.box2 .ul2 li a {
    font-size: 1.4em;
}
.box2 .ul2 li a::after {
    content: "\f105";
    padding-top: 5px;
    padding-left: 5px;
    font-size: 0.2em;
    color: #666666;
    font: normal normal normal 14px/1 FontAwesome;
    transition: all .3s;
    position: absolute;
}
.box2 .ul2 li a:hover::after {
    content: "\f105";
    padding-top: 5px;
    padding-left: 8px;
    color: #333333;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
}