p,h1,h2,h3,h4,h5{ margin: 0; padding: 0;}
/*
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   padding-left: 5px;padding-right:5px;
}
*/
/*---style global----*/
@font-face {
    font-family: 'DB Heavent-reg';
    src: url('../fonts/DB Heavent v3.2_0.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DB Heavent v3.2_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/DB Heavent v3.2_0.woff') format('woff'), /* Modern Browsers */
        url('../fonts/DB Heavent v3.2_0.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/DB Heavent v3.2_0.svg#4e0c3e42fcf8cc63e98fb5a32af11219') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  400;
}
@font-face {
    font-family: 'DB-Heavent-med';
    src: url('../fonts/DB Heavent Med v3.2_0.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DB Heavent Med v3.2_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/DB Heavent Med v3.2_0.woff') format('woff'), /* Modern Browsers */
        url('../fonts/DB Heavent Med v3.2_0.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/DB Heavent Med v3.2_0.svg#de1ebfca6c97967a088be0ad01620a34') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  500;
}

@font-face {
    font-family: 'DB-Heavent-bold';
    src: url('../fonts/DB Heavent Bd v3.2_0.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DB Heavent Bd v3.2_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/DB Heavent Bd v3.2_0.woff') format('woff'), /* Modern Browsers */
        url('../fonts/DB Heavent Bd v3.2_0.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/DB Heavent Bd v3.2_0.svg#80999dbcb58779ed2deb00965ca5dccd') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  700;
}
@font-face {
    font-family: "psltextpro-reg";
    src: url("../fonts/PSL001pro/PSL001pro.eot"); /* IE9 Compat Modes */
    src: url("../fonts/PSL001pro/PSL001pro.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../fonts/PSL001pro/PSL001pro.woff") format("woff"), /* Modern Browsers */
        url("../fonts/PSL001pro/PSL001pro.ttf") format("truetype"), /* Safari, Android, iOS */
        url("../fonts/PSL001pro/PSL001pro.svg#PSL001pro") format("svg"); /* Legacy iOS */

    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: "dbhvtcx-45li";
    src: url("../fonts/DB Heavent Li v3.2_0.eot"); /* IE9 Compat Modes */
    src: url("../fonts/DB Heavent Li v3.2_0.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../fonts/DB Heavent Li v3.2_0.woff") format("woff"), /* Modern Browsers */
        url("../fonts/DB Heavent Li v3.2_0.ttf") format("truetype"), /* Safari, Android, iOS */
        url("../fonts/DB Heavent Li v3.2_0.svg") format("svg"); /* Legacy iOS */

    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body, div, h1, h2, h3, h4, h5, p, a, span{ font-family: 'DB Heavent-reg' !important; }
/*-------------------------*/
.end-line{ width: 100%; float: left; border-bottom: thin solid #ebebeb;}
i.icon-checkin{background: url(../images-policy/icon-checkin.png) no-repeat; background-size:contain; width: 24px; height: 24px; display: block; float: left; margin-right: 15px;}
i.icon-call{background: url(../images-policy/icon-call.png) no-repeat;background-size:contain; width: 24px; height: 24px;display: block;float: left;margin-right: 15px;}
i.icon-plus{background: url(../images-policy/icon-plus.png) no-repeat;background-size:contain; width: 24px; height: 24px;display: block;float: left;margin-right: 15px;}
i.icon-call-w{background: url(../images-policy/icon-call-w.png) no-repeat;background-size:contain; width: 24px; height: 24px;display: block;float: left;margin-right: 15px;}
.pad-0{ padding: 0;}
.top15{ margin-top: 10px !important;}
.space-top{margin-top: 20px;}
.policy{ position: relative;}
.clearfix{clear: both;}
/*-----type color------*/
.type.lf{background-color: #c5281c;}
.type.rider{background-color: #f1644a;}
.type.ah{background-color: #7db2b0;}
.type.mrta{background-color: #a71b37;}
.type.motor{background-color: #596d7a;}
.type.nl{background-color: #6d6e71;}
.type.ta{background-color: #749e76;}
.type.ul{background-color:#dbc07c;}
/*-----type color------*/
.bg-basicred{ background-color: #c5281c;}
.bg-oldrose{background-color: #f25c44;}
.bg-pastelblue{background-color: #7db2b0;}
.bg-pastelgreen{background-color: #749e76;}
.txt-classic-red{color: #c5291d !important;}
.txt-classic-red.med,.bold{font-family: 'DB-Heavent-med' !important;}
.tab-red{float: left; width: 100%; }
.tab-red p{min-width: 170px; color: #fff; font-size: 2.4rem;font-family: 'DB-Heavent-med' !important;width: auto !important; float: left; padding: 5px 18px; background-color: #c5291d; }
.banner>div{ position: relative; width: auto !important; height: auto; margin: 0 auto; max-width:850px;}
.banner .btn-close{ position: absolute; top: 10px; right: 10px;}
.btn-body, .btn-body:link, .btn-body:visited{
    color: #c5291d;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #c5291d;
    border-radius: 0;
    outline: none;
    margin-top: 15px;
    margin-bottom: 15px;
}
.btn.btn-block.btn-body.mobile{padding: 10px;color: #FFF;background: #c5291d;}
.btn-body:hover{
    color: #fff;
    background-color: #c5291d;
}
.label-error{ text-align:center; color:red; font-size:1.8rem;}
.btn-disable{opacity: 0.5;}
.tabmenu-left ul{ width: 100%; float: left; display: block; margin-bottom: 30px;}
.tabmenu-left ul li{ padding: 15px 0 15px 15px; width: 100%; float: left;}
.tabmenu-left ul li:first-child{ background-color:#c5281c;}
.tabmenu-left ul li:first-child p,.tabmenu-left ul li:first-child a{ color: #fff;font-family: 'DB-Heavent-med'  !important; font-size:2.6rem;margin: 0; padding: 0; cursor: pointer;}
.tabmenu-left ul li+li{ background-color: #f2f2f2;border-bottom: thin solid #d8d8d8;}
.tabmenu-left ul li+li p{ color: #333; font-family: 'DB Heavent-reg'  !important; font-size: 2.4rem; margin: 0; padding: 0;}
.tabmenu-left ul li a{ width: 100%; float: left; cursor: pointer;}
.tabmenu-left ul li+li a.active p{color: #c5281d;font-family: 'DB-Heavent-med' !important;}
.tabmenu-left ul li p.header-list-text{ width: 80%; float: left; height: 70px;}
.tabmenu-left ul li .arrow{ color: #c5281c; float: left; width: 20%; height: 70px;}
.tabmenu-left ul.menu-policy-list{ margin-bottom: 0;}
.tabmenu-left ul.menu-policy-list li{ border: none;padding: 5px 0 5px 15px;}
.tabmenu-left ul.menu-policy-list li.active{background: #ddd!important;margin-left: -15px;padding-left: 30px;width: calc(100% + 15px);}
.tabmenu-left ul.menu-policy-list li:first-child ,.tabmenu-left ul.menu-policy-list li a{ background: none; color: #333;font-family: 'DB Heavent-reg' !important;}
.tabmenu-left ul.menu-policy-list li a.active{font-family: 'DB-Heavent-med' !important;}
.list-policy .header{ border-bottom: 1px solid #ebebeb; padding: 4% 0 3% 0; float: left; width: 100%;}
.list-policy .header .icon-book{ padding-top: 10px;}
.list-policy .header h1{ font-size: 4.4rem; color: #c5281d;font-family: 'DB-Heavent-med' !important; margin: 0; line-height: 35px;}
.list-policy .header h2{font-size: 3rem; color: #000; margin: 0;}
.list-policy .own-list{border-bottom: 1px solid #ebebeb;float: left;width: 100%;}
.list-policy .own-list ul{ width: 100%; display: block; margin-top: 0px;}
.list-policy .own-list ul li{ border-bottom: 1px solid #ebebeb; float: left; width: 100%; display: block; padding-top: 15px;}
.list-policy .own-list ul li .mobile-layout{ max-width: 408px;}
.list-policy .own-list ul li p{font-size: 3.4rem; color: #333;font-family: 'DB-Heavent-med' !important;}
.list-policy .own-list ul li p.text-number{font-family: 'DB Heavent-reg' !important; color: #c5281d !important;line-height: 28px;}
.list-policy .own-list ul li .text-number{color: #c5281d !important;}
.list-policy .own-list ul li p.type{ font-size: 2.4rem; height: auto;float: left; width: auto; color: #fff; margin-top: 0; padding: 3px 15px;font-family: 'DB-Heavent-med' !important;}
.list-policy .own-list ul li p.number{font-size: 2.4rem; color: #666;font-family: 'DB Heavent-reg' !important;}
.list-policy .own-list ul li p.text-status{font-size: 2rem;width: 100%; float: left;font-family: 'DB-Heavent-med' !important; line-height: 19px;}
.list-policy .own-list ul li p.text-status.normal{color:#48a648;}
.list-policy .own-list ul li p.text-status.expire{color:#c5281d;}
.list-policy .own-list ul li p.text-detail-des{width: 100%; float: left;font-size: 2rem;color: #66666a;font-family: 'DB Heavent-reg' !important;line-height: 19px;}
.list-policy .own-list ul li p.text-detail-des span{font-family: 'DB-Heavent-med' !important;}
.list-policy .own-list ul li .detail-num{ padding-top: 25px;}
.list-policy .own-list ul li .order-number{width: 65px; background: url(../images-policy/number-circle.png) no-repeat; height: 140px;padding-left: 15px;padding-top: 40px;background-position: 15px 43px;}
.list-policy .own-list ul li .order-number p{font-size: 3.2rem; color: #fff; width: 35px; text-align: center;}
.list-policy .own-list ul li .policy-book{ height: 140px; width: 110px;}
.list-policy .own-list ul li p.policy-name{ width: 100%; float: left;line-height: 33px;}
.list-policy .own-list ul li:last-child{ border:none;}
.link-hospital{margin-top: 50px; width: 100%; float: left;}
.link-hospital .btn-findhospital{ cursor: pointer; text-align:  center;color: #fff;padding: 10px 0;font-family: 'DB-Heavent-med' !important;position: fixed; bottom:0; left: 0;}
.link-hospital .btn-findhospital.affix-top{ z-index: 100;}
/*-----policy-detail--------*/
.dateline-icon{ cursor: pointer;}
.more-box{ margin-top: 15px; margin-bottom: 10px;  float: left; width: 100%;}
.more-box p{padding:10px 20px; background-color:#ebebeb; float: left; border-radius: 5px; font-family: 'dbhvtcx-45li' !important; font-size: 2.4rem; width: auto !important;}
i.info{color: #c5251b;border: thin solid #c5251b; border-radius: 40px;width: 20px;height: 20px;text-align: center; display: inline-block;font-style: inherit;top: -3px;position: relative;}
i.info span{display: block;margin-top: -4px;font-size: 2rem;}
i.info.active{ background-color: #c5251b; color: #fff;}
i.plus-circle{ border: thin solid #9a9a9a; border-radius: 20px;}
#policy-info{ min-height:200px;}
.preload { padding:20px 0;}
.preload img{max-width:50px;}
.policy-detail .expire , .policy-detail .normal{color:#c5281d !important;font-family: 'DB-Heavent-med' !important;}
/*.policy-detail .normal i,.policy-detail .expire p>span{ display: none;}*/
.policy-detail .block-book-policy{ margin-top: 30px;border: thin solid #ebebeb; border-radius: 6px; padding: 25px;width: 100%;float: left; margin-bottom: 30px; box-shadow: 0px 0px 7px #e2e2e2;}
.policy-detail .block-book-policy ul{ padding-top: 10px;}
.policy-detail .block-book-policy ul li { width: 100%; float: left;}
.policy-detail .block-book-policy ul li div{ width: 30%; float: left;}
.policy-detail .block-book-policy ul li div+div{ width: 70%; float: left;}
.policy-detail .block-book-policy ul li div p{ color: #6c6c6c; font-size: 2.4rem;font-family: 'DB Heavent-reg' !important;}
.policy-detail .block-book-policy ul li div+div p{ color: #c5281d;font-family: 'DB-Heavent-med' !important;}
.policy-detail .block-book-policy ul li div+div p>span{ color: #000;}
.policy-detail .expire span.text-policystatus ,.policy-detail .expire span.slick-policystatus{ color: #c5281d;}
.policy-detail .normal span.text-policystatus ,.policy-detail .normal span.slick-policystatus{ color: #48a648;}
.policy-detail .normal span.text-policystatus i , .policy-detail .normal span.slick-policystatus i{font-size: 10px;position: relative;top: -3px;}
.policy-detail .block-book-policy .view-card{ margin-top: 20px;}
.policy-detail .block-book-policy .view-card a{background: #961c16; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#c4281c, #961c16); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#c4281c, #961c16); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#c4281c, #961c16); /* For Firefox 3.6 to 15 */background: linear-gradient(#c4281c, #961c16); /* Standard syntax */width: 100%; height: 100%;float: right; max-width: 134px;border-radius: 5px;}
.policy-detail .block-book-policy .view-card a:hover{background: #cf3626; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#f1644a, #cf3626); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#f1644a, #cf3626); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#f1644a, #cf3626); /* For Firefox 3.6 to 15 */background: linear-gradient(#f1644a, #cf3626); /* Standard syntax */}
.policy-detail .line{ width: 100%; float: left; border-bottom: thin solid #999;}
.policy-detail .end-line{width: 100%; float: left; border-bottom: thin solid #ebebeb;}
.policy-detail h1{ color: #c5281c; font-size: 4.4rem;font-family: 'DB-Heavent-med' !important; margin-bottom: 5px;}
.policy-detail h1 a{color: #c5281c; }
.policy-detail .block-detail{ border: thin solid #ebebeb; border-radius: 7px; padding: 25px;width: 100%;float: left; margin-bottom: 30px;}
.policy-detail .block-detail .detail-text{ padding:15px 0; width: 100%;float: left;}
.policy-detail .block-detail .detail-text p{ width: 50%; font-size: 2.4rem;font-family: 'DB Heavent-reg' !important; color: #000; float: left;}
.policy-detail .block-detail .detail-text p.bold{font-family: 'DB-Heavent-med' !important;}
.policy-detail .block-detail .detail-text .icon-fyi{ width: 21px !important; margin-left: 8px;}
.policy-detail .block-detail .detail-extra{ padding: 20px 0; width: 100%;float: left;}
.policy-detail .block-detail h2{ margin-top: 15px; margin-bottom: 0px; color: #c5281d; font-size: 3.2rem;font-family: 'DB-Heavent-med' !important; float: left; width: 100%;}
.policy-detail .block-detail .detail-extra div.icon{ width: 66px; float: left;margin-right: 10px;}
.policy-detail .block-detail .detail-extra div.text{ float: left; width:auto; max-width: 700px;}
.policy-detail .block-detail .detail-extra div.text p{line-height: 30px; padding-top: 12px; color: #666; font-size: 3rem;font-weight: 500; width: auto !important; float: left;}
.policy-detail .block-detail .detail-extra div.text p>span{ color: #000;}
.policy-detail .block-detail .detail-extra .arrow{width: 25px; float: right; color: #c5281d;}
.policy-detail .block-detail .detail-extra .arrow .fa-angle-down{ display: none;}
.policy-detail .block-detail .detail-extra .arrow .fa-angle-up{ display: block !important;}
.policy-detail .block-detail .detail-extra .arrow.collapsed .fa-angle-down{ display: block !important;}
.policy-detail .block-detail .detail-extra .arrow.collapsed .fa-angle-up{ display: none !important;}
.policy-detail .block-detail .icon-paperless{ width: 50px; height: 60px; float: left;}
.policy-detail .block-detail .paper-less{ width: 100%; float: left; margin-top: 15px;}
.policy-detail .block-detail .paper-less .paperless-text{ padding-left: 15px; float: left; width: auto; }
.policy-detail .block-detail .paper-less .paperless-text h2{ font-size: 3.3rem;font-family: 'DB-Heavent-med' !important; color: #000; margin: 0;}
.policy-detail .block-detail .paper-less .paperless-text p{font-size: 2.4rem;font-family: 'DB Heavent-reg' !important; color: #666;}
.policy-detail .block-detail .paper-less .paperless-status{background: url(../images-policy/active-status.png) no-repeat; width: 66px; height: 62px;background-position: -66px 0;}
.policy-detail .block-detail .paper-less .paperless-status.active{ background-position: 0;}
.policy-detail .block-detail .btn-tax{margin-top: 30px; width: 100%; float: left; padding: 10px 0; color: #fff;font-size: 3rem;font-family: 'DB-Heavent-med' !important;}
.policy-detail .block-detail .btn-edit{background: url(../images-policy/icon-edit.png) no-repeat; width: 20px; height: 20px; cursor: pointer; text-indent: -9999px;}
.policy-detail .bolck-contact{ border-radius: 8px; padding: 25px;width: 100%;float: left; margin-bottom: 30px; background-color:#f1f2f2;}
.policy-detail .bolck-contact p{font-size: 3.2rem;font-family: 'DB-Heavent-med' !important; color: #000;}
.policy-detail .bolck-contact p>span{color:#c8261c;}
.policy-detail .bolck-contact .contact-text{ margin-top: 30px;}
.policy-detail .bolck-contact .contact-text .tel,.policy-detail .bolck-contact .contact-text .app-line{width: 40%; float: left;}
.policy-detail .bolck-contact .contact-text .tel a,.policy-detail .bolck-contact .contact-text .app-line a{ height:65px;  position: relative; background-color: #2bb673; color: #fff; padding: 10px 0; width: 100%; font-family: 'DB-Heavent-med' !important; font-size: 3.4rem;  line-height: 3.4rem; display:flex; flex-wrap:wrap; align-items: center;-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-decoration: none; }
.policy-detail .bolck-contact .contact-text .tel div{ height: auto;}
.policy-detail .bolck-contact .contact-text .tel div.text-right{padding-right: 10px;}
.policy-detail .bolck-contact .contact-text .text{ padding: 10px 0; width: 20%; float: left;}
.policy-detail .bolck-contact .contact-text .app-line a{ background-color:#00c300;padding: 8px 0;}
.policy-detail .bolck-contact .contact-text .app-line div.text-right{ padding-right: 10px;} 
.policy-detail .bolck-contact .contact-text .app-line div.text-right img{ max-width: 50px;}
.policy-detail p.fyi-text{ color: #000; font-size: 2.4rem; font-family: 'DB Heavent-reg' !important;float: left;}
.policy-detail p.fyi-text>span{font-family: 'DB-Heavent-med' !important;}
.policy-detail .slide-policy{ margin-top: 30px; margin-bottom: 35px; width: 100%; float: left;}
.policy-detail .slide-policy ul li{opacity: 0.3;box-shadow: 0px 0px 7px #e2e2e2;border: thin solid #ebebeb;border-radius: 7px;padding-bottom: 10px;}
.policy-detail .slide-policy ul li p{ line-height: 25px; width: 230px;margin: 0 auto;}
.policy-detail .slide-policy ul li .view-policy-card{background: #961c16; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#c4281c, #961c16); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#c4281c, #961c16); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#c4281c, #961c16); /* For Firefox 3.6 to 15 */background: linear-gradient(#c4281c, #961c16); /* Standard syntax */float: left;height: 60px;width: 100%;text-align: center;padding-top: 10px;border-radius: 4px;}
.policy-detail .slide-policy ul li .view-policy-card:hover{background: #cf3626; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#f1644a, #cf3626); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#f1644a, #cf3626); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#f1644a, #cf3626); /* For Firefox 3.6 to 15 */background: linear-gradient(#f1644a, #cf3626); /* Standard syntax */}
.policy-detail .slide-policy ul li.slick-active{ opacity: 1;}
.policy-detail .slide-policy .slick-track li.slick-active{border: solid 2px #c5291d;padding-top: 15px;}
.policy-detail ul.slick-dots { list-style: none; bottom: 0;padding-left: 8px; position: inherit; margin-top: 25px;}
.policy-detail ul.slick-dots li{ border:none; box-shadow: none;list-style: none; opacity: 1; margin: 0;padding-bottom: 2px;height: 14px;}
.policy-detail ul.slick-dots li button{ color:#c5291d; border-radius: 20px; border:solid thin #c5291d;  box-shadow: none; width: 10px;height: 10px;}
.policy-detail ul.slick-dots li button:before {opacity: .75;color: transparent; display: none;}
.policy-detail ul.slick-dots li.slick-active button{background-color: #c5291d;}
.policy-detail .table{ border:none; }
.btn-back{ border: 2px solid #c5291d; font-size: 3rem; background-color: #fff; color:#c5291d; font-family: 'DB-Heavent-med' !important; margin-top: 30px;}
a.btn-back{color:#c5291d;}
.slick-track {margin: auto;}
.slick-track li{ height: auto;}
li.slick-cloned:last-child {display: none;}
.slick-dotted.slick-slider {margin-bottom: 0px;}
/*---find hospital---*/
.policy-findhospital{margin-top:10px;}
.policy-hospital h1{ width: 100%; float: left; font-size:4.4rem;color: #c5281c;font-family: 'DB-Heavent-med' !important; /*margin-bottom: 30px;*/}
.policy-hospital h2{border-top:thin solid #ebebeb; font-size: 6rem; text-align: center; color: #000;font-family: 'DB-Heavent-med' !important; padding-top: 25px; margin-bottom: 30px;width: 100%; position: relative;}
.policy-hospital h2 span{position: absolute;top: 45%; left: 0;}
.policy-hospital ul.list-hospital li{ width: 100%; float: left; height:95px; padding: 20px; border-bottom: thin solid #ebebeb;}
.policy-hospital ul.list-hospital li a{ width: 100%; float: left;}
.policy-hospital ul.list-hospital li:hover{ background-color: #f7f7f7;}
.policy-hospital ul.list-hospital li .main-txt{ width: 90%; float: left;}
.policy-hospital ul.list-hospital li .main-txt p{font-family: 'DB-Heavent-med' !important; font-size: 3rem; color: #000; width: 100%; float: left;}
.policy-hospital ul.list-hospital li .main-txt p .pull-right{ display:none;}
.policy-hospital ul.list-hospital li:hover .main-txt p:first-child{color: #c5281c;}
.policy-hospital ul.list-hospital li .main-txt p+p{font-family: 'DB Heavent-reg' !important;font-size: 2.2rem; color: #929497;}
.policy-hospital ul.list-hospital li .arrow{ width: 10%; height: 100%; float: left; text-align: center; display: table;}
.policy-hospital ul.list-hospital li .arrow i{ display: table-cell; vertical-align: middle;color: #929497}
.policy-hospital .menu-bar{ border-top:thin solid #ebebeb;border-bottom:thin solid #ebebeb; margin-bottom: 10px;}
.policy-hospital .menu-bar ul{ width: 100%; float: left; display: table;}
.policy-hospital .menu-bar ul li div.active{display: none;}
.policy-hospital .menu-bar ul li div.normal{display: block;}
.policy-hospital .menu-bar ul li.active div.active{display: block;}
.policy-hospital .menu-bar ul li.active div.normal{display: none;}
.policy-hospital .menu-bar ul li:hover,.policy-hospital .menu-bar ul li.active{ background-color: #c31c18;}
.policy-hospital .menu-bar ul li+li:hover,.policy-hospital .menu-bar ul li+li.active{background-color: #ea5e44;}
.policy-hospital .menu-bar ul li+li+li:hover,.policy-hospital .menu-bar ul li+li+li.active{background-color: #752027;}
.policy-hospital .menu-bar ul li+li+li+li:hover,.policy-hospital .menu-bar ul li+li+li+li.active{background-color: #8e1230;}
.policy-hospital .menu-bar ul li{ width: 25%; float: left; height: auto; text-align:center; display:table-cell; vertical-align: middle;}
.policy-hospital .menu-bar ul li a{ float: left; display: block; width: 100%; height: 100%;}
.policy-hospital .search-province{ padding-top:25px; margin-bottom:40px;}
.policy-hospital .search-province p{ font-size:3.2rem; color:#000;font-family: 'DB-Heavent-med' !important;}
.policy-hospital .search-province select{background-color:#eaeaea; border-radius:0; width:100%;}
.policy-hospital .search-province select option{ font-size:2.4rem;font-family: 'DB Heavent-reg' !important; color:#666;}
.policy-hospital .search-province .btn-group.bootstrap-select{    float: left;width: 100%;border-radius: 0; }
.policy-hospital .search-province button.btn.dropdown-toggle.btn-default {background-color: #f2f2f2;border-radius: 0; box-shadow: none;font-size: 2.4rem;font-family: 'DB Heavent-reg' !important; color:#666;}
.policy-hospital .search-hospital{padding-top:25px; padding-bottom:40px; /*border-top: thin solid #999;*/ background-color: #f8f8f8; margin-bottom: 20px;}
.policy-hospital .search-hospital input{ width: 100%; border-radius: 0; float: left; padding-left: 50px;color:#000;font-family: 'DB-Heavent-med' !important;}
.policy-hospital .search-hospital .input-search{ position: relative; width: 100%; float: left;}
.policy-hospital .search-hospital .input-search .icon-search-gray{ position: absolute; top: 7px; left: 15px; color: #999;}
.policy-hospital .search-hospital .input-search .icon-close{ position: absolute; top: 9px; right: 13px; color: #999; z-index: 100; width: 21px; height: 24px; border:none; padding: 0;}
.policy-hospital .search-hospital .input-search .icon-close:active,.policy-hospital .search-hospital .input-search .icon-close:focus,.policy-hospital .search-hospital .input-search .icon-close:hover{border:none; padding: 0; box-shadow: none;}
.policy-hospital .search-hospital .input-search button,.policy-hospital .search-hospital .input-search input[type="button"],.policy-hospital .search-hospital .input-search input[type="reset"],.policy-hospital .search-hospital .input-search input[type="submit"]{border:none; padding: 0; box-shadow: none; background: none;}
.policy-hospital .empty{ padding-bottom: 30px;}
.policy-hospital .empty div{ width: 100%; float: left;}
.policy-hospital .empty div .fa-ban{font-size: 6em; color: #ccc;}
.policy-hospital .empty p{font-family: 'DB-Heavent-med' !important; color: #000; font-size: 3rem;}
/*--find hospital detail--*/
.policy-hospital h2.header-detail{ color: #c5261e; font-size: 4.4rem; text-align: left; padding-left: 35px; padding-bottom:15px; border-bottom: thin solid #ebebeb;}
.policy-hospital h2.header-detail span.dt{font-size: 3.4rem; width: auto !important; float: none; position: inherit;}
.policy-hospital h2 span {top: 38%;}
.policy-hospital .hospital-detail .dateline-icon{ padding-right: 15px;}
.policy-hospital .hospital-detail p{color:#231f20; font-size: 3rem;font-family: 'DB Heavent-reg' !important;}
.policy-hospital .hospital-detail p.call{font-family: 'DB-Heavent-med' !important;}
.policy-hospital #map {height: 500px;width: 100%;margin-top: 30px;}
.policy-hospital .call-now{ text-align: center; width: 100%; float: left; cursor: pointer; background-color: #22b573; color: #000; margin-top: 35px; height: auto; padding: 10px 0;}
.policy-hospital .call-now i{ width:34px; height: 34px;}
.policy-hospital .call-now p{ float: left; width: 100%; color: #fff;font-family: 'DB-Heavent-med' !important; font-size: 3.4rem; text-align: center;}
.policy-hospital .call-now p>span{display: inline-block;}
.policy-hospital .dropdown-menu>li>a {font-size: 2.4rem;}
.map-hospital{ position: relative;}
.map-hospital a.btn-diraction,.map-hospital a.set-center{display: table;width: 50px;height: 50px;background-color: #e9563b;color: #fff;border-radius: 30px; position: absolute; z-index: 200; bottom: 100px; right: 35px;}
.map-hospital a i{color: #fff;display: table-cell;vertical-align: middle;text-align: center;}
.map-hospital a.set-center{background-color:#c21b16;bottom: 30px;}
/*--slide slick policy--*/
.slider {width: 100%;}
.slick-slide {margin: 0px 40px;}
.slick-slide img {display: inline-block;}
.slick-prev:before,.slick-next:before {width: 60px !important; height: 60px !important;border-radius: 0 !important;color: #fff;}
#policy-card .slick-prev,#policy-card .slick-next{width: 60px !important;height: 60px !important;border-radius: 0 !important; box-shadow: none; background-color: #d35149; color:#fff;z-index: 200;}
.slick-prev{ left: 10%;}.slick-next{ right: 10%;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: #fff; outline: none;background: #d35149;}
.slick-prev:before { background: url(../images-policy/arrow-left.png) no-repeat; text-indent: -9999px; width: 20px; height: 32px;display: block;content: ''; background-position: 18px 13px; opacity: 1;}
.slick-next:before { background: url(../images-policy/arrow-right.png) no-repeat; text-indent: -9999px;width: 20px; height: 32px;display: block; content: ''; background-position: 20px 13px; opacity: 1;}
.slick-dots{ display: none !important;}
#navigation-card{width: 100%; float: left; overflow: hidden;}
#myCarousel{width: 70% !important;margin: 0 auto !important; float: none !important;}
#myCarousel .slick-prev {left: -30px !important;}
#myCarousel .slick-next {right: -30px !important;}
#myCarousel .slick-prev,#myCarousel .slick-next {width: 10px !important;height: 15px !important;z-index: 0;}
#myCarousel .slick-next:before,#myCarousel .slick-next:hover,#myCarousel .slick-next:focus{background: url(../images-policy/arrow-02.png) no-repeat !important;width: 10px;height: 15px;}
#myCarousel .slick-prev:before,#myCarousel .slick-prev:hover,#myCarousel .slick-prev:focus {background: url(../images-policy/arrow-01.png) no-repeat !important;width: 10px;height: 15px;}
#myCarousel .slide-navigation{margin-bottom: 15px;}
#myCarousel .slide-navigation li{margin:0 5px !important;}
#myCarousel .slide-navigation li>a{ text-decoration: none; }
#myCarousel .slide-navigation li>a>p{font-size: 2rem;line-height: 15px;color: #c5291d;}
#myCarousel .slide-navigation li.active>a{ background-color:#c5291d;}
#myCarousel .slide-navigation li.active>a>p{color: #fff;}

/*--find hospital tab menu--*/
ul.tab-filter-menu{width: 695px;margin: 20px auto;}
ul.tab-filter-menu li,ul.tab-filter-menu li:first-child.active{ float: left; width: auto; background-color: #f2f2f2;margin-right: 4px !important; padding: 0 10px !important;margin-bottom: 5px;}
ul.tab-filter-menu li.active,ul.tab-filter-menu li:hover,ul.tab-filter-menu li:first-child.active{background-color: #c5281c !important;}
ul.tab-filter-menu li a{ width: 100%; color: #333; text-align: center; display: block; cursor: pointer;height: 45px;line-height: 20px;font-size: 2rem; margin-top:5px;}
ul.tab-filter-menu li.active a,ul.tab-filter-menu li:hover a{ color: #fff;}
ul.tab-filter-menu li:first-child{background: none;margin-right: 12px;text-align: left;padding: 0; float: left;}
ul.tab-filter-menu li:first-child p {line-height: 50px; font-size: 23px; font-weight: bold;}
ul.tab-filter-menu li a.one-line{margin-top: 15px;height: 35px;}
.menu-en ul.tab-filter-menu li:first-child {background-color: #f2f2f2;}
.filter-menu-hospital .btn-group{width: 100% !important; margin: 5px auto 15px auto !important;}
.filter-menu-hospital .btn-group select{ font-size: 2.5rem;}
.filter-menu-hospital .btn-group>.btn:first-child {font-size: 2.5rem;box-shadow: none;border-radius: 1px;background-color: #f2f2f2;}
.filter-menu-hospital .bootstrap-select.btn-group .dropdown-menu li { position: relative;width: 100%; text-align: left;}

.filter-menu-hospital .bs-caret {
    display: block !important;
    width: 38px !important;
    height: 100% !important;
    line-height: 38px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    background-color: #c5291d !important;
}
.filter-menu-hospital .bs-caret .caret {
    right: 15px !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -6px !important;
    border: 0 !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(45deg) !important;
}

.smartbanner, .dpdpa--popup{ display:none !important; height:0 !important; overflow: hidden !important; visibility: hidden !important; }
.modal-backdrop{ z-index:2; }

@media (max-width:767px) {
    .m-nopad{ padding: 0;}
    .banner>div{max-width: 767px;}
    .list-policy .header { padding: 6% 0 2% 0;}
    .list-policy .header h1{ font-size: 4rem;line-height: 30px;}
    .list-policy .header h2{font-size: 2.2rem; color: #000; margin: 0;}
    .list-policy .own-list ul {margin-top: 0;}
    .list-policy .own-list ul li .order-number {width: 60px; background: url(../images-policy/number-circle-m.png) no-repeat; height: 80px; padding-top: 21px;background-position: 8px 23px; padding-left: 1px;}
    .list-policy .own-list ul li .order-number p{font-size: 1.7rem; padding-top: 1px; line-height: 2.1rem;}
    .list-policy .own-list ul li {padding-top: 20px;padding-bottom: 20px;}
    .list-policy .own-list ul li .policy-book {width: 49px; height: 80px;}
    .list-policy .own-list ul li p{font-size: 2.4rem;}
    .list-policy .own-list ul li p.policy-name{ margin-top: 5px;line-height: 18px;margin-bottom: 7px;}
    .list-policy .own-list ul li p.text-number{margin-bottom: 10px;font-size: 2.2rem; width: 100%; float: left; text-align: left; line-height: 8px;color: #c5281d !important;}
    .list-policy .own-list ul li p.text-status{font-size: 1.8rem;}
    .list-policy .own-list ul li p.text-detail-des{font-size: 1.8rem;line-height: 19px;float: left; text-align: left;}
    .list-policy .own-list ul li .text-number a{color: #c5281d !important;}
    .list-policy .own-list ul li p.type{ font-size: 1.4rem;margin-top: 0;padding: 2px 10px 0 10px;}
    .list-policy .own-list ul li .mobile-layout{ width: 56%; margin-left: 15px;}  
    /*-----policy-detail--------*/
    .more-box{margin-top: 10px; margin-bottom: 10px;}
    .more-box p{ font-size: 2rem; line-height: 20px; padding:10px;}
    .policy-detail h1{ font-size: 3rem;text-align: center;}
    .policy-detail .block-detail{ padding: 15px 15px;}
    .policy-detail .block-detail .detail-text.long{ display: table;}
    .policy-detail .block-detail .detail-text.long p.text-left{width: 105%;}
    .policy-detail .block-detail .detail-text.long div.table{ display: table-cell;vertical-align: middle; width: 40%; }
    .policy-detail .block-detail .detail-text.long div.table p{float: right; width: 100%;}
    .policy-detail .block-detail .detail-text p{ font-size: 2.2rem; width: 60%;}
    .policy-detail .block-detail .detail-text p.text-right{ width: 40%;}
    .policy-detail .slide-policy {margin-top: 20px;margin-bottom: 15px;}
    .policy-detail .block-detail .detail-extra{ padding: 10px 0;}
    .policy-detail .block-detail h2{ font-size: 3rem;margin-bottom: 10px;}
    .policy-detail .block-detail .detail-extra div.icon {width: 28px;}
    .policy-detail .block-detail .detail-extra div.text {max-width: 175px;}
    .policy-detail .block-detail .detail-extra div.text.long{ max-width: 230px;}
    .policy-detail .block-detail .detail-extra div.text p{ font-size: 2rem;line-height: 20px;padding-top: 0;padding-left: 10px;}
    .policy-detail .block-detail .detail-extra .arrow { margin-top: -6px;}
    .policy-detail .block-detail .detail-extra .arrow i{font-size: 1em !important;}
    .policy-detail .block-detail .detail-extra div.text .txt-xs{font-family: 'DB-Heavent-med' !important; float: left;}
    .policy-detail .block-detail .icon-paperless {width: 44px;}
    .policy-detail .block-detail .paper-less .paperless-text h2 { font-size: 2.4rem; line-height: 20px;}
    .policy-detail .block-detail .paper-less .paperless-text p { font-size: 1.8rem; line-height: 16px;}  
    .policy-detail .block-detail .paper-less .paperless-status {background: url(../images-policy/m-active-status.png) no-repeat;width: 54px;height: 52px;background-position: 0;}
    .policy-detail .block-detail .paper-less .paperless-status.active {background-position: -54px 0;}
    .policy-detail .block-detail .btn-tax { font-size: 2rem; margin-top: 5px;}
    .policy-detail .block-detail .m-nopad{ padding: 0;}
    .policy-detail .bolck-contact{ padding: 20px 0;margin-bottom: 10px;}
    .policy-detail .bolck-contact p {font-size: 2.5rem; line-height: 27px;}
    .policy-detail .bolck-contact .contact-text .tel,.policy-detail .bolck-contact .contact-text .app-line{width: 100%; float: left;}
    .policy-detail .bolck-contact .contact-text .tel{ margin-top: 10px;}
    .policy-detail .bolck-contact .contact-text .text {width: 100%;}
    .policy-detail .bolck-contact .contact-text .tel div.text-right{ width: 37%; }
    .policy-detail .bolck-contact .contact-text .tel div.text-left{ width: 63%;padding-left: 5px;}
    .policy-detail .bolck-contact .contact-text .app-line div.text-right{ width: 37%;}
    .policy-detail .bolck-contact .contact-text .app-line div.text-left{ width: 63%;}
    .policy-detail p.fyi-text {font-size: 1.8rem;}
    .policy-detail .normal span.text-policystatus i , .policy-detail .normal span.slick-policystatus i{padding-right: 5px;}
    .tab-red p {font-size: 2rem;}
    .btn-back {font-size: 2rem;padding: 0;}
    /*---find hospital---*/
    .policy-hospital h2{ font-size: 3rem; top: 55%;padding-top: 15px;margin-bottom: 10px;}
    .policy-hospital h2 span{ width:9px;}
    .policy-hospital h2.header-detail{ color: #c5261e; font-size: 3rem;}
    .policy-hospital h2.header-detail span.dt{font-size: 2.2rem; width: auto !important;}
    .policy-hospital .menu-bar ul li{height: auto;}
    .policy-hospital .menu-bar ul li a{ float: left; display: block;}
    .policy-hospital ul.list-hospital{ padding: 0;}
    .policy-hospital ul.list-hospital li{ padding: 15px 15px 10px 15px; height: auto;}
    .policy-hospital ul.list-hospital li .main-txt{font-size: 2rem;padding:0;}
    .policy-hospital ul.list-hospital li .arrow {height: 74px;}
    .policy-hospital ul.list-hospital li .arrow i {text-align: right; font-size: 1em;}
    .policy-hospital ul.list-hospital li .main-txt p{font-size: 2.4rem;}
    .policy-hospital ul.list-hospital li .main-txt p+p{font-size: 1.6rem;}
    .policy-hospital ul.list-hospital li .main-txt span:first-child{ width: 55%; line-height: 25px;}
    .policy-hospital .search-province { padding: 10px 40px 30px 40px; background-color: #f8f8f8; margin-bottom:10px;}
    .policy-hospital .search-province li p{ font-size: 2.4rem;}
    .policy-hospital .search-province button.btn.dropdown-toggle.btn-default{font-size: 2.4rem;font-family: 'DB Heavent-reg' !important; color:#666;}
    .policy-hospital .search-province .bootstrap-select.btn-group .dropdown-menu li a span.text {font-size: 2.4rem;}
    .policy-hospital .empty div .fa-ban{font-size: 4em;}
    .policy-hospital .text-loading {margin-left: 15px;}
    /*--find hospital detail--*/
    .policy-hospital h2.header-detail{ text-align: center;}
    .policy-hospital .hospital-detail p{font-size: 2.4rem;}
    .policy-hospital .hospital-detail p.txt-classic-red{font-size: 2rem;}
    .policy-hospital .hospital-detail .more-box p{font-size: 2rem;}
    .policy-hospital #map {height: 320px;width: 100%;margin-top: 5px;}
    .policy-hospital .call-now i{ width:25px; height: 25px;}
    .policy-hospital .hospital-detail i.icon-checkin { margin-bottom: 30px;}
    .slick-slide {margin: 0px 10px;}
    .map-hospital a.btn-diraction{bottom: 80px; right: 10px;}
    .map-hospital a.set-center{bottom: 20px;right: 10px;}

    .policy-detail .slide-policy ul li p{ font-size:2.2rem;}
    .policy-detail .bolck-contact .contact-text .tel a, 
    .policy-detail .bolck-contact .contact-text .app-line a{ font-size:3rem; line-height: 3rem; }
    .policy-detail .bolck-contact .contact-text .tel div.text-right, 
    .policy-detail .bolck-contact .contact-text .tel div.text-left,
    .policy-detail .bolck-contact .contact-text .app-line div.text-left,
    .policy-detail .bolck-contact .contact-text .app-line div.text-right{ width:auto !important; }
}
@media (max-width:320px) {
    .no-pad{ padding: 0;}
    .policy-hospital .menu-bar ul li{height: 46px;}
    .policy-hospital ul.list-hospital{ padding: 0;}
    .policy-hospital ul.list-hospital li{ padding: 15px;}
    .policy-hospital ul.list-hospital li .main-txt{font-size: 2rem;padding: 15px 0;}
    .policy-hospital ul.list-hospital li .arrow {height: 74px;}
    .policy-hospital ul.list-hospital li .arrow i {text-align: right; font-size: 1em;}
    .slick-slide {margin: 0px !important;}
    .policy-detail .bolck-contact .contact-text .tel div.text-right{ width: 32%; padding-right: 10px;}
    .policy-detail .bolck-contact .contact-text .tel div.text-left{ width: 68%;}
    .policy-detail .bolck-contact .contact-text .app-line div.text-right{ width: 32%;}
    .policy-detail .bolck-contact .contact-text .app-line div.text-left{ width: 68%;}
}
@media (min-width:321px) and (max-width: 375px) {
    .policy-detail .bolck-contact .contact-text .tel div.text-right{ width: 35%; }
    .policy-detail .bolck-contact .contact-text .tel div.text-left{ width: 65%;}
    .policy-detail .bolck-contact .contact-text .app-line div.text-right{ width: 34%;}
    .policy-detail .bolck-contact .contact-text .app-line div.text-left{ width: 66%;}
}
@media (min-width:768px) and (max-width: 992px) {
    .more-box p{font-size: 3rem;}
    .list-policy .header h1{ font-size: 6rem;line-height: 30px;}
    .list-policy .header h2{font-size: 3.4rem; color: #000; margin: 0;}
    /*-----policy-detail--------*/
    .policy-detail h1{ font-size: 6rem; text-align: left;}
    .policy-detail h1>span{ margin-right: 10px;}
    .policy-detail .block-detail .detail-text p{ font-size: 3.4rem;}
    .policy-detail .block-detail h2{ font-size: 3.4rem;}
    .policy-detail .block-detail .detail-extra div.text p{font-size: 3.4rem;}
    .policy-detail p.fyi-text{ font-size: 3rem;}
    /*----find-hospital------*/
    .policy-hospital ul.list-hospital li .main-txt p{font-size: 3.2rem;}
    .policy-hospital ul.list-hospital li .main-txt p+p{font-size: 2.4rem;}
    .policy-hospital .search-province { padding: 10px 20px 20px 20px; background-color: #f8f8f8; margin-bottom:10px;}
    .policy-hospital .search-province li p{ font-size: 2.4rem;}
    .policy-hospital .search-province button.btn.dropdown-toggle.btn-default{font-size: 3rem;}
    .policy-hospital .search-province select option{ font-size: 3rem;}
    .policy-detail .normal span.text-policystatus i , .policy-detail .normal span.slick-policystatus i{padding-right: 5px;}
}