/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Twenty Child Theme
 Author: the WordPress team
 Author URI: https://wordpress.org/
 Theme URI: https://wordpress.org/themes/twentytwenty/
 Template:     twentytwenty
 Version:      2020.06.26.t.13.2.211111111111111_0318111111121

 License:      GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/

@font-face {
    font-family: "MYuenHK-SemiBold";
    src: url("https://db.onlinewebfonts.com/t/14986698d9fc9cc5a26b5b3ce649eae2.eot");
    src: url("https://db.onlinewebfonts.com/t/14986698d9fc9cc5a26b5b3ce649eae2.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/14986698d9fc9cc5a26b5b3ce649eae2.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/14986698d9fc9cc5a26b5b3ce649eae2.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/14986698d9fc9cc5a26b5b3ce649eae2.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/14986698d9fc9cc5a26b5b3ce649eae2.svg#MYuenHK-SemiBold")format("svg");
}

@font-face {
    font-family: "MYuenHK-Xbold";
    src: url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.eot");
    src: url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.svg#MYuenHK-Xbold")format("svg");
}



/* reset css */
*{font-family: 'Noto Sans TC', '微軟正黑體',"Microsoft JhengHei","微軟正黑體",微軟正黑體,"Apple LiGothic Medium","蘋果儷中黑",蘋果儷中黑,Arial,Helvetica,sans-serif;}
body { background: #fff; }
a, a:hover, a:active, a:focus{text-decoration: none;}
img{margin: 0 auto;padding: 0;border: 0;}
.row{margin: 0 auto;}
.fa, .far, .fas {    font-family: "Font Awesome 5 Free" !important;}

/* highlight color css */
/*** Works on common browsers ***/
/*::selection {    background-color: #FFD1BB;   color: #000;}*/
/*** Mozilla based browsers ***/
/*::-moz-selection {    background-color: #FFD1BB;    color: #000;}*/
/***For Other Browsers ***/
/*::-o-selection { background-color: #FFD1BB; color: #000;}
::-ms-selection {background-color:#FFD1BB;color: #000;}*/
/*** For Webkit ***/
/*::-webkit-selection { background-color: #FFD1BB; color: #000;}*/
button:focus {outline: none;}
#top_mask{position: fixed;top: 0; width: 100%;height: 150px;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,1) 90%);z-index: 1;display: none;}
button.close-nav-toggle i,button.close-nav-toggle i:focus, button.close-nav-toggle i:active,button.close-nav-toggle i:hover {font-size: 24px;color: #aaa; margin-right: 15px;padding: 5px 10px; border: none; text-decoration: none !important;}
.menu-modal .toggle{text-decoration: none;}
button.close-nav-toggle {padding: 3.1rem 0 10px;}
.mobile-menu {display: block;margin-top: calc(50% - 100px);}


/* a link color css */
.color-accent,.color-accent-hover:hover,.color-accent-hover:focus,:root .has-accent-color,.has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline,a { color: #FF9377; }blockquote,.border-color-accent,.border-color-accent-hover:hover,.border-color-accent-hover:focus { border-color: #FF9377; }button:not(.toggle),.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color,.comment-reply-link { background-color: #FF9377; }.fill-children-accent,.fill-children-accent * { fill: #FF9377; }body,.entry-title a,:root .has-primary-color { color: #000000; }:root .has-primary-background-color { background-color: #000000; }cite,figcaption,.wp-caption-text,.post-meta,.entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li,.wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date,.wp-block-embed figcaption,.wp-block-image figcaption,.wp-block-pullquote cite,.comment-metadata,.comment-respond .comment-notes,.comment-respond .logged-in-as,.pagination .dots,.entry-content hr:not(.has-background),hr.styled-separator,:root .has-secondary-color { color: #6d6d6d; }:root .has-secondary-background-color { background-color: #6d6d6d; }pre,fieldset,input,textarea,table,table *,hr { border-color: #dcd7ca; }caption,code,code,kbd,samp,.wp-block-table.is-style-stripes tbody tr:nth-child(odd),:root .has-subtle-background-background-color { background-color: #dcd7ca; }.wp-block-table.is-style-stripes { border-bottom-color: #dcd7ca; }.wp-block-latest-posts.is-grid li { border-top-color: #dcd7ca; }:root .has-subtle-background-color { color: #dcd7ca; }body:not(.overlay-header) .primary-menu > li > a,body:not(.overlay-header) .primary-menu > li > .icon,.modal-menu a,.footer-menu a, .footer-widgets a,#site-footer .wp-block-button.is-style-outline,.wp-block-pullquote:before,.singular:not(.overlay-header) .entry-header a,.archive-header a,.header-footer-group .color-accent,.header-footer-group .color-accent-hover:hover { color: #FF9377; }.social-icons a,#site-footer button:not(.toggle),#site-footer .button,#site-footer .faux-button,#site-footer .wp-block-button__link,#site-footer .wp-block-file__button,#site-footer input[type="button"],#site-footer input[type="reset"],#site-footer input[type="submit"] { background-color: #666666; }.header-footer-group,body:not(.overlay-header) #site-header .toggle,.menu-modal .toggle { color: #000000; }body:not(.overlay-header) .primary-menu ul { background-color: #000000; }body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #000000; }body:not(.overlay-header) .primary-menu ul ul:after { border-left-color: #000000; }.site-description,body:not(.overlay-header) .toggle-inner .toggle-text,.widget .post-date,.widget .rss-date,.widget_archive li,.widget_categories li,.widget cite,.widget_pages li,.widget_meta li,.widget_nav_menu li,.powered-by-wordpress,.to-the-top,.singular .entry-header .post-meta,.singular:not(.overlay-header) .entry-header .post-meta a { color: #6d6d6d; }.header-footer-group pre,.header-footer-group fieldset,.header-footer-group input,.header-footer-group textarea,.header-footer-group table,.header-footer-group table *,.footer-nav-widgets-wrapper,#site-footer,.menu-modal nav *,.footer-widgets-outer-wrapper,.footer-top { border-color: #dcd7ca; }.header-footer-group table caption,body:not(.overlay-header) .header-inner .toggle-wrapper::before { background-color: #dcd7ca; }
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover{color: #666666}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover{color: #9B4545}

body{font-size: 100%;}

.footer-nav-widgets-wrapper {display: none}
.footer-nav-widgets-wrapper{border: none;/*background: url(/crs-nasal-polyps-severe-asthma/wp-content/uploads/2020/img/footer_bg_new.jpg) bottom center no-repeat;background-size: 2560px 210px;*/height: 210px;}
.footer-nav-widgets-wrapper.header-footer-group {
    margin-top: 100px !important;
    height: 0 !important;
}



.header-inner .toggle{position: absolute;right: -20px; } 
.nav-toggle .toggle-inner{padding-top: 0;height: auto;text-align: center;}
.nav-toggle .toggle-icon, .nav-toggle svg{width: 30px; height: 30px;}
.toggle-icon {background:none; border:0}

.primary-menu-wrapper button.close {align-items: unset; position:absolute; right:-20px; top:30px; z-index: 3;padding: 0;opacity: 1;}
button.close i{font-size: 24px; color: #fff;}


/* breadcrumb */
.page_bg{
    background: linear-gradient(0deg, #FDDFE9 0%, #FFF 100%), #FFF;
    background-image: url('./assets/images/common/bg-bottom.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    /* background-color: #FDDFE9; */
    background-image: url('./assets/images/common/bg-bottom.png'), linear-gradient(0deg, #FDDFE9 0%, #FFF 100%);
    /* background-color: #FDDFE9
    background-blend-mode: overlay */
}
.bread_padding{/*padding-top: 110px;*/padding-top: 130px;}
.breadcrumb {background: transparent; margin-bottom: 20px}
.breadcrumb span{font-weight: 400;font-size: 13px;line-height: 19px;letter-spacing: 0.05em;color: #391D1E;}
.breadcrumb a span{ color: #391D1E;}
.breadcrumb a:hover span{ color: #F02073; text-decoration: underline;}
.breadcrumb i{margin: 0 5px;}
.singular .entry-header{background: transparent}

/* w css */
.footer-inner.section-inner {text-align: left;padding-top: 140px;max-width: 1070px;}
.footer-top.has-footer-menu {display: inline-block; border: none;padding: 0;}
a {cursor: pointer;}
.article-title {text-align: center;}
.left { float: left;}
.article-container {margin: 0 8%;}
.center {text-align: center;}

.main-content { 
    padding-top: 90px; 
}


.main-content:not(.front-page) { 
    /*background: url(/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/homepage/home-bg.png) no-repeat top 90px center;*/ 
    background: linear-gradient(0deg, #FDDFE9 0%, #FFF 100%), #FFF;
    background-image: url('./assets/images/common/bg-bottom.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    background-image: url('./assets/images/common/bg-bottom.png'), linear-gradient(0deg, #FDDFE9 0%, #FFF 100%);
    /* background-color: #FDDFE9; */
}
.singular .featured-media::before { background: none;}
#recent-article a { text-decoration: none;}
.modal-menu li {border-width: 1px 0 0 0; border-color: #eee;}
.modal-menu {padding: 0 40px;}
.modal-menu > li:first-child{border-top: none;}
.modal-menu > li:last-child{border-bottom: none;}
button.close-nav-toggle svg {margin-right: 20px;}

/* article col css */
.latest-article-column {width: 100%;background: #FFFFFF; border-radius: 0px; box-sizing: border-box;/*height: 100%;*/transition: all .3s}
.latest-article-column:hover {  box-shadow: 0px 10px 20px rgba(155,69,69,0.3); transition: all 0.3s;}
.latest-article-thumbnail { height: 220px; border-top-right-radius: 0px; border-top-left-radius: 0px;   background-size: cover; background-position: center center;transition: all .8s;  overflow: hidden;  position: relative;}
.latest-article-thumbnail::before {   content:"";  position:absolute; top:0;right:0;bottom:0;left:0;  background:inherit;  transition:inherit;}
.latest-article-column:hover .latest-article-thumbnail::before{  transform: scale(1.2); }

.latest-article-content {text-align: left; /*padding: 15px 20px;*/}
.article_cat {
    border: 1px solid #82383B;
    box-sizing: border-box;
    padding: 0 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #82383B;
    align-self: center;
    margin: 0 4px 8px 0;
    text-align: center;
    display: inline-block;
}

.article_headline{
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.85px;
    color: #9B4545;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 90px;
    padding: 15px 20px 0;
}

.article_desc{margin-bottom: 10px;font-style: normal;font-weight: 400;font-size: 16px !important;line-height: 23px;letter-spacing: 0.05em;color: #232323 !important; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-box-orient: vertical;  -webkit-line-clamp: 3 ; padding: 0 20px;}
.article_desc p{font-style: normal;font-weight: 400;font-size: 16px !important;line-height: 23px;letter-spacing: 0.05em;color: #232323 !important; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-box-orient: vertical;  -webkit-line-clamp: 3 ; padding: 0 20px;}
.article_more{text-align:center;font-weight:400;font-size:16px;line-height:30px;letter-spacing:.1em;color:#fff; background-color:#F02073; padding:8px 12px; margin-top:20px; transition:all .3s}
/*.article_more:after{content:'\f054';font-family:'Font Awesome\ 5 Free';font-weight:900;font-size:15px;color:#82383B;padding-left:10px}*/

.latest-article-column:hover .article_more { background-color:#9B4545}


.article-tags {margin: 50px 15px;}
.article-tags button{
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 0.05em;
    color: #CCC;
    padding: 6px 30px;
    border-radius: 10px;
    border: 2px solid #CCC;
    background: #FFF;
    display: inline-block;
    margin: 0 20px;
    transition: all .3s;}
.article-tags button.is-checked,
.article-tags button:hover {
    color: #fff;
    border-color: #FF9377;
    background: #FF9377;
    text-decoration: none;
}
.article-tags button:focus{text-decoration: none;}
.btn{background: #FFFFFF;
    border: 2px solid #F26522;
    border-radius: 10px;
    font-weight: 700;
    font-size: 21px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #F26522;
    padding:10px 70px;
    transition:background .3s
}
.btn:hover{ color: #fff; background-color: #F26522;}
.recent-section .btn {margin:35px auto 0;}


#site-content { overflow: visible;}


/* header */
#site-header {top: 0px;position: fixed;width: 100%;z-index: 6;background: #9B4545; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05); }
.header-inner{max-width:1170px; height: 90px; background: #9B4545; padding: 20px 30px;justify-content: center;}
.header-titles{margin: 0;}


/* menu css */
ul.primary-menu {align-items:center}
.primary-menu a{position:relative; font-family: "MYuenHK-SemiBold", 'Noto Sans TC', sans-serif; color: #fff !important; text-decoration: none;font-size: 24px; font-weight: 600; line-height: normal; letter-spacing: 1.2px;}
.primary-menu a:hover,.primary-menu a:active, .primary-menu a:focus{color: #DAC962 !important;text-decoration: none; transition: all .3s;}
.primary-menu > li:not(:first-child){margin-left: 50px;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a, .current_page_parent > a{color: #DAC962 !important;text-decoration: none;}
/*.primary-menu a:not(:last-child):after, .current_page_parent a:after {content:'';position:absolute;width:100%;transform:scaleY(0);height:2px;bottom:-4px;left:0;background-color:#FF9377;transition:all .3s}
.primary-menu a:hover:after, .current_page_parent a:after  { transform: scaleY(1);}
.current_page_item a{border-bottom:2px solid #82383B}*/




.primary-menu a.test-cta{padding: 10px 25px;height: 44px;background: #FF9377;border-radius: 10px;align-self: center;display: block;transition: all .3s;font-weight: 500;
font-size: 18px;
line-height: 27px;
display: flex;
align-items: center;
letter-spacing: 0.05em;
color: #FFFFFF !important;}
.primary-menu a.test-cta img{ margin-right: 10px; display: inline-block;}
.primary-menu a.test-cta:hover, .mobile-selfass-btn a.test-cta:hover{background: #82383B; transition: all .3s}
.modal-menu a {color:#9B4545 !important;}
.mobile-selfass-btn {position: absolute; right: 100px;}
.mobile-selfass-btn a.test-cta{
    padding: 10px 25px;
    height: 44px;
    background: #FF9377;
    border-radius: 10px;
    align-self: center;
    display: block;
    transition: all .3s;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05em;
    color: #FFFFFF !important;
}

.mobile-selfass-btn a p{color:#fff !important; font-size:20px; line-height: 20px; margin-bottom: 0;}
.mobile-selfass-btn a p br{display:none}

button.close-nav-toggle .toggle-text {display: none}


/* footer css */
#site-footer.header-footer-group{background:rgba(255,255,255,1);width:100%;padding: 30px 0 35px;}
.footer-credits, .footer-credits p{font-weight:350;font-size:11px;line-height:19px;letter-spacing:.05em;color:#454545 !important;padding-top:12px;padding-bottom:12px;display:block}
.footer-credits a{color:#454545;text-decoration:none}
.footer-credits a:hover{color:#F02073}
.footer-credits span{margin:0 10px}
p.footer-copyright{width:100%;line-height:24px;font-weight:300}
img.healthyd_logo{max-width:142px;width:100%}

.footer-menu a{font-style: normal;font-weight: 300;font-size: 14px;line-height: 200%;letter-spacing: 0.05em;color: #999999 !important;margin: 30px 0px;}
.footer-menu a:hover{color: #F02073 !important;}
.footer-menu{margin: 0; padding: 0;}
.footer-menu li{margin: 0 15px;}
.footer-menu li::after{ content: '/'; font-style: normal;font-weight: 300;font-size: 14px;line-height: 200%;letter-spacing: 0.05em;color: #999999;margin: 0 0 0 30px;}
.footer-menu li:first-child{margin-left: 0;}
.footer-menu li:last-child::after{display: none}

/* homepage css */
.home_kv{margin: 0 auto; }
.home_kv img {margin: 0 auto; }
.home-title,.entry-title{text-align: center;margin-top: 50px; margin-bottom: 20px;}
h1.entry-title, h2.entry-title{
    text-align: center;
    font-weight: 700;
    font-size:36px;
    line-height: 28px;
    margin-bottom: 40px;
    letter-spacing: 0.1em;
    color: #9B4545;
    margin-top: 30px;
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.articles-section h2.entry-title{text-align: center;margin-top: 0px; margin-bottom: 20px;}
.home-title span,h1.entry-title span, h2.entry-title span{
    font-family: 'Noto Sans TC',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 52px;
    text-align: center;
    letter-spacing: .1em;
    color: #9B4545;
    z-index: 2;
    position: relative;
}

.home-title {margin-bottom:30px;}
.home-title span {
    border-color:#FFDE17;

}
.post-inner{padding: 0;margin: 0 auto;}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {max-width: 100%;width: 100%;}
.entry-content p, .entry-content ol li , .entry-content ul li{
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0.05em;
    color: #9B4545;
    margin-bottom: 30px;
}

.entry-content > *:last-child { margin-bottom: 80px;}
.entry-content p span{display: inline;}
.main-content .entry-content > *:last-child { margin-bottom: 30px;}

/*.entry-content > .front-page {margin-top:120px; margin-bottom: 0}*/


/*Article css*/
.back-btn{
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.2em;
    border: 2px solid #9B4545;
    color: #9B4545;
    border-radius: 50px;
    box-sizing: border-box;
    background: #fff;
    height: 42px;
    max-width: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all .3s
}
.back-btn:hover {
    color: #fff;
    background: #9B4545;
    border-color: #9B4545;
}


.article-content{/*margin-top:40px*/}
.article-title.entry-title {
    max-width: 768px;
    margin: 80px auto 60px;
}
h1.article-title.entry-title:after, h1.result-title.entry-title:after, .assessment-ctr h1.entry-title:after{display: none}

.articles-section .grid {margin-bottom:50px; width: 100%;}
.articles-section .grid-item {width:100%;float: left;margin-bottom: 40px;}
.latest-article-thumbnail img{width:100%; height:220px}
.articles-section .latest-article-content {margin-bottom:0}

p.articles-content, p.articles-intro {text-align:left; margin-bottom:0px}
.in-articles-image {margin-top:45px; max-width:700px; width:100% }

.featured-media img {margin: 0 auto; width: 100%; max-width:768px}

.entry-content .post_title, .entry-content h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.858;
    text-align: left;
    letter-spacing: 0.1em;
    color: #dc646f;
}

.post-inner .entry-content table ul { margin: 10px;}

.post-template-article h2 {font-family: "Noto Sans TC", sans-serif; font-weight: 700; font-size: 28px; line-height: 1.5; text-align: left; letter-spacing: 0.1em; color: #9B4545}
/*.post-template-article p {color: #9B4545}*/
.post-template-article ol li {margin-bottom: 10px}
.post-template-article ol li a { color: #9B4545; text-decoration: underline;}


.post-template-article p.code {
  font-size: 13px;
  color: rgb(52, 71, 139);
}

/* Recent Article */
.recent-section {/*background-color:#ecf3f9;*/ padding:40px 0 120px}
.recent-section #recent-article {margin-bottom: 50px;}
.post .recent-section {
    padding: 55px 0 60px;
}
/*Mobile: dropdown-list*/
/*.custom_select select {width:100%; text-align-last:center; background-color: #FF9377 !important; border: 1px solid #FF9377; color:#fff; height: 45px; border-radius: 25px; margin: 30px 0; font-size:22px; font-weight:700; line-height:22px;-webkit-appearance: none;}
.custom_select select::-ms-expand {display: none;}
.custom_select:after { content: '\f107'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: 22px; color:#fff; top: 39px; right: 30px; position: absolute;}
*/

/* Subpage Title */
/*
h1.entry-title span {
    color: #FFFFFF;
    border: none;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.1em;
}
*/

/* Information css */
div.anchor {
  margin-top: -110px; /* height of nav, in this case 54px */
  display: block;
  height:110px; /* height of nav, in this case 54px */
  visibility: hidden;
  position: relative;
}



/* Reference */
.ref, .ref *, .ref p .ref ol li, .ref ol li a, .entry-content .code{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; 
    color:#9B4545;
    letter-spacing: 1.3px;
}
.ref p{font-weight: 500;}
.ref ol{margin-left: 0px;}
.ref ol li{margin-bottom: 0;margin-top: 15px;}
.ref ol li a{word-break:break-all; text-decoration: underline;}
.ref ol li a:hover{color:#F02073;transition:all .3s}



.page_content {padding-bottom: 80px}

/* Frontpage css */
.front-page {
    background-color: #FFDBE6;
}

.front-page .banner {
    margin: 72px auto 45px;
    max-width: 1125px;
    width: 100%;
}


.front-page .banner iframe { 
    margin: auto;
    width: 100% !important;
}

.front-page .home-intro {
    background: url('./assets/images/bg-curve.png') no-repeat top center / cover;
    padding: 200px 0;
    /* background: linear-gradient(180deg, #FDDFE9 0%, #FFDBE6 100%), #FFDBE6; */
    background-color: #fde1eb;
    background-image: url('./assets/images/bg-curve.png'), linear-gradient(180deg, #ffdbe5 0%, #fde1eb 100%);
    background-size: 100% 98%;
    background-repeat: no-repeat;
}


.front-page .home-intro h2 {
    color: #F02073;
    font-family: "MYuenHK-Xbold", 'Noto Sans TC', sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 30px;
}


.front-page .home-intro p {
    color: #CA145D;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1.44px;
}


.front-page .home-intro p:not(:last-child) {
    margin-bottom: 36px;
}

.front-page .pink-gradient {
    background-image: url('./assets/images/common/bg-bottom.png'), url('./assets/images/bg-pink-gradient.png');
    background-position: bottom, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, cover;
}

.front-page .symptom h2 {
    color: #F02073;
    text-align: center;
    font-family: "MYuenHK-Xbold", 'Noto Sans TC', sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 34px;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}


.front-page .symptom h2 img {
    max-width: 80px;
    width: 100%;
    margin: 0;
}

.front-page .symptom .symptom-box img { 
    max-width: 320px;
    width: 100%;
    margin-bottom: 30px
}


.front-page .symptom  .symptom-box p {
    color: #9B4545;
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 2px;
}


.front-page .symptom  .symptom-box ul {
    margin-left: 0;
}

.front-page .symptom  .symptom-box li {
    color: #9B4545;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-top: 14px;
    letter-spacing: 1.8px;
}

.front-page .symptom .alert-msg {
    margin-top: 60px;
    color: #CA145D;
    text-align: left;
    font-size: 25px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: 1.75px;
    text-indent: -38px;
    margin-left: 38px;
}

.front-page .symptom .alert-msg:before {
    content:"";
    background:url('./assets/images/icon-alert.svg') no-repeat center/cover;
    width: 29px;
    height: 29px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
 

.front-page .conclude {
    margin:110px auto 150px;
    border: 1px solid #9B4545;
    padding: 60px 130px;
    color: #9B4545;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 2.16px;
}



/*FAQ css*/
.faq-page h1.entry-title span {
    display: flex;
    gap: 17px;
    align-items: center;
    justify-content: center;
    color: #9B4545;
    font-family: "MYuenHK-Xbold", 'Noto Sans TC', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 28px; 
    letter-spacing: 3.6px;
}

.faq-page h1.entry-title span img {
    max-width:82px;
    width: 100%;
    margin: 0;
}
.qna_container{width:100%!important;max-width:unset!important;margin-bottom:0!important}
.qna_container #accordion{margin-top:30px}
.qna_container .card{border-radius:20px!important;margin-bottom:20px;border: 2px solid #9B4545; background-color:transparent}
.qna_container .card-header,.qna_container .card-body{width:96%;margin:0 auto}
.qna_container .card-header{display:flex;padding:25px 25px 25px;border-bottom:0}
.qna_container .card-header button{position:relative;width:100%;text-align:left;display:flex;justify-content:flex-start;align-items:center;border-radius:0;background:transparent;border:0;padding:0;text-decoration:none!important;height:unset}
.qna_container .card-header h3{color: #9B4545;font-size: 18px;font-weight: 700;line-height: normal;letter-spacing: 1.8px;}
.qna_container .card-header button>*{display:inline-block;margin:0}
.qna_container .card-header button:before{content:'\0051';font-family:'Montserrat',sans-serif;font-weight:600;font-size:24px;line-height:29px;letter-spacing:.1em;color:#9B4545;;display:inline-block;margin-right:26px}
.qna_container .card-header button:hover{text-decoration:none}
.qna_container .card-header button:focus{box-shadow:none}
.qna_container #accordion .btn-link:after{content:'';background:url('/menopause/更年期-更年期症狀-改善更年期徵狀-潮熱盜汗/wp-content/themes/twentytwenty-child/assets/images/faq/icon-minus.svg') no-repeat; background-size: contain; width:30px;height:30px;position:absolute;right:0;display:block;transform:rotateZ(0deg);transition:transform .3s ease-in-out}
.qna_container #accordion .btn-link.collapsed:after{content:'';background:url('/menopause/更年期-更年期症狀-改善更年期徵狀-潮熱盜汗/wp-content/themes/twentytwenty-child/assets/images/faq/icon-plus.svg') no-repeat; background-size: contain; width:30px;height:30px;display:block;transform:rotateZ(180deg);transition:transform .3s ease-in-out}
.qna_container .card-body{display:flex;border-top:1px solid #F02073;padding:15px 40px 35px 25px}
.qna_container .card-body:before{content:'\0041';font-family:'Montserrat',sans-serif;font-weight:400;font-size:24px;line-height:29px;letter-spacing:.1em;color:#F02073;display:inline-block;margin-right:26px}
.qna_container .card-body .ans{flex-grow:1}
.qna_container .card-body .ans,.qna_container .card-body .ans p{font-weight:500;font-size:18px;line-height:30px;text-align:left;letter-spacing:.1em;color:#F02073;display:inline-block;margin:0}
.qna_container .card-body .ans li{color: #F02073;
font-size: 18px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.8px;margin:0}
.qna_container .card-body .ans li::marker{font-size:10px}
.qna_container .card-body .ans .d-lg-flex{margin-bottom:34px}
.qna_container .card-body .ans .d-lg-flex img{margin-right:40px}
.qna_container .card-body .ans .d-lg-flex p{color:#F02073;font-size:16px;font-weight:400;line-height:normal;letter-spacing:1.6px}
.qna_container .card-body .ans .d-lg-flex b{font-weight:500;font-size:18px}
.qna_container .ref {margin-top: 150px;}


.custom_select{background:#9B4545; box-shadow:0 4px 4px rgba(0,0,0,0.05); cursor:pointer; margin:0 auto; width:100%; padding:10px 0; position:relative; text-align:center; border-radius:25px; transition:all .3s}
.custom_select::after{font-family:'Font Awesome\ 5 Free'; content:'\f107'; font-weight:700; font-size:20px; color:#fff; position:absolute; right:20px; top:10px; pointer-events:none}
.custom_select .drop{display: block; background:#fff;visibility:hidden;height:0;transition:all .3s;left:0;margin-left:0;list-style:none;margin-top:0;opacity:0;padding-left:0;pointer-events:none;position:absolute;right:0;top:100%;z-index:2;border-bottom-left-radius:25px;border-bottom-right-radius:25px;border:1px solid #f4f4f4}
.custom_select.active{border-bottom-right-radius:0; border-bottom-left-radius:0}
.custom_select .drop li{ margin:0;}
.custom_select .drop li a{color:#666; display:block; padding:1rem; text-decoration:none; font-size:18px}
.custom_select .drop li:last-child a{ border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.custom_select span{color:#fff; font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif; font-weight:700; letter-spacing:.01em; font-size:18px}
.custom_select .drop li:hover a{background-color:#9B4545;color:#fff}
.custom_select.active .drop{visibility:visible;height:auto;opacity:1;pointer-events:auto;  border: 1px solid #f4f4f4;}


/*Self-test css*/
.selftest_content .kv {background-color: rgba(247, 250, 253,0.6); padding-top: 80px}
.selftest_content .kv p:empty {display: none}
.selftest_content .kv img {max-width:700px; width: 100%; }
.selftest_content .entry-title {margin-left: -140px;}
.selftest_content .entry-title p {font-weight:500; font-size: 28px;color:#dc646f;letter-spacing: 0.15em}
.selftest_content .entry-title h1 {margin:0 auto;font-weight:900; font-size: 32px;color:#dc646f;letter-spacing: 0.15em}
.assessment_container, .assessment-result-container {margin-top: 50px;}
.assessment_container .entry-content p{color: #9B4545;
text-align: center;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 35px;
letter-spacing: 0.85px;margin-top:40px}

.assessment_container .entry-content p.fw500 {
    font-weight:500;
}


.assessment_container .entry-content p:last-child{margin-bottom:40px}
.assessment-btn{margin-bottom:0;text-decoration:none;padding:10px 35px;border:2px solid #9B4545; background-color:#9B4545; box-sizing:border-box;border-radius:50px;font-weight:700;font-size:21px;line-height:31px;text-align:center;letter-spacing:.1em;color:#fff;transition:all .3s;max-width:230px;width:100%;margin-bottom:50px}
.assessment-btn:hover{background-color: #fff !important; color: #9B4545;}
.assessment-btn:focus {text-decoration: none !important; box-shadow: none !important; }
.assessment-btn i.fa-angle-right { margin-left: 10px; }
.assessment-btn.assessment-back i{ margin-left: 0px; margin-right: 10px;}
.share p{font-weight:400;font-size:14px !important;line-height:200%;text-align:center;letter-spacing:.05em;color:#333; margin-bottom:80px !important}
.share p{margin-top: 0 !important}
.share .facebook:before {content:""; background-image: url('/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/selftest/icon_fb.svg'); background-size: 30px 30px; width:30px; height:30px; vertical-align: middle; display: inline-block; margin-left:20px; transition: all .3s}

.share .whatsapp:before {content:""; background-image: url('/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/selftest/icon_whatsapp.svg'); background-size: 30px 30px; width:30px; height:30px; vertical-align: middle; display: inline-block; margin-left:20px; transition: all .3s}
/*.share .facebook:hover:before{content:""; background-image: url('/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/selftest/icon_fb_hover.svg'); background-size: 30px 30px; width:30px; height:30px; vertical-align: middle; display: inline-block;}
.share .whatsapp:hover:before {content:""; background-image: url('/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/selftest/icon_whatsapp_hover.svg'); background-size: 30px 30px; width:30px; height:30px; vertical-align: middle; display: inline-block; margin-left:20px; transition: all .3s}*/

.assessment .entry-title p {font-weight:500; font-size: 28px;color:#dc646f;letter-spacing: 0.15em}
.assessment .entry-title h1 {margin:0 auto 50px;font-weight:900; font-size: 32px;color:#dc646f;letter-spacing: 0.15em}


.question_wrapper {border-bottom:1px solid rgba(52, 71, 139, 0.2);  padding: 30px 0;display: flex; align-items: center; justify-content: space-between;}
.question_wrapper:first-child {border-top:1px solid rgba(52, 71, 139, 0.2);  }
.a_question{display: inline-block; font-size:18px;line-height:30px;letter-spacing:.1em;color:#333; /*margin-bottom:30px;*/ text-align: left;}
.question_no{ font-weight: 500;font-size:26px;letter-spacing:.1em;color:rgb(52, 71, 139); align-items:center;text-align:center;display:inline-block}
.qNum{ font-weight: 700; display: inline-block;vertical-align: top;}
.question_text {
  font-size: 26px;
  color: rgb(52, 71, 139);
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: inline-block;
}

.question_description {
  font-size: 14px;
  color: rgb(52, 71, 139);
  text-align: left;
  font-weight: 400;
  letter-spacing: 0.1em;
  display: block;
  line-height: 1.4;
  margin-left: 38px;
}

.assessment_container .question_title{ text-align: left; font-size: 32px; width: 79%; margin: 0 auto; display:none}

.answers_wrapper {
    display: flex;
    justify-content: end;
}



.question_option input[type="radio"]{opacity:0;position:fixed;width:0;transition:all .1s}
.question_option label{position:relative;display:inline-flex;background:#fff;border:2px solid #9B4545;border-radius:0px;font-weight:400;font-size:20px;line-height:31px;text-align:center;letter-spacing:.15em;color:#9B4545;max-width:300px;width:100%;height:44px; padding:10px 32px;transition:all .3s;justify-content:center;align-items:center;overflow:hidden}
/*.question_option label:after{content:"";background-image:url(/crs-nasal-polyps-severe-asthma/wp-content/uploads/2020/img/check.png);background-repeat:no-repeat;background-position:center center;background-size:30px 30px;position:absolute;top:0;left:0;background-color:transparent;height:70px;width:70px;opacity:0}*/
.question_option label:hover{background-color:#9B4545;border-color:#9B4545; color:#fff;transition:all .1s;color: #fff;}
.question_option input[type="radio"]:hover + label:after{border:none;content:""; background-color:transparent;line-height: 60px;}
.question_option input[type="radio"]:focus + label{content:"";transition:all .1s}
.question_option input[type="radio"]:checked + label{content:"";border-radius: 0px;border-color: #9B4545;background: #9B4545;transition:all .1s;color: #fff;}
/*.question_option input[type="radio"]:checked + label:after{opacity:1}*/

.question_option:first-of-type label {border-right: 0;}

#assessment-form .btn-row{text-align:center;position:relative;margin:0px auto 80px}
#assessment-form .btn-row .assessment-btn{width:230px;display:inline-block;z-index:3;position:relative;margin: 0 10px;}


/*.question_dot{float:left;width:40px;position:relative;text-align:center;list-style-type:none}*/
/* HVN'T ANSWER */
/*.question_dot:before{content:"";width:10px;height:10px;border:2px solid #F7DEA1;display:block;margin:0 auto 10px auto;border-radius:50%;background:#F7DEA1;text-align:center;position:relative;top:0;z-index:2}*/
/* ANSWERING */
/*.question_dot.active:before{content:"";width:16px;height:16px;border:4px solid #F26522;display:block;margin:0 auto 10px auto;border-radius:50%;background:#fff;position:relative;top:0}*/
/* ANSWERED */
/*.question_dot.answered:before{border:2px solid #F26522;display:block;margin:0 auto 10px auto;border-radius:50%;background:#F26522;text-align:center;position:relative;top:0}*/

/* LINE */
/*.question_dot:after{content:'';position:absolute;width:100%;height:2px;background:#F7DEA1;top:4px;left:-50%;z-index:1}
.question_dot.answered:after{content:'';position:absolute;width:100%;height:2px;background:#F7DEA1;top:3px;left:-50%;z-index:1}
.question_dot.active:after{content:'';position:absolute;width:100%;height:2px;background:#F7DEA1;top:6px;left:-50%;z-index:1}
.question_dot:first-child:after{content:none}
.question_dot.answered + .question_dot:after{background:#F26522;height:4px}
*/


.assessment-content #assessment-form .row {margin-bottom: 40px}


.submit_btn { margin:90px auto 45px }
.submit_btn .assessment-btn{
    text-decoration: none !important;
    max-width:280px;
    width: 100%;
    padding: 15px 35px;
    background-color: #9B4545;
    margin-bottom: 0;
}



/* Result */
.assessment-result-container .result-title {color:#9B4545}
.level-tab { position: relative; border: 2px solid #B5DFDF; border-radius: 20px; padding: 30px;  margin: 0 auto 30px; max-width: 600px; background:#fff}
.level-tab .title_bar strong{font-size: 24px; margin-top: 10px;}
.level-tab .title_bar .sum {font-size:36px; color:#FF9377;padding: 0 5px;}

.result-wrapper {
  border: 2px solid rgb(52, 71, 139);
  border-radius: 84px;
  background-color: rgb(255, 255, 255);
  padding:60px 10%;
  margin-bottom: 80px;
  margin-top: 50px;
}

.pdf-btn { max-width: 420px; width: 100%;border-radius: 50px; background: #9B4545 !important; color:#fff; border-color: #9B4545; margin-bottom: 20px; margin-top:10px }
/*.pdf-btn:before{content:""; background-image: url('/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/selftest/icon_file.svg'); background-size: 24px 24px; width:24px; height:24px; vertical-align: middle; display: inline-block; margin: 0 20px 4px 0;transition: all .3s}
.pdf-btn:hover:before{content:""; background-image: url('/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/selftest/icon_file_hover.svg'); }*/
.pdf-btn:hover {opacity: 0.8}

.level-tab p, .selftest-remind p{font-weight:500;font-size:20px;line-height:30px;text-align:center;letter-spacing:.1em;color:#9B4545;margin-bottom:30px}
.level-tab p {margin-bottom:0px;}

.selftest-remind strong{font-weight:700;color:#dc646f;}

.selftest-remarks p{font-weight: 400;font-size: 13px;line-height: 21px;letter-spacing: 0.05em;color: #333; margin-bottom:25px;}

.assessment-btn:disabled, .assessment-btn:disabled:hover{
cursor: unset; color: #ccc; background-color: #fff !important; border-color: #ccc; opacity: 1;}

h1.result-title {margin-top: 60px}


#doctorlist-btn {display: inherit; margin:auto}

/*Back-to-Top btn*/
/*#back-to-top{display: none;}
#back-to-top a{display:block;width:50px;height:50px;background-image:url(/crs-nasal-polyps-severe-asthma/wp-content/uploads/2020/img/scroll-top-btn.png);background-repeat:no-repeat;background-position:center;background-size:50px 50px;position:fixed;bottom:30px;right:30px}
*/


.approval_code {font-size: 12px !important;line-height: 24px;letter-spacing: 0.05em;color:#666666 !important;padding-top: 0px;padding-bottom: 0px;margin-bottom: 0 !important;}

/* Doctor listing Page */

#doctor_listing_div .category{margin-bottom:50px}

.doctor .nav-menu-wrapper {margin-bottom: 40px}

.doctor .nav-tabs {
    margin-left: 0;
    border: 0;
    justify-content: center;
}

.doctor .nav-tabs li.nav-item {
    margin:0 30px 15px 0;
}

.doctor .nav-tabs li.nav-item:last-child {
    margin-right: 0;
}

.doctor .nav-tabs li.nav-item a{font-weight:700;font-size:18px;line-height:200%;letter-spacing:.05em;color:#9B4545;padding:6px 30px;border-radius:10px;border:2px solid #9B4545;background:#FFF;display:inline-block;transition:all .3s}
.doctor .nav-tabs li.nav-item a.active, .doctor .nav-tabs li.nav-item a:hover{cursor:pointer;color:#fff;background:#9B4545;border-color:#9B4545;text-decoration:none}


.doctor .district-dropdown button{
    background: #9B4545;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
    position: relative;
    text-align: center;
    border-radius: 25px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .01em;
    font-size: 18px;
}

.doctor .district-dropdown button:hover {
    text-decoration: none;
}


.doctor .district-dropdown button[aria-expanded="true"] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.doctor .district-dropdown .dropdown-menu {
    background: #fff;
    width: 100%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border: 1px solid #f4f4f4;
}

.doctor .district-dropdown .dropdown-menu a{
    color: #666;
    display: block;
    padding: 1rem;
    text-decoration: none;
    font-size: 18px;
}

.dropdown-toggle::after {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f107';
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 10px;
    pointer-events: none;
    border: 0;
}

.dr-search {
    position: absolute;
    bottom: 20px;
    right: 20px;
    transition: .3s ease;
}

.dr-search:after {
    content: "\f061";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #f495a1;
}

.doctor .tab-pane.fade {
    transition: opacity .15s ease-in-out;
}

.card.doctor_details {
    position: relative;
    padding: 20px 25px;
    cursor: pointer;
    border-radius: 15px;
    margin-top: 25px;
    height: 150px;
    border: 0;
    text-align:left;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
}

.doctor_details .card-body {
    padding:0;
    padding-left:20px;
    padding-top:8px;
}

.doctor_details .doctor-image img {
    border-radius: 50%;
    max-width: 90px;
    margin: 0;
}


.doctor_details .doctor_item {
   flex: 1; 
}

.doctor_details .chinese_name {
    color: #9B4545;
    font-weight: 700;
    font-size: 22px;
    margin-bottom:7px;
    letter-spacing: 0.05em;
    margin:0;
}

.doctor_details .english_name {
    color: #9B4545;
    font-weight: 700;
    font-size: 14px;
    margin-bottom:7px
}

.doctor_details .district {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #666666;
}

/* doctor listing - hover effect */
.doctor_details:hover {
    text-decoration: none !important;
    transition: all .3s ease;
    box-shadow: 0px 10px 20px 0px rgb(206 225 241);
}

.doctor_details:hover .dr-search:after {
    color: #dc646f;
}


/* Doctor single Page*/
.blog-section {
    background: url(/crs-nasal-polyps-severe-asthma/wp-content/themes/twentytwenty-child/assets/images/common/section-bg.svg) no-repeat;
    background-size: 1440px auto;
    background-position: top 190px center;
    background-color: #DFF4F4;
    background-blend-mode: overlay;
}
.blog-section .bread_padding{ padding-top: 20px}
#doctor_listing_div h1.entry-title{
    margin:40px auto;
}
#doctor_listing_div .back-btn{
    top:40px
}

.doctor_info_wrapper{
    padding: 50px;
    border: 1px solid #E4E4E4;
    border-radius: 20px;
    max-width: 1100px;
    width: 100%;
    margin: 0px auto 100px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
    background: #fff;
    margin-top: 25px
}

.doctorInfo {
    padding-bottom:30px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.doctorInfo .image-container img{
    border-radius:50%;
    max-width: 120px;
    margin: 0;
}

.doctorInfo .doctor-name {
    flex: 1;
}

.doctor-name .title_zh {
    color: #9B4545;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.2px;
    margin: 0 auto 3px;
}

.doctor-name .title_en {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    letter-spacing: 0.8px;
    margin: 0;
}
.clinics-wrapper {
    padding: 40px 0;
    border-top: 1px solid #E4E4E4;
}
.clinics-wrapper .title_bar{
    color: #9B4545;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 0.5;
    letter-spacing: 0.95px;
    display: inline-block;
}

.clinics-wrapper .title_bar:after{
    content:'';
    background-color:#9B4545;
    height: 2px;
    width: 100%;
    display: inline-block;
}
 .doctor-clinics-container h5 {
     color: #387baf;
     font-size: 22px;
     font-weight: bold;
}
 .doctor-clinics-container {
     margin-top: 25px;
}

 .clinicDistrict {
    border-radius: 10px;
    background: rgb(236, 243, 249);
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    padding: 4px 16px;
    margin-bottom: 15px;
    display: inline-block;
    margin-right: 10px;
}
 .clinicName {
     font-size: 18px;
     font-weight: bold;
     color: #666;
     margin: 0 auto 12px;
     letter-spacing: 0.05em;
}
 .clinicAddress, .clinicTel {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 350;
    line-height: 30px;
    letter-spacing: 0.85px;
    text-indent: -30px;
    margin-left: 30px;
    margin-bottom: 6px;
}


.clinicName {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin: 0 auto 12px;
    letter-spacing: 0.05em;
}
    .clinicAddress:before {
        content:"";
        background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 1.66667C8.23185 1.66667 6.53616 2.36905 5.28591 3.61929C4.03567 4.86953 3.33329 6.56522 3.33329 8.33333C3.33329 10.915 5.01307 13.4202 6.85492 15.3644C7.7588 16.3185 8.66551 17.0996 9.34719 17.6424C9.60089 17.8444 9.82248 18.0127 9.99996 18.1438C10.1774 18.0127 10.399 17.8444 10.6527 17.6424C11.3344 17.0996 12.2411 16.3185 13.145 15.3644C14.9868 13.4202 16.6666 10.915 16.6666 8.33333C16.6666 6.56522 15.9642 4.86953 14.714 3.61929C13.4638 2.36905 11.7681 1.66667 9.99996 1.66667ZM9.99996 19.1667C9.53771 19.86 9.5375 19.8599 9.53726 19.8597L9.53487 19.8581L9.52932 19.8544L9.51022 19.8415C9.494 19.8305 9.47085 19.8147 9.44126 19.7942C9.38207 19.7532 9.29701 19.6934 9.18978 19.616C8.97541 19.4612 8.67193 19.2352 8.30898 18.9462C7.5844 18.3692 6.61612 17.5357 5.645 16.5106C3.73684 14.4965 1.66663 11.585 1.66663 8.33333C1.66663 6.1232 2.5446 4.00358 4.1074 2.44078C5.67021 0.877974 7.78982 0 9.99996 0C12.2101 0 14.3297 0.877974 15.8925 2.44078C17.4553 4.00358 18.3333 6.1232 18.3333 8.33333C18.3333 11.585 16.2631 14.4965 14.3549 16.5106C13.3838 17.5357 12.4155 18.3692 11.6909 18.9462C11.328 19.2352 11.0245 19.4612 10.8101 19.616C10.7029 19.6934 10.6178 19.7532 10.5587 19.7942C10.5291 19.8147 10.5059 19.8305 10.4897 19.8415L10.4706 19.8544L10.465 19.8581L10.4633 19.8593C10.463 19.8595 10.4622 19.86 9.99996 19.1667ZM9.99996 19.1667L10.4622 19.86C10.1823 20.0467 9.81717 20.0464 9.53726 19.8597L9.99996 19.1667Z" fill="%2334478B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 6.66667C9.07948 6.66667 8.33329 7.41286 8.33329 8.33333C8.33329 9.25381 9.07948 10 9.99996 10C10.9204 10 11.6666 9.25381 11.6666 8.33333C11.6666 7.41286 10.9204 6.66667 9.99996 6.66667ZM6.66663 8.33333C6.66663 6.49238 8.15901 5 9.99996 5C11.8409 5 13.3333 6.49238 13.3333 8.33333C13.3333 10.1743 11.8409 11.6667 9.99996 11.6667C8.15901 11.6667 6.66663 10.1743 6.66663 8.33333Z" fill="%2334478B"/></svg>') no-repeat;
        background-size:20px 20px;
        width:20px;
        height:20px;
        display: inline-block;
        margin: -4px 10px 0 0;
        vertical-align: middle;
    }
    .clinicTel:before {
        content:"";
        background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_620_1155)"><path d="M18.3333 14.0999V16.5999C18.3343 16.832 18.2867 17.0617 18.1937 17.2744C18.1008 17.487 17.9644 17.6779 17.7934 17.8348C17.6224 17.9917 17.4205 18.1112 17.2006 18.1855C16.9808 18.2599 16.7478 18.2875 16.5167 18.2666C13.9523 17.988 11.4892 17.1117 9.32498 15.7083C7.31151 14.4288 5.60443 12.7217 4.32499 10.7083C2.91663 8.53426 2.04019 6.05908 1.76665 3.48325C1.74583 3.25281 1.77321 3.02055 1.84707 2.80127C1.92092 2.58199 2.03963 2.38049 2.19562 2.2096C2.35162 2.03871 2.54149 1.90218 2.75314 1.80869C2.9648 1.7152 3.1936 1.6668 3.42499 1.66658H5.92499C6.32941 1.6626 6.72148 1.80582 7.02812 2.06953C7.33476 2.33324 7.53505 2.69946 7.59165 3.09992C7.69717 3.89997 7.89286 4.68552 8.17499 5.44158C8.2871 5.73985 8.31137 6.06401 8.24491 6.37565C8.17844 6.68729 8.02404 6.97334 7.79998 7.19992L6.74165 8.25825C7.92795 10.3445 9.65536 12.072 11.7417 13.2583L12.8 12.1999C13.0266 11.9759 13.3126 11.8215 13.6243 11.755C13.9359 11.6885 14.26 11.7128 14.5583 11.8249C15.3144 12.107 16.0999 12.3027 16.9 12.4083C17.3048 12.4654 17.6745 12.6693 17.9388 12.9812C18.203 13.2931 18.3435 13.6912 18.3333 14.0999Z" stroke="%2334478B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_620_1155"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>') no-repeat;
        background-size:20px 20px;
        width:20px;
        height:20px;
        display: inline-block;
        margin: -4px 10px 0 0;
        vertical-align: middle;
    }


@media (max-width: 1199px){
/*  .primary-menu a {font-size:16px !important;}*/
    .footer-inner.section-inner { text-align: left;}
    h1.entry-title span{ font-size:30px;}

    .article-content {margin-top:0}
    .entry-wrapper p.entry-leadin:before {
        width: 5%;
    }

    .entry-wrapper p.entry-leadin:after {
        width: 5%;
    }
    .primary-menu > li {margin-left: 15px;}



    #VideoSlider .carousel-indicators{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
    #VideoSlider .carousel-indicators>li{flex:0 0 auto;max-width:calc(100% / 2.5)}
    #VideoSlider .carousel-inner{margin-bottom:80px}


    .doctor_details .doctor-image img {max-width: 80px}
    .doctor_details .chinese_name { font-size: 20px; }
}

@media (max-width: 1094px){
    .primary-menu > li {margin-left: 10px;}
}

@media (max-width: 1024px){
    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {margin-top: 1rem;}
/*  .main-content{background-size: 1920px;}*/
    .entry-content p span {display: inline-block;}

    .feature_box{ width: 100%;height: 100%;padding: 30px; zoom: 80%;}
    .article_headline{min-height: auto;/*-webkit-line-clamp: 1;*/-webkit-line-clamp: 2;}
    .article_desc p{min-height: auto;-webkit-line-clamp: 2;}
    /*.footer-inner.section-inner, .footer-top.has-footer-menu{width: 100%;}*/
    .footer-menu li{ display: inline-block;}
    .header-titles-wrapper{position: relative;width: 100%;}
    .header-inner {padding:20px 15px;}
    .nav-toggle .toggle-inner{padding-top: 0;height: auto;text-align: center;}
    .nav-toggle .toggle-icon, .nav-toggle svg{width: 30px; height: 30px;}
    .toggle-icon i{font-size: 30px;color: #fff;}
    .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {text-decoration: none; text-align: center;}
    .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {text-decoration: none;}
    .mobile_cta{ padding: 10px 25px;
    height: 44px;
    background: #FF9377;
    border-radius: 10px;
    align-self: center;
    display: block;
    transition: all .3s;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #FFFFFF !important;
    display: block;transition: all .3s;margin-top: 20px;}


    .front-page .home-intro {background-size: cover;}
    
    .qna_container .card-header h3 {width:85%}

}


@media (max-width: 999px){
    .header-inner {
        display: flex;
        justify-content: right;
        height: 90px;
    }


    .main-content {padding-top: 90px}
}

@media (max-width: 992px){

    .primary-menu a:not(:last-child):after, .current_page_parent a:after {background:transparent}
    .footer-inner.section-inner { text-align: left;}
    .back-btn { left: -48px; max-width: 90px; padding-right: 20px; padding-left: 35px;}


    /* Quiz */
    .question_no, .question_text {font-size: 22px;}
    .question_description {margin-left: 33px;}
    


    .front-page .banner {
        margin: 72px auto 0px;
    }

    .front-page .home-intro{
        background-size: cover;
    }

    .front-page .symptom h2 img {transform:scale(0.8)}
    .front-page .conclude {  padding: 60px;  }

}

@media (max-width: 768px){


    .articles-section .grid-item {left:0!important; width:100%}
    .articles-section .latest-article-thumbnail img{height:300px}
    #top_mask{height: 120px;}
    .header-inner{ padding: 17px 30px;}
    .latest-article-thumbnail{height: 200px;}
    /*.custom_select{width:80%}
    .custom_select select{width:80%}*/

    .back-btn { left: -60px; }

    .assessment_container .entry-content p br {display: none;}

    /*Result*/
    .result_title {text-align:left !important; font-size: 22px;}


    .entry-wrapper {padding: 35px 20px 50px}
/*  #assessment-form .btn-row .assessment-btn{width: 40%; padding: 10px 0;}*/
}


@media (max-width:767px){
    .main-content {background-size:contain}


    .front-page .home-intro img {transform:scale(0.9)}
    
    .front-page .home-intro h2 {margin-top: 40px;}
    .front-page .symptom h2 { flex-direction: column; }

    .home-intro p {font-size: 16px;}

/*    .entry-content > .front-page {margin-top: 0}*/

    .question_wrapper {flex-direction: column; align-items: flex-start;}
    .a_question {margin-bottom: 25px}
    .question_option { width: calc(100vw / 2);}

    .answers_wrapper {width: 100%}

    .selftest_content .kv {padding-top: 0}
    .selftest_content .entry-title {margin-left: auto}
    .assessment_kv {padding-top: 40px}

     /* .doctor .nav-menu-wrapper {margin-bottom: 20px}
        .doctor .nav-tabs {justify-content: flex-start; white-space: nowrap; overflow: scroll; flex-wrap: nowrap;}
        .doctor .nav-tabs li.nav-item {margin-right: 15px}
        */

    .symptom-box {margin-bottom: 40px;}
    .qna_container .ref {margin-top: 70px;}

}

@media (max-width:550px){
    .header-inner { height: 70px;padding: 20px 0px; display: flex; align-items: center; justify-content: flex-end;}
    .nav_logo a img {width:120px; }
    .bread_padding { padding-top: 20px;}
    .main-content, .page_bg {padding-top:70px;}
    .main-content {background-position: top 70px center;}
    /* .page_bg { background-position: top 70px center;} */
    .mobile-selfass-btn { right: 46px; }
    .mobile-selfass-btn a p { color: #fff !important; font-size: 16px; line-height: 1.2; margin-bottom: 0;}
    .entry-btns { padding-left: 0; padding-right:0;}
    .entry-btn {flex:50%;margin-bottom: 20px !important;}


    .recent-section .btn { margin: 0px auto;}

    .front-page .symptom .symptom-box p {font-size: 18px;}
    .front-page .symptom .alert-msg {font-size: 20px;}
    .front-page .conclude { padding: 30px 20px; }

    /* FAQ Page */
    .qna_container .card-header button:before, .qna_container .card-body:before {margin-right:20px; font-size:20px;}
    .qna_container .card-header h3 {width:75%; }
    .qna_container .card-body {padding-right:15px;}


    .question_no, .question_text {font-size: 18px;}
    .question_description {margin-left: 28px;}


    .page_bg.assessment-result {padding-top: 0}
    .pdf-btn {font-size: 18px;padding: 10px 20px;}
    .assessment-content #assessment-form .row {margin-bottom: 20px}

    
    .back-btn { left: -40px;  }


    .doctor_info_wrapper {padding:30px }
    .doctorInfo {gap: 20px}

    .doctorInfo .image-container img,
    .doctor_details .doctor-image, 
    .doctor_details .image-container img.card-img-top {max-width: 80px;}


    .doctor_details .card-body {padding-left: 10px}

    .doctor-name .title_zh {margin:0 auto; font-size: 20px}
    .card.doctor_details {padding:20px 15px;}


}

@media (max-width: 414px){
    .toggle-icon i { font-size: 25px;}
    .breadcrumb {padding-top:0; padding-bottom:0;}
    /*.bread_padding { padding-top: 125px;}*/

    .mobile-selfass-btn a p br{display:block}
    .mobile-selfass-btn a.test-cta { padding: 7px 15px; }
    .footer-inner.section-inner { text-align: center;}
    .entry-wrapper p.entry-leadin { font-size:18px}
    .entry-content p span{display: none;}
    .entry-content p:last-child{margin-bottom: 20px;}
    .latest-article-column {width: 100%;}


    .article-title.entry-title  {margin-bottom:40px;padding-top: 0;}
    .article-title.entry-title span {font-size:24px;}
    .article-content { margin-top: 40px;}
    .footer-menu li{margin: 0 10px;}
    .footer-menu li::after{margin-left: 20px;}
    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{margin-top: -50px;}
    .in-articles-image {width:100%}
    .home-title span, h1.entry-title span, h2.entry-title span {font-size: 26px;line-height: 1.3;}
    p.articles-content {font-size:16px}
    .custom_select{width:100%}
    .custom_select select{width:100%}
    .custom_select:after{right: 30px;}


    .info_content h1 span, .qna_container h1 span, .src-center h1 span, .selftest_content h1 span, .assessment-ctr h1 span {font-size:30px !important}
    .qna_container .card-header button {align-items: flex-start;}

    .back-btn {margin-top:0; top: -10px; left:-48px; padding-right: 20px; padding-left: 35px;}
    .back-btn i{font-size:24px}
    #back-to-top a {right:15px;bottom: 15px;}
    /*.page_bg{ background-size: 1920px;}*/

    .share {margin: 0 auto;}
    .share span.facebook, .share span.whatsapp {display:inline-block}
    .share::after {top:40%}

/*  .a_question { font-size: 16px;}*/
    .question_option label {font-size:16px !important}
    .question_no {font-size:28px;}

    #assessment-form .question_option {margin-bottom:10px}

    /*.tab.active {width:100%}
    .light.active .fa-caret-down, .middle.active .fa-caret-down, .high.active .fa-caret-down {display:none !important}*/

    .article-listing-container .col-xs-12 {padding-left:0; padding-right:0}
    .footer-credits {padding: 0 0 12px;}
}

@media (max-width: 375px){
    .information_container .info_img_2 {max-width: 150px;}
    .article-title.entry-title {padding-top:15px;}

    .qna_container .card-header button:before, .qna_container .card-body:before {margin-right:10px;}
    .qna_container .card-body {padding-right:10px;}
}




@media (max-width: 320px){

    .mobile-selfass-btn a p { font-size:14px}
    .mobile-selfass-btn a.test-cta {width:95px }
    .mobile-selfass-btn { right: 45px;}
    .footer-menu li::after {margin-left: 10px;}
    .footer-menu li { margin: 0 0 0 5px;}

    .qna_container .card-header h3 {width:65%;}
    .qna_container .card-body .ans, .qna_container .card-header h3 {font-size:16px}
    .article-title.entry-title span { font-size: 22px; }

/*  #assessment-form .btn-row {margin-top:30px}*/

    .doctor_info_wrapper {padding-left: 15px; padding-right: 15px;}


}

@media (min-width: 768px){
    .approval_code_containe {
        max-width: 720px !important;
    }

    section#doctor {
        padding-top: 0;
    }
}

@media (min-width: 992px){
    .approval_code_container {max-width: 960px !important;}

    section#doctor {
        padding-top: 0;
    }

    .navbar-expand-lg .navbar-collapse {
        justify-content: center;
    }

    .symptom-box {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
    }


    .symptom-box:not(:last-child):after {
        content:"";
        background-color: rgba(255,255,255,0.4);
        width: 1px;
        max-height:450px;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
    }

}
@media (min-width: 1200px){
    .approval_code_container{
        max-width: 1140px !important;
    }
}


@media (min-width: 1920px){
    .front-page .home-intro {
    }
}

/* fix  css */
@media (max-width: 1199px){
}
@media (max-width: 991px){

    .recent-section .latest-article-column {  margin: 0 auto 25px;}
    /*.latest-article-column {width:80%}*/

    .qna_container .card-body .ans .d-lg-flex img {margin: 0}

    .header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
        color: transparent !important;
    }


    .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        padding-top: 25px;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #9B4545;
        /* border-left: 1px solid #fff; */
        opacity: 0;
    }

    .navbar-collapse.show {
        visibility: visible;
        opacity: 1;
/*        transform: translateX(100%);*/
    }
    .primary-menu-wrapper, .header-navigation-wrapper {display: block}

    .primary-menu-wrapper {    margin-top: calc(50% - 100px) !important}
    .primary-menu > li:not(:first-child) {
        margin-left:auto;
        margin-right:auto
    }

    ul.primary-menu {
       margin: auto;
    }


   ul.primary-menu li > a, 
   ul.primary-menu li > a:hover, 
   ul.primary-menu li > a:active, 
   ul.primary-menu li > a:focus  {
       font-size:18px !important;
       text-align: center;
       padding-left: 20px ;
       padding-right: 20px ;
    }

    ul.primary-menu li.current-menu-item > a {
        text-align: center;
    }



   ul.primary-menu li{
        border-bottom: 0;
        text-align: center;
    }

    .primary-menu > li, ul.primary-menu > li {
        margin:0 auto 10px;
        padding: 5px 10px;
        width: 100%;
        text-align: center;
    }

    .primary-menu > li:last-child, ul.primary-menu > li:last-child {border:0}


/*    .doctor .nav-tabs {display: none}*/

}
@media (max-width: 767px){
    h1.entry-title:after {width:50%; right:-40px}
}
/*@media (max-width: 575px){    .main-content .container{ overflow: hidden;}.home_kv img{ }.main-content{background-size: 1000px auto;}
}*/
@media (max-width: 320px){
/*  .main-content{background-size: 840px auto;}*/
    .back-btn {    top: -13px;}
    .article-content {margin-top:0}
}

.ajax-load-more-wrap.infinite.ring .alm-load-more-btn{
    background-image: url(../../uploads/2020/05/scrollmore@2x.png) !important;
    background-size: 150px !important;
}