#page{}









#page .sect20{margin:40px 0 0 0;}

#page .sect20 .sectgrid{}

#page .sect20 .sectgrids{}

#page .sect20 .sectgrids.s1{}

#page .sect20 .sectgrids.s1 .list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:30px;}

#page .sect20 .sectgrids.s1 .list .item{

    padding:20px 20px 25px 20px;background:#f7f5f1;

    border-radius:15px;overflow:hidden;box-shadow:0 0 5px 0 rgba(0,0,0,0.2);

    transition:all 0.3s ease-in-out;



    display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:10px;

}

#page .sect20 .sectgrids.s1 .list .item:hover{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.5);}

#page .sect20 .sectgrids.s1 .list .item a.im{

    display:block;position:relative;z-index:1;aspect-ratio:45/30;

    border-radius:15px;overflow:hidden;box-shadow:0 0 5px 0 rgba(0,0,0,0.2);

}

#page .sect20 .sectgrids.s1 .list .item a.im img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

#page .sect20 .sectgrids.s1 .list .item a.name{

    display:block;padding:6px 0 0 0;

    font-size:1.1rem;color:#e18f1e;font-family:'fonttip1_semibold',Arial,sans-serif;

}
#page .sect20 .sectgrids.s1 .list .item a.name:before{
    content: "➤";margin:0 5px 0 0;
    scale: 1;
    color: #0066a1;
}

#page .sect20 .sectgrids.s1 .list .item .info{}

#page .sect20 .sectgrids.s1 .list .item .button{padding:5px 0 0 0;}#page .sect20 .sectgrids.s1 .list .item .button a {

    display: block;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 1rem;

    background-image: linear-gradient(160deg, #1e6091, #468faf, #a9d6e5);

    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(30,96,145,.4),

                inset 0 -2px 5px 1px rgba(13,59,102,1),

                inset 0 -1px 1px 3px rgba(169,214,229,1);

    border-radius: 25px;

    border: 1px solid #1e6091;

    color: #ffffff;

    font-family: 'fonttip1_semibold', Arial, sans-serif;

    text-shadow: 0 1px 2px rgba(0,0,0,0.6);

    background-position: center;

    background-size: 100% 100%;

    transition: all .2s ease-in-out;

}



#page .sect20 .sectgrids.s1 .list .item .button a:hover {

    background-color: rgba(255, 255, 255, 0.2);

    background-size: 150% 150%;

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),

                inset 0 -2px 5px 1px #1e6091,

                inset 0 -1px 1px 3px rgba(169,214,229,1);

    border: 1px solid rgba(30,96,145,0.6);

    color: #ffffff;

    text-shadow: 0 1px 2px rgba(0,0,0,0.6);

}



#page .sect20 .sectgrids.s2{}

@media only screen and (max-width:1100px){

	#page .sect20 .sectgrids.s1 .list{column-gap:15px;row-gap:20px;}

    #page .sect20 .sectgrids.s1 .list .item{padding:10px 10px 15px 10px;}

}

@media only screen and (max-width:750px){

    #page .sect20{margin:25px 0 0 0;}

	#page .sect20 .sectgrids.s1 .list{grid-template-columns:1fr 1fr;column-gap:10px;row-gap:15px;}

}

@media only screen and (max-width:550px){

	#page .sect20 .sectgrids.s1 .list{grid-template-columns:1fr;row-gap:15px;}

    #page .sect20 .sectgrids.s1 .list .item{padding:10px 10px 15px 10px;}

    #page .sect20 .sectgrids.s1 .list .item a.im{aspect-ratio:45/20;border-radius:10px;}

}

@media only screen and (max-width:400px){

    #page .sect20 .sectgrids.s1 .list .item a.im{aspect-ratio:45/30;}

}





















#page .sect40{margin:70px 0 0 0;}

#page .sect40 .content hr{border:1px solid #ddd;}

#page .sect40 .content b,

#page .sect40 .content strong{font-weight:normal;font-family:'fonttip1_semibold';}

#page .sect40 .content p{margin:0 0 15px 0;}

#page .sect40 .content img{max-width:100%;height:auto!important;

    border-radius:15px;

    box-shadow: 0 0 5px 0px #aaa;

}

#page .sect40 .content p{padding:8px 0;}

#page .sect40 .content p:nth-of-type(1){padding-top:0;}

#page .sect40 .content table{border:none;max-width:100%!important;overflow:auto;}

#page .sect40 .content table tr{}

#page .sect40 .content table tr td{padding:4px 6px;border:1px solid #ddd;}

#page .sect40 .content h1{margin:0 0 8px 0;font-size:2.7rem;font-family:'fonttip2';}

#page .sect40 .content h2{margin:0 0 8px 0;font-size:2.4rem;font-family:'fonttip2';}

#page .sect40 .content h3{margin:0 0 8px 0;font-size:2.1rem;font-family:'fonttip2';}

#page .sect40 .content h4{margin:0 0 8px 0;font-size:1.8rem;font-family:'fonttip2';}

#page .sect40 .content h5{margin:0 0 8px 0;font-size:1.5rem;font-family:'fonttip2';}

#page .sect40 .content h6{margin:0 0 8px 0;font-size:1.2rem;font-family:'fonttip2';}

#page .sect40 .content h1 strong,

#page .sect40 .content h1 b,

#page .sect40 .content h2 strong,

#page .sect40 .content h2 b,

#page .sect40 .content h3 strong,

#page .sect40 .content h3 b,

#page .sect40 .content h4 strong,

#page .sect40 .content h4 b,

#page .sect40 .content h5 strong,

#page .sect40 .content h5 b,

#page .sect40 .content h6 strong,

#page .sect40 .content h6 b{

    font-weight:normal;font-family:'fonttip2';

}

#page .sect40 .content iframe{max-width: 100%;}

#page .sect40 .content:after{content:"";display:block;clear:both;}