@import url("/data/plugin/fontawesome581pro/fontawesome581pro.css");
@import url("/fonts/UTM-Alter-Gothic/UTM-Alter-Gothic.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese&display=swap");
@import url("https://fonts.googleapis.com/css?family=Taviraj:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=vietnamese&display=swap");
*{outline:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;color:inherit}
body{margin:0;padding:0;background:url('images/bgb.jpg?q=60') #F1EBDA;font-size:15px;font-family:Roboto;color:black;}
a{text-decoration: none;font-family:inherit}
iframe{margin:0;padding:0;border:0}
.container{width:1200px;padding:0;margin:0 auto}
.schema{display:none}
.header{width:100%;height:70px;background-color:rgb(52, 12, 12);position:fixed;top:0;left:0;z-index:999;display: flex;justify-content: space-between;}
.header .logo{height:70px;line-height:70px;margin:0 30px;font-family:UTM-Alter-Gothic;font-size:26px;color:#FFBF43;display:inline-block;vertical-align:top;width: 300px;}
.header .menu{width: calc(100% - 430px);margin-right: 30px;height: 100%;text-transform:uppercase;color:#f3c37c;font-size:20px;text-align: right;}
.header .menu a{font-weight:bold}
.header .menu ul{margin:0;padding:0;list-style:none;height: 100%;}
.header .menu li{display: inline-flex;margin: 0 5px;justify-content: center;align-items: center;height: 100%;font-size: 16px;color: #FFBF43;}
.header .cart{height:100%;margin: 0;padding:0;float:right;width: 100px;}
.header .cart > li{width:85px;height:100%;background-repeat:no-repeat;background-position:center top+7px;background-size:20px 20px;display:inline-block;vertical-align:top;position:relative}
.header .cart > li > a:not(.cartalert){width:100%;height:100%;display:block}
.header .cart > li > a:not(.cartalert) > img{max-height:25px;max-width:100%;display:block;margin:15px auto 0}
.header .cart > li label{width:100%;height:30px;line-height:30px;bottom:0px;left:0px;font-size:14px;color:#FFBF43;text-align:center;display:block;position:absolute;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#cartcount{width:20px;height:20px;line-height:22px;padding:2px;border-radius:50%;color:#fff;background-color:#f00;font-size:12px;font-weight:bold;text-align:center;display: flex;justify-content: center;align-items: center;position:absolute;top:5px;right:10px;cursor:pointer;}
.cartalert{width:250px;height: 40px;line-height: 30px;padding: 5px;border-radius:5px;color:yellow;background-color:#f00;font-size:16px;font-weight:bold;text-align:center;display:block;position:absolute;top:80px;right:0;cursor:pointer;display:none;transition:all 0.3s;}
.cartalert.active{display:block}
.cartalert .fa-times{margin-left:20px;}
.cartalert .fa-triangle{position:absolute;top:0;right:10px;height:0;color:transparent;border:solid #f00;border-width:0 8px 8px 0;display:inline-block;padding:8px;transform:rotate(-135deg);z-index: -1;}
.headersep{width:100%;height:70px}

.banner{width:100%;position:relative}
.banner > img{width:100%;display:block}
.introhome{width:800px;margin:30px auto 0;text-align:justify;font-family:'Taviraj', serif;font-size:16px;line-height:1.33;color:#470000}
.introhome h2{width:calc(100%);font-family:'Taviraj', serif;color:#470000;font-size:30px;font-weight:600;text-align:center}
.introhome p{font-family:'Taviraj', serif;font-size:16px !important;color:#470000;line-height:1.33}
.sep{width:400px;margin:30px auto}
.sep img{margin:auto;display:block}

.nav{background-color: rgba(255,255,255,0.6);}
.nav ul{margin:0;padding:10px 0;color:#252525;font-weight:600}
.nav li{margin:0 10px;display:inline;font-weight: 400;}
.nav li:first-child{margin-left:0}
.nav li:last-child{color: black;font-weight: bold;}

.product{margin:30px 0}
.product .group{}
.product h2{font-family:'UTM-Alter-Gothic';font-size:32px;font-weight:600;text-align:center}
.product .list{display:flex;justify-content:center;flex-wrap:wrap}
.product .item{width: 360px;margin: 20px;}
.product .item .image{width: 360px;height: 240px;display:block;position:relative;overflow:hidden}
.product .item .image .khung{width:360px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;pointer-events:none;display:none}
.product .item .image img{max-width:100%;max-height:100%;margin:auto;display:block;border-radius: 5px;}
.product .item .price{width:100%;height:30px;line-height:30px;margin:0 auto;color:#470000;font-size:16px;font-weight:600;text-align:center;}
.product .item .price span{font-size:22px;font-weight:bold;color:red}
.product .item .price sup{color:red;margin-left:2px}
.product .item .name{width:calc(100%);height: 50px;line-height: 1.5;margin:0;padding:0;text-align:center;color:#470000;font-family:'Taviraj', serif;font-size: 16px;font-weight:600;overflow:hidden;display: flex;justify-content: center;align-items: center;}
.product .item p{margin:0;padding:0;font-size:12px;text-align:center}

.book{width:calc(100% - 20px);margin:10px}
.book .minus,.book .plus{width:38px;height:38px;line-height:38px;border:1px solid #ddd;background-color:#F1EBDA;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;float:left;user-select:none;}
.book .minus:hover,.book .plus:hover{background-color:#F4F4F4;}
.book input[type="text"]{width:50px;height:38px;line-height:38px;margin:0;padding:0 5px;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;display:inline-block;vertical-align:top;float:left}
.book input[type="text"].incart{background-color:#eee;}
.book .order{width:calc(100% - 180px);height:40px;line-height:40px;margin-left:10px;padding:0 5px;border-radius:2px;background-color:#c11d0d;text-align:center;font-size:16px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear}
.book .order:hover{background-color:#7D0202}

.product .detail{width:calc(100%);margin:0;padding:0;display:inline-block;vertical-align:top;position:relative}
.product .detail .infoimage{width: 480px;display:inline-block;vertical-align:top;position:relative}
.product .detail .infoimage *{outline:none}
.product .detail .infoimage .khung{width:500px;height:500px;position:absolute;top:0;left:0;z-index:2;pointer-events:none}
.product .detail .infoimage .image{width:100%;height:100%}
.product .detail .infoimage .image img{width:100%;height: auto;display:block;margin:auto;border-radius: 5px;}
.product .detail .infoimage .slick-list{height:500px;border-bottom:1px solid #E1E1E1;}
.product .detail .infoimage .slick-prev,.product .detail .slick-next{position:absolute;right:0;top:calc(50% - 40px);z-index:2;background:rgba(0,0,0,0);border:0;outline:none;opacity:0.6 !important;}
.product .detail .infoimage .slick-prev{position:absolute;left:0;top:calc(50% - 40px);z-index:2;background:rgba(0,0,0,0);border:0;outline:none;opacity:0.6 !important;}
.product .detail .infoimage .slick-arrow img{width:auto;height:80px;cursor:pointer;}
.product .detail .infoimage .slick-prev:before,.product .detail .slick-next:before{font-size:40px !important;color:black !important;}
.product .detail .infoimage .slick-dots{width:calc(100% - 176px);height:96px;position:relative !important;bottom:0 !important;display:inline-block;vertical-align:top;overflow:hidden}
.product .detail .infoimage .slick-dots li{width:80px !important;height:80px !important;float:left;border:1px solid transparent;margin:8px 0 0 0;opacity:0.6;transition:all linear 0.3s;display:inline-flex;vertical-align:top}
.product .detail .infoimage  .infoimage.slick-dots li:hover,.product .detail .slick-dots li.slick-active{border:1px solid rgb(52, 12, 12);opacity:1}
.product .detail .infoimage .slick-dots li img{width:80px;height:80px;margin:auto;}
.product .detail .infoimage .more{width:176px;height:96px;display:inline-block;vertical-align:top}
.product .detail .infoimage .more li{width:80px;height:80px;margin-top:8px;margin-right:8px;display:inline-block;vertical-align:top}
.product .detail .infoimage .more li img{width:80px;height:80px}
.product .detail .infoproduct {width:calc(100% - 550px);margin-left:30px;display:inline-block;vertical-align:top}
.product .detail .infoproduct h1{font-size:22px;font-weight:bold;text-transform:uppercase;margin:0;padding-bottom:10px;color:black;border-bottom: 1px solid #ccc;}
.product .detail .infoproduct .combo{border-top: 1px solid #ccc;}
.product .detail .infoproduct .combo h2{margin:10px 0;font-size:18px}
.product .detail .infoproduct .combo ul{margin:0;padding:0;list-style:none}
.product .detail .infoproduct .combo li{margin-bottom:5px}
.product .detail .infoproduct .combo img{width:60px;height:60px}
.product .detail .infoproduct .combo span{margin-left:5px;font-size:28px;font-weight:bold;color:#c11d0d;position:relative;top:-35px}
.product .detail .infoproduct .combo label{margin-left:5px;font-size:18px;position:relative;left:-25px;top:-5px}
.product .summary{line-height:1.3;font-size:14px}
.product .description{line-height:1.8;font-size:16px}

.news{margin-bottom:30px}
.news h1{line-height:1.5;margin:20px 0 0;padding:0;font-size:22px;font-weight:bold;color:black;text-transform:uppercase}
.news .list{display:flex;flex-wrap:wrap;justify-content:start}
.news .list .item{width:350px;height:390px;margin:20px 10px 0;padding:0;position:relative;overflow:hidden}
.news .list .item .image{height:240px;overflow:hidden}
.news .list .item .image a{display:block}
.news .list .item .image img{max-width:100%;max-height:100%;margin:auto;display:block}
.news .list .item > h3{width:calc(100%);height:44px;line-height:22px;margin:5px 0;padding:0;font-size:16px;font-weight:bold;color:black;text-align:left;text-transform:uppercase;display:block;overflow:hidden}
.news .list .item > span{width:100%;height:22px;line-height:22px;font-size:14px;color:#898989;text-indent:20px;background:url(images/date.png) no-repeat left center;display:block}
.news .list .item > hr{margin:5px 0;padding:0;border:0;width:50px;height:1px;background-color:black}
.news .list .item > .summary{width:100%;margin:5px 0 0;padding:0;display:block}
.news .list .item > .summary *{margin:0;padding:0;line-height:1.3;font-size:14px !important;font-weight:400 !important;text-align:justify !important;color:#262626}
.news .detail{width:850px;margin:auto;padding:0;display:block}
.news .detail h1{line-height:1.5;margin:10px 0 0;padding:0;color:black;font-size:22px;font-weight:bold;text-transform:uppercase}
.news .detail .date{width:100%;height:30px;line-height:30px;font-size:14px;color:#A9A9A9;text-indent:20px;background:url(images/date.png) no-repeat left center;display:block}
.news .detail .summary{margin:0;padding:0}
.news .detail img{width: 100%; height: auto;}
.news .detail .summary *{font-size:15px;font-weight:bold;line-height:1.5;color:#191919}
.news .detail .summary p{margin:0;padding:0}
.news .mostview{width:calc(100% - 830px);margin-left:20px;display:inline-block;vertical-align:top}
.news .mostview .title{width:calc(100% - 40px);height:40px;line-height:40px;margin:0;padding:0 20px;text-align:left;background-color:black;color:white;font-size:16px;font-weight:500;text-transform:uppercase}
.news .mostview .item{margin-top:10px;clear:both;display:inline-block}
.news .mostview .item a{display:block}
.news .mostview .item img{width:90px;height:60px;margin-right:10px;float:left}
.news .mostview .item h3{height:60px;margin:0;padding:0;line-height:1.3;font-size:15px;font-weight:400;color:#262626;overflow:hidden}
.news .mostview .item:hover h3{color:black}
.news .same{width:100%;height:300px;margin:20px;display:flex}
.news .same .item{width:240px;height:310px;margin:0;padding:0 30px 0 0;position:relative;overflow:hidden}
.news .same .item .image{height:160px;overflow:hidden}
.news .same .item .image a{display:block}
.news .same .item .image img{max-width:100%;max-height:100%}
.news .same .item > h3{width:calc(100%);height:44px;line-height:22px;margin:5px 0;padding:0;font-size:15px;color:black;text-align:left;display:block;overflow:hidden}
.news .same .item > span{width:100%;height:22px;line-height:22px;font-size:13px;color:#A9A9A9;text-indent:20px;background:url(Images/date.png) no-repeat left center;display:block}
.news .same .item > .summary{width:100%;margin:5px 0 0;padding:0;display:block}
.news .same .item > .summary *{margin:0;padding:0;line-height:1.3;font-size:14px !important;font-weight:400 !important;text-align:justify !important;color:#262626}
.news .same .slick-prev{top:-30px;right:60px;left:unset}
.news .same .slick-next{top:-30px;right:30px}
.news .same .slick-prev:before,.news .same .slick-next:before{color:black}

.intro{padding: 30px 0 50px;}
.intro h1{margin:0;padding:0;line-height:60px;width:100%;text-align:center;font-size:26px}
.intro h3{margin:0;padding:0;line-height:40px;font-size: 18px;}
.intro p{line-height:2;font-size: 16px;}

.footer{padding:20px;background-color:#671710;font-family:'Taviraj', serif;font-size:16px;color:#BD887F}
.footer .container{display:flex;justify-content:space-between}
.footer .column{width:25%;font-size:14px;line-height:2;}
.footer .column:first-child{width:45%}
.footer .column h2{margin:0;padding:0;line-height: 50px;font-size: 26px;text-align:left;font-family: 'UTM-Alter-Gothic';color: #FFBF43;font-weight: 400;}
.footer .column h3{margin:0;padding:0;line-height:40px;font-size: 16px;text-align:left}
.footer .column ul{margin:0;padding:0;list-style:none}
.footer .column li{line-height:30px;font-size:14px}
.footer .column i{margin-right:8px}
.footer .column img{max-width:150px;margin:10px 0;display:block}
.footer .info{width:60%;line-height:35px;display:inline-block;vertical-align:top}
.footer .info a:nth-child(2n):before{content:" - "}
.footer .info i{margin-right:8px}
.footer .app{width:38%;display:inline-block;vertical-align:top}
.footer .app img{height:40px;margin:0 10px}

.right{text-align:right !important}
.cart{margin:100px 0 150px;position:relative}
.cart .steps{width:800px;margin:0 auto;padding:20px 0;border-top:1px solid #252525;}
.cart .status{width:calc(24% - 10px);margin-right:10px;font-size:16px;font-weight:600;color:#252525;position:relative;display:inline-block;vertical-align:top;}
.cart .status.end{width:auto;position:absolute;}
.cart .status span{width:20px;height:20px;border:1px solid #7D0202;border-radius:50%;background-color:white;position:absolute;top:-30px;left:0;display:block;}
.cart .status.complete span{background-color:#7D0202;display:block;}

.cart .colleft{width:calc(100% - 365px);margin:10px;position:relative;display:inline-block;vertical-align:top;}
.cart .colright{width:340px;margin:10px 0;position:relative;display:inline-block;vertical-align:top;}
.cart .colright .list div{margin:10px 0}
.cart .colright .list label{width:90px;font-size:16px}
.cart .colright .list span{float:right;font-size:16px}
.cart .colleft table,.cart .colright table{width:calc(100%);margin:0;}

.cart .list{width:calc(100% - 42px);min-height:100px;padding:10px 20px;background-color:white;border:solid 1px #E1E1E1}
.cart .list th{height:35px;line-height:35px;padding:5px;font-size:16px;color:#252525;text-align:left;}
.cart .list th.right{text-align:right;}
.cart .list thead th{border-bottom:1px solid #E1E1E1}
.cart .list tfoot th{border-top:1px solid #E1E1E1}
.cart .list td{padding:10px 5px 5px;vertical-align:top;font-size:16px;color:#252525;text-align:left;}
.cart .list td img{width:80px;max-height:80px;}
.cart .list td a{font-size:14px;color:crimson;}
.cart .list td input[type="text"]{width:50px;height:30px;line-height:30px;margin:0;padding:0 5px;text-align:center;border: solid 1px #E1E1E1;font-size:16px;color:#252525}
.cart .list td .quantity{float:right;display: flex;}
.cart .list td .minus,.cart .list td .plus{width:30px;height:30px;line-height:30px;border:1px solid #ddd;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;}
.cart .list td .minus{border-right:0}
.cart .list td .plus{border-left:0}
.cart .list td .minus:hover,.cart .quantity .plus:hover{background-color:#F4F4F4;}
.cart .list h2{height:35px;line-height:35px;padding:0;margin:0;font-size:16px;color:#252525;text-align:left;border-bottom:1px solid #c4ac9c;}
.cart .list h3{height:30px;line-height:30px;padding:0;margin:5px;font-size:16px;color:#252525;text-align:left;}
.cart .list p{line-height:25px;padding:0;margin:5px;font-size:14px;color:#252525;}
.cart .list > p{line-height:25px;padding:0;margin:5px 5px 5px 30px;font-size:14px;color:#252525;}
.cart .list > div.item{width:30%;height:30px;line-height:30px;border:1px solid #D09D2C;margin:5px;padding:5px 0;background-color:white;display:inline-block;vertical-align:top;cursor:pointer;overflow:hidden;text-align:center;font-weight:bold;}
.cart .list > div.item img{max-width:100%;max-height:100%;margin:auto;display:block;transition:all 0.5s;}
.cart .list > div.item:hover img{transform:scale(1.2);}
.cart .list button,.cart .list .button{height:40px;line-height:40px;margin-left:10px;padding:0 10px;border:0;border-radius:2px;background-color:#c11d0d;text-align:center;font-size:16px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear;float:right;text-transform:uppercase}
.cart .list button:hover,.cart .list .button:hover{background-color:#7D0202}
.cart .list .button{background-color:#DB0074;}
.cart .list .button:hover{background-color:#ED1C24;}
.cart .list .button > i{margin-right:10px}
.cart .list .header{height:30px;line-height:30px;font-size:16px;color:#cdb9a8;}
.cart .row{margin-top:10px;margin-left:0;margin-right:0}
.cart .row > label{width:120px;height:30px;line-height:30px;font-size:16px;font-weight:600;color: #252525;display:inline-block;vertical-align:top;}
.cart .row > span{width:calc(100% - 130px);height:30px;line-height:30px;font-size:16px;font-weight:bold;color: #252525;}
.cart .row > div{width:calc(100%);height:30px;line-height:30px;font-size:16px;color:#252525;text-align:center;}

.cart .colright button{width:calc(100%);height:50px;line-height:50px;margin:10px 0;padding:0;background-color:#c11d0d;border: solid 1px #ffcf96;color:white;font-family:Roboto;font-size:16px;font-weight:600;letter-spacing: 1px;text-transform:uppercase;float:right;cursor:pointer;}
.cart .colright button:hover{background-color:#7D0202}

.cart .col{width:calc(50% - 25px);margin:0 0 0 20px;padding:0;display:inline-block;vertical-align:top}
.cart .col:nth-child(even){width:calc(50%);margin:0}
.cart .col label{width:120px;height:32px;line-height:32px;font-size:16px;font-weight:600;color: #252525;display:inline-block;vertical-align:top;}
.cart .col span{font-size:22px;font-weight:600;color: #252525;}
.cart .col input[type="text"],.cart .col textarea{width:calc(100% - 136px);height:30px;line-height:30px;margin:0;padding:0 5px;border:solid 1px #E1E1E1;display:inline-block;vertical-align:top;}
.cart .row{margin-top:10px;}
.cart .osSelect-container{width: calc(100% - 125px) !important;text-align:left !important}
.cart .osSelect-container span{font-size:14px}
.cart .osSelect-container li{height:22px !important}
.cart .osSelect-container span{font-weight:normal !important}
.cart .osSelect-choices{margin:0 !important;background:#FFF;height:35px;border: solid 1px #E1E1E1 !important;}
.cart .osSelect-choices span{height:16px !important;line-height:16px !important;font-size:14px;color:#252525}
.cart .osSelect-choices input[type="text"]{border:0;height:25px !important;line-height:25px !important;}
.cart .osSelect-results{background:#fff !important;text-align:left !important;}
.cart .osSelect-results li:hover,.cart .osSelect-results li.highlight{background:#f1ebda !important;}
.cart .home{width:760px;margin:30px auto;padding:20px 0;border-top:1px solid #c4ac9c;display:flex;justify-content:center;}
.cart .home a{min-width:200px;height:40px;line-height:40px;margin:0 10px;padding:0 10px;background-color:#c11d0d;border:0;color:#fff;text-align:center;font-size:16px;font-weight: 500;text-transform:uppercase;letter-spacing: 1px;display:block;cursor:pointer;}
.cart .home a:hover{background-color:#7D0202;}
.cart .PaymentConfirm{width:800px;margin:auto}
.cart .promotion{margin:10px 0;display:inline-block}
.cart .promotion > input[type="text"]{max-width:calc(100% - 120px);width:200px;height:38px;line-height:38px;padding:0 10px;margin:0;border:1px solid #ccc;border-right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;outline:none;display:inline-block;vertical-align:top;float:left}
.cart .promotion div{width:calc(100% - 110px);margin:0;padding:0;line-height:20px;font-size:14px;color:#afafaf;font-weight:600;float:left;clear:both}
.cart .promotion span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:14px;color:#212121;font-weight:600;display:inline-block}
.cart .promotion > button{width:100px;height:40px;line-height:40px;margin:0;padding:0 10px;border:0;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#ED1C24;text-align:center;font-size:14px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear;display:inline-block;vertical-align:top;float:left}
.cart .promotion > button:hover{background-color:#DB0074;}
.cart .promotion > button.del{border-radius:5px}
.cart .coupon{width:100%;display:inline-block}
.cart .coupon div{width:calc(100% - 100px);margin:0;padding:0;line-height:20px;font-size:14px;color:#afafaf;font-weight:600;float:left;clear:both}
.cart .coupon span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:14px;color:#212121;font-weight:600;display:inline-block}
.cart .coupon button{width:90px;height:30px;float:right;padding:5px 10px;margin:10px 0;line-height:unset;font-size:14px;text-align:center;display:block;border-radius:4px;background:#fff;color:#ff4343;border:solid 1px #ff4343}
.cart .coupon button:hover{background-color:#fff;}
.cart .coupon ul{margin:0;padding:0;list-style:none;display:inline}
.cart .coupon li{text-indent:5px;display:inline}
.cart .coupon li:before{content:", ";}
.cart .coupon li:first-child{text-indent:0}
.cart .coupon li:first-child:before{content:"";}
.select2-container{height:30px !important;line-height:30px !important;font-size:14px !important;width:calc(100% - 130px) !important;margin-right0 !important;}
.select2-dropdown{margin-top:-2px}
.select2-selection{height:30px !important;border-radius:0;}
.select2-selection__rendered{line-height:30px !important;font-size:14px !important;font-weight:400 !important}
.select2-selection__arrow{height:28px !important}
body > .select2-container{z-index:10002}