@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');
@font-face {
    font-family: 'baskerville';
    src: local('baskerville'), url(/fonts/baskerville/baskerville.woff2) format('woff2');
    src: url('/data/fonts/baskerville/baskerville.ttf') format('truetype')
}
@font-face {
    font-family: 'UTM-Alter-Gothic';
    src: url('/data/fonts/UTM-Alter-Gothic/UTM-Alter-Gothic.ttf') format('truetype')
}
body {}
body,ul{margin:0;padding:0;font-family:Roboto;background:url(images/bgb.jpg) #f0f4f5;}
*{text-shadow:none;box-shadow:none}
a{text-decoration:none;color:inherit}
.xdsoft_datetimepicker .xdsoft_label{z-index:99 !important}
.ui-page{background: url('images/bgb.jpg') #F1EBDA;}
.ui-panel {width:85%;max-width:500px;height:100%;overflow: auto;z-index: 1001;position:fixed;top:0;left:0}
.ui-panel-dismiss {width:100%;height:100%;background-color:#000;opacity:.5;position:fixed;z-index:1000;}
.ui-panel-position-right{left:unset}
iframe{margin:0;padding:0;border:0}
.schema{display:none}
.header{width:100%;height:49px;background-color:rgb(52,12,12);border-bottom: 1px solid #333;position: fixed;top: 0;left: 0;z-index: 999;}
.header .logo{width:calc(100% - 60px);height:50px;line-height:50px;text-indent:20px;text-align:left;position:absolute;top:0;z-index:1}
.header .logo a{font-family:UTM-Alter-Gothic;font-size:26px;color:#FFBF43 !important;}
.header i.fa-shopping-cart{font-size:22px;color:white;position:absolute;right:20px;top:15px}
#cartcount{width:20px;height:20px;line-height:22px;padding:0;border-radius:50%;color:#fff;background-color:#f00;font-size:0.8rem;display:flex;align-items:center;justify-content:center;position:absolute;top:5px;right:5px;}
.cartalert{height:30px;line-height:30px;padding:5px 10px;border-radius:5px;color:yellow;background-color:#f00;text-align:center;display:block;position:absolute;top:50px;right:5px;cursor:pointer;display:none;transition:all 0.3s;}
.cartalert.active{display:block;}
.cartalert a{font-size:1.2rem;font-weight:bold;color:yellow !important;}
.cartalert .fa-times{margin-left:10px;}
.cartalert .fa-triangle{position:absolute;top:-2px;right:5px;border:solid #f00;border-width:0 8px 8px 0;display:inline-block;padding:8px;transform:rotate(-135deg);z-index:-1}

.banner{width:100%;position:relative}
.banner > img{width:100%;display:block}
.banner .title{width: 100%;height: 85px;position: absolute;left: 0;top: calc(50% - 60px);}
.banner .title1{width:100%;height: 25px;line-height: 25px;font-family: 'Taviraj', serif;font-size: 16px;text-align: center;color: #eeac5d;}
.banner .title2{width:100%;height: 30px;font-family: UTM-Alter-Gothic;font-size: 22px;letter-spacing: 12px;text-align: center;color: #ffffff;}
.banner .title3{width:100%;height: 25px;line-height: 25px;padding-top: 5px;font-family: 'Taviraj', serif;font-size: 12px;font-weight: 400;font-style: italic;text-align: center;color: #ffffff;}
.banner .pattern{width: 300px;position: absolute;bottom: 5px;left: calc(50% - 150px);}
.banner .pattern img{display:block;margin:auto}
.introhome{max-width:800px;width:calc(100% - 20px);padding:0 10px;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:500;text-align:center}
.introhome p{font-family:'Taviraj', serif;font-size:16px !important;color:#470000;line-height:1.33}
.sep{width:100%;margin:20px auto}
.sep img{margin:auto;display:block}

.product{max-width:1100px;width:100%;margin:20px auto;display:flex;justify-content:center;flex-wrap:wrap}
.product a{color:#474747 !important}
.product .item{width:300px;margin:15px auto}
.product .item .image{width:300px;height:300px;display:block;position:relative;overflow:hidden}
.product .item .image img{width:100%;height:100%;position:absolute;top:0;left:0;}
.product .item .price{width:100%;height:30px;line-height:30px;margin:0 auto;color:#470000;font-size:16px;font-weight:500;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:35px;line-height:35px;margin:0;padding:0;text-align:center;color:#470000;font-family:'Taviraj', serif;font-size:16px;font-weight:600;overflow:hidden}
.product .item p{margin:0;padding:0;font-size:0.8rem;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{max-width:150px;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% - 20px);padding:0 10px;position:relative}
.product .detail > .name{margin:0;padding:0}
.product .detail > .name > h3{width:calc(100% - 20px);height:40px;line-height:40px;color:white;margin:0;padding:0 10px;background-color:#DB0074;text-align:center;font-size:18px;font-weight:bold;text-transform:uppercase;border-top-left-radius:3px;border-top-right-radius:3px}
.product .detail > .name > div{width:calc(100% - 2px);margin:10px 0;border:1px solid #E1E1E1}
.product .detail > .name > div > a{width:100%;line-height:37px;background:url(Images/arrowfilter.png) no-repeat right+10px top+17px;text-indent:10px;color:black;font-size:1rem;display:block}
.product .detail > .name .on > a{background-color:#DB0074 !important;color:white !important;font-size:16px !important;font-weight:bold !important;background-image:url(Images/arrowfilteron.png) !important}
.product .detail .image img{max-width:100%;margin:auto;display:block}
.product .detail .desc{font-size:1rem;border:1px solid #E1E1E1;border-top:0;margin:0;padding:10px;}
.product .detail .desc p{padding:0;margin:15px 0 0 0}
.product .detail .list{border-top:0}
.product .detail .infoimage{width:100%;position:relative}
.product .detail .infoimage .image{width:300px;height:300px;margin:0 auto;position:relative}
.product .detail .infoimage .image img{width:300px;height:300px;display:block;margin:0;}
.product .detail .infoimage .image .khung{width:300px;height:300px;position:absolute;top:0;left:0;z-index:2;pointer-events:none}
.product .detail .infoproduct {}
.product .detail .infoproduct h1{line-height:25px;font-size:18px;font-weight:bold;padding:10px 0;text-align:center;color:#c11d0d;border-bottom:1px solid #c11d0d;text-transform:uppercase}
.product .detail .infoproduct .price{font-size:16px;font-weight:bold;color:black}
.product .detail .infoproduct .price span{font-size:22px;color:#ed1c24;font-weight:bold}
.product .detail .infoproduct .price sup{color:red;margin-left:2px}
.product .detail .combo{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px}
.product .detail .combo h2{margin:10px 0;font-size:18px}
.product .detail .combo ul{margin:0;padding:0;list-style:none}
.product .detail .combo li{margin-bottom:5px;position:relative}
.product .detail .combo img{width:60px;height:60px}
.product .detail .combo span{margin-left:5px;font-size:28px;font-weight:bold;color:#c11d0d;position:absolute;top:0;left:70px}
.product .detail .combo label{margin-left:5px;font-size:18px;position:absolute;left:70px;bottom:0}

.intro{padding:20px 20px 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: 1.5;font-size:16px}
.intro p{line-height: 1.8;font-size:1rem;}

.footer{padding:20px 20px 70px;background-color:#671710;font-family:'Taviraj', serif;font-size:16px;color:#BD887F}
.footer img{max-width:calc(50% - 20px);max-height:40px;margin:0 10px}
.footer h2{margin:0;padding:0;line-height: 1.5;font-size:22px;text-align:left;font-family: 'UTM-Alter-Gothic';color: #FFBF43;font-weight: 400;}
.footer h3{margin:0;padding:0;line-height:40px;font-size: 16px;text-align:left}
.footer ul{margin:0;padding:0;list-style:none}
.footer li{line-height:30px;font-size:1rem}
.footer li a{color:inherit !important}
.footer i{margin-right:8px}
.footer img{max-width:150px;margin:10px 0;display:block}
.footer div{margin:0;padding:0;line-height:2;font-size:1rem}
.footer .info{margin:20px 0;padding:20px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa}

/*Footer*/
.navfooter{width:100%;height:49px;border-top:1px solid #A3A3A3;background:#F9F9F9;position:fixed;bottom:0;left:0;z-index:999;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2)}
.navfooter ul{margin:0;padding:0;display:flex}
.navfooter li{width:24%;height:100%;list-style:none;display:inline-block;vertical-align:top;text-align:center}
.navfooter a,.navfooter a:visited{line-height:15px;font-size:0.8rem !important;color:green !important;display:block}
.navfooter a.on,.navfooter a.on .fa{color:#DB0074;}
.navfooter i{width:100%;height:25px;line-height:25px;margin:3px 0;color:green;display:block;text-align:center;font-size:20px}
.navfooter .gift a{}
.navfooter img{width:22px;height:22px;border-radius:50%;display:block;margin:3px auto 0}

.nav{max-width:1100px;margin:0 auto;padding:10px 5px;color:#898989;font-size:1rem;display:block}
.nav li{margin:0 5px;color:black !important;font-size:1rem;display:inline}
.nav li:first-child{margin-left:0}
.nav li:last-child{color:#898989 !important}
.nav a{color:inherit !important}

ul.page{margin:10px auto;display:flex;justify-content:center}
ul.page li{width:32px;height:32px;line-height:34px;margin:0 5px 0 0;border-radius:5px;border:1px solid #E1E1E1;background-color:white;text-align:center;display:inline-block;vertical-align:top}
ul.page li a{color:#252525;font-size:1rem;}
ul.page li.on{border:1px solid #DB0074;background-color:#DB0074;color:white}
ul.page li.on a{color:white}
.error404{margin:auto;padding:10px}
.error404 .title{width:100%;margin:30px auto 0;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #2c2c2c;}
.error404 img{width:100px;margin:50px auto;display:block;}
.error404 .title2{width:100%;font-size: 17px;line-height: 1.47;color: #2c2c2c;text-align: center;}

.empty{width:calc(100%);height:200px;padding:30px 0;}
.empty img{max-height:50px;margin:10px auto;display:block;}
.empty div{width:100%;height:40px;line-height:40px;margin:10px auto;font-size:32px;color:black;text-align:center;display:block;}
.empty a{width:80%;height:43px;line-height:43px;margin:auto;background-color:rgb(52, 12, 12);border:solid 1px #333;display:block;font-size:20px;color:#fff !important;text-transform:uppercase;text-align:center;}
.empty a:hover{background-color:#0080D5;}

.cart{margin:110px auto 150px;max-width:1100px}
.cart .panel{width:calc(100% - 32px);min-height:100px;margin:0 5px 20px;padding:10px;background-color:#fff;border:solid 1px #ddd}
.cart h2{height:40px;line-height:40px;padding:0;margin:0;font-size:16px;color:black;text-align:left;border-bottom:1px solid #ddd;}
.cart h3{height:30px;line-height:30px;padding:0;margin:5px;font-size:16px;color:black;text-align:left;}
.cart .item{padding:10px 0;border-bottom:1px solid #ccc;}
.cart .item:last-child{border-bottom:0;}
.cart .image{width:80px;height:80px;display:inline-block;vertical-align:top;}
.cart .image img{max-width:80px;max-height:80px;margin:auto;display:block;}
.cart .name{width:calc(100% - 100px);margin-left:10px;line-height:25px;display:inline-block;vertical-align:top;}
.cart .name a{line-height:30px;font-size:1rem;color:red;}
.cart .name input[type="text"]{width:80px;height:30px;line-height:30px;margin:0;padding:0 5px;text-align:center;border: solid 1px #ddd;font-size:16px;color:black;}
.cart .quantity{margin-top:5px;float:right;}
.cart .quantity .minus,.cart .quantity .plus{width:33px;height:33px;line-height:33px;border:1px solid #ddd;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;}
.cart .quantity .minus:hover,.cart .quantity .plus:hover{background-color:#F4F4F4;}
.cart .quantity input[type="text"]{height:33px;line-height:33px;margin:0;padding:0;border-radius:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;display:inline-block;vertical-align:top;}
.cart .bank{width: 150px;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 .bank img{max-width: 100%;max-height: 100%;margin: auto;display: block;transition: all 0.5s;}
.cart button{width:100%;height:40px;line-height:40px;padding:0 10px;border:0;background-color:#7D0202;color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
.cart .PaymentConfirm{margin:10px}
.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:1rem;color:#afafaf;font-weight:500;float:left;clear:both}
.cart .promotion span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:1rem;color:#212121;font-weight:500;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:1rem;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:#ED1C24;}
.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:1rem;color:#afafaf;font-weight:500;float:left;clear:both}
.cart .coupon span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:1rem;color:#212121;font-weight:500;display:inline-block}
.cart .coupon button{width:90px;height:30px;float:right;padding:5px 10px;margin:10px 0;line-height:unset;font-size:0.8rem;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:"";}
.cartheader{width:100%;height:100px;position:fixed;top:0;left:0;z-index:999;background-color:#fff;border-bottom:1px solid #ccc;}
.cartheader .title{width:100%;height:50px;line-height:50px;background-color:rgb(52, 12, 12);color:#fff;font-size:16px;font-weight:bold;text-align:center;text-transform:uppercase;position:relative;}
.cartheader .title .fa-home{width:30px;height:30px;margin:10px;position:absolute;top:0;left:0;font-size:25px;color:white}
.cartheader .cartnav{margin:auto;padding:20px 0 5px;background-color:#fff;display:flex}
.cartheader .cartnav a{color:inherit !important}
.cartheader .status{width:calc(25% - 8px);margin-right:5px;font-size:0.8rem;font-weight:500;color:black;text-align:center;position:relative;display:inline-block;vertical-align:top;}
.cartheader .status span{width:20px;height:20px;border:1px solid #7D0202;border-radius:50%;background-color:#fff;position:absolute;top:-30px;left:calc(50% - 10px);display:block;}
.cartheader .status.complete span{background-color:#7D0202;display:block;}

.cartfooter{width:calc(100% - 20px);padding:5px 10px;background-color:#fff;position:fixed;bottom:0;left:0;z-index:999;border-top:1px solid #ccc;}
.cartfooter div{height:25px;line-height:25px;text-align:right;color:#aaa;display:flex}
.cartfooter label{width:calc(50% - 10px);height:25px;line-height:25px;font-size:16px;color:black;text-align:left;vertical-align:top;display:inline-block;}
.cartfooter span{width:50%;height:25px;line-height:25px;color:black;font-size:16px;font-weight:bold;vertical-align:top;display:inline-block;}
.cartfooter button,.cartfooter a{width:calc(100%);height:35px;line-height:35px;margin:10px 0;padding:0;border:0;background-color:#ed2f2e;color:#fff !important;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:block;text-align:center}