.content-service{ margin-bottom: 100px;}
.topic-service{ background: #e3fffc; text-align: center; padding:22px 0;}
.content-topic-service img{ max-width: 100%;}
.content-topic-service h3{ color: #3b1705; font-weight: 600; font-size: 50px; margin: 35px auto; }
.content-topic-service h3 span{ width: 100px; display: block; height: 4px; margin: 18px auto; background: #4083c4; }
.content-topic-service .text-service{ color: #262626; font-size: 24px; padding: 22px 18px;}

.month-payment{ background: #fff; border: 12px solid #83d2f1; padding: 18px 12px; margin: 14px auto;}
.month-payment .title-payment{ font-size: 32px; font-weight: 600; color: #0d84de;}
.month-payment ul{ display: flex; flex-wrap: wrap; margin: 14px auto; }
.month-payment ul li{ display: block; width: 23%; margin: 8px 1%; background: #007ad7; font-size: 22px; font-weight: 400; color: #fff; padding: 14px 12px; box-sizing: border-box; }

.head-support{ background: #5fcdfc; overflow: hidden; }
.head-support .title-support{ background: #2eb0f4; position: relative; color: #fff; font-size: 28px; padding: 12px; text-align: center; font-weight: 600;}
.head-support .title-support::before{ content: url(../images/left-blue.png); position: absolute; top: 0; left: 0;}
.head-support .title-support::after{ content: url(../images/right-blue.png); position: absolute; top: 0; right: 0;}
.head-support .title-support span{ position: relative; z-index: 1; }
.text-support{ padding: 28px 18px;}
.text-support p{ color: #000; text-align: center; font-weight: 500; font-size: 24px;}

.box-support{ margin: 28px auto;}
.box-support .arrow-down{ position: absolute; width: 100%; height: 100%; top: 0; text-align: right; right:20px; display: none; padding-top: 7px; }
.support-top{ display: flex; flex-wrap: wrap; box-sizing: border-box; }
.support-top .box-gray{ width: 49%; margin-right: 1%; border: 1px solid #79848d; border-radius: 8px; overflow: hidden; }
.support-top .title-gray{ position: relative; background: #79848d; text-align: center; padding: 8px; font-weight: 600; font-size: 28px; color: #fff; }
.support-top .content-gray{ padding: 24px 12px;  text-align: center; }
.support-top .content-gray ul{ padding-left: 35px;}
.support-top .content-gray ul li{ list-style: disc; color: #5b646b; font-size: 22px; text-align: left; }
.support-top .box-brown{ width: 49%; margin-left: 1%; border: 1px solid #857440; border-radius: 8px; overflow: hidden; }
.support-top .title-brown{position: relative; background: #857440; text-align: center; padding: 8px; font-weight: 600; font-size: 28px; color: #fff;}
.support-top .content-brown{ padding: 24px 12px;  text-align: center; }
.support-top .content-brown ul{ padding-left: 32px;}
.support-top .content-brown ul li{ list-style: disc; color: #857440; font-size: 22px; text-align: left; }
.support-top .price{ background: url(../images/line2.png) #fff repeat-x; background-position: bottom; color: #ec2828; font-size: 30px; font-weight: 600; display: inline-block; padding-bottom: 8px; margin: auto; margin-bottom: 22px; }
.support-top .price strong{ font-size: 50px; }
.box-support .icon-plus{ color: #f55935; font-size: 50px; font-weight: 600; padding: 12px 0; text-align: center;}

.support-bottom{ display: block; border: 1px solid #f55935; border-radius: 8px; overflow: hidden;}
.support-bottom .title-orange{ position: relative; background: #f55935; text-align: center; padding: 8px; font-weight: 600; font-size: 28px; color: #fff; }
.support-bottom .content-orange{ padding: 24px 12px;  text-align: center; }
.support-bottom .sub-title-orange{ border-bottom: 8px solid #fff833; color: #262626; font-size: 28px; font-weight: 600; display: inline-block; }
.support-bottom .sub-title-orange.hide-pc{ display: none; text-align: center; margin-bottom: 12px;}
.support-bottom ul{ display: flex; flex-wrap: wrap; padding-left: 15px; margin: 14px auto; }
.support-bottom ul li{ list-style-type: disc;  font-size: 18px; font-weight: 500; color: #f55935; text-align: left; width: 31.33%; margin: 4px 1%; box-sizing: border-box; padding-right: 8px; }


.head-customization{ background: #f6b554; overflow: hidden; }
.head-customization .title-customization{ background: #fa8c0a; position: relative; color: #fff; font-size: 28px; padding: 12px; text-align: center; font-weight: 600;}
.head-customization .title-customization::before{ content: url(../images/left-orange.png); position: absolute; top: 0; left: 0;}
.head-customization .title-customization::after{ content: url(../images/right-orange.png); position: absolute; top: 0; right: 0;}
.head-customization .title-customization span{ position: relative; z-index: 1; }
.text-customization{ padding: 18px; text-align: center; margin-bottom: 50px;}
.text-customization img{ max-width: 100%; }
.text-customization p{ color: #000; text-align: center; font-weight: 500; font-size: 22px;}

.list-custom{ background: #fffbef; border: 8px solid #ffe186; width: 520px; padding: 12px; margin: 28px auto; box-sizing: border-box; }
.list-custom ul{ display: block; text-align: center; }
.list-custom ul li{ font-size: 24px; font-weight: 500; color: #ff7200; display: inline-block; margin: 4px 2px; }

.head-insurance{ background: #5ed8cc; overflow: hidden; }
.head-insurance .title-insurance{ background: #16b5a6; position: relative; color: #fff; font-size: 28px; padding: 12px; text-align: center; font-weight: 600;}
.head-insurance .title-insurance::before{ content: url(../images/left-green.png); position: absolute; top: 0; left: 0;}
.head-insurance .title-insurance::after{ content: url(../images/right-green.png); position: absolute; top: 0; right: 0;}
.head-insurance .title-insurance span{ position: relative; z-index: 1; }
.text-insurance{ padding: 18px; text-align: center; margin-bottom: 50px;}
.text-insurance img{ width: 100%; margin-bottom: 18px; }
.text-insurance p{ color: #000; text-align: center; font-weight: 500; font-size: 22px;}


@media(max-width:860px){
    .support-bottom .sub-title-orange{ font-size: 22px;}
    .support-bottom ul{ padding-left: 40px;}
    .support-bottom ul li{ width: 48%; margin: 4px 1%;}
}

@media(max-width:780px){
    .content-service{ margin-bottom: 0;}
    .month-payment ul li{ width: 31.33%;}

    .box-support .arrow-down{ display: block !important;}

    .support-bottom ul li{ font-size: 16px;}

    .support-top .box-gray,
    .support-top .box-brown{ width: 100%; margin: 8px auto;}

    .support-top .box-gray{ border: 0;}
    .support-top .title-gray{ border-radius: 28px; margin-bottom: 8px;}
    .support-top .content-gray{ border: 1px solid #79848d; border-radius: 8px; overflow: hidden; display: none; }

    .support-top .box-brown{ border: 0;}
    .support-top .title-brown{ border-radius: 28px; margin-bottom: 8px;}
    .support-top .content-brown{ border: 1px solid #857440; border-radius: 8px; overflow: hidden; display: none; }

    .support-bottom{ border: 0;}
    .support-bottom .title-orange{ border-radius: 28px; margin-bottom: 8px;}
    .support-bottom .content-orange{ border: 1px solid #f55935; border-radius: 8px; overflow: hidden; display: none; }
    .support-bottom .sub-title-orange{ display: none;}
    .support-bottom .sub-title-orange.hide-pc{ display: block;}

}

@media(max-width:560px){
    .list-custom{ width: 100%;}
    .month-payment ul li{ width: 48%; margin: 8px 1%; font-size: 18px; }
}

@media(max-width:480px){
    
    .list-custom ul{ text-align: left;}
    .list-custom ul li{ font-size: 14px; display: block; }

    .head-support .title-support,
    .head-customization .title-customization,
    .head-insurance .title-insurance{ font-size: 22px;}

    .content-topic-service h3{ font-size: 28px;}
    .content-topic-service .text-service{ font-size: 18px;}

    .month-payment .title-payment{ font-size: 24px; }

    .support-bottom ul li{ width: 85%; margin: 4px auto;}
    .support-top .title-gray,
    .support-top .title-brown,
    .support-bottom .title-orange{ font-size: 17px;}
    
    
}

@media(max-width:420px){
    .month-payment ul li{ width: 85%; margin: 8px auto; }
    
    .support-top .price{ font-size: 22px;}
    .support-top .price strong{ font-size: 36px;}
}


.keeper-title{font-size:20px; font-weight: 600; text-align: center; color: #5c2f0d; margin:0 0 10px;}
.keeper-title img{ max-width: 100%; margin-bottom: 8px;}

.wrapper-news{max-width: 980px; margin: 30px auto; padding: 20px 0;}