* { font-weight: inherit; }
a { text-decoration: none; }

.nhs_app#app { max-width: none !important; }
.nhs_app.no_bg#app { background-image: none; background: #ecf4f9; }
.nhs_app#app #main { width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 0 !important; background-image: none !important; }
.nhs_app#app #main img { max-width: 100%; margin: 0 auto; }
.nhs_app#app #main .section{ padding: 0 15px; }

.nhs_app#app #main .wv_text{ color: #000000; font-size: 24px; line-height: 40px; margin-top: 30px; }

.nhs_app#app .wv_banner .wv_item,
.nhs_app#app .nhs_banner .nhs_item { display: inline-block; }
.nhs_app#app .wv_banner .wv_item img,
.nhs_app#app .nhs_banner .nhs_item img { width: 100%; }
.nhs_pc { display: none; }
.nhs_mb { display: inline-block; }

.nhs_app#app .wv_banner { padding-top: 109px !important; }
.nhs_app#app .nhs_banner { padding-top: 59px !important; }
.nhs_app#app .wv_banner,
.nhs_app#app .nhs_banner { margin-top: 59px !; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; }

.nhs_app#app .nhs_ex_group { padding: 100px 10px 0px; }
.nhs_app#app .nhs_ex_group:last-child { padding-bottom: 100px; }
.nhs_app#app .nhs_ex_group.nhs_ex_first { padding-top: 85px; }

.nhs_ex_treeone { display: flex; justify-content: center; }
.nhs_ex_tItem { position: relative; }

.nhs_ex_tArrow { position: absolute; top: 50%; left: 0; transform: translate( -40px, -50% ); }


/* 調整樣式 */
.nhs_app#app #main .section{ margin-bottom: 100px; }
.nhs_app#app #main .section.wv_section_first{ margin-bottom: 85px; }

.nhs_app#app #main .wv_flex_02 { padding: 0 15px; display: inline-flex; flex-wrap: wrap; flex-direction: column; }
.nhs_app#app #main .wv_flex_02 > * { width: 50%; }

.nhs_app#app #main .wv_flex_03 { position: relative; }
.nhs_app#app #main .wv_flex_03 .section{ margin-bottom: 60px; }
.nhs_app#app #main .wv_flex_03 .section_shadow { position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%); }

.nhs_app#app #main .section.wv_item { display: flex; background-color: #ffffff; width: 100%; margin-bottom: 20px; padding: 30px 35px; border-radius: 15px; flex-direction: column; }
.nhs_app#app #main .section.wv_item p{ font-size: 20px; line-height: 32px; white-space: normal; text-align: left; }
.nhs_app#app #main .section.wv_item img { max-width: 100%; }
.nhs_app#app #main .section.wv_item:nth-last-child(1) { margin-bottom: 60px; }

.nhs_app#app #main .section .wv_title { position: relative; margin-bottom: 20px; }
.nhs_app#app #main .section .wv_title .title { }
.nhs_app#app #main .section .wv_title .icon__heart { width: 18.5%; position: absolute; top: 30%; right: 0%; }
@media screen and (max-width:1200px){
.nhs_app#app #main .section .wv_title .icon__heart{ width: 15.5%; top:92%; }
}

.nhs_app#app #main .section.section_regist_wrapper { background-color: unset; margin-bottom: 20px; }
.nhs_app#app #main .section.section_regist_wrapper .section_regist_content { background-color: #ffffff; padding: 40px; border-radius: 15px; }
.nhs_app#app #main .section.section_regist_wrapper .section_regist_content a { max-width: 1033px; }
.nhs_app#app #main .section.section_regist_wrapper .section_regist_content>img { max-width: 930px; padding: 0 50px; }

.nhs_app#app #main .section.mt-100{ margin-bottom:100px; }

.section.section_airpodpro {  }
.section.section_airpodpro .airpodsh1_title { padding: 30px 0; }
.section.section_airpodpro .airpodsh1,
.section.section_airpodpro .airpodtxts { max-width: 930px; margin: 0 auto; }
.section.section_airpodpro .airpodtxts { padding: 20px 20px 20px 0px; }

/* 原樣式 */

@media screen and (min-width:768px){
    .nhs_pc { display: inline-block; }
    .nhs_mb { display: none; }
    
    /** WideVersion **/
    .nhs_app#app #main .section .wv_flex_01 { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; }
    .nhs_app#app #main .section .wv_flex_01 > * { flex: 1; }
    .nhs_app#app #main .section .wv_flex_01_right {  }
    .nhs_app#app #main .section .wv_flex_01_left {  }
    .nhs_app#app #main .section .wv_flex_01_left img { min-width: 120%; }
    .nhs_app#app #main .section .wv_flex_01_bottom { width: 100%; position: absolute; display: flex; bottom: 10%; align-items: center; flex-direction: row-reverse; justify-content: space-evenly; }
    .nhs_app#app #main .section .wv_flex_01_bottom .divider { width: 50%; }
    .nhs_app#app #main .section .wv_flex_01_bottom .icon__ball { height: auto; width: 120px; top: 50%; bottom: unset; transform: translateY(-50%); }

    .nhs_app#app #main .wv_flex_02 { flex-direction: row; }

    .nhs_app#app #main .wv_flex_03 { display: flex; flex-wrap: wrap; margin-bottom: 60px; }
    .nhs_app#app #main .wv_flex_03 .section { width: 50%; }
    .nhs_app#app #main .wv_flex_03 .section .wv_flex_title { margin-bottom: 40px; }

    .nhs_app#app #main .section.wv_item .wv_item_pic{ margin-bottom: 25px; }
    .nhs_app#app #main .section.wv_item .wv_item_pic_04 { margin-bottom: 20px; }
    .nhs_app#app #main .section.wv_item .wv_item_pic_04 img { margin-top: -25px; }

    .nhs_app#app #main .section.wv_item { width: calc( 50% - 10px ); }
    .nhs_app#app #main .section.wv_item:nth-child(odd) { margin-right: 20px; }
    .nhs_app#app #main .section.wv_item:nth-last-child(2),
    .nhs_app#app #main .section.wv_item:nth-last-child(1) { margin-bottom: 130px; }

}

@media screen and (min-width:1024px){
    .header .mar { position: relative; }
    .header .mar .logo { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }
    .header .mar .right { margin: 0 auto; }

    .nhs_app#app .wv_banner { padding-top: 220px !important; }
    .nhs_app#app .nhs_banner { padding-top: 80px !important; }
    .nhs_app#app #main { padding-top: 0px !important; }

    .nhs_app#app #main .section.wv_item { width: calc( 50% - 20px ); margin-bottom: 40px; }
    .nhs_app#app #main .section.wv_item:nth-child(odd) { margin-right: 40px; }
}

@media screen and (max-width:767px){
    .nhs_app#app #main .section.wv_section_first{ margin-bottom: 60px; }

    .nhs_app#app .nhs_ex_group { padding: 50px 10px 0px; }
    .nhs_app#app .nhs_ex_group:last-child { padding-bottom: 50px; }
    .nhs_app#app .nhs_ex_group.nhs_ex_first { padding-top: 35px; }

    .nhs_app#app #main .section.wv_item { padding: 20px 15px; }
    .nhs_app#app #main .section.wv_item .wv_item_pic{ margin-bottom: 15px; }

    .nhs_ex_treeone { flex-direction: column; }
    .nhs_ex_tArrow { display: none; }

    .nhs_app#app #main .section.section_regist_wrapper .section_regist_content { padding: 20px; }
    
    .nhs_app#app #main .section.wv_item:nth-last-child(1) { margin-bottom: 80px; }
}

/* 立攝適 */
@media (max-width: 992px) {
    footer { padding-bottom: 50px; }

    footer .footer-nav-box .main-title { font-family: NotoSansCJKtc-Bold; font-size: 28px; color: #15206a; font-weight: 900; }
    footer .footer-nav-box .row .item .content { font-family: NotoSansCJKtc-Regular; font-size: 16px; color: #15206a; letter-spacing: 1px; text-align: center; line-height: 28px; }
    footer .footer-nav-box .row .item .route { font-family: NotoSansCJKtc-Medium; font-size: 14px; color: #15206a; letter-spacing: 0; }
    footer .main-footer p.text-box { font-family: NotoSansCJKtc-Medium; font-size: 16px; color: #ffffff; background-color: #15206a; padding: 10px 0; margin: 0; position: relative; z-index: 100; text-align: center; letter-spacing: 0; }

    footer .footer-nav-box .item { text-align: center; }
    footer .footer-nav-box .item .title { font-size: 16px; color: #00205c; letter-spacing: 1px; font-family: NotoSansCJKtc-Bold; font-weight: 900; }
}

@media (min-width: 991px) {
    footer { padding-bottom: 20px; }
    footer .footer-nav-box { max-width: 1440px; }
    footer .footer-nav-box .main-title { font-family: NotoSansCJKtc-Bold; font-size: 36px; color: #15206a; font-weight: 900; }
    footer .footer-nav-box .icon-box { max-width: 900px; }
    footer .footer-nav-box .row { width: 100%; }
    footer .footer-nav-box .row .item { text-align: center; }
    footer .footer-nav-box .row .item .logo img { width: 282px; }
    footer .footer-nav-box .row .item .title { font-family: NotoSansCJKtc-Bold; font-size: 16px; color: #00205c; letter-spacing: 1px; font-weight: 900; }
    footer .footer-nav-box .row .item .content { font-family: NotoSansCJKtc-Regular; font-size: 16px; color: #15206a; letter-spacing: 1px; text-align: center; line-height: 28px; }
    footer .main-footer { z-index: 11; background-color: #15206a; width: 100%; position: fixed; bottom: 0; }
    footer .main-footer p.text-box { font-family: NotoSansCJKtc-Medium; font-size: 16px; color: #ffffff; background-color: #15206a; position: relative; z-index: 100; text-align: center; letter-spacing: 0; padding: 10px 0; margin: 0; }

    footer .footer-nav-box .item { text-align: center; }
    footer .footer-nav-box .item .title { font-size: 16px; color: #00205c; letter-spacing: 1px; font-family: NotoSansCJKtc-Bold; font-weight: 900; }
}