ol { margin-top:0; margin-bottom:0; padding-left:15px; } ol li { margin-bottom:10px; } .mgb40 { margin-bottom:40px; } .label-ic { margin-top:30px; display:flex; align-items:center; } .label-ic.do { color:#233388; } .label-ic.dont { color:#F35958; } .label-ic .ic-do { background:url('https://modernform.cdnboost.com/images/customer_care/sprite_customer_care.svg') no-repeat; background-position:-237px -174px; width:24px; height:24px; } .label-ic .ic-dont { background:url('https://modernform.cdnboost.com/images/customer_care/sprite_customer_care.svg') no-repeat; background-position:-264px -174px; width:24px; height:24px; } .label-ic .label { line-height:24px; margin-left:10px; } [lang=en] .label-ic .label { font-size:13px; } [lang=th] .label-ic .label { font-size:20px; } .chn .label-ic .label { font-size:13px; } #customercare-detail { margin-top:60px; margin-bottom:100px; padding:0 15px; } #customercare-detail .wrap-detail { max-width:720px; margin:0 auto; } #customercare-detail .wrap-detail .title-detail { color:#233388; margin-bottom:60px; text-align:center; line-height:48px; } [lang=en] #customercare-detail .wrap-detail .title-detail { font-size:31px; } [lang=th] #customercare-detail .wrap-detail .title-detail { font-size:48px; } .chn #customercare-detail .wrap-detail .title-detail { font-size:32px; } #customercare-detail .wrap-detail .img-detail { width:100%; } #customercare-detail .wrap-detail .logo-warranty { width:110px; height:110px; background:url('https://modernform.cdnboost.com/images/customer_care/sprite_customer_care.svg') no-repeat; background-position:0 -88px; margin-top:60px; } #customercare-detail .wrap-detail .logo-warranty.tha { background-position:-121px -88px; } #customercare-detail .wrap-detail .logo-warranty.threeyear { background-position:0 -211px; } #customercare-detail .wrap-detail .logo-warranty.threeyear.tha { background-position:-121px -211px; } #customercare-detail .wrap-detail .sub-title { line-height:24px; padding-top:10px; margin-bottom:20px; } [lang=en] #customercare-detail .wrap-detail .sub-title { font-size:13px; } [lang=th] #customercare-detail .wrap-detail .sub-title { font-size:20px; } .chn #customercare-detail .wrap-detail .sub-title { font-size:13px; } #customercare-detail .wrap-detail .txt-detail { margin-top:60px; } #customercare-detail .wrap-detail .txt-detail.section { padding-bottom:40px; border-bottom:1px solid #DFE1E5; } #customercare-detail .wrap-detail .txt-detail .title-det { text-align:center; line-height:40px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .title-det { font-size:26px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .title-det { font-size:40px; } .chn #customercare-detail .wrap-detail .txt-detail .title-det { font-size:27px; } #customercare-detail .wrap-detail .txt-detail .type-txt { margin-top:30px; line-height:40px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .type-txt { font-size:23px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .type-txt { font-size:36px; } .chn #customercare-detail .wrap-detail .txt-detail .type-txt { font-size:24px; } #customercare-detail .wrap-detail .txt-detail .desc-box { line-height:28px; margin:20px 0; } [lang=en] #customercare-detail .wrap-detail .txt-detail .desc-box { font-size:15px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .desc-box { font-size:24px; } .chn #customercare-detail .wrap-detail .txt-detail .desc-box { font-size:16px; } #customercare-detail .wrap-detail .txt-detail .label-txt { margin-top:30px; line-height:30px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .label-txt { font-size:17px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .label-txt { font-size:26px; } .chn #customercare-detail .wrap-detail .txt-detail .label-txt { font-size:17px; } #customercare-detail .wrap-detail .txt-detail .wrap-col { display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; margin-bottom:40px; align-items:center; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-icon { width:60px; margin:auto 40px auto 0; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-icon .icon { display:inline-block; vertical-align:middle; width:100%; height:60px; background-image:url('https://modernform.cdnboost.com/images/customer_care/sprite_customer_care.svg'); background-repeat:no-repeat; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-icon .icon.gift { background-position:0 0; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-icon .icon.workshop { background-position:-67px 0; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-icon .icon.tag { background-position:-134px 0; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-icon .icon.sms { background-position:-201px 0; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt { width:calc(100% - 100px); margin:auto; color:#22252A; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { line-height:36px; margin-bottom:5px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { font-size:20px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { font-size:32px; } .chn #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { font-size:21px; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .desc { line-height:24px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .desc { font-size:13px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .desc { font-size:20px; } .chn #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .desc { font-size:13px; } #customercare-detail .wrap-detail .txt-detail .-title { line-height:36px; margin-bottom:20px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .-title { font-size:20px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .-title { font-size:32px; } .chn #customercare-detail .wrap-detail .txt-detail .-title { font-size:21px; } #customercare-detail .wrap-detail .txt-detail .-title2 { line-height:28px; margin-bottom:0; margin-top:20px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .-title2 { font-size:15px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .-title2 { font-size:24px; } .chn #customercare-detail .wrap-detail .txt-detail .-title2 { font-size:16px; } #customercare-detail .wrap-detail .txt-detail .-title2.mgtb0 { margin-top:0; margin-bottom:0; } #customercare-detail .wrap-detail .txt-detail .-title2 .db_heaventmed { font-family:'db_heaventmed' !important; } #customercare-detail .wrap-detail .txt-detail .db_heaventmed_24_nomal { font-family:'db_heaventmed'; font-size:24px; font-weight:normal; } #customercare-detail .wrap-detail .txt-detail .db_heaventmed_20_nomal { font-family:'db_heaventmed'; font-size:20px !important; font-weight:normal; } #customercare-detail .wrap-detail .txt-detail .db_heaventmed_20_nomal.mgtb0 { margin-top:0; margin-bottom:0; } #customercare-detail .wrap-detail .txt-detail .sub-title { margin-bottom:0; } #customercare-detail .wrap-detail .txt-detail ul { padding-left:18px; } #customercare-detail .wrap-detail .txt-detail ul.pdl40 { padding-left:40px; } #customercare-detail .wrap-detail .txt-detail .-txt { line-height:24px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .-txt { font-size:13px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .-txt { font-size:20px; } .chn #customercare-detail .wrap-detail .txt-detail .-txt { font-size:13px; } #customercare-detail .wrap-detail .txt-detail .-txt.mgtb0 { margin-top:0; margin-bottom:0; } #customercare-detail .wrap-detail .txt-detail .cont { line-height:24px; margin-top:20px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .cont { font-size:13px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .cont { font-size:20px; } .chn #customercare-detail .wrap-detail .txt-detail .cont { font-size:13px; } #customercare-detail .wrap-detail .txt-detail .pdt10 { padding-top:10px; } #customercare-detail .wrap-detail .head-colly { text-align:center; padding-top:40px; font-size:40px; } #customercare-detail .wrap-detail .head-colly .head-tha { color:black; } #customercare-detail .wrap-detail .head-colly .head-eng { color:#233388; } @media (max-width:767px) { #customercare-detail { margin-top:40px; margin-bottom:60px; } #customercare-detail .wrap-detail .logo-warranty { margin-top:40px; } #customercare-detail .wrap-detail .title-detail { margin-bottom:40px; line-height:40px; } [lang=en] #customercare-detail .wrap-detail .title-detail { font-size:26px; } [lang=th] #customercare-detail .wrap-detail .title-detail { font-size:40px; } .chn #customercare-detail .wrap-detail .title-detail { font-size:27px; } #customercare-detail .wrap-detail .txt-detail { margin-top:40px; } #customercare-detail .wrap-detail .txt-detail .wrap-col { margin-bottom:40px; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-icon { margin-right:15px; } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt { width:calc(100% - 75px); } #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { line-height:34px; } [lang=en] #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { font-size:19px; } [lang=th] #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { font-size:30px; } .chn #customercare-detail .wrap-detail .txt-detail .wrap-col .col-txt .title { font-size:20px; } }