a:hover, a:focus
{
    text-decoration: none;
}
/*****************Customer*/
.*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.group:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.group
{
    display: inline-block;
    clear: both;
}
/* start commented backslash hack \*/ * html .group
{
    height: 1%;
}

.group
{
    display: block;
}
/* close commented backslash hack */

a img
{
    border: 0;
}

*
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a
{
    text-decoration: none;
}

ul, li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}


body
{
    font-family: Arial,sans-serif;
    font-family: 'Roboto';
    min-width: 320px;
    overflow-x:hidden;
    color: #000;
    
}

.container
{

    margin: 0px auto;
}

.header
{
    padding: 20px 0px;
}

.header a.logo
{
    float: left;
}

.header-right
{
    width: auto;
    float: right;
    min-width:70px;
}

.header-right ul
{
    text-align: right;
    margin-bottom:2px
}

.header-right ul li
{
    display: inline;
    text-align: right;
}

.header-right ul li a
{
    color: #555;
    font-size: 12px;
}

.header-right ul li a:hover
{
    color: #888;
}

.header-right ul li span
{
    color: #555;
    margin: 0px 1px;
    font-size: 12px;
}

.hotline
{
    margin: 10px 0px 0px 0px;
    float: right;
}

.hotline img
{
    float: right;
}

.hotline-left
{
    float: left;
}

.map
{
    float: left;
    padding: 0px 0px 0px 10px;
}

.hotline p
{
    font-family: 'Roboto';
    color: #777;
    font-size: 20px;
    text-align: right;
    margin: 0px;
    padding: 0px;
}

.hotline p strong
{
    font-weight: normal;
}

.hotline p span
{
    float: right;
    width: 20px;
    height: 20px;
    border: 1px solid #777;
    border-radius: 50%;
    margin: 4px 0px 0px 10px;
}

.hotline p span i
{
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 20px;
}

.menu
{
    height:35px;
    background-color: #1d75d0;
    position: relative;
    z-index: 9999;
}

.menu ul li a i
{
    font-size: 20px;
    display: block;
    margin: 0px 10px;
    display: block;
    float: left;
    line-height: 35px;
}

.menu ul li
{
    float: left;
    border-right: 1px solid #fff;
    position: relative;
    height: 35px;
}



.menu ul li:last-child {border:none}
.menu ul li a
{
    padding: 0px 15px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    line-height: 35px;
    float: left;
    display: block;
}



.menu ul li a span
{
    display: none;
}

.menu ul li.active a, .menu ul li:hover a
{
    background-color: #0d447d;
    color: #fff;
}

.menu ul li ul
{
    position: absolute;
    left: 0px;
    width: 200px;
    height: auto;
    top: 99%;
    display: none !important;
    background-color: #000;
}

.menu ul li:hover ul
{
    display: block !important;
}

.menu ul li ul li
{
    float: none;
    height: auto;
    border: none;
    border-bottom: 1px solid #f4c994;
}

.menu ul li ul li a
{
    line-height: 22px;
    float: none;
    padding: 5px 5px 5px 10px;
    text-transform: none;
}

.menu ul li ul li a:hover
{
    background-color: #555;
}



/* li1  */

.menu ul li1 a i
{
    font-size: 20px;
    display: block;
    margin: 0px 10px;
    display: block;
    float: left;
    line-height: 35px;
}

.menu ul li1
{
    float: left;
    border-right: 1px solid #fff;
    position: relative;
    height: 35px;
}



.menu ul li1:last-child {border:none}
.menu ul li1 a
{
    padding: 0px 15px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    line-height: 35px;
    float: left;
    display: block;
}



.menu ul li1 a span
{
    display: none;
}

.menu ul li1.active a, .menu ul li1:hover a
{
    background-color: #0d447d;
    color: #fff;
}

.menu ul li1 ul
{
    position: absolute;
    left: 0px;
    width: 200px;
    height: auto;
    top: 99%;
    display: none !important;
    background-color: #000;
}

.menu ul li1:hover ul
{
    display: block !important;
}

.menu ul li1 ul li
{
    float: none;
    height: auto;
    border: none;
    border-bottom: 1px solid #f4c994;
}

.menu ul li1 ul li a
{
    line-height: 22px;
    float: none;
    padding: 5px 5px 5px 10px;
    text-transform: none;
}

.menu ul li1 ul li a:hover
{
    background-color: #555;
}


/* ket thuc */



/* li2  */
.menu ul li2 a i
{
    font-size: 20px;
    display: block;
    margin: 0px 10px;
    display: block;
    float: left;
    line-height: 35px;
}

.menu ul li2
{
    float: left;
    border-right: 1px solid #fff;
    position: relative;
    height: 35px;
}



.menu ul li2:last-child {border:none}
.menu ul li2 a
{
    padding: 0px 15px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    line-height: 35px;
    float: left;
    display: block;
}



.menu ul li2 a span
{
    display: none;
}

.menu ul li2.active a, .menu ul li2:hover a
{
    background-color: #e5ba85;
    color: #fff;
}

.menu ul li2 ul
{
    position: absolute;
    left: 0px;
    width: 200px;
    height: auto;
    top: 99%;
    display: none !important;
    background-color: #000;
}

.menu ul li2:hover ul
{
    display: block !important;
}

.menu ul li2 ul li
{
    float: none;
    height: auto;
    border: none;
    border-bottom: 1px solid #f4c994;
}

.menu ul li2 ul li a
{
    line-height: 22px;
    float: none;
    padding: 5px 5px 5px 10px;
    text-transform: none;
}

.menu ul li2 ul li a:hover
{
    background-color: #555;
}


/* ket thuc */


.menu div
{
    height: 33px;
    margin: 0px;
    padding: 0px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    display: none;
}

.slider img
{
    width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.slider img:hover
{
    opacity: 0.8;
}

.slider
{
    border-top:1px solid #fff;
    margin: 0px 0 0px 0px;
}

.col1
{
    width: 100%;
    padding: 0px 0px;
    float: left;
}

.row
{
    margin: 0px 0px 0px 0px;
    
}

.row-frame
{
    margin: 0px -5px;
}

.col123
{
    width: 50%;
    padding: 0px 5px;
    float: left;
}

.col1234
{
    width: 50%;
    padding: 0px 5px;
    float: left;
}

.row123
{
    margin: 0px 0px 10px 0px;
}

.row123-fix
{
    margin: 0px 0px 0px 0px;
}

.middle
{
    margin: 20px 0px 0px 0px;
    padding: 0px 320px 0px 0px;
}


.colleft{
    width: 100%;
    min-height: 100px;
    float: left;
    margin: 0;
}
.colleft .date-time, .colleft .date-time i{
    color: #005089 !important;
}
.cate-caption
{
    padding: 0px 0px 10px 0px;
    border-bottom: 5px solid #135ba5;
    color: #15110e;
    margin: 0px;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.cate
{
    margin: 0px 0px 20px 0px;
}

.cate-caption span
{
    width: 54px;
    height: 43px;
    margin: -13px 10px 0px 0px;
    float: left;
}

.cate-caption span.icon2
{
    width: 54px;
    height: 43px;
    margin: -13px 10px 0px 0px;
    float: left;
}

.cate-caption-map
{
}

.cate-caption span.date
{
    display: block;
    width: 50px;
    float: left;
    margin: -10px 10px 0px 0px;
    background-color: #803c04;
    min-height: 30px;
    background-image: none;
}

.cate-caption span.date em
{
    display: block;
    padding: 0px 0px 10px 0px;
    text-align: center;
    color: #cccccc;
    font-size: 11px;
    text-transform: none;
    font-weight: bold;
    margin: 0px;
    font-family: 'Roboto';
}

.cate-caption span.date strong
{
    display: block;
    padding: 3px 0px;
    text-align: center;
    background-color: #f5f5f5;
    font-family: 'Roboto';
    color: #2a110e;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #c4c4c4;
}

.cate-caption-map strong
{
    margin: -10px 0px 0px 0px;
    display: block;
}
.cate-content {
    border: 4px solid rgba(67, 147, 207, 0.6);
    padding: 10px;
    margin: 10px 0;
    font-family: Arial;
    background-color: #ffffff !important;
    border-radius: 5px;
}
.cate-content a{
    color: #337ab7;
}
.cate-content h2 
{
    margin:0 0 10px 0;
    padding:0;
    }
.site-map
{
    padding: 3px 0px 0px 0px;
}

.site-map a
{
    font-size: 12px;
    font-family: 'Roboto';
    color: #3075ce;
    text-transform: none;
    float: left;
}

.site-map em
{
    float: left;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    color: #874141;
    margin: 0px 5px;
}

.site-map a:hover, .site-map a.current
{
    color: #333333;
}

.nav-cate
{
    padding: 5px 0px;
}

.nav-cate ul
{
    float: right;
}

.nav-cate ul li
{
    float: left;
}

.nav-cate ul li a
{
    font-size: 13px;
    color: #0a7eae;
    font-family: 'Roboto';
}

.nav-cate ul li a:hover
{
    text-decoration: underline;
}

.nav-cate ul li span
{
    font-size: 13px;
    margin: 0px 5px;
    font-family: 'Roboto';
    color: #0a7eae;
}

.cate-item
{
    padding: 20px 0px;
}

.cate-item img
{
    float: left;
    margin: 0px 20px 0px 0px;
    width: 250px;
    height: 170px;
    border: 1px solid #c4c4c4;
    padding: 3px;
    background-color: #f2f2f2;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.cate-item img:hover
{
    background-color: #c4c4c4;
}

.cate-item h3
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size:13px;
}

.cate-item h3 span
{
    display: block;
    width: 50px;
    float: left;
    margin: 0px 10px 0px 0px;
    background-color: #333333;
    min-height: 30px;
}

.cate-item h3 span em
{
    display: block;
    padding: 5px 0px;
    text-align: center;
    color: #cccccc;
    font-size: 11px;
    font-weight: bold;
}

.cate-item h3 span strong
{
    display: block;
    padding: 3px 0px;
    text-align: center;
    background-color: #f5f5f5;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #c4c4c4;
}

.cate-item h3 a
{
    color: #c75d07;
    font-size: 16px;
    font-family: 'Roboto';
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.cate-item h3 a:hover
{
    opacity: 0.8;
}


.cate-item p
{
    color: #333333;
    font-size: 14px;
    margin: 10px 0px;
    font-family:Arial;
	text-align:justify;
}
.cate-item p a{
    color: #333;
	text-decoration:none;
	text-align:justify;
}
.cate-item p a:hover{
opacity: 0.7;
}
.cate-item p.date-time
{
font-size:14px;
color:#0291DF;
margin:3px 0px 10px 0px;

}  .cate-item p.date-time i
{
font-size:15px;
margin:0px 5px 0px 0px;
   }
.cate-item p.more 
{
    text-align:right
    }
.cate-item p.more a 
{
    font-size:12px;
    color:#777
    }
.col-cate-item
{
    margin: 15px 0px;
}

.col-cate-item div
{
}

.col-cate-item div img
{
    width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border: 1px solid transparent;
}

.col-cate-item div img:hover
{
    border: 1px solid #ccc;
}

.col-cate-item div h3
{
    text-align: center;
    margin: 5px 0px;
    padding: 0px;
}

.col-cate-item div h3 a
{
    color: #333333;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto';
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.col-cate-item div h3 a:hover
{
    color: #777;
}


.colright
{
    width: 263px;
    background-color: #fff;
    min-height: 100px;
    float: right;
    margin: 0px -320px 0px 0px;
}

.box 
{
    border:1px solid #ededed;
    padding:8px;
    margin-bottom:10px
    }
.box-caption
{
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom:5px solid #135ba5
}

.gallery
{
    max-width: 300px;
    margin: 0px auto;
}

.ga-large
{
}

.ga-large img
{
    max-width: 100%;
    width: 100%;
    height: auto;
}

.gallery img
{
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.gallery img:hover
{
    opacity: 0.8;
}

.ga-row
{
    margin: 10px -5px 10px -5px;
}

.ga-item
{
    width: 33.333%;
    float: left;
    padding: 5px;
}

.ga-item img
{
    width: 100%;
    height: 60px;
}


.box-hotline
{
    background-color: #dceef9;
    border: 1px solid #c3deee;
    padding: 10px;
}

.box-hotline p
{
    font-family: 'Roboto';
    color: #333;
    font-size: 20px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.box-hotline p strong
{
    font-weight: normal;
}

.box-hotline p span
{
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #777;
    border-radius: 50%;
    margin: 4px 5px 0px 0px;
}

.box-hotline p span i
{
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 20px;
}

.box-hotline p.red
{
    color: #b30000;
}

.box-hotline p.red span
{
    border: 1px solid red;
}

.facebook
{
    margin: 5px 0px;
}

.facebook img
{
    max-width: 100%;
}

.cc
{
    background-color: #dfeffa;
    padding: 10px;
    border: 1px solid #d4d1a8;
    margin: 5px 0px 15px 0px;
	background-color: #dceef9;
    border: 1px solid #c3deee;
}

.cc h3
{
    color: #0291DF;
    margin: 0px 0px 5px 0px;
    font-family: 'Roboto';
    font-size: 20px;
    text-transform: uppercase;
}

.cc p
{
    color: #333333;
    font-size: 14px;
}

.cc a
{
    font-size: 13px;
    color: #0291DF;
}

.box-list-new
{
}

.box-list-new li
{
    padding:6px 0;
    border-bottom: 1px solid #d1d1d1;
}

.box-list-new li img
{
    float: left;
    width: 100px;
    height: 80px;
    margin: 0px 15px 0px 0px;
}

.box-list-new li a
{
    color: #9f3300;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-size: 13px;
    line-height:110%
}

.box-list-new li p
{
    color: #918f91;
    font-size: 13px;
    margin: 0px;
}

.box-list-new li a:hover
{
    color: #000;
}

.mol-item
{
    padding: 5px 0px;
    
}

.mol-item img
{
    width: 90%;
    margin: 0px auto;
    display: block;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    
}

.mol-item img:hover
{
    opacity: 0.8;
}

.mol-item p
{
    padding: 0px;
    margin: 5px 0px 5px 0px;
    text-align: center;
}

.mol-item p a
{
    color: #555;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-family: 'Roboto';
    font-size: 13px;
}

.mol-item p a:hover
{
    color: #777;
}



.mol-item1{
    padding: 5px 0;
}
.mol-item1 a{
    color: #258751 !important;
}
.mol-item1 img{
    width: 200px;
    height: 150px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding-bottom:5px;
}

.mol-item1 img:hover
{
    opacity: 0.8;
}

.mol-item1 p
{
    padding: 0px;
    margin: 5px 0px 5px 0px;
    text-align: center;
}

.mol-item1 p a
{
    color: #555;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-family: 'Roboto';
    font-size: 13px;
    padding: 5px 100px 0px 0px;
}

.mol-item1 p a:hover
{
    color: #777;
}


.footer
{
    border-top: 5px solid #135ba5;
    padding: 20px 0 0 0;
    background-color: #1f5083;
}
.footer .col-bt h3{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom:1px solid #fff;
}
.footer .col-bt h3:hover{opacity: 0.7;}
.footer .col-bt ul li{
    margin: 5px 0 5px 0;
    padding: 0;
}
.footer .col-bt ul li a{
    color: #fff;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-size: 13px;
}
.footer .col-bt ul li a:hover{
    color: #111;
}
.footer .col-bt p{
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
}
.footer .col-bt .dmca-badge img{
    width: 100px;
    height: 20px;
}
.owl-theme .owl-controls .owl-buttons div{
    color: #000;
}
.footer-bottom{
    padding: 20px 0 0 0;
}
.line{
    border-top: 1px solid #fafafa;
    height: 2px;
    background-color: #d5d5d5;
}
.footer-bottom ul li{
    display: inline;
}
.footer-bottom ul{
    padding: 5px 0px;
}

.footer-bottom ul li a
{
    color: #303030;
    font-size: 12px;
    font-family: Arial;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.footer-bottom ul li span
{
    color: #303030;
    font-family: Arial;
    font-size: 12px;
}

.footer-bottom ul li a:hover
{
    color: #0291DF;
}

.counter
{
    float: left;
    padding: 10px 0px;
}

.counter p
{
    color: #303030;
    font-family: Arial;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.allright
{
    text-align:center;
    padding: 10px 0px;
    background:#414e47;
    color:#fff;
    border-top:1px solid #fff;
    margin-top:10px
}

.allright p
{
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
}

.social span
{
    box-sizing: content-box !important;
}

.paging
{
    padding: 10px 0px;
}

.paging-inner
{
    float: right;
}

.paging-inner a
{
    float: left;
    font-family: Arial;
    color: #333;
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4;
    padding: 3px 10px;
    margin: 0px 0px 0px 5px;
    font-size: 14px;
    font-weight: bold;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.paging-inner a:hover, .paging-inner a.current
{
    color: #fff;
    background-color: #0291DF;
    border: 1px solid #0291DF;
}

.list-product
{
    padding: 0px 0px 0px 1px;
}

.product-item{
    border: 1px solid #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: -1px 0 0 -1px;
    position: relative;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.product-item >a{
    display: block;
    width: calc((1180px - 390px) / 3);
    height: calc(((1180px - 390px) / 3) / 1.33);
}
.product-item img{
    width: 100%;
    height:100%;
    object-fit: cover;
}

.product-item img:hover
{
    background-color: #dadada;
    opacity: 0.9;
}

.product-item:hover
{
    box-shadow: 0px 0px 5px 0px #dadada;
    z-index: 999;
}

.product-item h3 a
{
    color: #333333;
    font-size: 16px;
    font-family: 'Roboto';
    text-transform: uppercase;
    
}

.product-item h3
{
    margin: 10px 0px 15px 0px;
    line-height: 22px;
    min-height:45px;
}

.product-item p
{
    color: #333333;
    font-size: 13px;
}

.product-item p strong
{
    font-weight: bold;
    font-size: 15px;
}

.product-item p span
{
    color: red;
    font-size: 15px;
    font-weight: bold;
}

.cate-caption-none
{
    border: none;
}

.box-slider
{
    margin: 0px auto 10px auto;
    width: 282px;
}

.box-slider a
{
    float: left;
}

.box-slider a img
{
    display: block;
    width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.box-slider a img:hover
{
    opacity: 0.8;
}

.box-slider a.s7
{
    float: left;
}

.box-slider a.s7 img
{
    width: 177px;
}

.box-slider a.s8
{
    float: left;
    margin: 0px 0px 8px 8px;
}

.box-slider a.s8 img
{
    height: 71px;
    width: 100%;
}

.box-slider a.s9
{
    float: left;
    margin: 0px 0px 0px 8px;
}

.box-slider a.s9 img
{
    height: 70px;
    width: 100%;
}

.box-slider a.s10
{
    float: left;
    margin: 8px 0px 0px 0px;
}

.box-slider a.s10 img
{
    width: 100px;
    height: 80px;
}

.box-slider a.s11
{
    float: left;
    margin: 8px 0px 0px 8px;
}

.box-slider a.s11 img
{
    width: 170px;
    height: 80px;
}

.detail a{
    color: #258751;
}
.detail ol a, .detail ul a{
    color: #177ca3;
}
.detail p{
    color: #333333;
    font-size: 14px;
}

.detail img
{
    display: block;
    margin: 10px auto;
    padding: 3px;
    border: 1px solid #c4c4c4;
    background-color: #dadada;
    max-width: 100%;
}
.detail >div:first-child img{
    width: 260px;
    height: 200px;
    object-fit: cover;
}
.news-refe
{
    border-top: 2px solid #333333;
    margin: 20px 0px 0px 0px;
}

.news-refe h3
{
    padding: 10px 0px;
    margin: 0px;
    font-family: 'Roboto';
    color: #333;
    font-size: 20px;
}

.refe-item
{
    padding: 0 0 20px 0;
}

.refe-item img
{
    max-width: 100%;
    width: 170px;
    height: 107px;
    padding: 2px;
    border: 1px solid #c4c4c4;
    display: block;
    margin: 0 0 10px 0;
    background-color: #dadada;
    object-fit: cover;
}
.logo img{
    width: 187px;
    height: 82px;
}
.refe-item p
{
    height: 100px;
    margin: 0;
    padding: 0;
}

.refe-item p a
{
    color: #333333;
    font-size: 12px;
}

.refe-item p.readmore a
{
    color: red;
    font-size: 14px;
}

.refe-item p.readmore a:hover
{
    text-decoration: underline;
}

.refe-item p a:hover
{
    text-decoration: underline;
}


#bx-pager
{
    margin: 0px -5px;
}

#bx-pager a
{
    float: left;
    width: 20%;
    padding: 5px;
}

#bx-pager a img
{
    max-width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding: 2px;
}

#bx-pager a img:hover
{
    opacity: 0.8;
}

.slider-product
{
    max-width: 750px;
    margin: 10px auto;
}

.slider-product img
{
    width: 100%;
}

.des-product
{
    margin: 0px 0px 20px 0px;
}

.des-product p
{
    font-size: 15px;
    color: #333333;
    margin: 4px 0px;
    padding: 0px;
}

.des-product p span
{
    color: red;
    font-size: 20px;
}

.form-search {
    position:relative;
    text-align:right;
    border:1px solid #ededed;
}
.form-search input[type="text"] {
  font-size: 13px;
  line-height:20px;
  margin: 0;
  color: #222222;
  padding: 4px 7px;
  border: none;
  width: 84%;
  outline: none;
  background: #ffffff;
}
.form-search button {
  background: #ffffff;
  border: none;
  position: relative;
  z-index: 2;
  outline:none;
  margin-right:5px
}
.form-search button i {
  font-size: 16px;
}

ul.tag-list li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 2px;
  background:#feddb2
}
ul.tag-list li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #333;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 15px;
  background: transparent;
}
ul.tag-list li a:hover {
  background: #c75d07;
  color: #fff;
}

.container{
    width: 100% !important;
    max-width: 1200px;
}

@media only screen and (max-width: 1200px){

    .menu ul li a
    {
       
    }
	
	.menu ul li1 a
    {
       
    }
	
	.menu ul li2 a
    {
       
    }

    .cate-item img
    {
        float: left;
        margin: 0px 20px 0px 0px;
        width: 350px;
        height: 250px;
        border: 1px solid #c4c4c4;
        padding: 3px;
        background-color: #f2f2f2;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .cate-item p
    {
        font-size: 13px;
    }
}

@media only screen and (max-width: 992px)
{
    .container
    {
    }

    .header a.logo img
    {
        width: 150px;
    }

    .hotline p
    {
        font-family: 'Roboto';
        color: #777;
        font-size: 18px;
        text-align: right;
        margin: 0px;
        padding: 0px;
    }

    .menu ul li a
    {
        padding: 0px 15px;
        font-size: 11px;
    }
	
	 .menu ul li1 a
    {
        padding: 0px 15px;
        font-size: 11px;
    }
	
	 .menu ul li2 a
    {
        padding: 0px 15px;
        font-size: 11px;
    }

    .cate-item img
    {
        float: none;
        margin: 0px 20px 20px 0px;
        width: 100%;
        height: auto;
        border: 1px solid #c4c4c4;
        padding: 3px;
        background-color: #f2f2f2;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .cate-item p
    {
        font-size: 13px;
    }

    .col-cate-item
    {
        width: 50%;
    }

    .footer .col-bt ul li a
    {
        font-size: 12px;
    }

    .product-item
    {
        width: 50%;
    }
}

@media only screen and (max-width: 768px)
{
    .container
    {
        border: none;
        padding: 0;
    }

    .map
    {
        display: none;
    }

    .menu div
    {
        display: block;
        cursor: pointer;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .menu ul li ul
    {
        display: none !important;
    }

    .menu ul li:hover ul
    {
        display: none !important;
    }
	
	.menu ul li1 ul
    {
        display: none !important;
    }

    .menu ul li1:hover ul
    {
        display: none !important;
    }
	
	.menu ul li2 ul
    {
        display: none !important;
    }

    .menu ul li2:hover ul
    {
        display: none !important;
    }

    .menu h3:hover
    {
        opacity: 0.9;
    }

    .menu ul
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        background-color: #000000;
    }

    .menu ul li
    {
        float: none;
        border: none;
        border-bottom: 1px solid #1e1e1e;
    }

    .menu ul li a i
    {
        display: none;
    }

    .menu ul li a span
    {
        display: block;
    }

    .menu ul li a
    {
        float: none;
        text-align: center;
        font-size: 13px;
    }

    .menu ul li a:hover
    {
        background-color: #0e0e0e;
    }
	
	/* li1 */
	
	 .menu ul li1
    {
        float: none;
        border: none;
        border-bottom: 1px solid #1e1e1e;
    }

    .menu ul li1 a i
    {
        display: none;
    }

    .menu ul li1 a span
    {
        display: block;
    }

    .menu ul li1 a
    {
        float: none;
        text-align: center;
        font-size: 13px;
    }

    .menu ul li1 a:hover
    {
        background-color: #0e0e0e;
    }
	/* ket thuc */
	
	/* li2 */
	 .menu ul li2
    {
        float: none;
        border: none;
       
    }

    .menu ul li2 a i
    {
        display: none;
		
    }

    .menu ul li2 a span
    {
        display: block;
    }

    .menu ul li2 a
    {
        float: none;
        text-align: center;
        font-size: 13px;
		 border-bottom: 1px solid #1e1e1e;
    }

    .menu ul li2 a:hover
    {
        background-color: #0e0e0e;
		 
    }
	/* ket thuc */
	

    .middle
    {
        padding-right: 0px;
    }

    .colleft
    {
        float: none;
        margin: 0px;
    }

    .colright
    {
        float: none;
        margin: 0px;
        width: 100%;
    }

    .colright-inner
    {
        max-width: 400px;
        margin: 0px auto;
    }

    .footer .col-xs-3
    {
        width: 50%;
    }

    .footer .col-xs-6
    {
        width: 100%;
        margin-top: 20px;
    }
    
    .header-right ul
    {
        display: none;
    }
    .hotline
    {
    margin:0px;
    }

}

@media only screen and (max-width: 600px)
{
    .container
    {
    }

    .hotline p strong
    {
        display: none;
    }

    .news-refe .col-xs-3
    {
        width: 50%;
    }
}

@media only screen and (max-width: 480px)
{
    .container
    {
    }

    .col-cate-item div h3 a
    {
        font-size: 16px;
    }

    .header-right ul
    {
        display: none;
    }

    .product-item
    {
        width: 100%;
    }
}

@media only screen and (max-width: 400px)
{
    .header-right
    {
        display: none;
    }

    .header a.logo
    {
        float: none;
        display: block;
        text-align: center;
        padding: 0px 0px 0px 15px;
        margin: 0px auto;
    }
}



.timkiem{
	position:relative;
	text-align:right
}
.timkiem input[type=text]{
	width:300px;
	height:30px;
	padding-left:12px;
	
}
.timkiem #result{
	position: absolute;
	background:#fff;
	right:0px;
	width:243px;
	max-height:400px;
	z-index:100000;
	border:1px solid #ff0;
	padding:5px;
	text-align:left;
	display:none;
}
.timkiem #result ul li{padding-bottom:5px;}
.timkiem #result ul li a{
	font-size:14px;
	color:red;
}








.border-content-new{

	border: 1px solid #808080;
	background-color: rgba(255, 245, 184, 0.16);
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 4px;
	font-size:14px;
	line-height:20px;
}
.border-content-new p{
	margin:0px;
	padding: 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
}




.border-content-new ol{
	margin:0px;
	padding:0px 0px 0px 15px;
}
.border-content-new li{
	padding-bottom: 10px;
}
a.title-link-ol{
	text-decoration: none;
	color: #000;
}
a:hover.title-link-ol{
	text-decoration: underline;
}
a:active{
	color: #000;
}
.border-content-new li span{
	color: #000;
    padding-left:10px;;
}


a[href^=tel] {
  color: #ff0000; 
  text-decoration: none; 
 }
 
 
 
 .embed-yt-lazy{
    width:100%;
    position:relative!important;
    overflow:hidden!important;
    cursor:pointer!important;
    -moz-user-select:none!important;
    -ms-user-select:none!important;
    user-select:none!important;
	background-color: #000;
    overflow: hidden;
    cursor: pointer;
}
.embed-yt-lazy-img{
    width:100%!important;
    display:block!important;
	opacity: 0.7;
}
.embed-yt-lazy-play-btn{
	top: 50%;
    left: 50%;
    -webkit-transform: translate3d( -50%, -50%, 0 );
    transform: translate3d( -50%, -50%, 0 );
	width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 8px;
	position: absolute;
}
.embed-yt-lazy-play-btn:before{
	content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.embed-yt-lazy-play-btn:hover{
    background-color: #ea2024;
}
.embed-yt-lazy-logo{
	display:none;
}
.embed-yt-lazy iframe{
    width:100%!important;
    height:100%!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    z-index:3!important;
    border:0!important;
}
.home-high3-4 .video-content-width{
width: 750px;
}
@media only screen and (max-width: 768px){
.home-high3-4 .video-content-width{
width: 100%;
}
}




/* Content 

tab
  */
  
  
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}


.tab button:hover {
  background-color: #ddd;
}


.tab button.active {
  background-color: #ccc;
}


.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* accordion */

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}


/*trinh bay content */
/* youtube lazyload container */
.yt-lazyload{
    width:100%;
    position:relative!important;
    overflow:hidden;
    cursor:pointer;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* youtube lazyload container ::before --> to maintain 16/9 ratio & black bg before JS loaded */
.yt-lazyload::before{
    content:'';
    width:100%;
    display:block;
    position:relative;
    padding-top:56.25%; /*16:9 ratio*/
    background-color:#000;
}

/* youtube lazyload wrap */
.yt-lazyload-wrap{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:inherit;
}

/* youtube lazyload content */
.yt-lazyload-content{
    width:100%;
    height:100%;
    position:relative;
    background-color:#000;
    background-image:var(--yt-lazyload-img);
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
}

/* play-btn */
.yt-lazyload-playbtn{
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23212121' fill-opacity='.8' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
    background-position:50%;
    background-size:calc(35px + 10%) auto;
    background-repeat:no-repeat;
}

/* play-btn:hover */
.yt-lazyload-playbtn:hover{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='red' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
}

/* logo */
.yt-lazyload-logo{
    display:block;
    width:30%;
    min-width:95px;
    min-height:22px;
    max-width:215px;
    padding-top:6.8%;   /* 22.3577236% (logo height/width in %) * 0.3 (equivalent to width:30%) = 6.70731708% rounded up */
    position:absolute;
    right:4%;
    bottom:4%;
    z-index:2;
    background-position:50%;
    background-size:contain;
    background-repeat:no-repeat;
    opacity:.75;
    transition:opacity .3s;
    display: none;
}

/* 0 = no logo!    */
/* 1 = black       */.yt-lazyload[data-logo="1"] .yt-lazyload-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 110'%3E%3Cpath d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")}
/* 2 = color-black */.yt-lazyload[data-logo="2"] .yt-lazyload-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282828' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")}
/* 3 = white       */.yt-lazyload[data-logo="3"] .yt-lazyload-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 580 130'%3E%3Cpath d='M181.7 20.7c-2.1-7.9-8.4-14.2-16.3-16.3C151.1.5 93.6.5 93.6.5s-57.6.1-71.9 4C13.8 6.6 7.5 12.9 5.4 20.8 1.6 35.1 1.6 65 1.6 65s0 29.9 3.9 44.3c2.1 7.9 8.4 14.2 16.3 16.3 14.3 3.9 71.8 3.9 71.8 3.9s57.5 0 71.8-3.9c7.9-2.1 14.2-8.4 16.3-16.3 3.9-14.3 3.9-44.3 3.9-44.3s0-29.9-3.9-44.3zM75.2 92.6V37.4L123 65 75.2 92.6z'/%3E%3Cpath d='m268.6 117.8c-3.7-2.5-6.3-6.3-7.8-11.5s-2.2-12-2.2-20.7v-11.6c0-8.6 0.8-15.7 2.6-20.9 1.8-5.3 4.5-9.1 8.3-11.5s8.6-3.7 14.6-3.7c5.9 0 10.8 1.2 14.3 3.7s6.3 6.3 7.9 11.5 2.5 12.2 2.5 20.8v11.7c0 8.6-0.8 15.5-2.5 20.7s-4.3 9-7.9 11.5c-3.7 2.4-8.6 3.7-14.8 3.7-6.4 0-11.3-1.3-15-3.7zm20.5-12.6c1.1-2.6 1.5-7 1.5-12.9v-25.2c0-5.8-0.5-10-1.5-12.6-1.1-2.7-2.8-4-5.3-4s-4.1 1.3-5.2 4-1.5 6.9-1.5 12.6v25.2c0 5.9 0.5 10.3 1.4 12.9s2.7 3.9 5.3 3.9c2.4 0 4.2-1.3 5.3-3.9zm258.9-19.3v4.1c0 5.2 0.1 9.1 0.5 11.7s0.9 4.5 1.9 5.7c0.9 1.2 2.5 1.8 4.5 1.8 2.7 0 4.6-1.1 5.6-3.2 1.1-2.1 1.5-5.7 1.7-10.5l15.7 0.9c0.1 0.7 0.1 1.7 0.1 2.8 0 7.4-2 13-6.1 16.7s-9.8 5.6-17.2 5.6c-9 0-15.2-2.8-18.8-8.4-3.5-5.6-5.4-14.3-5.4-26v-14.3c0-12 1.9-20.9 5.6-26.5 3.8-5.6 10.2-8.4 19.1-8.4 6.3 0 11 1.2 14.3 3.4s5.7 5.8 7.1 10.6 2 11.5 2 20v13.8h-30.6v0.2zm2.4-34c-0.9 1.2-1.5 3-1.9 5.6s-0.5 6.5-0.5 11.8v5.7h13.2v-5.8c0-5.2-0.1-9.1-0.5-11.8s-0.9-4.6-1.9-5.7c-0.9-1.1-2.4-1.7-4.3-1.7-1.9 0.2-3.3 0.8-4.1 1.9zm-326 32.5-20.6-74.7h18.1l7.2 33.8c1.9 8.4 3.2 15.5 4.1 21.3h0.5c0.6-4.3 2-11.2 4.1-21.1l7.4-33.9h18.1l-20.9 74.5v35.7h-17.8v-35.6h-0.2zm143-44.9v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1zm93.2 0v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1z'/%3E%3Cpath d='m416.8 24.4h-18.1v95.8h-17.7v-95.8h-18.1v-14.7h53.8v14.6h0.1zm103.8 28c-1.1-5.1-2.8-8.7-5.3-11.1-2.5-2.2-5.8-3.4-10.2-3.4-3.3 0-6.5 0.9-9.3 2.8-3 1.9-5.1 4.4-6.7 7.4h-0.1v-42.5h-17.5v114.4h15l1.9-7.7h0.4c1.4 2.7 3.5 4.8 6.3 6.5 2.8 1.5 5.9 2.4 9.3 2.4 6.1 0 10.6-2.8 13.6-8.5 2.8-5.7 4.4-14.5 4.4-26.5v-12.7c-0.2-9-0.7-16.1-1.8-21.1zm-16.7 32.9c0 5.9-0.2 10.5-0.7 13.8s-1.3 5.7-2.5 7.1-2.7 2.1-4.6 2.1c-1.5 0-2.8-0.4-4.1-1.1s-2.2-1.8-3.1-3.2v-45.7c0.6-2.2 1.7-4 3.2-5.4s3.1-2.1 4.8-2.1c1.9 0 3.3 0.7 4.3 2.1 1.1 1.4 1.7 3.9 2.1 7.3s0.6 8.3 0.6 14.6v10.5z'/%3E%3C/svg%3E")}
/* 4 = color-white */.yt-lazyload[data-logo="4"] .yt-lazyload-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E")}

/* logo:hover */
.yt-lazyload-logo:hover{
    opacity:1;
    transition:opacity .3s;
}

/* iframe */
.yt-lazyload iframe{
    width:100%!important;
    height:100%!important;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    border:0;
}

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&family=Oswald&display=swap');

.detail .btn-warning{
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    text-decoration: none;
    color: #fff !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #1d75d0;
    background: rgb(29,117,208);
    background: linear-gradient(0deg, rgba(10,95,182,1) 0%, rgba(49,130,227,1) 100%);
}
.wp-detail{
    width: 100%;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    text-align: justify;
}
.wp-detail-img{
    width: 100%;
    padding-bottom: 20px;
}
.wp-detail-img img{
    width: 100%;
    height: 350px;
}
.padding-bottom-15{
    padding-bottom: 15px;
}
.hotline-font1{
    color: #d92525;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.hotline-font1 a{
    text-decoration: none;
    color: #d92525;
}
.hotline-font1 a:hover{
    text-decoration: underline;
}
.wp-button-booking{
    display: inline-block;
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    text-decoration: none;
    color: #fff !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #1d75d0;
    background: rgb(29,117,208);
    background: linear-gradient(0deg, rgba(10,95,182,1) 0%, rgba(49,130,227,1) 100%);
}
.block-submenu{
    border: 1px solid #d1d1d1;
    padding: 30px;
    margin: 30px 60px;
}
.block-submenu ul{
    font-family: 'Oswald', sans-serif;
    margin: 0;
    padding: 0 0 0 36px;
}
.block-submenu ul li{
    padding-bottom: 10px;
    position: relative;
}
.block-submenu ul li >span.list-ol{
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #2875c5;
    color: #fff;
    font-style: italic;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    top: 0;
    left: -36px;
    padding-right: 2px;
    box-sizing: border-box;
}
.block-submenu ul li a{
    text-decoration: none;
    color: #1d5691;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 10px;
}
.block-submenu ul li a:hover{
    text-decoration: underline;
}
.list-arrow{
    font-size: 20px;
    padding-right: 10px;
}
.table-border{
    border-collapse: collapse;
    width: calc(100% - 80px);
    margin: 30px 40px;
}
.table-border td{
    border: 1px solid #707070;
    padding: 10px;
    vertical-align: middle;
}
.wp-summary{
    padding-bottom: 20px;
}
.wp-detail-title-1{
    margin: 0;
    padding: 0 0 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1064bd;
}
.wp-detail-title-2{
    margin: 0;
    padding: 0 0 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1064bd;
}
.wp-detail-title-3{
    margin: 0;
    padding: 0 0 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c92500;
}
.wp-3cold{
    padding-bottom: 24px;
    display: flex;
}
.wp-3cold span{
    display: inline-block;
    width: 200px;
}
.wp-message-template{
    text-align: center;
    padding-bottom: 40px;
    color: #d13d1b;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
}
.wp-detail-map{
    margin: 0;
    padding: 0;
    list-style: none;
}
.wp-detail-map li{
    margin-bottom: 20px;
    position: relative;
    background: #fff5e6;
    padding: 8px 15px;
}
.wp-detail-map li::before{
    position: absolute;
    content: '';
    display: inline-block;
    width: 3px;
    height: calc(100% - 0px);
    background-color: #f1ae6b;
    top: 0;
    left: 0;
}
.wp-detail-map li span{
    font-weight: bold;
    display: inline-block;
}
.wp-detail a:hover{
    text-decoration: underline !important;
}
.wp-detail-list{
    margin: 0;
    padding: 0 0 0 40px;
    list-style: disc;
}
.wp-detail-list li{
    padding-bottom: 10px;
    list-style: disc;
}
.wp-video{
    padding: 0 0 30px;
}
.wp-comment-item{
    margin: 0 30px 20px;
    border: 1px solid #d1d1d1;
    border-radius: 15px;
    padding: 20px;
    background: #fffdf0;
}
.wp-comment-name{
    margin: 0;
    padding-bottom: 15px;
    font-weight: bold;
}
.wp-comment-description{
    margin: 0;
    padding: 0;
    font-style: italic;
}
a.link-more{
    color: #c92500;
    text-decoration: underline;
    font-style: italic;
}
a.link-more:hover{
    color: #d16b2b;
}
.wp-faq{
    margin: 0;
    padding: 0 0 30px 30px;
    list-style: inside;
}
.wp-faq-title{
    padding-bottom: 20px;
    color: #c92500;
    font-weight: bold;
    position: relative;
}
li.wp-faq-title:before {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background: #f94e28;
    border-radius: 50%;
    top: 7px;
    left: -20px;
}
.wp-faq-content{
    margin: 0;
    padding: 0 0 0 22px;
    color: #454545;
}
.wp-faq-content-2{
    margin: 0;
    padding: 0 0 0 22px;
    color: #454545;
}
.wp-faq-content-2 img{
    max-width: 100%;
}
.link-color{
    color: #1064bd;
    text-decoration: none;
}
.link-color:hover{
    text-decoration: underline !important;
}
.footer-content{
    border-top: 1px dashed #d1d1d1;
    padding-top: 20px;
}
.footer-author{
    padding: 0 0 20px 0;
    text-align: right;
}
.footer-author p{
    margin: 0;
    font-size: 14px;
}
.signature-content{
    padding: 0 0 0 20px;
    border-left: 3px solid #f1ae6b;
}

.wp-detail-tab{
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
}
.wp-tab-content {
    width: calc(100% / 3);
    background: #2564c129;
}
p.wp-tab-header {
    margin: 0;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    background-color: #2564bb;
    color: #fff;
}
p.wp-tab-body {
    margin: 0;
    padding: 15px 20px;
    text-align: justify;
}
.wp-img-detail{
    padding-bottom: 30px;
    text-align: center;
}
.wp-img-alt{
    margin: 0;
    font-style: italic;
    color: #27872f;
}
.wp-img-detail span{
    margin: 0;
    font-style: italic;
    color: #27872f;
    display: inline-block;
    width: 100%;
}
.wp-detail-title-4{
    margin: 0;
    padding: 0 0 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #c92500;
}
.wp-detail-list-number{
    margin: 0;
    padding: 0 0 30px 40px;
}
.wp-detail-list-number li{
    padding-bottom: 8px;
}
.wp-table-header{
    background: #ffedc4;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #242424;
}
.wp-highlight-font{
    color: #cf4300;
    font-weight: bold;
}
.wp-highlight-font-normal{
    color: #cf4300;
}
.wp-link-bold{
    color: #2a71dd;
    font-weight: bold;
    text-decoration: none;
}
.wp-link-bold:hover{
    text-decoration: underline;
}
.wp-detail-list-number li{
    list-style: decimal;
}
@media only screen and (max-width: 768px){
    .cate-caption >h1{
        font-size: 20px !important;
        line-height: 30px !important;
        margin: 0 !important;
    }
    .detail >div:first-child{
        width: 100% !important;
    }
    .detail >div:first-child img{
        height: auto;
        width: 100%;
    }
    .block-submenu {
        padding: 20px 15px;
        margin: 20px 0;
    }
    .block-submenu ul {
        padding: 0 0 0 30px;
    }
    .block-submenu ul li >span.list-ol {
        width: 20px;
        height: 20px;
        font-size: 14px;
        top: 5px;
        left: -30px;
        line-height: 20px;
    }
    .wp-detail-title-1 {
        font-size: 22px;
        padding: 0 0 10px;
        text-align: left;
    }
    .wp-detail-title-2 {
        font-size: 18px;
        padding: 0 0 10px;
        text-align: left;
    }
    .wp-3cold span {
        text-align: left;
    }
    .table-border {
        width: 100%;
        margin: 20px 0;
    }
    .table-border td{
        font-size: 12px;
        padding: 8px 4px;
        line-height: 18px;
    }
    .wp-detail-list {
        padding: 0 0 0 20px;
    }
    .wp-detail-list li {
        line-height: 22px;
        font-size: 14px;
    }
    .wp-detail{
        font-size: 14px;
    }
    p.wp-tab-body{
        padding: 10px;
    }
    .wp-detail-tab {
        gap: 10px;
        flex-direction: column;
    }
    .wp-tab-content {
        width: 100%;
    }
    .wp-comment-item {
        margin: 0 10px 20px;
    }
    .wp-faq-content{
        padding: 0;
    }
    .wp-faq-content-2{
        padding: 0;
    }
    .wp-img-detail img{
        max-width: 100%;
        height: auto !important;
    }
}
@media only screen and (max-width: 640px) {
    .wp-3cold {
        gap: 5px;
    }

    .wp-3cold span {
        text-align: center;
        background: antiquewhite;
        padding: 4px 8px;
    }
}




.pricing-container {
            width: 100%;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 2px;
            background: #fff;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .header, .item {
            padding: 15px;
            text-align: center;
            font-size: 16px;
            border: 1px solid #ddd;
            font-weight: bold;
        }

        .header {
            background: #1a1a1a;
            color: #e8c68d;
        }

        .wing {
            background: #2a7cc7;
            color: #fff;
        }

        .fairy {
            background: #884da7;
            color: #fff;
        }

        .vip {
            background: #ffdd57;
            color: #333;
        }

        .category {
            background: #f4e8d6;
            font-weight: bold;
            color: #333;
        }

        /* Hiệu ứng hover */
        .item:hover {
            opacity: 0.8;
            transition: 0.3s;
        }
/*end trinh bay content */







/* --- PHẦN 1: CÀI ĐẶT CHUNG --- */


.container_6 {
    max-width: 800px;
    margin: 0 auto;
    
}

/* --- PHẦN 2: TIÊU ĐỀ CHÍNH & TIÊU ĐỀ MỤC --- */
.header_6 {
    text-align: center;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 25px;
    margin-bottom: 30px;
}
.header_6 h1 {
    color: #8b1d1d;
    font-size: 26px;
    margin: 0 0 12px 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.header_6 p {
    font-size: 15px;
    color: #555555;
    margin: 0;
    font-style: italic;
}
.section-title_6 {
    color: #8b1d1d;
    font-size: 18px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border-left: 4px solid #8b1d1d;
    padding-left: 10px;
}

/* --- PHẦN 3: HỘP THÔNG TIN LIÊN HỆ & ƯU ĐÃI --- */
.promo-box_6 {
    background-color: #fff9f9;
    border: 1px solid #ffccd0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}
.info-grid_6 {
    display: block;
    margin-bottom: 15px;
}
.info-item_6 {
    margin-bottom: 10px;
    font-size: 14.5px;
}
.info-item_6 strong {
    color: #444;
}
.hotline-highlight_6 {
    color: #d32f2f;
    font-weight: bold;
    font-size: 16px;
}
.badge-container_6 {
    border-top: 1px dashed #ffccd0;
    padding-top: 15px;
    margin-top: 15px;
}
.badge_6 {
    background-color: #d32f2f;
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 5px;
}
.promo-text_6 {
    font-size: 14.5px;
    margin: 5px 0;
}
.note-text_6 {
    font-size: 13.5px;
    color: #666666;
    font-style: italic;
    margin-top: 8px;
}

/* --- PHẦN 4: LÀM NỔI BẬT TIÊU ĐỀ BẢNG GIÁ --- */
.table-title-weekday_6 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #1e4620; /* Màu xanh lá sẫm đặc trưng ngày thường */
    padding: 12px 15px;
    border-radius: 6px 6px 0 0;
    margin-top: 25px;
    margin-bottom: 0;
}
.table-title-weekend_6 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #b71c1c; /* Màu đỏ rực rỡ đặc trưng ngày lễ/cuối tuần */
    padding: 12px 15px;
    border-radius: 6px 6px 0 0;
    margin-top: 30px;
    margin-bottom: 0;
}

/* --- PHẦN 5: ĐỊNH DẠNG BẢNG GIÁ (TABLE) --- */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    border-top: none;
}
th {
    background-color: #f5f5f5;
    color: #333333;
    text-align: left;
    padding: 12px;
    font-weight: 600;
    border-bottom: 2px solid #e0e0e0;
}
td {
    padding: 12px;
    border-bottom: 1px solid #eeeeee;
    color: #444444;
}
tr:nth-child(even) {
    background-color: #fafafa;
}
tr:hover {
    background-color: #f1f1f1;
}
.price-col_6 {
    font-weight: 600;
    color: #222222;
}

/* --- PHẦN 6: THIẾT KẾ DẠNG LƯỚI (SÂN KHẤU & DIỄN VIÊN) --- */
.feature-grid_6 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}
.feature-card_6 {
    background: #fdfdfd;
    border: 1px solid #eef0f2;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}
.feature-icon_6 {
    font-size: 24px;
    margin-bottom: 10px;
}
.feature-title_6 {
    font-weight: bold;
    color: #8b1d1d;
    font-size: 16px;
    margin-bottom: 8px;
}
.feature-desc_6 {
    font-size: 14px;
    color: #555555;
    margin: 0;
}
.highlight-quote_6 {
    background: #fdfdfd;
    border-left: 4px solid #8b1d1d;
    padding: 15px 20px;
    margin: 20px 0;
    font-style: italic;
    color: #444444;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

/* --- PHẦN 7: DANH SÁCH HƯỚNG DẪN GHẾ & DÀN DỰNG --- */
.guide-list_6 {
    padding: 0;
    margin: 0;
    list-style: none;
}
.guide-item_6 {
    background: #fdfdfd;
    border: 1px solid #eef0f2;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 12px;
}
.guide-name_6 {
    font-weight: bold;
    color: #8b1d1d;
    margin-bottom: 5px;
    font-size: 15px;
}
.guide-desc_6 {
    font-size: 14px;
    color: #555555;
    margin: 0;
}
        
        .ticket-table{
    width:100%;
    border-collapse:collapse;
    margin:20px 0 40px;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
}

.ticket-table th{
    background:#8b1d1d;
    color:#fff;
    text-align:center;
    padding:15px;
    font-size:15px;
}

.ticket-table td{
    padding:18px 15px;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #eee;
}

.ticket-table tr:nth-child(even){
    background:#fafafa;
}

.ticket-table tr:hover{
    background:#fff9ef;
}

.rank-name{
    font-weight:bold;
    font-size:16px;
}
        
        .price-box{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.old-price{
    font-size:15px;
    color:#999;
    text-decoration:line-through;
    margin-bottom:5px;
}

.new-price{
    font-size:16px;
    font-weight:bold;
    color:#d60000;
    line-height:1;
}

.discount{
    margin-top:8px;
    display:inline-block;
    padding:3px 10px;
    background:#fff0f0;
    border:1px solid #ffc2c2;
    color:#d60000;
    border-radius:30px;
    font-size:12px;
    font-weight:bold;
}

/* --- PHẦN 8: THIẾT KẾ TIMELINE 6 CHƯƠNG NỘI DUNG --- */
.timeline_6 {