/* Giao diện dựng lại từ global.css của site cũ (giữ nguyên hiển thị). Sinh bởi _tools/build-css.py – sửa trực tiếp file này từ nay.
   Màu thương hiệu: biến --c-* (đặt trong wp-admin → Cấu hình website → Màu sắc). */
:root{--c-main:#d65100;--c-accent:#ec3235;--c-menu:#412a19;--c-dark:#2b3945;--c-hot:#ee4023;--c-title:#f00;--footer-bg:none}
html,*{margin:0;padding:0}
body{color:#222;font:400 14px/20px Roboto;margin:0;padding:0}
h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0}
a{color:#36c;outline:none;text-decoration:none;
transition: all 0.5s ease;
}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.menu ul, .menu ol{margin:0;padding:0;list-style:none;}
.menu .left{float:left;}
.menu .right{float:right;}
.menu ul li{float:left;position:relative;}
.pinherit{position: inherit !important;}
.menu ul li.menu_right{position:relative;}
.menu > ul > li:first-child a span{display:none}
.menu ul > li > a{
position:relative;
display:block;
padding:0 12px;
font: 600 14px/80px "Open Sans", Arial;
color:var(--c-menu);
text-decoration:none;
text-transform:uppercase;
transition: all 0.5s ease;
}
.menu ul > li i{display:none;position:absolute;right:0;top:12px;}
.menu ul:hover li.active a{color:var(--c-accent);}
.menu ul li:hover > a{color:var(--c-accent);}
.menu ul li.active:hover > a{color:var(--c-accent);}
.menu ul ul, .menu .mega_menu{
position:absolute;
top: 100px;
visibility:hidden;
opacity:0;
z-index:997;
background: #fff;
border-left: solid 0px #232323;
border-right: solid 0px #232323;
border-radius: 0 0 4px 4px;
box-shadow: 0 3px 3px rgba(45,45,45,.3);
transition: all .5s ease;
}
.menu .mega_menu{
padding:9px 0 9px;
border:none;
border-top:solid 0 #004b09;
border-bottom:solid 0 #004b09;
}
.menu ul li:hover > ul{top:80px;visibility:visible;opacity:1;}
.menu ul li:hover .mega_menu{top:80px;visibility:visible;opacity:1;}
.menu ul ul li{
float:none;
position:relative;
}
.menu ul ul li a{
position:relative;
background:rgba(255,255,255,1);
min-width:200px;
height:auto;
padding:10px 20px;
font:400 13px/16px "Open Sans", Arial;
color:#444;
border-bottom:#ccc 1px dotted;
border-right:none;
text-transform:none;
}
.menu ul ul li:last-child a{
border-bottom:dotted 0px #d2d2d2;
}
.menu ul ul li a i{
position:absolute;
right:12px;
}
.menu ul ul li:hover > a{color:#7e481c;}
.menu ul ul li a:active{color:#7e481c;}
.menu ul ul ul{left:100%;top:20px;
box-shadow: 1px 0px 1px rgba(50, 50, 50, 0);
border:solid 1px #e0e0e0;
border-top:solid 0px #e0e0e0;
border-left:solid 0px #e0e0e0;
}
.menu ul ul li:hover ul{left:100%;top:0px;}
.menu ul ul ul li a{border-left:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0 !important;}
.menu ul ul ul li:first-child a{border-left:solid 0px #e0e0e0 !important;}
.menu ul ul ul li:last-child a{border-bottom:solid 0px #e0e0e0 !important;}
.menu ul li.menu_right .mega_menu{
right:0;
}
.menu .size1{
width:150px;
}
.menu .size2{
width:250px;
}
.menu .size3{
width:350px;
}
.menu .size4{
width:450px;
}
.menu .size5{
width:550px;
}
.menu .size6{
width:650px;
}
.menu .size7{
width:750px;
}
.menu .size8{
width:850px;
}
.menu .full_width{
width:100%;
left:0;
padding:5px 10px 15px;
}
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
margin:0;
font-family:'Open Sans';
font-weight:normal;
color:#ffff00;
}
.menu h1{
font-size:18px;
}
.menu h2{
font-size:16px;
}
.menu h3{
font-size:14px;
}
.menu h4{
font-size:13px;
}
.menu h5{
font-size:12px;
}
.menu h6{
font-size:12px;
}
.menu .mega_menu a img{
margin:0;
}
.menu .mega_menu p{
margin:3px 0 6px 0;
font-size:12px;
color:#888;
font-family:Tahoma, Geneva, sans-serif;
}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
margin:0 1%;
padding:0 0 12px;
float:left;
}
.menu .mega_menu .one{
width:98%;
}
.menu .mega_menu .one_half{
width:48%;
}
.menu .mega_menu .one_thirds{
width:31.33%;
}
.menu .mega_menu .two_thirds{
width:64.67%;
}
.menu .mega_menu .one_fourth{
width:23%;
}
.menu .mega_menu .three_fourths{
width:73%;
}
.menu .mega_menu .portfolio li{
display:inline-block;
vertical-align:top;
width:12.5%;
padding:5px;
margin:0;
float:none;
*float:left;
}
.menu .mega_menu .portfolio li a img{width:100%;margin:0;}
.menu .mega_menu .portfolio li p{margin:0;padding:8px 0;text-align:center}
.menu .mega_menu .portfolio li p a{font:400 14px/18px 'Open Sans';color:#444;}
.menu .mega_menu .portfolio li p a:hover{color:#c40002;}
.menu .mega_menu .list{
display:inline-block;
vertical-align:top;
width:23%;
margin:0 1%;
padding:0;
*float:left;
}
.menu .mega_menu .list li{
width:100%;
float:left;
}
.menu .mega_menu .list li.headline{padding:5px 0;}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
font:500 14px/20px Roboto;
color:#222;
text-transform:uppercase;
}
.menu .mega_menu .list li a{
display:block;
padding:5px 10px;
font:400 14px/16px Roboto;
color:#222;
text-transform:none;
text-decoration:none;
border:none;
}
.menu .mega_menu .list li:hover a{background:#f6f6f6;color:#ff891e;}
.menu .mega_menu .list li.headline h3:hover a{background:none;color:#ff891e;}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
color:#ff891e;
}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
color:#ff891e;
}
.menu .mega_menu .blog_post{
margin-bottom:10px;
padding:5px;
overflow:hidden;
background:#029013;
border-radius:2px;
}
.menu .mega_menu .blog_post h2{
margin-bottom:3px;
padding-bottom:3px;
color:#555;
border-bottom:solid 1px #2E2E2E;
}
.menu .mega_menu .blog_post p{
font-size:11px;
color:#888;
}
.menu .mega_menu .blog_post .read_more{
margin-top:-5px;
height:auto;
float:right;
font:11px 'Open Sans';
color:#555;
text-decoration:none;
}
.menu .mega_menu .blog_post .read_more:hover{
color:#ffff00;
}
.menu input#dropdown, .menu label{
display:none;
position:absolute;
top:35px;
right:70px;
width:46px;
height:40px;
}
.menu input#dropdown{
opacity:0;
}
.menu label{
background: url('../img/icon_list.webp') no-repeat center;
background-position:11px 9px;
padding:0 0 0 45px;
font:400 20px/40px Roboto;
color:#4e3422;
}
.menu label:hover{
cursor:pointer;
}
.menu input#dropdown:checked ~ label{
background: url('../img/icon_listac.webp') no-repeat center;
color:#4e3422;
}
.menu input#dropdown:checked ~ ul{
display:block;
}
.menu div.dropdown{
display:none;
position:absolute;
top:0;
left:0;
right:0;
margin:0;
}
.menu div.dropdown span{padding-left:50px;
font:400 20px/40px Roboto;
color:#fff;
}
.menu div.dropdown span a{
color:#fff;
}
.menu div.flag{
float:right;
display:none;
margin:9px 5px 0 0;
}
.menu div.flag img{
margin:0 5px 0 0;
}
@media only screen and (max-width: 1024px){
.menu{width:100%;}
.menu ul > li > a{padding:0 8px;font-size:14px;}
.menu ul ul{margin:0;}
.menu .mega_menu{width:auto;margin:0;}
}
@media only screen and (max-width: 900px){
.menu input, .menu label, .menu div.dropdown{display:block;}
.menu div.flag{display:block;}
.menu{
width:100%;
min-height:40px;
height:100%;
position:relative;
}
.menu ul{
display:none;
position: absolute;
width:100%;
top:110px;
margin:0;
padding:0;
float:none;
border-top:#ccc 1px solid;
background:#fff;
z-index:997;
}
.menu ul > li{float:none;}
.pinherit{position: relative !important;}
.menu > ul > li:first-child a span{display:block}
.menu > ul > li:first-child a i{display:none}
.menu > ul > li:first-child a{
width:100%;
background: rgba(0,0,0,0);
min-width:auto;
height: auto;
}
.menu > ul > li:first-child a span{display:block}
.menu ul li a{
width:100%;
background: rgba(0,0,0,0);
min-width:auto;
height: auto;
padding:5px 15px !important;
font:700 15px/30px "Open Sans", Arial;
text-transform:uppercase;
color: #333;
border-bottom:solid 1px #ccc;
border-right: none;
}
.menu ul > li > a:before {display:none;}
.menu ul > li > a:hover:before {display:none;}
.menu ul > li i{display:block;position:absolute;right:0;top:0;color:#222;width:40px;height:40px;cursor:pointer;text-align:center;}
.menu ul > li i:hover{color:#f00;}
.menu ul > li i:before{width:40px;height:40px;line-height:40px;}
.menu .mega_menu .portfolio li p {padding-bottom:0}
.menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #222;border-bottom:none}
.menu .mega_menu .portfolio li a {border-bottom:none}
.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px 'Open Sans', Arial;text-transform:uppercase;color:#fff;}
.menu ul li:hover > a, .menu ul li.active:hover > a{
color:#222;
transform: scale(1) !important;
}
.menu ul li:first-child:hover > a{
color:#222;
transform: scale(1) !important;
}
.menu ul ul, .menu .mega_menu{
display:none;
position:static;
visibility:visible;
opacity:1;
margin:0;
font-size:0;
overflow:hidden;
border:none;
box-shadow:none;
}
.smnac{display:block !important;visibility:visible !important;}
.menu ul ul li{width:100%;float:left;}
.menu ul ul li a{
width:100%;
min-width:auto;
height: auto;
padding: 10px 20px !important;
font:700 15px/20px "Open Sans", Arial !important;
text-transform:none;
color: #222;
border-bottom:#ccc 1px dotted;
border-right: none;
}
.menu ul ul li:last-child a {
border-bottom:#ccc 1px dotted;
border-radius:0;
}
.menu ul ul li:hover a{color:#ff891e;}
.menu ul ul li:first-child:hover a{color:#ff891e;}
.menu ul ul ul, .menu ul ul li a i{
display:none;
}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
display:inline-block;
vertical-align:top;
padding:0 0 12px;
float:none;
}
.menu .mega_menu{
width:auto !important;}
.menu .mega_menu .portfolio li, .menu .mega_menu .list{
margin:0;
width:48%;
margin:0 1% 2%;
}
}
@media only screen and (max-width: 750px) {
.menu{width:100%}
}
.clearfix {
clear: both;
}
#header{width:100%;background:var(--c-main);}
#header .top{width:100%;
transition: all 0.5s ease;
}
#header .top .box{position:relative;width:1172px;margin:0 auto;padding:0 0 0 10px;}
#header .top .box ul.con{display:inline-block;vertical-align:top;padding:0;margin:0;list-style:none;}
#header .top .box ul.con li{display:inline-block;vertical-align:top;padding:0;margin:0;list-style:none;}
#header .top .box ul.con li span{display:inline-block;vertical-align:top;padding:8px 0 9px;font:400 13px/20px Roboto;color:#fff;}
#header .top .box ul.con li span.new1{width:24px;padding:14px 0 0 10px;}
#header .top .box ul.con li span.new1 span{display:block;padding:0;}
#header .top .box ul.con li span.new1 span img{display:block;border:none}
#header .top .box ul.con li a{display:inline-block;vertical-align:top;padding:8px 25px 9px 0;font:400 13px/20px Roboto;color:#fff;}
#header .top .box ul.con li a:hover{color:#fff;}
#header .top .box ul.con li a i{padding-right:8px;}
#header .top .box .right{float:right;}
#header .top .box .right ul{margin:0;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#header .top .box .right ul li{display:inline-block;margin:0;padding:8px 0 9px 10px;font:400 13px/20px Roboto;color:#fff;;vertical-align:top;}
#header .top .box .right ul li.lang{display:inline-block;margin:0;padding:7px 0 0 5px;font:400 13px/20px Roboto;color:#fff;vertical-align:top;}
.pl15{padding-left:15px !important}
#header .top .box .right ul li.lang img{display:block;height:24px;border:none}
#header .top .box .right ul li a{font:400 13px/20px Roboto;color:#fff;text-decoration:none}
#header .top .box .right ul li a:hover{color:#fff;text-decoration:underline}
#header .mnbox{width:100%;margin:0;background:#fff;
box-shadow: 0 1px 2px rgba(0,0,0,.24);
}
#header .mnbox .box{position:relative;width:1172px;margin: 0 auto;}
#header .mnbox .box .logo{display:inline-block;vertical-align:top;padding:10px 20px 10px 0px;
transition: all 0.5s ease;
}
#header .mnbox .box .logo img{display:block;max-height:60px;border:none;
transition: all 0.5s ease;
}
#header .mnbox .box .left{float:right;}
#header .mnbox .box .right{float:right;padding-left:10px;}
#header .mnbox .box .right .sebox {display:inline-block;vertical-align:top;padding:0;}
#header .mnbox .box .right .giohang {display:inline-block;vertical-align:top;padding:42px 10px 0 15px;
transition: all 0.5s ease;
}
#header .mnbox .box .right .giohang a{position:relative;display:inline-block;
box-shadow: 0 0 1px transparent;
transform: perspective(1px) translateZ(0px);
transition-duration: 0.3s;
transition-property: box-shadow, transform;
vertical-align: middle;
}
#header .mnbox .box .right .giohang a span{
background-color: red;
border-radius: 50%;
color: white;
font:400 9px/15px 'Roboto', sans-serif;
padding:0;
position: absolute;
right: -10px;
text-align: center;
top: -5px;
width: 15px;
}
#header .mnbox .box .right .giohang a:hover{transform: scale(1.1);}
.fixed {padding:0 !important;position:fixed !important;z-index:9999;top:0;
transition: all 0.5s ease;
}
.fixed .box .logo {padding: 5px 10px 5px 10px !important;}
.fixed .box .logo img{max-height:50px !important;}
.fixed .menu ul ul,
.fixed .menu .mega_menu{top:70px;}
.fixed .menu ul li:hover > ul,
.fixed .menu ul li:hover .mega_menu{top:60px;}
.fixed .menu ul > li > a{font:400 14px/60px Roboto}
.fixed .menu ul ul li a{font:400 14px/18px Roboto}
.fixed div.search {padding: 9px 0 0;}
.fixed input#dropdown, .fixed label{top:15px;}
.fixed .box .right ul.mem li div{font:400 14px/50px Roboto !important}
.fixed .box .right ul.mem li div ul{top:50px !important}
.fixed .giohang {padding-top:22px !important;}
#sliderh {
width:100%;
margin:0;
padding:0;
user-select: none;
overflow:hidden;
}
#sliderm {
width:100%;
display:none;
margin:0;
padding:0;
user-select: none;
overflow:hidden;
}
.rsContent {
position: relative;
overflow: hidden;
background-size: cover;
background-position: center center;
}
.rsContent .rscon{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
.rsContent .rscon .rsbox{width:100%;padding:0 8%;}
.rsContent .rscon .rsbox p{margin:0;padding:0;font:200 50px/60px 'Montserrat', sans-serif;color:#fff;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}
.rsContent .rscon .rsbox p span{font:400 50px/60px 'Montserrat', sans-serif;color:#fff;}
.rsContent .rscon .rsbox div{margin:0;padding:0;font:200 50px/60px 'Montserrat', sans-serif;color:#9c281b;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
.rsContent .rscon .rsbox div span{font:400 50px/60px 'Montserrat', sans-serif;color:#9c281b;}
#bananh{position:relative;}
#bananh .thumb{display:block;}
#bananh .thumb img{display:block;width:100%;border:none;}
#bananh .thumb1{display:none;}
#bananh .thumb1 img{display:block;width:100%;border:none;}
#bananh .head{position:absolute;bottom:0;left:0;right:0;display:block;align-items:center;z-index:1;background:rgba(255,255,255,0.5);padding:10px 0;}
#bananh .head h1{width:1100px;margin:0 auto;font:400 35px/45px 'Permanent Marker';color:var(--c-title);font-variant:small-caps;text-shadow:3px 3px 3px #fff;}
#bananh .head h1 div{display:inline-block;background:var(--c-title);margin:0 0 0 20px;padding:0 15px;font:16px/25px Roboto;color:var(--c-main);font-variant:small-caps;text-shadow:none;
border-radius: 3px;
}
#bananh .head h1 div span{font-weight:450;}
#sliderh {
width:100%;
margin:0;
padding:0;
user-select: none;
overflow:hidden;
}
#navi{position:relative;padding:10px 0 0;background-color:#fff;border-bottom:#e7e7e7 1px solid;}
#navi .nabox{width:1172px;margin:0 auto;font:450 15px/30px Roboto;text-transform:uppercase;color:#333;}
#navi .nabox span{display:inline-block;vertical-align:top;padding:0 15px;font:450 15px/30px Roboto;text-transform:uppercase;color:#333;border-bottom:3px solid #c81926;text-decoration:none;}
#navi .nabox a{display:inline-block;vertical-align:top;padding:0 10px;font:450 15px/30px Roboto;text-transform:uppercase;color:#333;border-bottom:3px solid #fff;text-decoration:none;}
#navi .nabox a:hover{border-bottom:3px solid #c81926;text-decoration:none;}
#navi .nabox a.active{display:inline-block;vertical-align:top;font:450 15px/30px Roboto;text-transform:uppercase;color:#333;border-bottom:3px solid #c81926;text-decoration:none;}
#navi .nabox a.active:hover{border-bottom:3px solid #c81926;text-decoration:underline;}
#navi .nabox a.seq{background:#eff0f2;display:inline-block;vertical-align:top;margin:5px 0 0 5px;padding:5px 15px 0;font:400 14px/20px Roboto;text-transform:uppercase;color:#333;text-decoration:none;
border-bottom:3px solid #eff0f2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#navi .nabox a.seq:hover{border-bottom:3px solid #c81926;text-decoration:none;}
#navi .nabox a.seqac{background:#593d2a;display:inline-block;vertical-align:top;margin:5px 0 0 5px;padding:5px 15px 0;font:400 14px/20px Roboto;text-transform:uppercase;color:#fff;text-decoration:none;
border-bottom:3px solid #593d2a;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#navi .nabox a.seqac:hover{border-bottom:3px solid #c81926;text-decoration:none;}
#content{width:100%;margin:0 auto;padding:5px 0 0;}
#content .home{padding:0 0 25px;}
#content .home ul{width:100%;margin:0;padding:0;list-style:none;}
#content .home ul li{width:100%;margin:0;padding:0;list-style:none;}
#content .home ul li .homecon{margin:0 auto;font:15px/25px 'Open Sans';color:#444;padding:5px 0;}
#content .home ul li .homecon h1{font:18px/28px 'Open Sans';color:#333;padding:45px 0 0;}
#content .home ul li .homecon h1 a{font:18px/28px 'Open Sans';color:#333;}
#content .home ul li .homecon h1 a:hover{font:18px/28px 'Open Sans';color:#333;}
#content .home ul li .homecon h2{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-main);padding:5px 0 25px;}
#content .home ul li .homecon h2 a{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-main);}
#content .home ul li .homecon h2 a:hover{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-main);}
#content .home ul li .homecon h3{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-main);padding:15px 0 0;}
#content .home ul li .homecon h4{font:18px/28px 'Open Sans';color:var(--c-main);padding:5px 0 25px;}
#content .home ul li .homecon img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .home ul li .homecon p{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .home ul li .homecon div{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .home ul li .homecon a{font:15px 'Open Sans';color:#333;text-decoration:none}
#content .home ul li .homecon a:hover{font:400 15px 'Open Sans';color:red;text-decoration:underline}
#content .home ul li .homecon td{padding:3px 5px;}
#content .home ul li .homecon .bang {margin:10px 0;border-collapse: collapse;}
#content .home ul li .homecon .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .home ul li .homecon .bang0 {margin:10;border-collapse: collapse;}
#content .home ul li .homecon .bang0 td{padding:0;border:#ababab 0px solid;}
#content .negroup ul{width:100%;margin:0;padding:0;list-style:none;}
#content .negroup ul li{width:100%;margin:0;padding:0;list-style:none;}
#content .negroup ul li:first-child{padding-top:40px;}
#content .negroup ul li h2.title{width:100%;margin:0;padding:0;font:400 55px/65px 'Permanent Marker';color:#444;font-variant:small-caps;text-align:center;}
#content .negroup ul li h3.stitle{width:100%;margin:0;padding:5px 0;font:400 20px/30px 'Open Sans';color:#444;text-transform:uppercase;text-align:center;}
#content .negroup ul li .necon{max-width:640px;margin:0 auto;font:15px/25px 'Open Sans';color:#444;padding:5px 0;}
#content .negroup ul li .necon h1{font:20px/30px 'Open Sans';color:#333;padding:5px 0;}
#content .negroup ul li .necon h2{font:18px/30px 'Open Sans';color:#333;padding:5px 0;}
#content .negroup ul li .necon h3{font:16px/28px 'Open Sans';color:#333;padding:5px 0;}
#content .negroup ul li .necon img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .negroup ul li .necon p{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .negroup ul li .necon div{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .negroup ul li .necon a{font:15px 'Open Sans';color:#333;text-decoration:none}
#content .negroup ul li .necon a:hover{font:400 15px 'Open Sans';color:red;text-decoration:underline}
#content .negroup ul li .necon td{padding:3px 5px;}
#content .negroup ul li .necon .bang {margin:10px 0;border-collapse: collapse;}
#content .negroup ul li .necon .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .negroup ul li .necon .bang0 {margin:10;border-collapse: collapse;}
#content .negroup ul li .necon .bang0 td{padding:0;border:#ababab 0px solid;}
#content .negroup ul li ul.news2{width:100%;margin:0;padding:35px 0;list-style:none;}
#content .negroup ul li ul.news2 li{display:inline-block;vertical-align:top;width:49.5%;margin:0 0 0 0.5%;padding:4px 0;list-style:none;}
#content .negroup ul li ul.news2 li:nth-child(odd){margin-left:0;}
#content .negroup ul li ul.news2 li .thumb{background:#000;position:relative}
#content .negroup ul li ul.news2 li .thumb img{display:block;width:100%;border:none;opacity:0.7;
transition: all 0.5s ease;
}
#content .negroup ul li ul.news2 li .thumb h4{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);padding:15px 25px;font:600 15px/20px 'Open Sans';color:#fff;}
#content .negroup ul li ul.news2 li .thumb:hover img{opacity:1;}
#content .negroup ul li ul.news3{width:100%;margin:0;padding:35px 0;list-style:none;}
#content .negroup ul li ul.news3 li{display:inline-block;vertical-align:top;width:33%;margin:0 0 0 0.5%;padding:4px 0;list-style:none;}
#content .negroup ul li ul.news3 li:first-child,
#content .negroup ul li ul.news3 li:nth-child(4),
#content .negroup ul li ul.news3 li:nth-child(7),
#content .negroup ul li ul.news3 li:nth-child(10),
#content .negroup ul li ul.news3 li:nth-child(13),
#content .negroup ul li ul.news3 li:nth-child(16),
#content .negroup ul li ul.news3 li:nth-child(19){margin-left:0;}
#content .negroup ul li ul.news3 li .thumb{background:#000;position:relative}
#content .negroup ul li ul.news3 li .thumb img{display:block;width:100%;border:none;opacity:0.7;
transition: all 0.5s ease;
}
#content .negroup ul li ul.news3 li .thumb h4{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);padding:15px 25px;font:600 15px/20px 'Open Sans';color:#fff;}
#content .negroup ul li ul.news3 li .thumb:hover img{opacity:1;}
#content .news {width:850px;margin:0 auto;padding:35px 0;}
#content .news h1{font:400 50px/60px 'Permanent Marker';font-variant:small-caps;color:#333;text-align:center;padding:0 0 35px;}
#content .news ul {width:100%;padding:0;margin:0;list-style:none}
#content .news ul li{width:100%;display:inline-block;vertical-align:top;padding:0;margin:0 0 35px;overflow:hidden;}
#content .news ul li .thumb {position:relative;width:45%;display:inline-block;vertical-align:top;padding:0;}
#content .news ul li .thumb img{display:block;width:100%;border:none;}
#content .news ul li .thumb .play{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;text-align:center;}
#content .news ul li .thumb .play div{width:auto;margin:0 auto}
#content .news ul li .thumb .play img{width:auto;height:50px;display:block;border:none;}
#content .news ul li .info {width:55%;display:inline-block;vertical-align:top;padding:0 0 0 35px;}
#content .news ul li .info h2{margin:0;padding:0 0 10px;font:700 18px/25px 'Open Sans';color:#333;}
#content .news ul li .info h2 a{color:#223332;}
#content .news ul li .info h2 a:hover{color:#f00;}
#content .news ul li .info p.updated{margin:0;padding:0 0 10px;font:400 14px/20px "Open Sans", Arial;color:#666;}
#content .news ul li .info p.desc{margin:0;padding:0;font:400 15px/22px Roboto, Arial;color:#444;}
#content .news ul li .info .more{padding:15px 0 0;}
#content .news ul li .info .more a{background:#9f6b2a;display:inline-block;vertical-align:top;padding:7px 20px 5px;
font:400 14px/20px "Open Sans", Arial;
color: #fff;
text-transform:uppercase;
border-radius: 4px;
}
#content .news ul li .info .more a:hover{background:#4e3422;}
#content .news ul li .info .more a i{padding-left:5px;}
#content .dnews{display:block;width:1100px;margin:0 auto;padding:15px 0;text-align:justify;}
#content .dnews .title{margin:0;padding:0 0 10px;font:400 30px/40px 'Open Sans';color:#222;}
#content .dnews .updated{padding:0 0 10px;font:400 14px/20px "Open Sans", Arial;color:#666;}
#content .dnews .updated i{padding-right:5px;}
#content .dnews .desc{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .dnews .source{font:400 14px/20px "Open Sans", Arial;color:#666;text-align:right}
#content .dnews h1{font:30px/40px 'Open Sans';color:#333;padding:10px 0;}
#content .dnews h2{font:25px/35px 'Open Sans';color:#333;padding:10px 0;}
#content .dnews h3{font:22px/32px 'Open Sans';color:#333;padding:10px 0;}
#content .dnews img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .dnews p{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .dnews div{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .dnews a{font:15px 'Open Sans';color:#333;text-decoration:none}
#content .dnews a:hover{font:400 15px 'Open Sans';color:red;text-decoration:underline}
#content .dnews ul{width:100%;margin:0;padding:10px 10px 10px 30px;list-style:none;}
#content .dnews ul li{width:100%;margin:0;padding:3px 0;list-style-position:inside;list-style:disc;font:15px/22px 'Open Sans';color:#333;}
#content .dnews td{padding:3px 5px;}
#content .dnews .bang {margin:10px 0;border-collapse: collapse;}
#content .dnews .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .dnews .bang0 {margin:10;border-collapse: collapse;}
#content .dnews .bang0 td{padding:0;border:#ababab 0px solid;}
#content .dnews .fbvideo{padding:15px 0;}
#content .dnews .ytvideo{padding:15px 0;}
#content .dnews .ytvideo .ytbox{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
margin:0;
}
#content .dnews .ytvideo .ytbox iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#content .gabox{padding:15px 0 0;}
#content .share{padding:25px 0 5px;}
#content .share h3{margin:20px 0 10px 35px;padding:0;font:400 30px/35px Roboto;color:#444;position:relative;}
#content .share h3:before {
position: absolute;
top: 8px;
left: -30px;
content: '';
background: none no-repeat;
width: 20px;
height: 20px;
}
#content .share .bshare{padding:10px;border:#e5e5e5 1px solid;}
.box600{width:600px !important;margin:0 auto !important;padding:0 !important;}
.box650{width:650px !important;margin:0 auto !important;padding:0 !important;}
.box700{width:700px !important;margin:0 auto !important;padding:0 !important;}
.box750{width:750px !important;margin:0 auto !important;padding:0 !important;}
.box800{width:800px !important;margin:0 auto !important;padding:0 !important;}
.box850{width:850px !important;margin:0 auto !important;padding:0 !important;}
.box900{width:900px !important;margin:0 auto !important;padding:0 !important;}
.box950{width:950px !important;margin:0 auto !important;padding:0 !important;}
.box1000{width:1000px !important;margin:0 auto !important;padding:0 !important;}
.box1100{width:1100px !important;margin:0 auto !important;padding:0 !important;}
#content .ykien {width:850px;margin:0 auto;padding:35px 0;}
#content .ykien h1{font:400 50px/60px 'Permanent Marker';font-variant:small-caps;color:#333;text-align:center;padding:0 0 35px;}
#content .ykien ul {width:100%;padding:0;margin:0;list-style:none}
#content .ykien ul li{width:100%;display:inline-block;vertical-align:top;padding:25px 25px;margin:0 0 35px;
background:#f8f8f8;
border:#ccc 1px solid;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#content .ykien ul li .yleft {width:70%;display:inline-block;vertical-align:top;border-right:#ddd 1px solid;padding:0 25px 0 0;font:14px/25px Roboto;color:#444;text-align:justify;}
#content .ykien ul li .yleft h1{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-dark);padding:10px 0;}
#content .ykien ul li .yleft h2{font:20px/30px Roboto;color:var(--c-dark);padding:5px 0;}
#content .ykien ul li .yleft h3{font:18px/28px Roboto;color:var(--c-dark);padding:3px 0;}
#content .ykien ul li .yleft img{margin:5px 0 0;max-width:100%;height:auto !important;border:none}
#content .ykien ul li .yleft p,
#content .ykien ul li .yleft div{font:14px/25px Roboto;color:#444;padding:3px 0;}
#content .ykien ul li .yleft a{color:#444;text-decoration:none}
#content .ykien ul li .yleft a:hover{color:red;text-decoration:underline}
#content .ykien ul li .yleft ul{width:100%;margin:0;padding:5px 0 5px 30px;list-style:none;}
#content .ykien ul li .yleft ul li{width:100%;margin:0;padding:3px 0;list-style:none;font:14px/20px Roboto;color:#444;}
#content .ykien ul li .yleft ul li:before {
content: "\2713";
font-weight: 700;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
color:#02BF9B;
}
#content .ykien ul li .yleft ul li::first-letter{text-transform:uppercase;}
#content .ykien ul li .yleft table{max-width:100%;border-collapse:collapse;}
#content .ykien ul li .yleft td{padding:3px 5px;}
#content .ykien ul li .yleft .bang {margin:10px 0;border-collapse: collapse;}
#content .ykien ul li .yleft .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .ykien ul li .yleft .bang0 {margin:10;border-collapse: collapse;}
#content .ykien ul li .yleft .bang0 td{padding:0;border:#ababab 0px solid;}
#content .ykien ul li .yleft .bang1 {margin:10px 0;border-collapse:collapse;border:none}
#content .ykien ul li .yleft .bang1 th{margin:0;padding:5px 8px;border:#ababab 1px solid;}
#content .ykien ul li .yleft .bang1 td{margin:0;padding:3px 8px;border:#ababab 1px solid;}
#content .ykien ul li .yleft .bang2 {margin:25px 0;border-collapse:collapse;border:none}
#content .ykien ul li .yleft .bang2 td{width:50%;margin:0;padding:3px 0;border:#ababab 0px solid;}
#content .ykien ul li .yleft .bang2 td:nth-child(odd){padding-right:3px;}
#content .ykien ul li .yleft .bang2 td:nth-child(even){padding-left:3px;}
#content .ykien ul li .yleft .bang2 td img{display:block;width:100%;margin:0;border:none}
#content .ykien ul li .yright {width:30%;display:inline-block;vertical-align:top;padding:0 0 0 25px;}
#content .ykien ul li .yright .thumb{display:block;}
#content .ykien ul li .yright .thumb img{display:block;max-width:75px;margin:0 auto;border:none;
border-radius: 50%;
overflow:hidden;
}
#content .ykien ul li .yright h3{margin:0;padding:10px 0 0;font:700 italic 16px/22px 'Open Sans';color:#333;text-align:center;}
#content .sanpham {width:100%;margin:0 auto;padding:15px 0;}
#content .sanpham h1{font:400 50px/60px 'Permanent Marker';font-variant:small-caps;color:#333;text-align:center;padding:0 0 15px;}
#content .sanpham .sacon{margin:0 auto;font:15px/25px 'Open Sans';color:#444;padding:5px 0;}
#content .sanpham .sacon h1{font:18px/28px 'Open Sans';color:var(--c-main);padding:5px 0 0;}
#content .sanpham .sacon h1 a{font:18px/28px 'Open Sans';color:var(--c-main);}
#content .sanpham .sacon h1 a:hover{font:18px/28px 'Open Sans';color:var(--c-main);}
#content .sanpham .sacon h2{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-main);padding:5px 0 25px;}
#content .sanpham .sacon h2 a{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-main);}
#content .sanpham .sacon h2 a:hover{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-main);}
#content .sanpham .sacon h3{font:16px/28px 'Open Sans';color:#333;padding:5px 0;}
#content .sanpham .sacon img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .sanpham .sacon p{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .sanpham .sacon div{font:15px/25px 'Open Sans';color:#333;padding:5px 0;}
#content .sanpham .sacon a{font:15px 'Open Sans';color:#333;text-decoration:none}
#content .sanpham .sacon a:hover{font:400 15px 'Open Sans';color:red;text-decoration:underline}
#content .sanpham .sacon td{padding:3px 5px;}
#content .sanpham .sacon .bang {margin:10px 0;border-collapse: collapse;}
#content .sanpham .sacon .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .sanpham .sacon .bang0 {margin:10;border-collapse: collapse;}
#content .sanpham .sacon .bang0 td{padding:0;border:#ababab 0px solid;}
#content .sanpham ul {width:100%;padding:25px 0;margin:0;list-style:none}
#content .sanpham ul li{width:25%;display:inline-block;vertical-align:top;padding:15px 1%;margin:0;}
#content .sanpham ul li .thumb {position:relative;width:100%;display:inline-block;vertical-align:top;padding:0;}
#content .sanpham ul li .thumb img{display:block;width:100%;border:none;}
#content .sanpham ul li .info {background:#eee;width:100%;display:inline-block;vertical-align:top;padding:0 15px;text-align:center}
#content .sanpham ul li .info h2{margin:0;padding:15px 0 5px;}
#content .sanpham ul li .info h2 a{display:block;height:44px;overflow:hidden;padding:0;font:700 15px/22px 'Open Sans';color:#333;text-transform:uppercase;}
#content .sanpham ul li .info h2 a:hover{color:var(--c-accent);}
#content .sanpham ul li .info .price{padding:0 0 10px;font:400 14px/25px 'Open Sans';color:#444;text-transform:uppercase;}
#content .sanpham ul li .info .price span{font:700 16px 'Open Sans';color:var(--c-main);}
#content .sanpham ul li .info .call{padding:0 0 10px;font:400 14px/25px 'Open Sans';color:#444;text-transform:uppercase;}
#content .sanpham ul li .info .call a{font:400 14px/25px 'Open Sans';color:#444;}
#content .sanpham ul li .info .call a:hover{color:#222;}
#content .sanpham ul li .info div{padding:15px 0 25px;}
#content .sanpham ul li .info div a.link1{background:#fff;display:inline-block;vertical-align:top;margin-right:10px;padding:6px 15px;border:#222 2px solid;
font:400 14px/20px 'Open Sans';
color: #222;
text-transform:uppercase;
border-radius: 4px;
}
#content .sanpham ul li .info div a.link1:hover{border:var(--c-accent) 2px solid;color:var(--c-accent);}
#content .sanpham ul li .info div a.link2{background:var(--c-main);display:inline-block;vertical-align:top;padding:6px 15px;border:var(--c-main) 2px solid;
font:400 14px/20px 'Open Sans';
color: #fff;
text-transform:uppercase;
border-radius: 4px;
}
#content .sanpham ul li .info div a.link2:hover{background:var(--c-accent);border:var(--c-accent) 2px solid;}
#content .book{padding:25px 0 50px;text-align:center;}
#content .book a.link1{background:#fff;display:inline-block;vertical-align:top;margin-right:10px;padding:6px 15px;border:var(--c-accent) 2px solid;
font:400 14px/20px 'Open Sans';
color: #4e3422;
text-transform:uppercase;
border-radius: 4px;
}
#content .book a.link1:hover{border:#222 2px solid;color:#4e3422;}
#content .book a.link2{background:var(--c-accent);display:inline-block;vertical-align:top;margin-left:10px;padding:6px 15px;border:var(--c-accent) 2px solid;
font:400 14px/20px 'Open Sans';
color: #fff;
text-transform:uppercase;
border-radius: 4px;
}
#content .book a.link2:hover{background:#222;border:#222 2px solid;}
#content .book span.dcart{background:#9f6b2a;display:inline-block;vertical-align:top;padding:6px 15px;border:#9f6b2a 2px solid;
font:400 14px/20px 'Open Sans';
color: #fff;
text-transform:uppercase;
border-radius: 4px;
cursor:pointer;
}
#content .book span.dcart:hover{background:#4e3422;border:#4e3422 2px solid;}
#content .promotion {padding:35px 0 15px;}
#content .promotion ul {width:100%;padding:0;margin:0;list-style:none}
#content .promotion ul li{background:#000;width:24.75%;display:inline-block;vertical-align:top;padding:0;margin:0 0 0 0.33333%;overflow:hidden;}
#content .promotion ul li:first-child{margin-left:0;}
#content .promotion ul li .thumb {position:relative;width:100%;display:inline-block;vertical-align:top;padding:0;}
#content .promotion ul li .thumb img{display:block;width:100%;border:none;opacity:0.7;
transition: all 0.5s ease;
}
#content .promotion ul li .thumb:hover img{opacity:1;}
#content .promotion ul li .thumb div{position:absolute;bottom:0;left:0;right:0;background:rgba(1,1,1,0.7);padding:10px 15px;font:600 15px/25px 'Open Sans';color:#fff;text-align:center;}
#content .anhhome {position:relative;width:100%;display:inline-block;vertical-align:top;padding:25px 0;}
#content .anhhome img{display:block;width:100%;border:none;}
#content .contact{width:800px;margin:0 auto;padding:35px 0;}
#content .contact h1.head{width:100%;margin:0;padding:5px 0;font:400 22px/32px 'Open Sans';color:#333;text-transform:uppercase;}
#content .contact h2.fohead{width:100%;margin:0;padding:5px 0;font:400 22px/32px 'Open Sans';color:#333;text-transform:uppercase;}
#content .contact .congen{font:15px/25px 'Open Sans';color:#333;padding:10px 0;}
#content .contact .congen h1{font:20px/30px 'Open Sans';color:#333;padding:3px 0;}
#content .contact .congen h2{font:18px/30px 'Open Sans';color:#333;padding:3px 0;}
#content .contact .congen h3{font:16px/28px 'Open Sans';color:#333;padding:3px 0;}
#content .contact .congen img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .contact .congen p{font:15px/25px 'Open Sans';color:#333;padding:3px 0;}
#content .contact .congen div{font:15px/25px 'Open Sans';color:#333;padding:3px 0;}
#content .contact .congen a{font:15px 'Open Sans';color:#333;text-decoration:none}
#content .contact .congen a:hover{font:400 15px 'Open Sans';color:#333;text-decoration:underline}
#content .contact .congen ul{width:100%;margin:0;padding:10px 10px 10px 30px;list-style:none;}
#content .contact .congen ul li{width:100%;margin:0;padding:3px 0;list-style-position:inside;list-style:disc;font:15px/22px 'Open Sans';color:#333;}
#content .contact .congen table{max-width:100%;border-collapse:collapse;}
#content .contact .congen td{padding:3px 5px;}
#content .contact .congen .bang {margin:10px 0;border-collapse: collapse;}
#content .contact .congen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .contact .congen .bang0 {margin:10;border-collapse: collapse;}
#content .contact .congen .bang0 td{padding:0;border:#ababab 0px solid;}
#content .boxgen{font:14px/20px Roboto;color:#444;margin:0 auto;padding:15px 0;text-align:justify;}
#content .boxgen h1{font:400 40px/50px 'Permanent Marker';font-variant:small-caps;color:var(--c-dark);padding:10px 0;}
#content .boxgen h2{font:20px/30px Roboto;color:var(--c-dark);padding:5px 0;}
#content .boxgen h3{font:18px/28px Roboto;color:var(--c-dark);padding:3px 0;}
#content .boxgen img{margin:5px 0 0;max-width:100%;height:auto !important;border:none}
#content .boxgen p,
#content .boxgen div{font:14px/20px Roboto;color:#444;padding:3px 0;}
#content .boxgen a{color:#444;text-decoration:none}
#content .boxgen a:hover{color:red;text-decoration:underline}
#content .boxgen ul{width:100%;margin:0;padding:5px 0 5px 30px;list-style:none;}
#content .boxgen ul li{width:100%;margin:0;padding:3px 0;list-style:none;font:14px/20px Roboto;color:#444;}
#content .boxgen ul li:before {
content: "\2713";
font-weight: 700;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
color:#02BF9B;
}
#content .boxgen ul li::first-letter{text-transform:uppercase;}
#content .boxgen table{max-width:100%;border-collapse:collapse;}
#content .boxgen td{padding:3px 5px;}
#content .boxgen .bang {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .boxgen .bang0 {margin:10;border-collapse: collapse;}
#content .boxgen .bang0 td{padding:0;border:#ababab 0px solid;}
#content .boxgen .bang1 {margin:10px 0;border-collapse:collapse;border:none}
#content .boxgen .bang1 th{margin:0;padding:5px 8px;border:#ababab 1px solid;}
#content .boxgen .bang1 td{margin:0;padding:3px 8px;border:#ababab 1px solid;}
#content .boxgen .bang2 {margin:25px 0;border-collapse:collapse;border:none}
#content .boxgen .bang2 td{width:50%;margin:0;padding:3px 0;border:#ababab 0px solid;}
#content .boxgen .bang2 td:nth-child(odd){padding-right:3px;}
#content .boxgen .bang2 td:nth-child(even){padding-left:3px;}
#content .boxgen .bang2 td img{display:block;width:100%;margin:0;border:none}
#otherul{padding:0;margin:0 0 8px 0;width:100%;list-style:none;}
#otherul li{background:url('../img/arrow-rv1.webp') no-repeat left;background-position: 5px 6px;padding:0 0 15px 15px}
#otherul li a{font:400 15px/16px Arial;color:#444;text-decoration:none}
#otherul li a:hover{color:#222}
#sitemap {padding: 0 0 5px 15px}
#sitemap li{padding:4px 0 4px 0;}
#sitemap li a{font:bold 14px/18px Montserrat,sans-serif;text-decoration:none;color:#222;}
#sitemap li a:hover{text-decoration:underline}
#sitemap li ul {padding: 0 0 5px 15px}
#sitemap li ul li{padding:4px 0 4px 0;}
#sitemap li ul li a{font:400 14px/18px Montserrat,sans-serif;text-decoration:none;color:#222;}
#sitemap li ul li a:hover{text-decoration:underline}
#sitemap li ul li ul {padding: 0 0 5px 15px}
#sitemap li ul li ul li{padding:4px 0 4px 0;}
#sitemap li ul li ul li a{font:400 14px/18px Montserrat,sans-serif;text-decoration:none;color:#222;}
#sitemap li ul li ul li a:hover{text-decoration:underline}
#anhqc{background:#3b2211;}
#anhqc .box{width:1172px;margin:0 auto;padding:0;text-align:center}
#anhqc .box ul {display:inline-block;}
#anhqc .box ul li{display:inline-block;vertical-align:top}
#anhqc .box ul li img{display:block;width:100%;border:none;}
#footer{display:block;
background: var(--c-main) var(--footer-bg) no-repeat center;
background-size: cover;
}
#footer .box{width:1172px;margin:0 auto;padding:20px 0 20px;}
#footer .box ul.mnu{display:block;padding:0;margin:0;list-style:none}
#footer .box ul.mnu li{display:inline-block;vertical-align:top;width:33.33333%;margin:0;padding:0 0 0 5%;}
#footer .box ul.mnu li h3{margin:0;padding:10px 0;font:600 16px/30px Montserrat, Arial;color:#fff;text-transform:uppercase;}
#footer .box ul.mnu li h3 a{color:#fff;}
#footer .box ul.mnu li h3 a:hover{color:#ff0;}
#footer .box ul.mnu li .logo{padding:15px 0;}
#footer .box ul.mnu li .logo img{display:block;height:60px;border:none;}
#footer .box ul.mnu li ul{display:block;padding:0;margin:0;list-style:none}
#footer .box ul.mnu li ul li{display:block;width:100%;margin:0;padding:5px 0;}
#footer .box ul.mnu li ul li:first-child,
#footer .box ul.mnu li ul li:nth-child(3){width:100%;}
#footer .box ul.mnu li ul li a{display:block;padding:0;font:400 13px/20px Montserrat, Arial;color:#fff;}
#footer .box ul.mnu li ul li a:hover{color:#fff;}
#footer .box ul.mnu li ul li a i{padding-right:5px;}
#footer .box ul.mnu li div{display:block;width:100%;margin:0;padding:0 0 10px;}
#footer .box ul.mnu li div p{display:block;width:100%;margin:0;padding:3px 0;font:400 13px/20px Montserrat, Arial;color:#fff;}
#footer .box ul.mnu li div p a{font:400 13px/20px Montserrat, Arial;color:#fff;}
#footer .box ul.mnu li div p a:hover{color:#fff;}
#footer .box ul.mnu li .mxh{padding:0;}
#copy{background:var(--c-main);}
#copy .cbox{width:1172px;margin:0 auto;padding:10px 0;font:400 13px/20px Montserrat, Arial;color:#fff;text-align:center;}
#copy a{font:400 13px/20px Montserrat, Arial;color:#fff;}
#copy a:hover{color:#fff;}
#navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px}
#pnavigation h1{font:450 18px Montserrat;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;}
#comming {width:100%;padding-top:50px;padding-bottom:50px;font:bold normal 13px tahoma;color:#454545;text-align:center;}
#page-result{margin:0;font:bold 18px arial;color:#3b5998;}
#herrormsg {width:100%;padding:20px 0 0;font:400 14px/14px Arial;color:#4d2c03;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 14px/14px Arial;color:#4d2c03;text-align:center;}
#mainintro, #mainintro p, #mainintro h1, #mainintro h2{text-align:justify;line-height:18px}
#imgintro {width:710px;height:260px;border:none;outline:none}
#herrormsg {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}
#errormsg {width:100%;padding-top:50px;padding-bottom:50px;font:bold normal 13px tahoma;color:#454545;text-align:center;border:#eff0f2 1px solid;}
#errormsg p{margin:0;padding:5px 0;font:400 13px/18px Verdana;color:#454545;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 13px/18px Verdana;color:#454545;}
#errormsg p.xacminh a{font:400 13px/18px Verdana;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:bold 11px Verdana;color:#454545;}
.errormsg-title {width:100%;padding:30px 0 10px;font:bold 15px Verdana;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:bold 14px/20px Verdana;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 13px/18px Verdana;color:#ff0000;text-align:left;}
#mainlink {padding:0 0 25px;text-align:center;}
#mainlink a {
cursor: pointer;
font:400 14px/20px Arial;
color: #222;
margin: 0px 3px;
padding: 5px 0;
display:inline-block;
min-width:30px;
text-align: center;
text-decoration:none;
background-color: #fff;
border-radius: 3px;
}
#mainlink a:hover{color:#fff;background-color:var(--c-accent);text-decoration: none;}
#mainlink a.active {
cursor: pointer;
font:400 14px/20px Arial;
color: #fff;
margin: 0px 3px;
padding: 5px 0;
display:inline-block;
min-width:30px;
text-align: center;
text-decoration:none;
background-color: var(--c-dark);
border-radius: 3px;
}
#mainlink a.active:hover{
text-decoration:none;
}
#form{width:100%;padding:5px 0;}
#form ul{width:100%;margin:0;padding:0;list-style:none;}
#form ul li{width:100%;margin:0;padding:3px 0;list-style:none;font:14px/20px 'Open Sans';color:#333;}
#form ul li:nth-child(odd){padding:8px 3px 2px;}
#form ul li:last-child{padding:3px 0;}
#form ul li.tourname{padding:3px 3px 5px;font:600 14px/20px 'Open Sans';color:#333;}
#form ul li.tourname a{text-transform:uppercase;font:600 14px/20px 'Open Sans';color:var(--c-accent);}
#form ul li.tourname a:hover{color:var(--c-accent);}
#form ul li span{display:block;padding:0 3px;color:#ff0000}
#form ul li select {
background: rgba(255,255,255,.95) url('../img/down-green.webp') no-repeat right;
display: inline-block;
width: 400px;
border-radius: 3px;
-webkit-appearance: none;
border: 1px solid;
border-color: #e6e6e6 #e6e6e6 #d2d2d2;
outline: 0;
margin: 0;
padding: 8px 10px;
font:15px/20px 'Open Sans';
color: #444;
transition: all 0.5s ease;
}
#form ul li input[type="text"] {
display:inline-block;
width:400px;
border-radius: 3px;
-webkit-appearance: none;
background-color: rgba(255,255,255,.95);
border: 1px solid;
border-color: #e6e6e6 #e6e6e6 #d2d2d2;
outline: 0;
margin: 0;
padding: 8px 10px;
font:15px/20px 'Open Sans';
color:#444;
transition: all 0.5s ease;
}
#form ul li textarea {
display:inline-block;
width:100%;
border-radius: 3px;
-webkit-appearance: none;
background-color: rgba(255,255,255,.95);
border: 1px solid;
border-color: #e6e6e6 #e6e6e6 #d2d2d2;
outline: 0;
margin: 0;
padding: 8px 10px;
font:15px/20px 'Open Sans';
color:#444;
transition: all 0.5s ease;
}
.form50{width:50px !important;margin-right:10px !important;}
.form68{width:68px !important;margin-right:10px !important;}
.form150{width:150px !important;margin-right:10px !important;}
.form100{width:100px !important;margin-right:10px !important;}
#form ul li input[type="text"]::placeholder {font-size:14px;color:#d4d4d4;opacity: 1;}
#form ul li input[type="text"]:-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
#form ul li input[type="text"]::-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
#form ul li textarea::placeholder {font-size:14px;color:#d4d4d4;opacity: 1;}
#form ul li textarea:-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
#form ul li textarea::-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
#form ul li input[type="button"]{
display:inline-block;
width:auto;
background:var(--c-dark);
-webkit-appearance: none;
border: 0px solid;
outline: 0;
margin: 5px 0 0 0;
padding: 8px 25px;
font:15px/20px 'Open Sans';
color:#fff;
text-transform: uppercase;
cursor:pointer;
border-radius: 3px;
transition:all 150ms linear 10ms;
}
#form ul li select:hover,
#form ul li input[type="text"]:hover,
#form ul li input[type="password"]:hover,
#form ul li textarea:hover,
#form ul li input[type="radio"]:hover {
box-shadow: #0066ff 0 0 5px 0;
}
#form ul li input[type="button"]:hover{background:var(--c-accent);}
a.vs-social-link {
width: 30px;
display: inline-block;
text-align: center;
margin: 0 5px 0 0;
background:var(--c-main);
border-radius: 3px;
transition: all 0.5s ease;
}
a.vs-social-link i {
font-size:18px;
color: #fff;
margin:0;
padding:6px 0 !important;
display: block;
transition: all 0.5s ease;
}
a.vs-social-link:last-child{margin:0;}
a.vs-social-link:hover i{color:#fff;}
a.vs-social-link.facebook:hover{background:#3b5998;}
a.vs-social-link.twitter:hover{background:#1da1f2;}
a.vs-social-link.google:hover{background:#de5145;}
a.vs-social-link.linkedin:hover{background:#0073b0;}
a.vs-social-link.youtube:hover{background:#ff0000;}
a.vs-social-link.pinterest:hover{background:#e60023;}
a.vs-social-link.instagram:hover{background:#3897f0;}
a.vs-social-link.tripadvisor:hover{background:#078171;}
.overlay {
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
line-height: 270px;
opacity: 0;
}
.overlay:hover {
opacity: 1;
}
.overlay:before, .overlay:after {
z-index: 3;
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
transition: opacity 0.5s, transform 0.5s;
}
.overlay:before {
z-index: 3;
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
transform: scale(0, 1);
}
.overlay:after {
z-index: 3;
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-left: 1px solid rgba(255, 255, 255, 0.5);
transform: scale(1, 0);
}
.overlay:hover::before, .overlay:hover::after {
opacity: 1;
transform: scale(1);
}
.pulse{
animation:pulse 1s infinite ease-in-out;
animation-name:pulse
}
.hotbutton{position:fixed;bottom:10px;z-index:99;left:10px}
.hotbutton a:focus,
.hotbutton a:hover{color:#fff !important}
.hotbutton .block_hotline,
.hotbutton .item{float:left;margin-right:5px}
.block_hotline{background:var(--c-hot);border-radius:13px;padding:5px;display:inline-block;font-size:13px;color:var(--c-hot);width:186px;height:50px;border:1px solid #fff}
.block_hotline a{font:400 12px/15px 'Montserrat', sans-serif;color:#fff}
.block_hotline .ico_phone{background:#fff;float:left;margin:0 10px 0 0;border-radius:13px;width:40px;height:40px;font-size:30px;line-height:30px;text-align:center;color:var(--c-hot);padding-top:5px}
.block_hotline .number_phone{white-space:nowrap;font:600 13px/18px 'Montserrat', sans-serif;text-transform:uppercase;margin-top:10px;}
.block_hotline .number_phone1{white-space:nowrap;font:600 15px/18px 'Montserrat', sans-serif;text-transform:uppercase;margin-top:3px;}
.block_hotline.pink-map{background:#2d81d4;color:#fff;width:208px}
.block_hotline.pink-map .ico_phone{color:#2d81d4}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
@media (max-width:1280px){
#header .top .box,
#anhqc .box,
#footer .box,
#copy .cbox,
#content .boxgen,
#content .dnews,
#bananh .head h1{width:98%;}
#header .mnbox .box{width:100%;}
#header .mnbox .box .logo{padding-left:10px;}
#header .mnbox .box .right{padding-right:10px;}
}
@media (max-width:1024px){
.box1000,
.box1100{width:100% !important;}
}
@media (max-width:900px){
.box900,
.box950{width:100% !important;}
#header .top .box .right ul li.mobi{display:none}
#header .mnbox .box .logo{position:relative;z-index:3;}
#header .mnbox .box .left{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;}
#header .mnbox .box .right{position:absolute;top:3px;right:120px;z-index:3;}
}
@media (max-width:768px){
.box600,
.box650,
.box700,
.box750,
.box800,
.box850{width:98% !important;}
#content .contact{width:96%;}
#content .promotion{padding: 30px 1% 10px;}
#content .promotion ul li{width:49.5%;margin:5px 0 5px 1%;}
#content .promotion ul li:nth-child(odd){margin-left:0;}
#content .negroup{width:96%;margin:0 auto;}
#content .negroup ul li ul.news3 li{width:49.5%;margin:0 0 0 1%;}
#content .negroup ul li ul.news3 li:nth-child(odd){margin:0;}
#content .negroup ul li ul.news3 li:nth-child(even){margin:0 0 0 1%;}
}
@media (max-width:640px){
#header .top .box,
#anhqc .box,
#footer .box,
#copy .cbox,
#content .boxgen,
#content .dnews{width:96%;}
#content .boxgen .bang2 td{width:100%;padding:5px 0;display:inline-block;}
#content .boxgen .bang2 td:nth-child(odd),
#content .boxgen .bang2 td:nth-child(even){padding:5px 0;}
#footer .box ul.mnu li{width:49%;padding:0;margin:0;}
#footer .box ul.mnu li:last-child{padding:0;margin-left:2%;}
#footer .box ul.mnu li:first-child{width:100%;padding:0 0 15px;}
#footer .box ul.mnu li ul li,
#footer .box ul.mnu li ul li:last-child,
#footer .box ul.mnu li ul li:first-child{display:block;width:100%;margin:0;padding:5px 0;}
}
@media (max-width:580px){
#bananh .thumb{display:none;}
#bananh .thumb1{display:block;}
#content .home ul li .homecon h1{font:16px/28px 'Open Sans';}
#content .home ul li .homecon h2,
#content .home ul li .homecon h3,
#content .boxgen h1{font:400 30px/40px 'Permanent Marker';}
#content .boxgen h1{padding:10px 0;}
#content .sanpham ul li{width:100%;margin:0 0 15px;}
}
@media (max-width:480px){
#content .promotion ul li{width:100%;margin:5px 0;}
#content .negroup ul li h2.title{font:400 30px/40px 'Permanent Marker';}
#content .negroup ul li ul.news3 li{width:100%;margin:0;}
#content .negroup ul li ul.news3 li:nth-child(odd){margin:0;}
#content .negroup ul li ul.news3 li:nth-child(even){margin:0;}
#form ul li input[type="text"],
#form ul li select{width:100%;}
}
@media (max-width:420px){
#header .top .box ul.con li:last-child{display:none}
}
/* ===== Bổ sung khi chuyển sang WordPress (thay thư viện jQuery cũ, icon SVG, trợ năng) ===== */
.tc-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tc-skip{position:absolute;left:-9999px;top:0;z-index:10000;background:#fff;color:#000;padding:8px 12px}
.tc-skip:focus{left:8px;top:8px}
i.fa{font-style:normal;display:inline-block;line-height:1}
i.fa svg{display:inline-block;vertical-align:-.125em}
#header .top .box ul.con li a i.fa{padding-right:8px}
.menu ul > li i.mmn svg{width:16px;height:16px;margin-top:12px}
#header .mnbox .box .logo img{width:auto;height:auto}
.tc-logo-text{display:block;font:700 20px/60px 'Open Sans',Arial;color:var(--c-main)}
#footer{background:var(--c-main) var(--footer-bg) no-repeat center;background-size:cover}
#footer .box ul.mnu li ul li a i.fa{padding-right:5px}
a.vs-social-link i.fa{display:block;font-size:18px;padding:6px 0!important;color:#fff}
.block_hotline .ico_phone i.fa{font-size:30px;line-height:30px;color:var(--c-hot)}
/* Ảnh trình chiếu (thay RoyalSlider: tỉ lệ 1600×450, chuyển mờ) */
#hinhanh.tc-slider{position:relative;width:100%;aspect-ratio:1600/450;overflow:hidden;background:#222}
.tc-slider .rsContent{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.tc-slider .rsContent.on{opacity:1;visibility:visible}
.tc-slider .rsContent a{display:block;height:100%}
.tc-slider .rsImg{display:block;width:100%;height:100%;object-fit:cover}
.tc-slider .rsArrow{position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;border:0;background:none;cursor:pointer;z-index:21;opacity:0;transition:opacity .3s}
.tc-slider:hover .rsArrow,.tc-slider .rsArrow:focus-visible{opacity:1}
.tc-slider .rsArrowLeft{left:10px}.tc-slider .rsArrowRight{right:10px}
.tc-slider .rsArrowIcn{display:block;width:36px;height:36px;border-radius:18px;background:no-repeat center}
.tc-slider .rsArrowLeft .rsArrowIcn{background-image:url('../img/arr-l.webp')}
.tc-slider .rsArrowRight .rsArrowIcn{background-image:url('../img/arr-r.webp')}
.tc-slider .rsArrowLeft:hover .rsArrowIcn{background-image:url('../img/arr-l-ac.webp')}
.tc-slider .rsArrowRight:hover .rsArrowIcn{background-image:url('../img/arr-r-ac.webp')}
#bananh .thumb img,#bananh .thumb1 img{height:auto}
#content .sanpham ul li .thumb img,#content .news ul li .thumb img{height:auto}
#content .dnews .title{font:400 30px/40px 'Open Sans';color:#222}
#content .dnews .fbvideo .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%}
#content .dnews .fbvideo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#content .dnews .ytvideo iframe{border:0}
/* Ảnh của bài (thay Fancybox) */
#content .shgal{padding:10px 0 0}
#content .shgal h2{font:400 22px/32px 'Open Sans';color:#333;text-transform:uppercase;padding:10px 0}
ul.tc-gal{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;list-style:none!important;padding:10px 0!important;margin:0!important;width:100%!important}
ul.tc-gal li{padding:0!important;margin:0!important;width:auto!important}
ul.tc-gal li:before{content:none!important}
ul.tc-gal a{display:block;overflow:hidden;aspect-ratio:3/2;background:#000}
ul.tc-gal img{display:block;width:100%;height:100%!important;object-fit:cover;margin:0!important;transition:transform .4s}
ul.tc-gal a:hover img{transform:scale(1.05)}
.tc-lb{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center}
.tc-lb.on{display:flex}
.tc-lb figure{margin:0;max-width:92vw;max-height:88vh;text-align:center}
.tc-lb img{max-width:92vw;max-height:82vh;display:block;margin:0 auto}
.tc-lb figcaption{color:#eee;font:14px/20px Roboto,Arial;padding:8px}
.tc-lb button{position:absolute;background:rgba(0,0,0,.4);border:0;color:#fff;font:40px/1 Arial;cursor:pointer;width:50px;height:60px}
.tc-lb .tc-lb-x{top:10px;right:10px;height:50px}
.tc-lb .tc-lb-p{left:10px;top:50%;margin-top:-30px}
.tc-lb .tc-lb-n{right:10px;top:50%;margin-top:-30px}
/* Biểu mẫu */
.tc-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#form ul li label{font:14px/20px 'Open Sans';color:#333}
#form ul li input[type="email"],#form ul li input[type="date"]{display:inline-block;width:400px;border-radius:3px;-webkit-appearance:none;background-color:rgba(255,255,255,.95);border:1px solid;border-color:#e6e6e6 #e6e6e6 #d2d2d2;outline:0;margin:0;padding:8px 10px;font:15px/20px 'Open Sans';color:#444;transition:all .5s ease}
#form ul li input[type="email"]::placeholder{font-size:14px;color:#d4d4d4;opacity:1}
#form ul li input[type="email"]:hover,#form ul li input[type="date"]:hover{box-shadow:#0066ff 0 0 5px 0}
#form ul li input[type="submit"]{display:inline-block;width:auto;background:var(--c-dark);-webkit-appearance:none;border:0;outline:0;margin:5px 0 0;padding:8px 25px;font:15px/20px 'Open Sans';color:#fff;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all 150ms linear 10ms}
#form ul li input[type="submit"]:hover{background:var(--c-accent)}
#form ul li input[type="submit"]:disabled{opacity:.7;cursor:wait}
#form [aria-invalid="true"]{border-color:#e33!important}
#form ul li.tc-cap{display:flex;align-items:center;gap:6px}
#form ul li.tc-cap input{width:80px!important}
#form .tc-cap-img{display:block;border-radius:3px}
#form .tc-cap-new{border:0;background:none;font-size:20px;cursor:pointer;color:#555;padding:0 4px}
#form ul li.tc-cap .tc-err{flex-basis:100%}
.tc-msg:empty{display:none}
.tc-msg{margin:15px 0;padding:15px 20px;border-radius:4px;font:14px/22px 'Open Sans';color:#333;background:#fff}
.tc-msg.err{border-left:4px solid #e33}
.tc-msg.ok{border-left:4px solid #2a2}
.tc-msg table{margin-top:10px;background:#fff}
form.tc-form.sending{opacity:.85}
.tc-404{text-align:center;padding:40px 0!important}
.tc-404 img{display:block;margin:0 auto 20px}
.tc-404 h1{font:400 34px/44px 'Permanent Marker'!important;color:#333}
.tc-btn{display:inline-block;background:var(--c-main);color:#fff!important;padding:8px 25px;border-radius:4px;text-transform:uppercase;text-decoration:none!important;margin-top:10px}
.tc-btn:hover{background:var(--c-accent)}
@media (max-width:480px){#form ul li input[type="email"],#form ul li input[type="date"]{width:100%}}
@media (prefers-reduced-motion:reduce){.pulse,.animated{animation:none!important}.tc-slider .rsContent{transition:none}}
#content .ykien ul li .yright .thumb img{height:auto;width:auto;max-width:75px;aspect-ratio:1;object-fit:cover}
/* ===== Hiệu ứng (body.tc-fx – tắt ở Cấu hình website) ===== */
.tc-loadbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:100000;background:linear-gradient(90deg,var(--c-main),var(--c-accent));box-shadow:0 0 8px var(--c-accent);animation:tcbar 1.6s cubic-bezier(.1,.7,.3,1) forwards;pointer-events:none}
.tc-loaded .tc-loadbar{animation:none;width:100%;opacity:0;transition:width .25s ease,opacity .5s ease .25s}
@keyframes tcbar{0%{width:0}60%{width:70%}100%{width:88%}}
.tc-fx .tc-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.tc-fx .tc-rv.in{opacity:1;transform:none}
/* Thẻ tour / sản phẩm */
.tc-fx #content .sanpham ul li{transition:transform .35s ease}
.tc-fx #content .sanpham ul li .thumb{overflow:hidden}
.tc-fx #content .sanpham ul li .thumb img{transition:transform .6s ease,filter .6s ease}
.tc-fx #content .sanpham ul li .info{transition:box-shadow .35s ease,background-color .35s ease}
.tc-fx #content .sanpham ul li:hover{transform:translateY(-6px)}
.tc-fx #content .sanpham ul li:hover .thumb img{transform:scale(1.08);filter:brightness(1.05)}
.tc-fx #content .sanpham ul li:hover .info{background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.18)}
.tc-fx #content .sanpham ul li:hover .thumb{box-shadow:0 -2px 18px rgba(0,0,0,.12)}
.tc-fx #content .sanpham ul li:hover .info h2 a{color:var(--c-accent)}
/* Bài viết, cảm nhận khách, ảnh của tour */
.tc-fx #content .news ul li .thumb{overflow:hidden}
.tc-fx #content .news ul li .thumb img{transition:transform .6s ease}
.tc-fx #content .news ul li:hover .thumb img{transform:scale(1.06)}
.tc-fx #content .ykien ul li{transition:transform .35s ease,box-shadow .35s ease}
.tc-fx #content .ykien ul li:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.12)}
.tc-fx #content .book a,.tc-fx #content .sanpham ul li .info div a{transition:all .3s ease}
.tc-fx #content .sanpham ul li .info div a:hover,.tc-fx #content .book a:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.18)}
@media (hover:none){.tc-fx #content .sanpham ul li:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.tc-fx .tc-rv{opacity:1;transform:none;transition:none}.tc-loadbar{display:none}.tc-fx #content .sanpham ul li,.tc-fx #content .sanpham ul li .thumb img{transition:none}}
.tc-fx #content .sanpham ul li.tc-rv,.tc-fx #content .ykien ul li.tc-rv{transition:opacity .7s ease,transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
/* ===== Trình chiếu: phóng nhẹ, chấm chuyển ảnh, khung cao hơn trên điện thoại ===== */
.tc-slider picture{display:block;width:100%;height:100%}
.tc-slider .rsContent{transition:opacity 1s ease,visibility 1s}
.tc-slider .rsContent .rsImg{transform:scale(1.001);will-change:transform}
.tc-fx .tc-slider .rsContent.on .rsImg{animation:tckb 8s ease-out both}
@keyframes tckb{from{transform:scale(1.08)}to{transform:scale(1)}}
.tc-dots{position:absolute;left:0;right:0;bottom:12px;z-index:22;display:flex;justify-content:center;gap:8px;pointer-events:none}
.tc-dots button{pointer-events:auto;width:10px;height:10px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:all .3s ease}
.tc-dots button.on{background:#fff;width:26px;border-radius:6px}
@media (max-width:640px){
#hinhanh.tc-slider{aspect-ratio:var(--m-ratio,4/3)}
.tc-slider .rsArrow{opacity:.85}
.tc-slider .rsArrowIcn{background-color:rgba(0,0,0,.25)}
.tc-dots{bottom:8px}
}
@media (prefers-reduced-motion:reduce){.tc-fx .tc-slider .rsContent.on .rsImg{animation:none}}
/* ===== Menu điện thoại: trượt từ phải, nền mờ, mục hiện lần lượt (máy tính giữ nguyên) ===== */
.menu li.tc-mfoot,.menu .tc-mback,.menu .tc-burger{display:none}
@media only screen and (max-width:900px){
.menu label.tc-mbtn{display:flex;align-items:center;gap:8px;width:auto;height:40px;padding:0 16px 0 14px;background:var(--c-main)!important;color:#fff!important;border-radius:22px;font:700 14px/40px 'Open Sans',Arial;letter-spacing:1px;box-shadow:0 4px 12px rgba(0,0,0,.2);right:12px;top:15px;z-index:10004;transition:background .3s ease,transform .15s ease}
.menu label.tc-mbtn:active{transform:scale(.95)}
.menu .tc-burger{display:inline-block;position:relative;width:20px;height:14px}
.menu .tc-burger i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .35s ease,opacity .25s ease,top .35s ease}
.menu .tc-burger i:nth-child(1){top:0}.menu .tc-burger i:nth-child(2){top:6px}.menu .tc-burger i:nth-child(3){top:12px}
.menu input#dropdown{position:fixed;top:0;right:0;width:1px;height:1px;opacity:0}
.menu input#dropdown:checked ~ label.tc-mbtn{position:fixed;background:var(--c-accent)!important}
.menu input#dropdown:checked ~ label.tc-mbtn .tc-burger i:nth-child(1){top:6px;transform:rotate(45deg)}
.menu input#dropdown:checked ~ label.tc-mbtn .tc-burger i:nth-child(2){opacity:0;transform:scaleX(0)}
.menu input#dropdown:checked ~ label.tc-mbtn .tc-burger i:nth-child(3){top:6px;transform:rotate(-45deg)}
.menu > ul{display:block!important;position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,370px);margin:0;padding:74px 0 24px;border:0;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:10003;transform:translateX(105%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility .45s;box-shadow:-10px 0 40px rgba(0,0,0,.25)}
.menu > ul:before{content:"";position:absolute;top:0;left:0;right:0;height:64px;background:linear-gradient(120deg,var(--c-main),var(--c-accent))}
.menu input#dropdown:checked ~ ul{transform:none;visibility:visible}
.menu .tc-mback{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;padding:0;background:rgba(15,15,20,.55)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s;z-index:10002;cursor:pointer}
.menu input#dropdown:checked ~ .tc-mback{opacity:1;visibility:visible}
.menu > ul > li{opacity:0;transform:translateX(30px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.menu input#dropdown:checked ~ ul > li{opacity:1;transform:none}
.menu input#dropdown:checked ~ ul > li:nth-child(2){transition-delay:.04s}
.menu input#dropdown:checked ~ ul > li:nth-child(3){transition-delay:.08s}
.menu input#dropdown:checked ~ ul > li:nth-child(4){transition-delay:.12s}
.menu input#dropdown:checked ~ ul > li:nth-child(5){transition-delay:.16s}
.menu input#dropdown:checked ~ ul > li:nth-child(6){transition-delay:.2s}
.menu input#dropdown:checked ~ ul > li:nth-child(7){transition-delay:.24s}
.menu input#dropdown:checked ~ ul > li:nth-child(8){transition-delay:.28s}
.menu input#dropdown:checked ~ ul > li:nth-child(9){transition-delay:.32s}
.menu input#dropdown:checked ~ ul > li:nth-child(n+10){transition-delay:.36s}
.menu > ul > li > a{padding:13px 60px 13px 24px!important;font:700 15px/22px 'Open Sans',Arial!important;letter-spacing:.6px;color:#222!important;border-bottom:1px solid #f0f0f0!important;position:relative}
.menu > ul > li > a:before{content:"";display:block!important;position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--c-main);transform:scaleY(0);transition:transform .3s ease}
.menu > ul > li > a:hover:before,.menu > ul > li > a:active:before{transform:scaleY(1)}
.menu > ul > li > a:hover{color:var(--c-main)!important;background:#fafafa!important}
.menu ul > li i.mmn{top:5px!important;right:10px!important;width:38px!important;height:38px!important;border-radius:50%;display:flex!important;align-items:center;justify-content:center;background:#f2f2f2;color:#555!important;transition:transform .3s ease,background .3s ease,color .3s ease}
.menu ul > li i.mmn svg{margin:0!important;width:15px;height:15px}
.menu ul > li i.mmn.open{transform:rotate(90deg);background:var(--c-main);color:#fff!important}
.menu ul ul.smn{background:#fafafa!important;border-left:3px solid var(--c-main)!important;margin:0 0 6px 24px!important;border-radius:0 0 0 6px}
.menu ul ul.smn.smnac{animation:tcsub .35s ease}
@keyframes tcsub{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.menu ul ul li a{font:600 14px/20px 'Open Sans',Arial!important;color:#444!important;padding:10px 16px!important;border-bottom:1px dashed #e6e6e6!important}
.menu ul ul li a:hover{color:var(--c-main)!important}
.menu li.tc-mfoot{display:block!important;padding:22px 24px 10px;border:0}
.menu li.tc-mfoot a{display:flex!important;align-items:center;gap:10px;width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:none!important;text-transform:none!important;font:600 14px/22px 'Open Sans',Arial!important;color:#333!important;margin:0 0 12px}
.menu li.tc-mfoot a:before{display:none!important}
.menu li.tc-mfoot a.tc-mcall{justify-content:center;background:var(--c-hot)!important;color:#fff!important;padding:12px 16px!important;border-radius:28px;font-size:16px!important;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.menu li.tc-mfoot a i.fa{display:inline-block!important;position:static!important;width:auto!important;height:auto!important;font-size:18px;color:inherit!important}
.menu li.tc-mfoot .tc-msoc{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.menu li.tc-mfoot .tc-msoc a{justify-content:center;width:40px!important;height:40px;border-radius:50%;background:var(--c-main)!important;color:#fff!important;margin:0}
body.tc-mopen{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.menu > ul,.menu > ul > li,.menu .tc-mback{transition:none!important}}
/* menu mở: đưa cả đầu trang lên trên mọi lớp khác (nút gọi nổi, mũi tên trình chiếu) */
@media only screen and (max-width:900px){body.tc-mopen #header .mnbox,#header .mnbox:has(#dropdown:checked){position:relative;z-index:10001}body.tc-mopen #header .mnbox.fixed,#header .mnbox.fixed:has(#dropdown:checked){position:fixed}}
@media only screen and (max-width:900px){body.tc-mopen #header .mnbox .box .left,#header .mnbox .box .left:has(#dropdown:checked){z-index:5}.tc-dots{gap:6px}.tc-dots button{width:8px;height:8px;border-width:1.5px}.tc-dots button.on{width:20px}}