.web_working{display:flex; width: 100%; height:500px; justify-content: center; align-items: center; font-weight: bold; color:var(--purplered)}
#container{display: block; position: relative; margin: 0 0 80px 0; }

#container_max_area{display:flex; flex-direction: column; width:100%; padding:0%; text-align: center;margin-bottom:80px; }
#container_1440_area{display:flex; flex-direction: column; width: 100%; padding:0 5%; text-align: center; box-sizing: border-box; margin-bottom:80px; }
#container_max_area > .content_area{width: 100%; text-align: left; margin:0 auto; border:0px #c00 solid;}
#container_1440_area > .content_area{width: 100%; text-align: left; max-width:1440px; margin:0 auto; border:0px #c00 solid;}

.subjectArea{display:flex; flex-direction: row; width: 100%; gap: 70px; justify-content: flex-start; align-items: center; position: relative; margin-bottom: 40px;}
.subjectArea .subject{ flex:0 0 auto; font-size:42px; font-weight: bold; color:var(--main);padding:0 0px 0 0; position: relative;}
.subjectArea .subject::after{ content: url("/public/parset/theme_img.png"); transform: scale(100%); position: absolute; top:-5px; right:-45px;}
.subjectArea .adorn{ flex:1 1 100%; height:40px; background: linear-gradient(to right,var(--lightpur) 0%, rgba(255,255,255,0) 100%  );}

/*理監事名單*/
.purpostArea{display:flex; flex-direction: row; width: 100%; gap:20px; }
.purpostArea > .purpost_text{flex:1 1 55%;}
.purpostArea > .purpost_imgs{flex:1 1 45%;}
.purpostArea > .purpost_imgs img{display: block; width: 100%; max-width: 600px;}
/*理監事名單*/

/*董事長的話*/
.chairmanArea{display:flex; flex-direction: row; width: 100%; gap:60px;}
.chairmanArea > .chairman_imgs {flex:1 1 40%;  }
.chairmanArea > .chairman_imgs > img{display:block; width: 100%; border-radius: 0 40px 0 0;}
.chairmanArea > .chairman_text {flex:1 1 60%; padding:0 10% 0 0%; }
/*董事長的話*/

/*理監事名單*/
.serviceArea{display:flex; flex-direction: row; width: 100%; gap:20px; }
.serviceArea .service_text{flex:1 1 57%;}
.serviceArea .service_imgs{flex:1 1 43%; }
.serviceArea .service_imgs > img{ display: block; width: 100%; max-width: 600px;}

.supervisors_caption{color:var(--main); font-size:31px; font-weight: bold; display: block; width: 100%; line-height: 2;}
ul.supervisors{ display: flex; flex-direction: column;padding: 0 0px 0 31px ; margin: 0px; width:100%; list-style: none; }
ul.supervisors > li{position: relative; color:var(--main);font-size:21px; padding:20px 0; border-bottom:1px #ccc dashed; }
ul.supervisors > li:last-child{border:0;}
ul.supervisors > li::after{ content: url("../../public/parset/supervisors_sign.svg"); width: 18px; height: auto; position: absolute; left:-27px; top:0%; transform: translateY(21px);  }
/*理監事名單*/

/*消息公告 activity*/
ul.activionArea{ display:flex; flex-direction: column; width: 100%; list-style: none; padding:0; margin:0; font-size:20px; border-top:3px var(--main) solid; border-bottom:3px var(--main) solid;  }
ul.activionArea > li{ background: var(--white); }
ul.activionArea > li:nth-child(even){ display: block; width: 100%; background: var(--lightgray); }
ul.activionArea > li > a{display:flex; flex-direction: row; justify-content: flex-start; align-items:stretch; width:100%; margin: 0; padding:10px 0 10px 20px; position: relative; color:#333; }
ul.activionArea > li > a:hover{ background: var(--main); color:var(--white)}
ul.activionArea > li > a::after{ content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:4px; background:var(--lightpur); height:20px;  }
ul.activionArea > li > a > span.date{ padding:0px 0 0px 0px; flex:1 1 20%; max-width:300px; min-width: 250px; display:inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; }
ul.activionArea > li > a > span.name{
    flex:1 1 100%;
    display:-webkit-box; 
    line-clamp: 2; 
    -webkit-line-clamp: 2; 
    box-orient: vertical;
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    width: 100%; 
    line-height: 1.5; 
    padding:0px 0px;
}

ul.activionArea > li > a:hover > span.name { color:var(--white);}
/*消息公告 activity*/

/*活動花絮*/
ul.highlightsArea{ 
    list-style: none;
    display:flex; 
    flex-direction: row; 
    justify-content: flex-start; 
    width:100%;
    align-items: stretch; 
    flex-wrap: wrap;
    margin:10px 0px 0px; 
    gap: 20px;
}
ul.highlightsArea > li{
    display:inline-flex; 
    flex-direction: column; 
    justify-content: stretch; 
    align-items: flex-start; 
    width: calc( ( 100% - 60px ) / 4 );
    margin-bottom:20px;
 }

ul.highlightsArea > li > a{display: block; width: 100%;}
ul.highlightsArea > li > a > div > img{ width: 100%; max-width: 100%; aspect-ratio: 3 / 2;}
ul.highlightsArea > li > a > div{transition: all 0.2s linear;}
ul.highlightsArea > li > a > div > div.date{ color:#666; font-size:18px;}
ul.highlightsArea > li > a > div > div.name{
    display:-webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color:var(--main); 
    font-size:21px;
    font-weight: bold;
}

ul.highlightsArea > li > a:hover > div{ transform:scale(1.05);}
ul.highlightsArea > li > a:hover > div > div.name{color:var(--purplered); font-size:21px;}

/*活動花絮*/


/*媒體報導 news*/
ul.newsArea{ 
    list-style: none;
    display:flex; 
    flex-direction: row; 
    justify-content: flex-start; 
    width:100%;
    align-items: stretch; 
    flex-wrap: wrap;
    margin:10px 0px 0px; 
    gap: 20px;
}

ul.newsArea > li{
    display:inline-flex; 
    flex-direction: column; 
    justify-content: stretch; 
    align-items: flex-start; 
    width: calc( ( 100% - 60px ) / 4 );
    margin-bottom:20px;
 }
ul.newsArea > li > a{display: block; width: 100%;}
ul.newsArea > li > a > div > img{ width: 100%; max-width: 100%; aspect-ratio: 3 / 2;}
ul.newsArea > li > a > div{transition: all 0.2s linear;}
ul.newsArea > li > a > div > div.date{ color:#666; font-size:18px;}
ul.newsArea > li > a > div > div.repost{color:#666; font-size:18px;}
ul.newsArea > li > a > div > div.name{
    display:-webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color:var(--main); 
    font-size:21px;
    font-weight: bold;
}

ul.newsArea > li > a:hover > div{ transform:scale(1.05);}
ul.newsArea > li > a:hover > div > div.name{color:var(--purplered); font-size:21px;}

/*媒體報導 news*/

/*衛教資訊*/
ul.healthArea{ 
    list-style: none;
    display:flex; 
    flex-direction: row; 
    justify-content: flex-start; 
    width:100%;
    align-items: stretch; 
    flex-wrap: wrap;
    margin:10px 0px 0px; 
    gap: 20px;
}

ul.healthArea > li{
    display:inline-flex; 
    flex-direction: column; 
    justify-content: stretch; 
    align-items: flex-start; 
    width: calc( ( 100% - 60px ) / 4 );
    margin-bottom:20px;
 }

ul.healthArea > li > a{display: block; width: 100%;}
ul.healthArea > li > a > div > div.health_videoArea{display: flex; width: 100%; overflow: hidden; aspect-ratio: 16 / 9 ;position: relative; }
ul.healthArea > li > a > div > div.health_videoArea > img{ width: 100%; max-width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%);}
ul.healthArea > li > a > div{transition: all 0.2s linear;}
ul.healthArea > li > a > div > div.query{ 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 8px 0;
    line-height: 1.3;
    gap: 15px;
}

ul.healthArea > li > a > div > div.query > span:nth-child(1){
    flex: 1 0 auto;
    font-size: 31px;
    font-family: "Maven Pro", serif;
    font-weight: 600;
    font-style: italic;
    color: #ada6cc;
    transition: color 0.2s linear;

}
ul.healthArea > li > a > div > div.query > span:nth-child(2){
    flex: 1 1 100%;
    height: 16px;
    background: linear-gradient(to right, rgba(173, 166, 204, .5) 0%, rgba(173, 166, 204, 0) 100%);
}


ul.healthArea > li > a > div > div.author{color:#666; font-size:18px;}
ul.healthArea > li > a > div > div.name{
    display:-webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color:var(--main); 
    font-size:21px;
    font-weight: bold;
    text-align: left;
}
ul.healthArea > li > a:hover > div > div.query > span:nth-child(1){
    color:var(--purplered);
}

ul.healthArea > li > a:hover > div > div.name{
    color:var(--purplered)
}

ul.healthArea > li > a > div{transition: all 0.2s linear;}
ul.healthArea > li > a:hover > div{ transform: scale(1.05);}
/*衛教資訊*/
/*民眾專區*/

/*民眾專區*/
/*指導院所*/
.distItem{display:flex; flex-direction: column; width: 100%; background: #f4edff; margin-bottom: 5px;}
.distItem > h1{
    font-size:27px; 
    background:var(--lightpur);
    padding: 20px 20px;
    color:var(--purplered); 
    border-radius: 10px; 
    cursor: pointer;
    transition:all .3s ease-out
}
.distItem > h1.hover{background: var(--main); color:var(--white); }
.distItem > h1:hover{background: var(--main); color:var(--white);}
.distItem > .item_area{overflow-y: hidden; height: 0; transition:height .5s ease-out }
.distItem > .item_area > .box{padding: 30px; }
.distItem > .item_area > .box > table{
    width: 100%;
    list-style: none; 
    margin-bottom: 40px; 
    border-right:1px var(--main) solid;
    border-bottom:1px var(--main) solid; 
    }
.distItem > .item_area > .box > table > tbody{ width: 100%;}
.distItem > .item_area > .box > table:last-child{list-style: none; margin-bottom: 0px;}
.distItem > .item_area > .box > table > tbody > tr > td{
    border-left:1px var(--main) solid;
    border-top:1px var(--main) solid;
    padding:10px 15px; 
    font-size:18px;
    width: auto;
    box-sizing: border-box;
    height: auto;
}
.distItem > .item_area > .box > table > tbody > tr > td:first-child{
    text-align: right;
    width:130px;
}

.distItem > .item_area > .box > table > tbody > tr > td > a{ 
    color:var(--white); 
    background: var(--main); 
    padding:5px 15px; 
    border-radius: 15px;
    box-sizing: border-box;
    
}

.distItem > .item_area > .box > table > tbody > tr > td > a:hover{
    background: var(--purplered);
}
/*指導院所*/




/*加入會員*/
.members_container{padding:5px 0 ;}
.members_area{display:flex; flex-direction: column; justify-content:flex-start; align-items: flex-start; gap:60px; }
.members_area > .members_dist{display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width:100%; gap:25px;}
.members_area > .members_dist > .members_items{flex:1; width:100%; display:flex;  flex-direction:column;}
.members_area .members_items_caption{font-weight:400;color:var(--white)}
.members_area .members_items_caption_style{background:#5f477b; width:auto; display:inline-block; padding:0px 15px; border-radius:15px;margin:0 0 5px}
.members_area .members_download_area{margin-top:20px;}
.members_area .members_download_area > a{color:var(--purplered); font-size:18px; }
.members_area .members_download_area > a:hover{color:#f00;}
.members_area .members_download_area img{ height:18px; width: auto;}
.members_area .spacer_line{width:100%; height:1px; border-bottom:1px dashed var(--main);}

/*加入會員*/

/*聯絡我們*/
.contactArea{display: flex; flex-direction: row; width: 100%; gap:40px }

.contactArea > div:nth-child(1){ flex:1 1 50%; display:inline-flex; flex-direction: column; padding: 10px 0; }
.contactArea > div:nth-child(2){flex:1 1 50%;}

.contactArea > div:nth-child(1) > .text{ width: 100%; font-size:18px; line-height: 1.5; text-align: justify;}
.contactArea > div:nth-child(1) > .text > a{ color: var(--purplered); display: inline-block; text-decoration: underline; }
.contactArea > div:nth-child(1)  table{margin-top:20px; font-size: 18px; width: 100%;}
.contactArea > div:nth-child(1)  table > tbody{width: 100%;}
.contactArea > div:nth-child(1)  table > tbody > tr{ width: 100%;}
.contactArea > div:nth-child(1)  table > tbody > tr > td{padding:5px 0px;}
.contactArea > div:nth-child(1)  table > tbody > tr > td:nth-child(1){ width: auto; white-space: nowrap; text-align: justify;}
.contactArea > div:nth-child(1)  table > tbody > tr > td:nth-child(2){ width: 100%;}
.contactArea > div:nth-child(1)  table > tbody > tr > td input { font-size:18px;}
.contactArea > div:nth-child(1)  table > tbody > tr:last-child > td{ text-align: center;}
.contactArea > div:nth-child(1)  table > tbody > tr:last-child > td > div{ display: inline-flex; flex-direction: row; gap: 20px;}

/*company index*/
.companyArea{display:block;}
.companyArea > ul{display:flex; list-style: none; flex-direction: row; width: 100%; gap:30px; flex-wrap: wrap; }
.companyArea > ul > li{ width: calc( ( 100% - 120px ) / 5 ); display:inline-flex; flex-direction: column; }
.companyArea > ul > li > a{ display: flex; flex-direction: column; justify-content:flex-start; align-items: center; font-size:21px; color:#333; fill:var(--main)}
.companyArea > ul > li > a > div.svgArea{ width:100%; border:2px var(--main) solid; border-radius: 20px; text-align: center;padding:25px; }
.companyArea > ul > li > a > div.svgArea > svg{ width:100%; max-width: 100px; fill:var(--main); }
.companyArea > ul > li > a > div.svgText{ display: block; text-align: center; margin:10px 0;}
.companyArea > ul > li > a:hover div.svgArea{fill:var(--purplered);}
.companyArea > ul > li > a:hover div.svgText{color:var(--purplered); }


/*company index*/


form[name=contact]{width:100%; padding:0; margin: 0; }
form[name=contact] input[name=name]{ width:auto}
form[name=contact] input[name=tel]{width:auto}
form[name=contact] input[name=email]{width:auto}
form[name=contact] textarea[name=message]{ width:100%; resize: none;font-size:18px}
form[name=contact] .contact_verify{ display:flex; flex-direction: row; justify-content: flex-start; align-items: center; }
form[name=contact] .enter{display:flex; flex-direction: row; justify-content: center; align-items: center; gap:20px; padding:30px 0}

.contact_maps{width:100%; aspect-ratio: 16 / 9; }
.contact_address{text-align: center; font-size:18px; margin-top:20px}



/*page 頁次*/
.pagePosition{display:flex; width: 100%; justify-content: flex-end; align-items: center; font-size: 18px; }
.pageArea{ display:flex; flex-direction: row; justify-content: center; margin:50px 0px 0px; align-items: center; gap: 5px; }
.pageArea > ul{display: inline-flex; flex-direction: row; justify-content: center;  align-items: center; list-style: none; gap: 5px; }
.pageArea > ul > li{ display:inline-block;}
.pageArea > ul > li > a{display:inline-block; padding:2px 0; width:30px; text-align: center; border:1px #333 solid; border-radius: 5px; background:var(--main); color:var(--white) }
.pageArea > ul > li > a:hover{background:var(--purplered);}
.pageArea > ul > li > a.hover{background:var(--purplered);}
.pageArea > a{ display:inline-flex; width:30px; padding:2px 0; justify-content: center; align-items: center; border:1px var(--main) solid; border-radius: 5px; color: var(--main); }
.pageArea > a:hover{background:var(--purplered); color:var(--white) }
/*page 頁次*/
.caption_item{color:var(--main); font-size:31px;}

.inside_banner_img{width:100%}
.inside_banner_text{
    position:absolute; 
    left:50%; 
    top:50%; 
    font-size:37px; 
    font-weight:bold; 
    transform: translate(-50%,-50%); 
    color:var(--white);
    text-shadow: 1px 1px 10px black;
}

.activity_caption{ display:flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.activity_name{ display: block; color:var(--main);padding:10px 0px; }
.activity_date{ display:block; width: 100%; line-height: 1.5; color:#777; font-weight: 500; }


.activity_registrationArea{display:block; width:100%; text-align: center; margin-top:40px}
form[name=registration_form]{ display:inline-block; width: 100%; max-width: 800px; background: linear-gradient(225deg,  #e0c3fd 0%, #bdc4fb 50%,  #8ec5fd 100% ) ;padding:50px 30px; border-radius: 20px; }
.registration_caption{font-size: 31px;}
form[name=registration_form] > table{ width:100%;}
form[name=registration_form] > table > tbody{ width:100%;}
form[name=registration_form] > table > tbody > tr{ width:100%;}
form[name=registration_form] > table > tbody > tr > td{padding:5px 0}
form[name=registration_form] > table > tbody > tr > td:nth-child(1){ width:auto; white-space: nowrap;text-align: right; font-size:18px}
form[name=registration_form] > table > tbody > tr > td:nth-child(2){ width:100%; text-align: left;}
.verify_code{display:flex; justify-content: flex-start; align-items: center;}
form[name=registration_form] > table > tbody > tr > td:nth-child(2) > input{width: 100%;}
form[name=registration_form] > table > tbody > tr > td:nth-child(2) input{font-size:18px;}
.registration_but_area{text-align: center;margin-top:30px}
.registration_but_area > input{font-size:18px;padding:2px 10px}

.highlights_caption{ display:flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.highlights_name{ display: block; color:var(--main);padding:10px 0px; }
.highlights_date{ display:block; width: 100%; font-size:24px; line-height: 1.5; color:#777 }
.highlights_video{ width: 100%; aspect-ratio: 16 / 9; margin:20px 0}


.news_caption{ display:flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.news_name{ display: block; color:var(--main);padding:10px 0px; }
.news_about{display:flex; width: 100%; flex-direction: row;font-size:24px; justify-content: flex-start; align-items: center;gap:50px}
.news_date{ display:inline-block; width: auto;  line-height: 1.5; color:#777 }
.news_author{ display:inline-block; width: auto; line-height: 1.5; color:#777 }
.news_video{ width: 100%; aspect-ratio: 16 / 9; margin:20px 0}


.health_caption{display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding:10px 0px; gap:10px;}
.health_caption > .health_name{ color:var(--main); }
.health_caption > .health_q_number{ color:var(--main); font-family: "Maven Pro", serif; font-style: italic; }
.health_author{ display:block; width: auto; line-height: 1.5; color:#777; font-weight: 400; margin:0 0 10px 0 }
.health_video{width: 100%; aspect-ratio: 16 / 9; margin:20px 0}


input[name=sp]{display:none}
.require{display:inline-block;position: relative;}
.require::after{content: '*'; color:#c00 ; position: absolute; left:-18px; top:0;}

/*編輯器設置的CSS 與 編輯器需一致 _tinymce_upload.css */
.edit_content{display: block; width: 100%;}
.edit_content h1{font-weight: 900;color:#333;line-height:150%; margin:0;font-size: 2.7em; margin:0.3em 0}
.edit_content h2{font-weight: 900;color:#333;line-height:150%; margin:0;font-size: 2.1em;margin:0.3em 0}
.edit_content h3{font-weight: 900;color:#333;line-height:150%; margin:0;font-size: 1.77em;margin:0.3em 0}
.edit_content h4{font-weight: 900;color:#333;line-height:150%; margin:0;font-size: 1.5em;margin:0.3em 0}
.edit_content h5{font-weight: 500;color:#333;line-height:150%; margin:0;font-size: 1.1em;margin:0.3em 0}
.edit_content h6{font-weight: 500;color:#333;line-height:150%; margin:0;font-size: 1em;margin:0.3em 0}

.edit_content ol{padding-left:2em; font-size: 1.1em;margin:0.3em 0 }
.edit_content ul{padding-left:2em; font-size: 1.1em;margin:0.3em 0 }
.edit_content ol li, .edit_content ul li{margin:0.3em 0; }

.edit_content img{margin:1em 0em;}
.edit_content img.float_left{margin:1em 1em 1em 0em; float: left;}
.edit_content img.float_right{margin:1em 1em 1em 1em;; float:right;}
.edit_content img.float_center{margin:1em; clear: both; }

.edit_content td img{padding: 0 1em}

/*編輯器設置的CSS 與 編輯器需一致 _tinymce_upload.css */

@media screen and ( max-width : 1279px ) {
    .companyArea > ul{gap:20px}
    .companyArea > ul > li{ width: calc( ( 100% - 60px ) / 4 ); }   
    .companyArea > ul > li > a > div.svgArea{ padding:25px; }
    .companyArea > ul > li > a > div.svgArea > svg{ max-width: 90px; }

    .subjectArea .subject{font-size:36px;}
    .subjectArea .adorn{ height:33px;}
}

@media screen and ( max-width : 1179px ) {.members_container{padding:0px 0 1px;}}


@media screen and ( max-width : 1023px ) {
    .purpostArea{flex-direction: column;}
    .purpostArea > .purpost_imgs{text-align: center;}
    .purpostArea > .purpost_imgs img{display:inline-block}
    
    .chairmanArea{gap:30px; flex-direction: column;}
    .chairmanArea > .chairman_imgs{padding:0 5%;}
    .chairmanArea > .chairman_imgs img{border-radius: 40px;}
    .chairmanArea > .chairman_text{padding:0 5% 0 5%}
    
    ul.highlightsArea > li{width: calc((100% - 40px) / 3);}
    ul.newsArea > li{width: calc((100% - 40px) / 3);}
    ul.healthArea > li{width: calc((100% - 40px) / 3);}

    .contactArea{flex-direction: column;}

    .news_about{ font-size:21px;}

/*編輯器呈現的 td */
.edit_content td img{padding: 0 0em}
.edit_content table{width:100%;}
.edit_content tbody{width:100%;}
.edit_content colgroup col{ display:block; min-width: 100%; }
.edit_content tr{width: 100%; min-width:100%; display: flex; flex-direction: column;justify-content: flex-start; align-items: center;}
.edit_content tr td{display:block; width: 100%; min-width:100%;}
/*編輯器呈現的 td*/

}

@media screen and ( max-width : 767px ){
    #container{overflow-x: hidden; display: flex; justify-content: center;  }
    .inside_banner_img{min-width: 900px;}
    .companyArea > ul{gap:15px}
    .companyArea > ul > li{ width: calc( ( 100% - 30px ) / 3 ); }   
    .companyArea > ul > li > a > div.svgArea{ padding:15px; }
    .companyArea > ul > li > a > div.svgArea > svg{ max-width: 80px; }

    ul.highlightsArea > li > a > div > div.date{font-size:15px}
    ul.highlightsArea > li > a > div > div.name{font-size:18px;}

    ul.activionArea > li > a{ flex-direction: column;}
    ul.activionArea > li > a::after{ height:70%;}

    ul.newsArea > li > a > div > div.date{font-size:15px}
    ul.newsArea > li > a > div > div.repost{font-size:15px}
    ul.newsArea > li > a > div > div.name{font-size:18px}

    ul.healthArea > li > a > div > div.query > span:nth-child(1){font-size:27px;}
    ul.healthArea > li > a > div > div.author{font-size:15px}
    ul.healthArea > li > a > div > div.name{font-size:18px}

    form[name=registration_form] > table > tbody > tr > td:nth-child(2) input{width:100%}
    form[name=registration_form]{padding:5%;}
}

@media screen and ( max-width : 710px ) {
    .subjectArea .subject{ font-size:31px;}
    .subjectArea .adorn{ height:27px;}
    
}

@media screen and ( max-width : 539px ){
    .subjectArea {gap:50px;}
    
    .subjectArea .subject::after{transform:scale(80%);}
    .companyArea > ul{gap:15px}
    .companyArea > ul > li{ width: calc( ( 100% - 30px ) / 3 ); } 
    .companyArea > ul > li > a > div.svgArea{ padding:15px; }
    .companyArea > ul > li > a > div.svgText{font-size:18px}  
    .companyArea > ul > li > a > div.svgArea > svg{ max-width: 70px; }

    .serviceArea{flex-direction: column;}

    ul.highlightsArea{gap:15px}
    ul.highlightsArea > li{width: calc((100% - 15px) / 2);}
    ul.highlightsArea > li > a > div > div.date{font-size:15px}
    ul.highlightsArea > li > a > div > div.name{font-size:18px;}

    ul.newsArea{gap:15px}
    ul.newsArea > li{width: calc((100% - 15px) / 2);}

    ul.healthArea{gap:15px}
    ul.healthArea > li{width: calc((100% - 15px) / 2);}

    .contactArea > div:nth-child(1) table > tbody > tr > td input{width:100%;}

    .news_about{flex-direction: column; align-items: flex-start; gap:5px; font-size:18px;}
    
    .distItem > h1{font-size:21px;}
    .distItem > .item_area > .box > table > tbody > tr > td{font-size:16px;padding:5px}
    .distItem > .item_area > .box > table > tbody > tr > td:first-child{width:100px}
    .distItem > .item_area > .box > table > tbody > tr > td > a{ padding:5px 15px;}

}

@media screen and ( max-width : 419px ){
    .companyArea > ul{gap:10px}
    .companyArea > ul > li{ width: calc( ( 100% - 10px ) / 2 ); } 
    .companyArea > ul > li > a > div.svgArea > svg{ max-width: 70px; }

    .subjectArea .subject{ font-size:26px;}
    .subjectArea .adorn{ height:23px;}

}