@charset "utf-8";
/* CSS Document */
body { font-family: 'Roboto', sans-serif; background-color: #fff; font-size: 14px; color: #333; margin: 0; padding: 0; line-height: normal }
body a {
    color: #81152f;
    outline: none;
    cursor: pointer;
    line-height: 1.2em;
    text-decoration: none!important;
}
body.birthday { background:url(../images/bg-birthday.jpg) top left repeat fixed }
.text-color { color: #81152f }
a, a img { outline: none; border: none; }
.titleh3 { font-size: 18px; margin: 20px 0; font-weight: bold }
*{ line-height: normal }
table, table tr, table tr td, a { border: none }
table img { display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%; }
ol li { padding-bottom: 8px }
iframe { min-height: 150px; max-height: 450px }
body a:focus, body a:hover { outline: none !important; text-decoration: none }
body ul { padding-left: 18px; padding-top: 15px}
body ul li { padding-bottom: 10px }
.header, .footer { background-color: #81152f; padding: 15px 0; width: 100%; float: left; position: relative }
.footer { height: 56px; background-color: transparent }
.header .logo { text-align: left; padding-left: 30px }
.header .right-text { text-align: right; padding-top: 7px; padding-right: 30px }
.header .right-text a { color: #fcccb2;
    font-family: 'Times New Roman', serif;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    word-spacing: 3px;; padding-right: 25px }
.right-text { font-weight: 400; font-size: 18px; color: #fcccb2; text-align: right }
.content {
    float: left;
    width: 100%;
}
.article-img { font-size: 12px; font-style: italic; text-align: center !important }
.h3-cool h3 { color: #cc0000 }
.content h2 { font-weight: 900; padding: 10px 0; margin: 30px 0 10px; line-height: 40px }
.content h3 { font-size: 18px }
.content p, .content p em { line-height: 22px; text-align: justify }
.p70 { width: 70%; margin: auto }
.marbot0 { margin-bottom: 0 }
.big-size { font-size: 18px !important; font-weight: 700 }
.text-italic { font-style: italic }
.text-center { text-align: center !important; padding: 0 20px }
.normal-txt { font-weight: 400; line-height: 24px; margin: 0 }
.text-size-28 { font-size: 28px; font-weight: 400 !important }
.upperone { text-transform: capitalize }
.pad-top-bot-10 { padding: 15px 5px; float: left }
.padright0 { padding-right: 0 !important}
.midsize { font-size: 16px }
.larsize { font-size: 24px !important }
.box-border { border: solid 1px #fecb2e; background: #fffec7 none repeat scroll 0 0; padding: 15px 15px 0; margin-bottom: 15px }
.mar15 { margin-bottom: 15px }
.pad0 { padding-left: 0; padding-right: 0 }
.orange { color: rgb(255,51,0); }
.blue { color: #1F4E79}
.bluelight { color: #0563c1 }
.red { color: #ff0000 }
.grid12 { width: 100%; float: left; padding: 20px 0 }
.boldlight { font-weight: bold; text-decoration: underline !important }
.content .col2, .content .col3 { float: left }
.padtop40 { padding-top: 40px }
.boxcolor { height: 200px; font-size: 24px;  -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.boxcolor span, .boxcolor a { font-weight: 700; color: #fff }
.star-otm h3 { margin-bottom: 30px; padding-bottom: 10px; font-size: 22px; font-weight: 700; color: #253971 }
.star-otm h4 { font-size: 16px; margin-bottom: 20px; margin-top: 20px; font-weight: 700; color: #333 }
.star-otm h5 { padding-left: 25px }
.star-otm .qt p { margin-left: 25px }
.star-otm .qt ul { margin-left: 40px }
.star-otm ol { padding-left: 15px; margin-left: 25px }
.star-otm ol >li { padding-bottom: 15px }
ul.address-store { list-style: none; margin-left: 0; padding: 0 }
ul.address-store li { border-bottom: solid 1px #ddd; padding-top: 20px; padding-left: 20px; padding-right: 20px }
ul.address-store li:last-child { border-bottom: none }
ul.address-store li i { font-size: 18px; padding-right: 8px; color: #09F }
ul.br15 li { line-height: 30px; vertical-align: top }

@media (min-width: 992px) {
.container {
    width: 830px;
}
.content img { margin: 0 auto }
.content .wf img { width: 100% !important }
.content .wa img { width: auto !important }
.content .widthin { width: 20px !important }
.content .col2 { align-items: center; display: flex }
.content .col2 img { width: 50% !important; float: left; padding: 5px }
.content .col3 img { width: 33.33333333% !important; float: left }
.content .col4 img { float: left; width: auto }
.w70 img { width: 70% !important }
.img-right { float: right; width: 250px; margin-left: 15px }
.phieu img { -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75); }
}
@media (max-width: 991px) {
	.text-center { padding: 0 }
	.content img.widthin { width: 20px !important }
	.w70 img { width: 100% !important }
	.content .wf img { width: 100% !important }
	.header .logo { text-align: center; padding-left:15px }
	.header .right-text { padding-right:15px}
	.header .right-text a { width: 100%;
padding-right: 0;
float: left;
text-align: center; }
	.header .right-text span { width: 100%;
text-align: center;
padding-top: 10px;
float: left; }
}	
@media (max-width: 630px) {
	.right-text { position: static; text-align: center; padding-top: 10px }
}
@media (max-width: 600px) {
	.padtop40 { padding-top: 0 }
	.img-right { float: none; width: 100%; margin-left: 0 }
}