@charset 'utf-8';


.page-content ol {padding: 0; margin: 0;}
.page-content b { font-weight: 500; }
.page-content b.black { font-weight: 700; color: #111;}
.page-content b.orange { font-weight: 400; color: #f08519;}
.page-content b.red { font-weight: 400; color: #e60000;}
.page-content p { word-break: keep-all;}

.page-content .flex.flex-list  { flex-wrap:wrap;}
.page-content .flex.flex-list  li { padding: 5px; margin: -1px 0 0 0; width: 50%; text-align: center; font-size: 16px; font-weight: 400; border: 1px solid #e1e1e1; }
.page-content .flex.flex-list  li:nth-of-type(even) { border-left: none}

.page-content .mk-dot { position: relative; padding: 0 0 0 15px;}
.page-content .mk-dot:before { content: ''; display: block; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; background: #003d64; border-radius: 50%;}
.page-content .tit-cir { position: relative; padding: 0 0 0 40px ; margin: 0 0 20px; font-size: 18px;  }
.page-content .tit-cir span.cir { display: inline-block; position: absolute; left: 0; top: -1px;  width: 30px; height: 30px;  background: #f08519; font-size: 16px; line-height: 30px; font-weight: 400; color: #fff; border-radius:50%; text-align: center;}
.page-content .col3 .img { width: 31.8%;}
.page-content .img { border: 1px solid #e1e1e1;}

.page-content article { padding: 0 0 70px;}

.page-content h4 { position: relative; padding: 0 0 30px 18px;  font-size: 24px; line-height: 1; font-weight: 500; color: #003d64; }
.page-content h4:before { content: ''; display: block; position: absolute; left: 0; top: 4px; width: 4px; height: 18px; background: #003d64;}
.page-content h4 span { display: inline-block; font-size: 18px; font-weight: 100; color: #999; }
.page-content h5 { position: relative; padding: 0 0 0 25px; margin: 20px 0 30px; font-size: 18px; font-weight: 700; }
.page-content h5:before { content:''; display: block; position: absolute; left: 0; top: 0;  width: 14px; height: 21px; background:url('/page/imgs/ico_h5.jpg') no-repeat center top / contain; }


.page-content .table2 { margin: 0 0 30px  ; width: 100%; }
.page-content .table2 caption { padding: 10px; background: #f5f5f5; text-align: center; font-weight: 500; border-top: 2px solid #003d64;}
.page-content .table2 th,
.page-content .table2 td { width: 50%; text-align: center;  font-size: 16px; border: 1px solid #e1e1e1; }
.page-content .table2 th { padding: 10px 5px; background: #f5f5f5; font-weight: 500;}
.page-content .table2 td {  padding: 6px 5px; font-weight: 400; }
.page-content .table2.bdt { border-top: 2px solid #003d64;}


@media (max-width:991px){
    .page-content article { padding: 0 0 60px;}
}

@media (max-width:768px){
    .page-content article { padding: 0 0 50px;}
    .page-content h4 { padding: 0 0 20px 18px;}
    .page-content h5 { margin: 0 0 20px;}
}

@media (max-width:576px){
    .page-content .pb20 { padding-bottom: 10px !important;}
    .page-content .pb30 { padding-bottom: 20px !important;}

    .page-content, .page-content table th,  .page-content table td { font-size: 15px;}
    .page-content article { padding: 0 0 40px;}
    .page-content h4 { padding: 0 0 20px 13px; font-size: 22px;}
    .page-content h4:before { top: 3px; width: 3px; height: 16px;}
    .page-content h4 span { font-size: 15px;}
    .page-content h5 { padding: 0 25px 0 0; margin: 15px 0 ; font-size: 16px;}
    .page-content h5:before { left:auto; right:10px }
    .page-content .mk-dot { padding: 0 0 0 10px;}
    .page-content .mk-dot:before { top: 10px;}
    .page-content .tit-cir { padding: 0 0 0 30px; margin: 0 0 10px; font-size: 16px; }
    .page-content .tit-cir span.cir { left: -5px; width: 26px; height: 26px; line-height: 26px;   font-size: 15px; }

    .page-content .table2 th,  .page-content .table2 td { font-size: 13px;}

    .page-content .flex.flex-list li { width: 100%; font-size: 14px; }
    .page-content .flex.flex-list li:nth-of-type(even) { border-left: 1px solid #e1e1e1;}
}




/* .greeting .con1 { background: url('/page/imgs/greeting_bg.jpg') no-repeat right top ;} */
.greeting .con1 .ct-wrap { width: 100%; }
.greeting .con1 .ct-wrap b {  color: #0067b3;}
.greeting .con1 .ct-wrap span { display: block;}
.greeting .con1 .ct-wrap .txt { width: 50%;}
.greeting .con1 .ct-wrap .txt .txt1 { padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px solid #e1e1e1;}
.greeting .con1 .ct-wrap .txt .txt1 .p1 { font-size: 35px; font-weight: 500; ; line-height: 1.2;}
.greeting .con1 .ct-wrap .txt .txt1 .p2 { padding: 20px 0 0; color: #999; }
.greeting .con1 .ct-wrap .txt .txt2 .p2 { padding: 20px 0 }
.greeting .con1 .ct-wrap .img { width: 43.84%; height: 560px; background: url('/page/imgs/greeting_bg.jpg') no-repeat  top center / contain; border: none;}
@media (max-width:1199px){
    .greeting .con1 .ct-wrap .txt .txt1 .p1 { font-size: 32px; }
    .greeting .con1 .ct-wrap .txt .txt2 p span { display: inline;}
}
@media (max-width:991px){
    .greeting .con1 .ct-wrap { flex-direction: column-reverse;}
    .greeting .con1 .ct-wrap .txt { width: 100%;}
    .greeting .con1 .ct-wrap .txt .txt1 .p1 { line-height: 1.3; }
    .greeting .con1 .ct-wrap .txt .txt1 .p1 span { display: inline;}
    .greeting .con1 .ct-wrap .txt .txt2 .p3 { text-align: right;}
    .greeting .con1 .ct-wrap .img { margin: 0 0 30px; width: 100%; height: 300px; background: url('/page/imgs/greeting_bg2.jpg') no-repeat  center / cover; }
}
@media (max-width:768px){
    .greeting .con1 .ct-wrap .txt .txt1 { padding: 0 0 25px; margin: 0 0 25px; }
    .greeting .con1 .ct-wrap .txt .txt1 .p1 { font-size: 26px; }
    .greeting .con1 .ct-wrap .txt .txt1 .p2 { padding: 10px 0 0;}
}
@media (max-width:480px){
    .greeting .con1 .ct-wrap .txt .txt1 { padding: 0 0 20px; margin: 0 0 20px; }
    .greeting .con1 .ct-wrap .txt .txt1 .p1 { font-size: 22px; }
    .greeting .con1 .ct-wrap .txt .txt1 .p2 { padding: 5px 0 0;}
    .greeting .con1 .ct-wrap .img { margin: 0 0 20px; height: 200px;}
}

.location .add { padding: 40px 0 100px; text-align: center;}
.location .add .p1 { font-size: 30px; font-weight: 400;}
.location .add .p2 { padding: 20px 0 0; color: #666; font-weight: 400;}
.location .add .p2 span { display: inline-block; padding: 0 10px;}
.location table {  border-top: 1px solid #e1e1e1; }
.location table th, .location table td {vertical-align: top;}
.location table th { padding: 5px 80px;   font-size: 25px; font-weight: 500; color: #0067b3; word-break: keep-all;}
.location table td { padding: 5px 10px;}
.location table td span { display: inline-block;  width: 65px; height: 28px; font-size: 14px; line-height: 28px; color: #fff; word-break: keep-all; text-align: center; border-radius:14px}
.location table td span.green { background: #009944;}
.location table td span.green2 { background: #005f2a;}
.location table td span.orange { background: #eb6100;}


@media (min-width:577px){
.location table tr:first-of-type th,
.location table tr:first-of-type td{ padding-top: 50px;}
.location table tr:nth-of-type(3) th,
.location table tr:nth-of-type(3) td { padding-bottom:50px; ;}
.location table tr:nth-of-type(4) th,
.location table tr:nth-of-type(4) td { padding-top:50px; border-top: 1px solid #e1e1e1;}
}

@media (max-width:768px){
    .location .add .p1 { font-size: 26px;}
    .location table th { padding: 5px 40px; }
}
@media (max-width:576px){
    .location .add { padding: 30px 0 50px;}
    .location .add .p1 { font-size: 22px;}
    .location table th { padding: 5px 40px; }
    .location table,  .location table th, .location table td { display: block;}
    .location table tr { display: flex; flex-wrap: wrap;}
    .location table th { width: 100%;}
    .location table td:nth-last-of-type(1) { width: calc(100% - 100px);}
    .location table td:nth-last-of-type(2) { width: 100px;}
    .location table th { padding: 20px 5px 10px;}
    .location table tr:nth-of-type(3) td { padding-bottom: 20px;}
    .location table tr:nth-of-type(4) th { padding-top: 20px; border-top: 1px solid #e1e1e1;}
}
@media (max-width:480px){

    .location .add .p1 { font-size: 20px;}
    .location table td { padding: 7px 0;}
    .location table td:nth-last-of-type(1) { width: calc(100% - 80px); }
    .location table td:nth-last-of-type(2) { width: 80px; }
}

.cmc p, .wt p, .bubble p, .add1 p { margin: 0 0 10px;}
.cmc figure { padding: 10px 0 20px; }
.cmc figure .img { padding: 30px 10px;  text-align: center;}
.cmc figure figcaption, .figcaption { padding: 10px 0 0 ; font-size: 16px; color: #555; text-align: center; }

@media(max-width:576px){
    .cmc p, .wt p, .bubble p { margin: 0 0 5px;}
    .cmc figure .img { padding: 20px 5px;}
    .cmc figure figcaption { font-size: 12px;}
}

.cmc1 {}
.cmc1 .gallery { padding: 0 0 40px; }
.cmc1 .gallery .img {  width: 31.8%; }
.cmc1 table { width: 100%; }
.cmc1 table th,
.cmc1 table td { border: 1px solid #e1e1e1; text-align: center;}
.cmc1 table thead th {  background: #f5f5f5; border-top: 2px solid #f08519;}
.cmc1 table th { padding: 10px; font-weight: 500;}
.cmc1 table tbody th { background: #fffaf4;}
.cmc1 table td { padding: 7px ;  font-size: 16px; font-weight: 400;}

@media (max-width:576px){
    .cmc1 table td { font-size: 14px;}
}

.cmc2 .con2 p  { margin: -20px 0 30px }

.cmc7 .con1 > .mk-dot > p { margin: 0 0 50px;}
.cmc7 ul li { padding: 0 0 30px;}

.cmc8 figure { margin: 0 0 10px; }
@media (max-width:576px){
    .cmc8 figure { margin: 0; }
}

.cmc9 .calc { padding: 30px 10px; margin: 20px 0; border: 1px solid #e1e1e1; text-align: center;}

.cmc11 .table2 th,
.cmc11 .table2 td { width: 25%;}

.cmc12 figure .img span { word-break: keep-all;  }
.cmc12 b { color:#111}


.wt2 .table2 th, .wt2 .table2 td { width: 25%;}
.wt2 li.mk-dot { padding-bottom:10px;}

.wt3 b { font-weight: 700; color: #111;}
.wt3 .mk-dot { padding-bottom: 20px;}
.wt3 li.mk-dot { padding-bottom: 10px;}
.wt3 .warning {  font-weight: 400; color: #e60000;}
.wt3 .gallery .img { width: 31.8%; }
@media (max-width:400px){
    .wt3 h4 span { display: none; }
}

.wt4 b { font-weight: 700; color: #111;}
.wt4 li.mk-dot { padding-bottom: 10px;}
.wt4 .con5 .flex { align-items: flex-start;}
.wt4 .con5 .flex .img { width: 413px;}
.wt4 .con5 .flex .txt { width: calc(100% - 443px);}
.wt4 .con5 .flex:not(:last-of-type) { padding: 0 0 50px;}
.wt4 .con5 .flex h5 { margin-top: 0;}
@media (max-width:991px){
    .wt4 .con5 .flex .img { width: 43%;}
    .wt4 .con5 .flex .txt { width: 55%;}
}
@media (max-width:768px){
    .wt4 .con5 .flex { flex-direction: column;}
    .wt4 .con5 .flex .img { padding: 10px; margin: 0 0 20px; width: 100%; text-align: center;}
    .wt4 .con5 .flex .txt { width: 100%;}
}

@media (max-width:480px){
    .wt4 .con5 .flex .img { padding: 0;}
    .wt4 .con5 .flex .txt { width: 100%;}
    .wt4 .con5 .flex:not(:last-of-type) { padding: 0 0 30px; }
}

.wt5 .tit-cir { font-weight: 100;}
.wt5 li.mk-dot:not(:last-of-type) { padding-bottom:10px;}

.page-content.bubble2 .table2 th, .page-content.bubble2 .table2 td { width: auto;}
.page-content.add1 em { color: #f08519; }