/* CSS Document */

.c5

{

	clear:both;

	height:5px;

}

.c10

{

	clear:both;

	height:10px;

}

.c15

{

	clear:both;

	height:15px;

}

.c20

{

	clear:both;

	height:20px;

}

.c25

{

	clear:both;

	height:25px;

}

.c30

{

	clear:both;

	height:30px;

}

.c35

{

	clear:both;

	height:35px;

}

.c40

{

	clear:both;

	height:40px;

}

.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

}

.col-xs-15 {

    width: 20%;

    float: left;

}

.padding-2

{

	padding-left: 2px !important;

	padding-right: 2px !important;

    margin: 0px !important;

}

@media (min-width: 768px) {

    .col-sm-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-15 {

        width: 20%;

        float: left;

    }

}

@keyframes hvr-pulse {

25%{-webkit-transform:scale(1.1);transform:scale(1.1)}

75%{-webkit-transform:scale(0.9);transform:scale(0.9)}

}

.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

@keyframes slide {

0%{transform:translateX(-100%);}

100%{transform:translateX(100%);}

}

@keyframes shine {

from{-webkit-mask-position:150%}

to{-webkit-mask-position:-50%}

}

@keyframes bounce {

0%,20%,50%,80%,100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}

40%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px)}

60%{transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px)}

}

.light-eff{width:100%;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;position:relative;overflow:hidden}

.light-eff::after{content:'';top:0;left:0;width:100%;height:100%;position:absolute;z-index:1;animation:slide 5s infinite 2s; opacity:0.4;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.8)),color-stop(99%,rgba(128,186,232,0)),color-stop(100%,rgba(125,185,232,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#007db9e8',GradientType=1)}

#thele a{text-decoration:none}

.pos-sticky {

    position: sticky;

    height: max-content;

    position: sticky;

    top: 100px;

    left: 0;

}

.pos-re

{

	position:relative;

}

.text-w

{

	color:#fff;

}

.margin-bot-30

{

	margin-bottom:30px;

}

.nopadding {

    padding: 0 !important;

    margin: 0 !important;

}

/*share sco*/

.top-page

{

	height:46px;

	background-color:#1f6b82;

}

.lang

{

	float:right;

	margin-top:12px;

	padding-left:10px;

	margin-left:10px;

	border-left:solid 1px #e66b6e

}

.lang a

{

	display:inline-block;

	width:23px;

	height:23px;

	background-image:url(../images/icon/flag.png);

	background-repeat:no-repeat;

	text-indent:-9999em;

}

.lang a.vi

{

	background-position:0 0;

}

.lang a.en

{

	background-position:-23px 0;

}

.intro-home

{

	color:#211e1f;

	line-height:24px;

}

.header

{

	height:auto;

	transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

	background-color:#FFF;

	top:0;

	position:relative;

	left:0;

	z-index:9999;

	width:100%;

	-webkit-transition: all 0.4s ease-in-out;

	   -moz-transition: all 0.4s ease-in-out;

	     -o-transition: all 0.4s ease-in-out;

	    -ms-transition: all 0.4s ease-in-out;

	        transition: all 0.4s ease-in-out;

}

.logo

{

	left:0;

	top:0;

	z-index:999;

	padding-bottom:5px;

}

.inner-logo

{

	position:relative;

	padding-bottom:0px;

	

}

.inner-logo:before

{

	position:absolute;

	height:87px;

	left:-500px;

	top:0;

	width:500px;

	content:"";

	display:none;

	background-color:#fff;

}

.logo a

{

	display:table-cell;

	vertical-align:middle;

	height:100%;

	top:-

}

.logo img

{

    transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

}

.slide-page

{

	position:relative;

}

.name-cat-root

{

	font-size:30px;

	color:#fff;

	text-transform:uppercase;

	position:absolute;

	width:100%;

	top:48%;

	text-align:center;

	font-weight:700;

}

.global_soc {

    text-align: center;

}

.global_soc a {

    display: inline-block;

    padding: 6px 15px 8px 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    color: #fff;

    font-size: 16px;

    line-height: 22px;

    margin-right: 10px;

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    -moz-opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    opacity: 1;

}

.global_soc a svg {

    display: inline-block;

    vertical-align: top;

    margin-right: 4px;

    position: relative;

    top: 3px;

}

.to-top

{

	visibility:hidden;

	background-color:#d7d7d7;

	width:40px;

	height:40px;

	line-height:36px;

	font-size:20px;

	text-align:center;

	-webkit-border-radius: 100px;

border-radius: 100px;

position:fixed;

right:15px;

bottom:80px;

}

.visible

{

	visibility:visible;

}

.global_soc a.fb {

    background: #3d5698;

}

.global_soc a.tw {

    background: #69ade7;

}

.global_soc a.in {

    background: #3072a6;

}

.global_soc a.pin {

    background: #dc2f32;

}

.global_soc a:last-child {

    margin-right: 0;

}

.loader{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:999999; background-image:url(../images/lib/loadding.gif); background-repeat:no-repeat; background-position:center center}

.topmenu

{

	margin:0;

	padding:0;

	color:#fff;

	width:auto;

	float:right;

	

}

.topmenu li

{

	display:inline-block;

}

.topmenu li span

{

	color:#fff;

}

.topmenu li:last-child span

{

	display:none

}

.topmenu li a

{

	line-height:46px;

	color:#fff;

	font-weight:normal;

	font-size:14px;

}

.topmenu li a:hover

{

	color:#e66b6e;

}

.main-nav

{

	background-color:#0774bb;

}

.menu {

    display: block;

	margin:0;

	position:relative;

	padding:0;

    float: right;

    margin-right: 20px;

}

.menu > ul

{

}

.menu li {

    display:block;

    position: relative;

	float:left;

    z-index: 100;

}

.menu li:first-child {

    margin-left: 0;

}

.menu li a {

    font-weight: 700;

    text-decoration: none;

    padding: 0px 25px;

	line-height:92px;

    display: block;

    color: #414042;

	text-transform:uppercase;

    transition: all 0.2s ease-in-out 0s;

}

.menu > li > a

{

	font-size:14px;

}

.menu > li:hover > a

{

	background-color:#f2f2f2;



}

.menu > li.active > a

{

	background-color:#f2f2f2;



}

.menu ul.sub-menu li a:hover,.menu ul.sub-menu li:hover > a {

    color: #fff;

    background: #1f6b82;

}

.menu ul.sub-menu {

    visibility: hidden;

    opacity: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    left: 0px;

    background:#1C7882;

    z-index: 99;

    transform: translate(0,20px);

    transition: all 0.2s ease-out;

	opacity:1;

	width: 280px;

}

.menu ul.sub-menu:after {

    bottom: 100%;

    left: 20%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #274953;

    border-width: 6px;

    margin-left: -6px;

}

.menu ul.sub-menu li {

    display: block;

    float: none;

    background: none;

    margin: 0;

    padding: 0;

}

.menu ul.sub-menu li a {

    font-size: 14px;

    font-weight: 600;

    display: block;

    color: #fff;

	line-height:normal;

	padding:12px 15px;

	border-bottom:solid 1px #325661;

	text-transform:none;

	font-weight:700;

}

.menu ul.sub-menu li a:hover{

	color:#fff

}

.menu li:hover > ul {

    visibility: visible;

    opacity: 0.9;

    transform: translate(0,0);

}

.menu ul.sub-menu ul {

    left: 100%;

    top: 0px;

    visibility: hidden;

    opacity: 0;

    transform: translate(20px,0px);

    transition: all 0.2s ease-out;

	position:absolute;

	width:260px;

	background-color:#fff;

	padding:0;

}

.menu ul.sub-menu ul:after {

    left: -6px;

    top: 10%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-right-color: #fff;

    border-width: 6px;

    margin-top: -6px;

}

.menu ul.sub-menu li:hover ul {

    visibility: visible;

    opacity: 0.9;

    transform: translate(0,0);

}

.menu ul.sub-menu > li:hover {

	visibility: visible;

    opacity: 1;

    transform: translate(0,0);

}

a.actived {

    background: #1f6b82;

}

/*Mega 01*/

.menu li.li-mega

{

	position:static;

}

.sub-mega

{

	visibility: hidden;

    opacity: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    left: 0px;

    background: #fff;

    z-index: 99;

    transform: translate(0,20px);

    transition: all 0.2s ease-out;

	opacity:0.9;

	width:100%;

	padding-bottom:10px;

}

.menu ul.sub-mega:after {

    bottom: 100%;

    left: 20%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #fff;

    border-width: 6px;

    margin-left: -6px;

}

.sub-mega li a

{

	color:#222;

}

.sub-mega li.li-hd-mega > a

{

	line-height:normal;

	font-weight:700;

	border-bottom:solid 1px #d7d7d7;

	padding:0;

	padding-bottom:10px;

	padding-top:10px;

	

}

.menu li.li-mega:hover .sub-mega

{

	visibility: visible;

    opacity: 0.9;

    transform: translate(0,0);

}

.sub-mega ul

{

	margin:0;

	padding:0;

	padding-top:10px;

}

.sub-mega ul li

{

	display:block;

}

.sub-mega ul li a

{

	font-weight:normal !important;

	padding:10px 0px;

	line-height:normal;

}

/*Mega 02*/

.sub-mega li.li-hd-mega1 > a

{

	line-height:normal;

	font-weight: normal;

	border-bottom:none;

	padding:0;

	padding-bottom:10px;

	padding-top:10px;

}

.sub-mega-show1 ul

{

	visibility:hidden;

	display:none

}

.sticky

{

	position:fixed;

	width:100%;

	top:0;

	left:0;

	z-index:9999;

	-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);

-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);

box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);

}

.sticky .logo

{

	padding-top:5px;

	padding-bottom:5px;

	

}

.sticky .lang

{

	padding-top:13px;

	transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

}

.sticky .logo img

{

	height:40px;

	transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

}

.sticky .inner-logo

{

	padding-bottom:0;

}

.sticky .inner-logo:before

{

}

.sticky .menu li a

{

	transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

	line-height:50px;

}

.sticky .btn-search

{

	margin-top:14px;

	transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

}

.icon-home

{

	background-image: url(../images/icon/icon_home.png);

	text-indent: -9999em;

	background-position: center center;

	background-repeat: no-repeat;

	padding-left: 20px !important;

	padding-right: 20px !important;

	display:block;

	float:left;

	width:30px;

	height:58px;

}

.btn-search

{

	float:right;

	display:block;

	text-align:center;

	font-size:16px;

	color:#585858;

    margin-top:34px;

	border-left:solid 1px #d7d7d7;

	padding-left:10px;

}

#ModalSearch .modal-body

{

	padding:0;

	background-color:transparent;

}

.frm-search

{

	position:relative;

	width:100%;

}

.frm-search input

{

	width:100%;

	padding:10px;

	border:solid 1px #fff;

}

.frm-search .btn-submit-search

{

	display:block;

	width:40px;

	height:42px;

	background-color:#000;

	text-align:center;

	line-height:40px;

	font-size:16px;

	color:#fff;

	position:absolute;

	top:0;

	right:0;

}

.frm-search-pc

{

	position:relative;

	width:100%;

	-webkit-border-radius: 100px;

	border-radius: 100px;

	overflow:hidden;

	margin-top:16px;

	border:solid 1px #1881c4;

}

.frm-search-pc input

{

	width:100%;

	padding:10px 10px;

	background-color:#fff;

	border:none;

	

}

.frm-search-pc .btn-submit-search

{

	display:block;

	width:36px;

	height:40px;

	background-color:transparent;

	text-align:center;

	line-height:39px;

	font-size:16px;

	color:#fff;

	position:absolute;

	top:0;

	background-color:#0774bb;

	right:0;

}

/*Top page*/

.panel-top

{

	line-height:46px;

}

.link-top

{

	color:#fff;

    display:inline-block;

	padding-right:10px;

	background-repeat:no-repeat;

	background-position:left center;

	right-left:25px;

	line-height:normal;

	padding-top:2px;

	padding-bottom:2px;

}

.link-top:hover

{

	color:#e66b6e

}

.link-top span

{

	display:block;

	font-size:12px;

	font-weight:600;

}

.link-top strong

{

	font-weight:700;

}

.link-top-hotline

{

	background-image:url(../images/icon/hotline.png);

	float:right;

	margin-top:15px;

}

.link-top-email

{

	background-image:url(../images/icon/email_bg.png);

}

.link-top-add

{

	background-image:url(../images/icon/add.png);

}

/* Header mobile */

.header-m

{

	padding-top:5px;

	padding-bottom:5px;

	display:none;

	background-color:#fff;

}

/* Header mobile */

.header-m

{

	padding-top:5px;

	padding-bottom:5px;

	background-color:#fff;

	display:none;

}

.header-m .logo-m img

{

}

.panel-m

{

	padding-top:6px;

}

.btn-m

{

	float:right;

	border:solid 1px #274953;

}

.navbar-toggler

{

	padding:8px;

}

.animated-icon1 span {

   background: #d4aa53;

}

.animated-icon1{

width: 30px;

height: 22px;

position: relative;

margin: 0px;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .5s ease-in-out;

-moz-transition: .5s ease-in-out;

-o-transition: .5s ease-in-out;

transition: .5s ease-in-out;

cursor: pointer;

}

.animated-icon1 span{

display: block;

position: absolute;

height: 3px;

width: 100%;

border-radius: 9px;

opacity: 1;

left: 0;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .25s ease-in-out;

-moz-transition: .25s ease-in-out;

-o-transition: .25s ease-in-out;

transition: .25s ease-in-out;

}

.animated-icon1 span:nth-child(1) {

top: 0px;

}

.animated-icon1 span:nth-child(2) {

top: 10px;

}

.animated-icon1 span:nth-child(3) {

top: 20px;

}

.animated-icon1.open span:nth-child(1) {

top: 11px;

-webkit-transform: rotate(135deg);

-moz-transform: rotate(135deg);

-o-transform: rotate(135deg);

transform: rotate(135deg);

}

.animated-icon1.open span:nth-child(2) {

opacity: 0;

left: -60px;

}

.animated-icon1.open span:nth-child(3) {

top: 11px;

-webkit-transform: rotate(-135deg);

-moz-transform: rotate(-135deg);

-o-transform: rotate(-135deg);

transform: rotate(-135deg);

}

.btn-header-m

{

	background-color:#274953;

	color:#fff;

	display:block;

	float:right;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	margin-right:10px;

	width:40px;

	height:40px;

	text-align:center;

	line-height:38px;

	position:relative;

	margin-top:0px;

}

.btn-header-des

{

	background-color:#f5f5f5;

	color:#0774bb;

	display:block;

	float:right;

	-webkit-border-radius: 100px;

	border-radius:100px;

	margin-right:10px;

	width:40px;

	height:40px;

	text-align:center;

	line-height:38px;

	position:relative;

	margin-top:6px;

}

.count-cart

{

	font-size:11px;

	color:#fff;

	width:16px;

	height:16px;

	-webkit-border-radius: 100px;

	border-radius: 100px;

	position:absolute;

	top:-6px;

	right:-6px;

	background-color:#F00;

	line-height:normal;

}

/*footer*/

.panel-footer

{

	width:100%;

	position:fixed;

	bottom:0;

	left:0;

	background-color:#d7d7d7;

	text-align:center;

	padding-top:8px;

	padding-bottom:8px;

	visibility: hidden;

	z-index: 999;

	transform: translate(0,60px);

	transition: all 0.5s ease-out;

}

.panel-footer-act

{

	visibility: visible;

    transform: translate(0,0);

}

.panel-footer a

{

	display:inline-block;

	padding:8px 20px;

	background-color:#286218;

	color:#fff;

	font-weight:700;

}

.panel-footer a.btn-hide-pc

{

	display:none

}

.panel-footer a:hover

{

	background-color:#274953;

}

.footer

{

	background-color:#1f6b82;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:cover;

	padding-top:40px;

	padding-bottom:40px;

}

.content-footer > div > strong

{

	color:#fff;

	font-weight:700;

}

.content-footer .add-f

{

	background-image:url(../images/icon/add_f.png);

	background-repeat:no-repeat;

	background-position:left top;

	font-size:13px;

	padding-left:30px;

}

.content-footer .add1-f

{

	background-image:url(../images/icon/add_f_nhamay.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-top:8px;

	padding-bottom:7px;

	font-size:13px;

	padding-left:30px;

}

.email-f

{

	background-image:url(../images/icon/email_f.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-top:8px;

	padding-bottom:7px;

	font-size:13px;

	padding-left:30px;

}

.phone-f

{

	background-image:url(../images/icon/phone_f.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-top:8px;

	padding-bottom:7px;

	font-size:13px;

	padding-left:30px;

}

.content-page-contact .add-f

{

	background-image:url(../images/icon/add_f.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-top:8px;

	padding-bottom:7px;

	font-size:13px;

	padding-left:30px;

	color:#424242

}

.content-page-contact .add1-f

{

	background-image:url(../images/icon/add_f_nhamay.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-top:8px;

	padding-bottom:7px;

	font-size:13px;

	padding-left:30px;

	color:#424242

}

.content-page-contact .email-f

{

	background-image:url(../images/icon/email_f.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-top:8px;

	padding-bottom:7px;

	font-size:13px;

	padding-left:30px;

	color:#424242

}

.content-page-contact .phone-f

{

	background-image:url(../images/icon/phone_f.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-top:8px;

	padding-bottom:7px;

	font-size:13px;

	padding-left:30px;

	color:#424242

}

.content-page-contact  strong

{

	color:#424242 !important;

	font-weight:700 !important;

}

.logo-footer

{

	color:#fff;

	line-height:24px;

}

.copyright

{

	font-size:14px;

	color:#fff;

	text-align: left;

	background-color:#1f6b82;

	padding-top:20px;

	padding-bottom:20px;

    border-top: solid 1px #1C7882

}

.linksmo {

	width:100%;

	display:block;

	position:relative;
	margin-top:10px;

}
.linksmo div{
	float:left;
	margin-right:10px;
}
.linksmo:before{

	

	

}

.linksmo span{

	padding-right:20px;

	display:inline-block;

	font-weight:600;

	font-size:16px;

}

.linksmo a {

	display:inline-block;

	display:inline-block;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	text-align:center;

	line-height:34px;

	color:#fff;

	

}

.linksmo a i.fa{

	width:20px;

	height:20px;

	color:#fff;

}

.linksmo a:hover{

	color:#f1b257 !important;

}

.linksmo a:hover i.fa{

	color:#f1b257 !important;

	border:solid 1.5px #ff;

}

.fb-page

{

	margin-bottom:0px;

	overflow:hidden;

	margin-top:0px;

	width:100%;	

	position:relative;

}

.linksmo-top{

	float:right;

	padding-top:5px;

}

.linksmo-top a{

	display:inline-block;

	width:23px;

	height:23px;

	text-align:center;

	line-height:23px;

	color:#fff;	

	-webkit-border-radius:100px;

	border-radius:100px;

	margin-right:3px;

	font-size:14px;

}

.linksmo-top a.fa-facebook{

	background:#0054a6;

}

.linksmo-top a.fa-twitter{

	background:#00aeef;

}

.linksmo-top a.fa-youtube{

	background:#ed1c24;

}

.linksmo-top a.fa-pinterest{

	background:#ff4800;

}

.linksmo-top a.fa-instagram{

	background:#ff4800;

}

.linksmo-top a.fa-google-plus{

	background:#9adcf8;

}

.linksmo-top a.fa-facebook:hover{

	background:#9adcf8;

}

.linksmo-top a.fa-twitter:hover{

	background:#9adcf8;

}

.linksmo-top a.fa-youtube:hover{

	background:#ed1c24;

}

.linksmo-top a.fa-pinterest:hover{

	background:#9adcf8;

}

.linksmo-top a.fa-google-plus:hover{

	background:#9adcf8;

}

.title-footer

{

	font-size:16px;

	font-weight:700;

	text-transform:uppercase;

	color:#fff;

	margin-bottom:15px;

}

.title-footer a

{

	color:#fff;

}

.title-footer a:hover

{

	color:#f9a05d;

}

.title-item-content-footer

{

	font-weight:700;

	margin-bottom:5px;

	font-size:16px;

}

.title-item-content-footer .fa

{

	color:#f9a05d;

}

.line-footer

{

	background-color:#ee9521;

	height:3px;

	width:40px;

	margin-top:10px;

	margin-bottom:15px;

	display:block;

	display:none;

}

.content-footer

{

	color:#fff;

	line-height:22px;

}

.mnu-footer

{

}

.box-menu

{

	width:50%;

	float:left;

	margin-bottom:15px;

}

.menufooter{

	margin:0px;

	padding:0;

	

}

.menufooter li{

	list-style:none;

	padding-bottom:10px;

}

.menufooter li i.fa{

}

.menufooter li a{

	color:#fff;

	font-size:13px;

	line-height:16px;

	display:block;

	

}

.menufooter li a:hover{

	color:#f9a05d;	

}

.crumb

{

	background-color:#f5f5f5;

	padding-top:10px;

	padding-bottom:10px;

	color:#999;

}

.crumb a

{

	color:#58595b;

	font-size:13px;

}

.crumb i.fa

{

	padding-left:5px;

	padding-right:5px;

}

.crumb a:hover

{

	color:#f9a05d;

}

.crumb a:first-child

{

}

/*page child*/

.page-name

{

	font-size:26px;

	font-weight:800;

	color:#414042;

	text-transform:uppercase;

}

.page-name span

{

	font-size:32px;

	font-weight:600;

	color:#818181;

	display:block;

	font-size:18px;

	text-transform:uppercase;

	margin-bottom:4px;

}

.page-name strong

{

	font-size:32px;

	font-weight:800;

	color:#274953;

}

.page-name a

{

	color:#274953;

}

.page-name a:hover

{

	color:#d4aa53;

}

.intro-cat

{

	padding-bottom:10px;

	padding-top:15px;

}

.intro-cat h2

{

	font-weight:700;

	font-size:20px;

	color:#274953

}

.intro-cat h3

{

	font-weight:700;

	font-size:16px;

	color:#274953

}

.subtab

{

	padding:0;

	margin:0;

	text-align:center;

	background-color:#fff;

}

.subtab li

{

	display:inline-block;

}

.subtab li a

{

	display:block;

	color:#414042;

	padding:15px 20px;

	font-weight:500;

	font-size:16px;

	background-color:#f1f2f2;

	border:#dcddde solid 1px;

	-webkit-border-radius: 100px;

border-radius: 100px;

margin-left:5px;

margin-right:5px;

}

.subtab li a:hover,.subtab li a.act

{

	background-color:#274953;

	border:#274953 solid 1px;

	color:#ffd25d;

}

/*menu left*/

.box-menu-left

{

	margin-bottom:30px;

	-webkit-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 0px 0px 5px 4px rgba(230,225,225,1);

-moz-box-shadow: 0px 0px 5px 4px rgba(230,225,225,1);

box-shadow: 0px 0px 5px 4px rgba(230,225,225,1);

overflow:hidden;

}

.title-menu-left

{

	background-color:#1f6b82;

	position:relative;

}

.title-menu-left:before

{

	position:absolute;

	width:21px;

	height:21px;

	content:"";

	top:0;

	left:0;

}

.title-menu-left a

{

	color:#fff;

	display:block;

	padding:15px 15px;

	font-weight:800;

	font-size:18px;

}

.menuleft

{

	

	border-top:none;

	padding:0;

	margin:0;

	background-color:#fff;

	padding:10px 0px;

}

.menuleft > li

{

	display:block;

	

	

}

.menuleft > li a

{

	color:#222;

	border-bottom:solid 1px #fff;

	display:block;

	font-weight:700;

}

.menuleft li:last-child a

{

	border-bottom:none;

}

.menuleft > li span

{

	display:block;

	padding:10px 20px;

}

.menuleft > li a:hover

{

	background-color:#fff;

	color:#1f6b82

}

.menuleft > li.active > a

{

	background-color:#fff;

	color:#1f6b82;

}

.menulv3

{

	background-color:#fff;

	padding:0;

	margin:0;

	display:none;

}

.menulv3 li

{

	display:block;

}

.menulv3 li a

{

	display:block;

	font-weight:normal;

	font-size:15px;

	border-bottom: solid 1px #f5f5f5;

}

.menulv3 li.active a

{

	color:#0774bb;

	font-weight:700;

}

.menulv3 li a:hover

{

	color:#0774bb;

}

.menulv3 li a span

{

	display:block;

	padding:10px 20px;

}

.menuleft > li.active .menulv3

{

	display:block;

}

/*Deatil*/

.news-detail-name

{

	font-size:32px;

	margin:0;

	padding:0;

	margin-bottom:5px;

	font-weight:800;

	color:#274953;

}

.intro-detail

{

	line-height:22px;

	margin-top:15px;

	margin-bottom:20px;

	font-weight:700;

}

.createdate

{

	color:#666;

}

.content-detail

{

}

.content-detail blockquote

{

	-webkit-border-radius: 6px;

    border-radius: 6px;

	border-left:solid 2px #F00;

	padding:20px;

	-webkit-box-shadow: 0px 0px 14px 3px rgba(227,223,223,1);

	-moz-box-shadow: 0px 0px 14px 3px rgba(227,223,223,1);

	box-shadow: 0px 0px 14px 3px rgba(227,223,223,1);

	margin-top:20px;

	margin-bottom:20px;

	display:block;

	width:100%;

	background-color:#f2f2f2;

}

.content-detail img

{

	display:block;

	margin:auto;

	max-width:100% !important;

	height:auto !important;

}

.content-detail iframe

{

	width:100%;

}

.content-detail h2

{

	font-size:18px !important;

	font-weight:700 !important;

}

.content-detail h3

{

	font-size:16px !important;

	font-weight:700 !important;

}

.box-col

{

	margin-bottom:20px;

}

.hd-box-col

{

	background-color:#1b75bb;

	padding:12px 15px;

	color:#fff;

	font-weight:700;

	text-transform:uppercase;

}

.hd-box-col a

{

	color:#fff;

}

.content-box-col

{

	padding-top:15px;

}

.item-news-col

{

	overflow:hidden;

	margin-bottom:15px;

}

.item-news-col img

{

	width:34%;

	float:left;

	margin-right:10px;

}

.item-news-col a

{

	color:#424242;

	font-weight:700;

}

.item-news-col a:hover

{

	color:#1f6b82;

}

.view-all-in-col

{

	background-color:#274953;

	display:block;

	font-weight:700;

	color:#fff;

	text-align:center;

	padding:12px 0;

}

.view-all-in-col span

{

	display:inline-block;

}

.paging

{

	text-align:center;

}

.paging .pagination

{

}

.paging .pagination a

{

	color:#222;

}

.paging .pagination a.active

{

	background-color:#1f6b82;

	color:#fff;

	font-weight:700;

}

#toc {

	background-color:#f5f5f5;

	padding:0;

	margin:0;

	padding:20px;

	margin-bottom:20px;

}

#toc ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

#toc li{

	display:block;

}

#toc li.li-hdtoc {

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:10px;

	margin-bottom:10px;

	font-weight:700;

}

.collapsible {

  background-color:#d7d7d7;

  color: #444;

  cursor: pointer;

  padding: 12px 15px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 16px;

  font-weight:600;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.collapsible:hover {

  background-color: #ccc;

}

/* Style the collapsible content. Note: hidden by default */

.content-toc {

  padding: 0 0px;

  display: block;

  overflow: hidden;

  background-color: #fff;

  margin-bottom:20px;

}

button.accordion::after {

    content: '+';

    color: white;

    font-weight: bold;

    float: right;

    margin-left: 5px;

}

button.accordion.active::after {

    content: "-";

}

.box-tags-left

{

}

.box-tags-left a

{

	display:inline-block;

	margin-bottom:10px;

	border:solid 1px #67a286;

	padding:8px 15px;

	-webkit-border-radius: 0 20px 0 20px;

border-radius: 0 20px 0 20px;

color:#3d474d;

}

.box-tags-left a:hover

{

	color:#111;

	border:solid 1px #111;

}

.tags-detail

{

	margin-top:20px;

	margin-bottom:20px;

	background-image:url(../images/bg_tag.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:40px;

	border-bottom:solid 1px #dcdcdc;

	padding-top:10px;

	padding-bottom:10px;

	border-top:solid 1px #dcdcdc;

}

.tags-detail a

{

	color:#3d474d;

}

.tags-detail a:hover

{

	color:#111;

}

.tags-detail span:last-child

{

	display:none

}

.box-neolink

{

	border:solid 1px #d7d7d7;

	padding:15px 20px;

	background-color:#fff;

}

.box-neolink ul

{

	padding:0;

	margin:0;

}

.box-neolink ul li

{

	display:block;

	margin-bottom:7px;

	

}

.box-neolink ul li strong,.box-neolink ul li b

{

	font-weight:normal !important;

}

.box-neolink ul li br

{

	display:none;

}

.box-neolink > ul > li > a

{

	color:#222 !important;

	font-weight:normal !important;

	font-size:15px !important;

	font-weight:700 !important;

}

.box-neolink ul li a span

{

	color:#222 !important;

	font-style:italic !important;

	font-weight:normal !important;

	font-size:14px !important;

}

.box-neolink ul li a:hover

{

	color:#673614;

	text-decoration:underline;

}

.box-neolink > ul > li > ul

{

	padding-top:10px;

	padding-left:10px;

}

.box-neolink > ul > li > ul a

{

	color:#666;

	font-style:italic !important;

}

.box-neolink > ul > li > ul a:hover

{

	text-decoration:underline !important;

	

}

.title-box-neolink

{

	font-weight:700;

	font-size:16px;

	margin-bottom:15px;

	font-style:italic;

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:10px;

}

.share-buttons

{

	display:block;

	text-align:center;

	margin-bottom:15px;

}

.share-buttons a

{

	display:inline-block;

	color:#fff;

	height:33px;

	width:33px;

	text-align:center;

	line-height:32px;

	padding-top:10px;

}

.share-buttons img

{

	 display:block;

	  vertical-align: middle;

	  -webkit-transform: perspective(1px) translateZ(0);

	  transform: perspective(1px) translateZ(0);

	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	  -webkit-transition-duration: 0.3s;

	  transition-duration: 0.3s;

	  -webkit-transition-property: transform;

	  transition-property: transform;

	  width:100%;

}

.share-buttons img:hover{

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.title-more

{

	font-size:24px;

	font-weight:800;

	position:relative;

	margin-bottom:25px;

	color:#414042;

}

.title-more span

{

	background-color:#fff;

	display:inline-block;

	position:absolute;

	bottom:-6px;

	padding-right:20px;

}

.ul-more-news

{

	margin:0;

	padding:0;

}

.ul-more-news li

{

	display:block;

	margin-bottom:10px;

}

.ul-more-news li a

{

	color:#414042;

}

.ul-more-news li a:hover

{

	color:#274953;

}

.highlight{

	background-color: #ffff00;

}    

.result-title{

	margin: 0px;

	padding: 0px

}

.result-title a{

	text-decoration: none;

	font-size: 16px;

	color: #222;

}    

.cat-path a{

	color: #999;

	font-size: 12px;

	text-decoration: none;

	font-weight: normal;

}

.cat-path a:hover{

	text-decoration:underline;

}

.cat-path

{

	font-weight:normal;

	margin-top:5px;

}

.cat-path a

{

	font-weight:normal;

}

.hd-contact

{

	background-color:#1f6b82;

	color:#fff;

	font-size:16px;

	font-weight:700;

	padding:12px 15px;

	-webkit-border-radius: 5px 5px 0 0;

border-radius: 5px 5px 0 0;

margin:0;

}

.top-contact

{

	background-color:#fff

}

.frm-contact

{

	padding:20px;

	background-color:#ebebeb

}

.content-page-contact

{

	padding:25px 0;

}

.btn-frm

{

	padding:14px 0;

	font-weight:700;

	text-align:center;

	display:block;

	width:60%;

	outline:none !important;

	background-color:#1f6b82;

	color:#fff;

	margin:auto;

	-webkit-border-radius: 100px;

border-radius: 100px;

border:none;

font-size:16px;

}

.btn-frm:hover

{

	background-color:#444544 !important;

	color:#fff !important

}

.error

{

	border:solid 1px #d0ae45

}

.waiting

{

	position:absolute;

	width:100%;

	height:100%;

	background-color:#999;

	opacity:0.9;

	left:0;

	top:0;

	z-index:999;

	background-image:url(../images/loading1.gif);

	background-position:center center;

	background-repeat:no-repeat;

	display:none;

}

.mes-frm

{

	margin-bottom:8px;

	color:#F00;

	font-style:italic;

	font-size:12px;

}

.msgbox

{

	margin-top:5px;

	color:#F00;

	font-style:italic;

	font-size:12px;

}

.map

{

}

.map iframe

{

	display:block;

	width:100%;

}

.suntory-alo-phone {background-color: transparent;cursor: pointer;height: 120px;position: fixed; transition: visibility 0.5s ease 0s;width: 180px;z-index: 200000 !important; text-align:center}

.suntory-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 80px;left: 5px;opacity: 0.1;position: absolute;top: 5px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 80px;}

.suntory-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border: 2px solid transparent;border-radius: 100%;height: 60px;left: 15px;position: absolute;top: 15px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 60px;}

.suntory-alo-ph-img-circle {border: 2px solid transparent;border-radius: 100%;height: 40px;left: 25px;opacity: 0.7;position: absolute;top: 24px;transform-origin: 50% 50% 0;width: 40px;}

.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {opacity: 1;}

.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}

.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {border-color: #111;opacity: 0.5;}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {border-color: #999;opacity: 1;}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {border-color: #999;opacity: 1;}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {background-color: #111;}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {background-color: #111;}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {background-color: #111;}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {background-color: #111;}

@keyframes suntory-alo-circle-anim {0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}

30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}

100% {opacity: 0.6;transform: rotate(0deg) scale(1) skew(1deg);}}

@keyframes suntory-alo-circle-img-anim {0% {transform: rotate(0deg) scale(1) skew(1deg);}

10% {transform: rotate(-25deg) scale(1) skew(1deg);}

20% {transform: rotate(25deg) scale(1) skew(1deg);}

30% {transform: rotate(-25deg) scale(1) skew(1deg);}

40% {transform: rotate(25deg) scale(1) skew(1deg);}

50% {transform: rotate(0deg) scale(1) skew(1deg);}

100% {transform: rotate(0deg) scale(1) skew(1deg);}}

@keyframes suntory-alo-circle-fill-anim {0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}

50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg);}

100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}}

.suntory-alo-ph-img-circle i {animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size: 20px;line-height: 40px;padding-left: 0px;color: #fff;}

@keyframes suntory-alo-ring-ring {

0% {transform: rotate(0deg) scale(1) skew(1deg);}

10% {transform: rotate(-25deg) scale(1) skew(1deg);}

20% {transform: rotate(25deg) scale(1) skew(1deg);}

30% {transform: rotate(-25deg) scale(1) skew(1deg);}

40% {transform: rotate(25deg) scale(1) skew(1deg);}

50% {transform: rotate(0deg) scale(1) skew(1deg);}

100% {transform: rotate(0deg) scale(1) skew(1deg);}}

#suntory-alo-phoneIcon{display: block}

.lbl-yeucau

{

	position:fixed;

	background-color:#cf9557;

	padding:5px 20px;

	font-weight:700;

	text-transform:uppercase;

	bottom:10px;

	left:10px;

	color:#fff;

	-webkit-border-radius: 50px;

border-radius: 50px;

z-index:9999

}

.modal-title-page

{

	background-color:#1f6b82;

	color:#fff;

	font-size:20px;

	font-weight:700 !important;

	text-transform:uppercase;

	padding-top:10px !important;

	padding-bottom:10px !important;

	border-radius:0 !important;

}

.modal-title 

{

	font-weight:700 !important;

}

.modal-title-page .close

{

	color:#fff !important;

}

.modal-content

{

	border-radius:0 !important;

}

.modal-content .form-group

{

	margin-bottom:8px !important

}

.bnt-frm

{

	display:block;

	width:100%;

	padding-top:10px;

	padding-bottom:10px;

	font-weight:700;

	text-align:center;

	color:#fff;

	background-color:#1f6b82;

	text-transform:uppercase;

	-webkit-border-radius: 100px;

border-radius: 100px;

}

.bnt-frm:hover

{

	color:#f7c793 !important

}

.intro-frm

{

	font-size:14px;

	margin-bottom:5px;

}

.box-fanpage

{

	margin-bottom:20px;

	width:100%;

	overflow:hidden;

}

.item-preview

{

	padding-left:15px;

	padding-right:15px;

	margin-bottom:20px;

}

.name-item-preview

{

	font-weight:700;

	margin-top:10px;

	margin-bottom:10px;

	line-height:normal

}

.name-item-preview a

{

	color:#424242;

}

.name-item-preview a:hover

{

	color:#286218

}

.intro-item-preview

{

	color:#999;

}

.intro-item-preview a

{

	color:#424242

}

.intro-item-preview a:hover

{

	color:#1f6b82

}

.item-preview img

{

	display:block;

	width:100%;

}

.item-preview-list

{

	overflow:hidden;

}

.item-preview-list .img-hvr

{

	width:40%;

	float:left;

	margin-right:10px;

}

.inner-item-preview

{

	border:solid 1px #f5f5f5;

	padding:10px;

}

.item-preview-list .name-item-preview

{

	margin-top:0;

}

.item-preview-6

{

	-ms-flex: 0 0 16.66667%;

	flex: 0 0 16.66667%;

	max-width: 16.66667%;

}

.item-preview-5

{

	-ms-flex: 0 0 20%;

	flex: 0 0 20%;

	max-width: 20%;

}

.item-preview-4

{

	-ms-flex: 0 0 25%;

	flex: 0 0 25%;

	max-width: 25%;

}

.item-preview-3

{

	-ms-flex: 0 0 33.333%;

	flex: 0 0 33.333%;

	max-width: 33.333%;

}

.item-preview-2

{

	-ms-flex: 0 0 50%;

	flex: 0 0 50%;

	max-width: 50%;

}

.item-preview-1

{

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

}

.code-item-preview

{

	font-size:13px;

	color:#999;

	margin-bottom:5px;

}

.intro-item-preview

{

	font-size:14px;

	line-height:22px;

	margin-top:15px;

}

.star-review

{

	text-align:left;

}

.star

{

	background-image:url(../images/icon/star.png);

	width:75px;

	height:14px;

	background-position:0 0;

	display:inline-block;

	position:relative;

}

.review-count

{

	display:inline-block;

	float:right;

	font-size:13px;

}

.stared

{

	position:absolute;

	height:14px;

	left:0;

	background-image:url(../images/icon/star.png);

	background-position:0 14px;

}

.fav-icon

{

	position:absolute;

	top:10px;

	right:10px;

	z-index:999;

	width:17px;

	height:16px;

	background-image:url(../images/icon/icon-heart.png);

	background-position:0 0;

}

.fav-icon:hover

{

	background-position:0 16px;

}

.icon-label

{

	position:absolute;

	

	width:61px;

	height:59px;

	

	z-index:99;

}

.icon-label-sale

{

	background-image:url(../images/icon/icon-sale.png);

	left:-3px;

	top:-3px;

	background-position:0 0;

}

.icon-label-new

{

	background-image:url(../images/icon/icon-sale.png);

	right:-3px;

	top:-3px;

	background-position:-61px 0;

}

.icon-label-hot

{

	background-image:url(../images/icon/hot.png);

}

.price-item

{

	margin-top:3px;

}

.price-item strong

{

	display:inline-block;

	width:50%;

	font-size:16px;

	color:#F00;

	font-weight:700;

	float:left;

}

.price-item1 strong

{

	width:100%;

	text-align:center;

}

.price-item del

{

	display:inline-block;

	width:50%;

	font-size:12px;

	color:#999;

	text-align:right;

}

.btn-play

{

	position:absolute;

	background-image: url(../images/btn-play.png);

	width:79px;

	height:79px;

	z-index:9;

	top:50%;

	left:50%;

	margin-top:-40px;

	margin-left:-40px;

}

/*FAQ*/

.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}

.panel-group .panel + .panel {

    margin-top: 0 !important;

    border-top: none !important;

    border-radius: 0 !important;

}

.panel-default > .panel-heading {

    color: #333;

    background-color: #f5f5f5;

    border-color: #ddd;

}

.panel-title {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px;

    color: inherit;

}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {

    border-top: 1px solid #ddd;

    border-top-color: rgb(221, 221, 221);

	padding:15px;

	border:solid 1px #ddd;

	border-top:none;

}

.faq-name {

    margin: 0px;

    padding: 0px;

    color: #222;

    font-size: 14px;

    font-weight:700;

    background: url('../images/icon/faq-icon.png') no-repeat;

    padding-left: 30px;

    cursor: pointer;

    padding-bottom:00px;

}

    .faq-name:hover {

        color: #cea446;

        background: url('../images/icon/faq-active-icon.png') no-repeat;

    }

.faq-answer {

    position: relative;

    background: #f1f1f1;

    border: 1px solid #f0f0f0;

    padding: 26px;

    line-height: 25px;

    border-radius: 5px;

    display: none;

    margin-bottom:20px;

}

    .faq-answer:after, .faq-answer:before {

        bottom: 100%;

        left: 50px;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

    }

    .faq-answer:after {

        border-color: rgba(241, 241, 241, 0);

        border-bottom-color: #f1f1f1;

        border-width: 15px;

        margin-left: -15px;

    }

    .faq-answer:before {

        border-color: rgba(240, 240, 240, 0);

        border-bottom-color: #f0f0f0;

        border-width: 16px;

        margin-left: -16px;

    }

	

	

	.list-page

{

	padding-top:20px;

	padding-bottom:20px;

}

/*trang giới thiệu*/

.page-1

{

	

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bbd0c9+0,d5e4dc+33,e4f0e8+64,e7f3eb+100 */

background: rgb(187,208,201); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(187,208,201,1) 0%, rgba(213,228,220,1) 33%, rgba(228,240,232,1) 64%, rgba(231,243,235,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  rgba(187,208,201,1) 0%,rgba(213,228,220,1) 33%,rgba(228,240,232,1) 64%,rgba(231,243,235,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  rgba(187,208,201,1) 0%,rgba(213,228,220,1) 33%,rgba(228,240,232,1) 64%,rgba(231,243,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd0c9', endColorstr='#e7f3eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.inner-page-1

{

	padding-top:60px;

	padding-bottom:60px;

	background-repeat:no-repeat;

	background-position:right center;

}

.title-page-11

{

	color:#fff;

	text-transform:uppercase;

	font-size:20px;

	font-weight:700;

}

.title-page-12

{

	color:#1b75bb;

	text-transform:uppercase;

	font-size:26px;

	font-weight:700;

	margin:0;

	padding:0;

	margin-bottom:20px;

	background-image:url(../images/bg_title_info.png);

	background-position:center top;

	padding-top:55px;

	background-repeat:no-repeat;

}

.item-page

{

	overflow:hidden;

	padding-top:20px;

	padding-bottom:20px;

}

.item-page .col-page

{

	width:50%;

	float:left;

	padding-left:15px;

	padding-right:15px;

}

.item-page img

{

	display:block;

	width:100%;

}

.item-page .col-page .inner-page-col

{

	padding:30px 0;

}

.list-page .container:nth-child(2n) .item-page .col-page

{

	float:right;

}

.list-page .container:nth-child(2n) .item-page .inner-page-col

{

	padding-left:0;

}

.his

{

	background-position:center center;

	padding-top:40px;

	background-size:cover;

	padding-bottom:40px;

}

.list-his

{

	width:60%;

	margin:auto;

	margin-top:50px;

	position:relative;

}

.list-his:before

{

	height:100%;

	position:absolute;

	left:50%;

	width:1px;

	border-left: dashed 1px #fff;

	content:"";

	top:41px;

}

.list-his .item-his

{

	overflow:hidden;

	padding-right:40px;

	width:100%;

}

.title-hist

{

	line-height:82px;

	font-weight:700;

	color:#fff;

	padding-right:100px;

	text-align:right;

	background-repeat:no-repeat;

	background-position:right center;

	font-size:26px;

	position:relative;

}

.title-hist:before

{

	content:"";

	width:8px;

	height:8px;

	background-color:#fff;

	right:-24px;

	content:"";

	position:absolute;

	top:50%;

	margin-top:-4px;

	-webkit-border-radius: 100px;

border-radius: 100px;

}

.title-hist:after

{

	content:"";

	width:24px;

	height:1px;

	background-color:#fff;

	right:-24px;

	content:"";

	position:absolute;

	top:44px;

	margin-top:-4px;

}

.intro-his

{

	color:#fff;

	padding-right:100px;

	margin-top:-15px;

}

.list-his .item-his .content-hist

{

	text-align:right;

	width:50%;

	

}

.list-his .item-his:nth-child(2n)

{

	

}

.list-his .item-his:nth-child(2n) .content-hist

{

	float:right;

	padding-left:40px;

}

.list-his .item-his:nth-child(2n) .content-hist .title-hist

{

	text-align:left;

	padding-right:0;

	padding-left:100px;

	background-position:left center;

}

.list-his .item-his:nth-child(2n) .content-hist .title-hist:before

{

	content:"";

	width:8px;

	height:8px;

	background-color:#fff;

	left:-24px;

	content:"";

	position:absolute;

	top:50%;

	margin-top:-4px;

	-webkit-border-radius: 100px;

border-radius: 100px;

}

.list-his .item-his:nth-child(2n) .content-hist .title-hist:after

{

	content:"";

	width:24px;

	height:1px;

	background-color:#fff;

	left:-24px;

	content:"";

	position:absolute;

	top:44px;

	margin-top:-4px;

}

.list-his .item-his:nth-child(2n) .content-hist .intro-his

{

	padding-right:0;

	padding-left:100px;

	text-align:left;

}

.giaithuong

{

	padding-top:50px;

	padding-bottom:50px;

	background-color:#ebebeb;

}

.item-giaithuong

{

	padding:10px;

	background-color:#fff;

}

.giatri

{

	background-color:#f1f2f2;

	padding-top:60px;

	padding-bottom:60px;

	background-repeat:no-repeat;

	background-size:cover;

	color:#fff;

}

.giatri .page-name

{

	color:#fff;

}

.item-giatri

{

	width:80%;

}

.item-giatri .num

{

	width:61px;

	height:61px;

	background-color:#fff;

	-webkit-border-radius: 100px;

border-radius: 100px;

-webkit-box-shadow: 0px 0px 8px 0px rgba(125,121,121,1);

-moz-box-shadow: 0px 0px 8px 0px rgba(125,121,121,1);

box-shadow: 0px 0px 8px 0px rgba(125,121,121,1);

text-align:center;

color:#1f6b82;

font-weight:800;

font-size:26px;

line-height:60px;

}

.name-item-giatri

{

	margin-top:15px;

	color:#fff;

	font-weight:normal;

	font-size:16px;

	text-align:justify;

	line-height:24px;

}

.intro-item-giatri

{

	color:#211e1f;

	line-height:22px;

	margin-top:10px;

}

.item-giatri-100

{

	width:100%;

}

.box-filter

{

	border:solid 1px #ebebeb;

	border-bottom:none;

}

.hd-box-filter

{

	font-weight:700;

	font-size:16px;

	text-transform:uppercase;

	color:#fff;

	background-color:#0774bb;

	padding:12px 15px;

	position:relative;

}

.count-pro

{

	position:absolute;

	right:10px;

	top:13px;

	font-weight:normal;

	font-size:14px;

	color:#414042;

	text-transform:none;

	display:none;

}

.count-pro:hover

{

	color:#274953

}

.group-filter

{

	border-bottom:solid 1px #ebebeb;

	padding:15px;

	overflow:hidden;

	padding-bottom:10px;

}

.title-group-filter

{

	

}

.title-group-filter a

{

	display:block;

	font-weight:700;

	text-transform:uppercase;

	font-size:14px;

	color:#414042;

	background-image:url(../images/icon/col2.png);

	background-repeat:no-repeat;

	background-position:right center;

}

.title-group-filter a.collapsed

{

	background-image:url(../images/icon/col1.png);

	background-repeat:no-repeat;

	background-position:right center;

}

.list-view-filter1

{

	padding-top:10px;

}

.list-view-filter1 .item-filter

{

}

.list-view-filter1 .item-filter a

{

	display:block;

	background-image:url(../images/icon/un_check.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:25px;

	color:#414042;

	font-size:14px;

	padding-top:5px;

	padding-bottom:5px;

}

.list-view-filter1 .item-filter a.filter-act

{

	background-image:url(../images/icon/checked.png);

	font-weight:700;

}

.list-view-filter2

{

	padding-top:10px;

}

.list-view-filter2 .item-filter

{

}

.list-view-filter2 .item-filter a

{

	color:#414042;

	line-height:16px;

	display:block;

	padding-top:5px;

	padding-bottom:5px;

	

}

.list-view-filter2 .item-filter a span

{

	display:inline-block;

	width:46px;

	height:16px;

	margin-top:0px;

	margin-right:10px;

	float:left;

	border:solid 1px #ebebeb;

}

.list-view-filter2 .item-filter a.filter-act

{

	font-weight:700;

}

.list-view-filter2 .item-filter a.filter-act span

{

	border:solid 2px #1b75bb;

}

.list-view2 .item-filter

{

	width:50%;

	float:left;

}

/*Chi tiết sản phẩm*/

.top-proDetail

{

	background-color:#fff;

}

.info-detail

{

	padding-top:50px;

	padding-bottom:50px;

}

.bot-proDetail

{

	background-color:#f1f2f2;

	padding-top:40px;

	padding-bottom:40px;

}

.title-detail-pro

{

	font-size: 32px;

margin: 0;

    margin-bottom: 0px;

padding: 0;

margin-bottom: 5px;

font-weight: 800;

color: #274953;

}

.box-sale

{

	background-color:#f1f2f2;

	padding:10px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	margin-top:20px;

}

.code-detail

{

	margin-top:5px;

}

.price-detail

{

	margin-top:15px;

}

.price-detail strong

{

	font-size:24px;

	font-weight:700;

	color:#F00;

}

.price-detail del

{

	color:#666;

	padding-left:10px;

}

.intro-detail-pro

{

}

.intro-detail-pro .inner-intro-detail-pro

{

	padding:20px 0;

}

.intro-detail-pro .inner-intro-detail-pro ul

{

	margin:0;

	padding:0;

}

.intro-detail-pro .inner-intro-detail-pro ul li

{

	display:block;

	font-weight:700;

	margin-bottom:8px;

	background-image:url(../images/icon/check.png);

	background-repeat:no-repeat;

	padding-left:25px;

	background-position:0 4px;

}

.btn-add-detail

{

	display:block;

	padding:16px 0;

	text-align:center;

	color:#424242;

	background-color:#e1e1e1;

	font-size:15px;

	font-weight:700;

	-webkit-border-radius: 100px;

border-radius: 100px;

}

.btn-add-detail1

{

	background-color:#274953;

	color:#ffd25d;

	font-weight:700;

	text-transform:uppercase;

}

.btn-add-detail2

{

	background-color:#1f6b82;

	color:#fff;

	font-weight:700;

	text-transform:uppercase;

}

.figure-img-detail

{

	margin-bottom:15px;

	

}

.figure-img-detail img

{

	padding:5px;

	border:solid 1px #d7d7d7;

	background-color:#f5f5f5;

}

.figure-img-detail .figure-caption

{

	background-color:#fff;

	padding:6px;

}

.hd-more

{

	border-bottom:solid 3px #d7d7d7;

	font-size:22px;

	text-transform:uppercase;

	position:relative;

	font-weight:700;

	color:#424242;

	height:46px;

	margin-bottom:30px;

}

.hd-more span

{

	background-color:#fff;

	display:inline-block;

	padding-bottom:10px;

	padding-top:15px;

	position:absolute;

	left:0;

	bottom:-3px;

	border-bottom:solid 3px #222;

}

.hot-de

{

    background-color:#c8dccf;

    color:#323232;

    padding-top:10px;

    padding-bottom:10px;

    font-size:20px;

    text-transform:uppercase;

    text-align:center;

}

.hot-de a{

    color:#ff0000;

    

}

.panel-detail

{

    margin-top:20px;

    margin-bottom:20px;

}

.panel-detail .top

{

    background-color:#e4f1e9;

    -webkit-border-radius: 7px 7px 0 0;

   border-radius: 7px 7px 0 0;

   border-bottom:solid 2px #fff;

   padding:20px;

}

.panel-detail .bot{

    -webkit-border-radius: 0 0 7px 7px;

    border-radius: 0 0 7px 7px;

    border:solid 2px #c8dccf;

}

.bot .row > div

{

    text-align:center;

    font-size:15px;

    border-right:solid 2px #c8dccf;

    color:#3ab075;

}

.bot .row>div:last-child

{

    border-right:none;

}

.bot .row>div div

{

    padding-top:10px;

    padding-bottom:10px;

}

.content-sale

{

    padding-top:15px;

    color:#222;

    line-height:22px;

}

.btnaddtocart

{

    display:block;

    color:#fff;

    font-size:18px;

    text-transform:uppercase;

    font-weight:700;

    background:#ff6d01;

    width:100%;

    text-align:center;

    padding-top:10px;

    padding-bottom:10px;

    -webkit-border-radius: 6px;

border-radius: 6px;

}

.btnaddtocart:hover

{

    color:#f5f5f5;

}

.panel-detail .spinBox

{

    width:100%;

}

.panel-detail .spinBox input

{

    width:100%;

}

.title-sl

{

    font-size:15px;

    padding-top:10px;

    font-weight:700;

    text-align:right;

}

.box-img-detail

{



}

.box-img-detail img

{

	display:block;

	width:100%;

}

.inner-box-img-detail

{

}

.slide-img-product

{

}

#thumb_image {

    top: 0px;

    left: 0px;

    width: 100%;

	margin-top:10px;

	position:relative !important;

}

.gallery-top

{

	position:relative;

}

.btn-slide-pro

{

	width:28px;

	position:absolute;

	top:50%;

	margin-top:-28px;

	height:57px;

	text-indent:-999em;

	display:block;

	background-image:url(../images/np_pro.png);

	z-index:999

}

.btn-slide-pro-prev

{

	background-position:-28px 0;

	right:0;

}

.btn-slide-pro-next

{

	background-position:0 0;

	left:0;

}

.gallery-thumbs

{

	margin-top:0px !important;

	}

    .gallery-thumbs .swiper-slide {

      height: 100%;

      opacity: 0.7;

    }

    .gallery-thumbs .swiper-slide-thumb-active {

      opacity: 1;

    }

	.gallery-thumbs img

	{

		display:block;

	}

.gallery-top

{

}

.gallery-top img

{

	display:block;

	width:100%;

}

.gallery-thumbs

{

	margin-top:10px !important;

	padding-bottom:2px;

}

.gallery-thumbs img

{

	display:block;

	width:100%;

}

.btn-slide-small

{

	position:absolute;

	height:100%;

	width:22px;

	background-color:rgb(0,0,0,0.4);

	z-index:999;

	color:#fff;

	text-align:center;

	line-height:100px;

}

.btn-slide-up

{

	left:0;

	top:0;

}

.btn-slide-down

{

	right:0;

	top:0;

}

.intro-detail-pro

{

	line-height:24px;

	margin-top:15px;

}

.xxx-btn

{

	position:absolute;

	bottom:0;

	left:0;

	width:100%;

}

.hd-attrs

{

	background-color:#0774bb;

	padding:14px 10px;

	font-weight:700;

	text-transform:uppercase;

	color:#fff;

}

.attrs

{

	margin-bottom:15px;

	margin-top:10px;

}

.attr-item

{

	overflow:hidden;

	margin-bottom:0px;

	padding-top:5px;

	padding-bottom:5px;

	

}

.attrs .attr-item:nth-child(even) {

  background:#f2f2f2;

}

.attr-name

{

	font-weight:normal;

	padding-left:0px;

	font-weight:700;

}

.attr-value

{

	

}

.attr-value strong

{

	color:#F00;

}

.attr-item span

{

	

}

.box-splienquan

{

	margin-bottom:20px;

}

.hd-box-splienquan

{

	font-size:16px;

	text-transform:uppercase;

	font-weight:700;

	margin-bottom:10px;

}

.btn-slide-box-splienquan

{

	display:block;

	position:absolute;

	width:34px;

	height:34px;

	background-image:url(../images/np_splienquan.png);

	top:50%;

	margin-top:-17px;

	z-index:999;

}

.btn-next-slide-box-splienquan

{

	left:5px;

	background-position:0 0;

}

.btn-prev-slide-box-splienquan

{

	right:5px;

	background-position:-34px 0;

}

.trust-pro

{

	padding-top:30px;

	padding-bottom:30px;

	background-color:#fff;

	height:100%;

}

.hd-trust-pro

{

	font-size:20px;

	font-weight:700;

	text-align:center;

	text-transform:uppercase;

	margin-bottom:10px;

	color:#1b75bc;

	line-height:26px;

}

.trust-pro .item-trust-pro

{

	text-align:center;

	margin-bottom:20px;

}

.trust-pro .item-trust-pro img

{

	-webkit-filter: grayscale(1);

    filter: grayscale(1);

}

.trust-pro .item-trust-pro:hover img

{

	-webkit-filter: grayscale(0);

    filter: grayscale(0);

}

.trust-pro .title-item-trust-pro

{

	font-weight:700;

	margin-top:10px;

	margin-bottom:5px;

	font-size:16px;

	

}

.trust-pro .title-item-trust-pro a

{

	color:#414042;

}

.trust-pro .title-item-trust-pro a:hover

{

	color:#377dbb;

}

.title-page

{

	font-size:18px;

	font-weight:700;

	text-transform:uppercase;

}

.product-orther

{

	padding-top:30px;

	padding-bottom:30px;

	background-color:#fff;

}



#tocList-pro

{

	padding:0;

	margin:0;

	padding-left:20px;

	padding-right:20px;

}

#tocList-pro li

{

	display:block;

}

#tocList-pro a:hover

{

	text-decoration:underline;

}

#tocList-pro > li > a

{

	display:block;

	background-image:url(../images/bl.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:15px;

	padding-top:5px;

	padding-bottom:5px;

	color:#161516;

	font-size:16px;

	font-weight:700;

}

#tocList-pro > li > ul

{

	padding:0;

	margin:0;

	padding-top:5px;

	padding-bottom:0px;

	padding-left:15px;

}

#tocList-pro > li > ul > li > a

{

	color:#414042;

	font-size:14px;

	font-style:italic;

	margin-bottom:10px;

	display:block;

}

.modal-header-page

{

	background-color:#1b75bc;

	font-weight:700;

	color:#fff;

	text-transform:uppercase;

	font-size:18px;

}

.fadein {

    opacity:0;

}

.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

}

.col-xs-15 {

    width: 20%;

    float: left;

}

@media (min-width: 768px) {

    .col-sm-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-15 {

        width: 20%;

        float: left;

    }

}

/*Cart*/

.item-cart {

	font-size: 14px;

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:10px;

	margin-bottom:10px;

}

#giohang_row .item-cart:last-child

{

	margin-bottom:0;

}

.hd-cart {

	padding: 15px 10px;

	text-transform:uppercase;

	font-size:16px;

	font-weight:700;

	background-color:#0774bb;

	text-align:center;

	color:#fff;

}

.cart-title-number {

	width: 40px;

	height: 40px;

	margin-bottom: -2px;

	float: left;

	background:#0774bb;

	-webkit-border-radius: 50%;

	-ms-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	text-align: center;

	line-height: 35px;

	color: #FFF;

	font-size: 20px;

	font-family:UTM-A, Tahoma, Geneva, sans-serif;

}

.cart-title {

	margin-left: 25px;

	padding-left: 25px;

}

.cart-title-name {

	line-height: 40px;

	FONT-SIZE: 30px;

	margin: 0px;

	color:#0774bb;

	padding: 0px;

	font-weight: normal;

	font-family:UTM-A, Tahoma, Geneva, sans-serif;

}

.member-regis-title {

	font-size: 24px;

	color: #e74847;

}

.btn_red_bg {

	color: #FFF;

	font-size: 18px;

	padding: 7px 50px;

	border-radius: 5px;

	text-decoration: none;

	float: left;

	border: none;

	background: url(../images/cart-submit-bg.png) repeat-x;

}

.cart-image img {

	display: block;

	margin-right: 10px;

}

.giamgia-zone {

	border: solid 1px #DDD;

	padding: 10px;

	padding-top: 0px;

	background: #EFEFEF;

	border-radius: 3px;

}

.giamgia-zone label {

	line-height: 26px;

}

.giamgia-zone input {

	height: 26px;

	padding-left: 3px;

	color: #0000FF;

	font-weight: bold;

	font-size: 16px;

}

.total-payment {

	color: #333;

	font-weight: bold;

	font-size: 16px;

	background-color:#f5f5f5;

	text-align:right;

	padding:15px;

}

.total-payment span {

	color: #d5a34c;

	font-size: 18px;

}

.line-frm {

	line-height: 30px;

}

.line-frm input {

	height: 30px;

	margin: 0px;

	margin-bottom: 5px;

	padding-left: 3px;

}

.cart-name {

	text-transform: uppercase;

	font-size: 16px;

	color: #333;

	text-decoration: none;

	font-weight: bold;

}

.quantity .fa {

	color: #FFF;

	font-size: 22px;

	background: #f27509;

	display: block;

	float: right;

	padding: 3px 5px 1px 5px;

	margin-left: 5px;

	font-weight: normal;

	cursor: pointer;

}

.txt-quantity {

	text-align: center;

	width: 60px;

	height: 26px;

	border:solid 1px #d7d7d7;

	font-weight:700;

}

.buy-other {

	display: block;

	float: left;

	text-decoration: none;

	padding: 8px 20px 7px 40px;

	border: solid 1px #f27509;

	border-radius: 5px;

	color: #f27509;

	font-weight: bold;

	font-size: 16px;

	margin-left: 20px;

	cursor: pointer;

	background: url(../images/cart-icon.png) 5px no-repeat;

}

.step-02 {

	padding: 0px 0px;

	font-size: 14px;

}

.contact_input {

	margin-bottom: 15px;

	width: 100%;

}

.contact_input input ,.contact_input select{

	height: 36px;

	width:100%;

	border: solid 1px #d7d7d7;

	background: #FFF;

	padding:0px 5px;

	-webkit-border-radius:3px;

	border-radius:3px;

}

.contact_input textarea {

	width: 100%;

	-webkit-border-radius:3px;

	border-radius:3px;

	padding:5px;

	border: solid 1px #d7d7d7;

	background: #fff;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

 color: #333;

}

    ::-moz-placeholder { /* Firefox 19+ */

 color: #333;

}

    :-ms-input-placeholder { /* IE 10+ */

 color: #333;

}

    :-moz-placeholder { /* Firefox 18- */

 color: #333;

}

.error {

	border: solid 1px #FF0000 !important;

	color: #111;

}

.remove-cart {

	color: #FFF;

	font-size: 18px;

	background:#d5a34c;

	display:inline-block;

	width:25px;

	height:25px;

	-webkit-border-radius:50%;

	border-radius:50%;

	text-align:center;

	line-height:23px;

}

.msgbox {

	font-size: 12px;

	padding:10px 0;

	font-style:italic;

	margin-top:0;

	padding-top:0;

}

.form_error {

	color: #FF0000;

}

.quantity {

	padding-top: 10px;

	width: 65%;

}

.price-mobile {

	visibility: hidden;

}

.btn-send-continue{

	border:solid 1px #d5a34c;

	-webkit-border-radius:5px;	

	border-radius:5px;

	display:inline-block;

	padding:10px 20px;

	background:none;

	text-transform:uppercase;

	color:#d5a34c;

	display:none;

}

.btn-send-cart{

	border:solid 1px #0774bb;

	-webkit-border-radius:5px;	

	border-radius:5px;

	display:inline-block;

	padding:10px 20px;

	background:#0774bb;

	text-transform:uppercase;

	color:#fff;

	font-weight:700;

}

.cart-price

{

	font-size:20px; font-weight:700;

	text-align:center;

	color:#eb1c24

}

.form-cart

{

	background-color:#f5f5f5;

	padding:25px;

	border:#d7d7d7 solid 1px;

	border-bottom:solid 3px #3b35a8

}

.pos-sticky

{

	position:sticky;

	height: max-content;

	position: sticky;

	top: 60px;

	left: 0;

}

.product-viewed

{

	padding-top:40px;

	padding-bottom:40px;

}

.box-slide-mobile

{

	display:none;

}

.box-slide-mobile img

{

	display:block;

	width:100%;

}

.slide-pagination{

	position:absolute;	

	bottom:10px!important;

	z-index:5;

	width:100%;

	max-width:1200px;

	left:50%;

	transform:translateX(-50%);	

	text-align:center;

}

.slide-pagination .swiper-pagination-bullet{

	display:inline-block;

	background:none;

	border:solid 4px #f15d25;

	color:#fff;

	margin:0px 0px 0px 10px !important;

	width:14px;

	height:14px;

	-webkit-border-radius:100px;

	border-radius:100px;

	outline:none;

	opacity:0.7

}

.slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{

	border:solid 4px #1d8341;

}

.item-pro-col

{

	overflow:hidden;

	margin-bottom:15px;

}

.item-pro-col .img-item-pro-col

{

	width:30%;

	float:left;

	margin-right:15px;

	height:100%;

}

.item-pro-col .content-item-pro

{

	padding-top:0;

}

.item-pro-col .price-item1 strong

{

	text-align:left;

}

.baotri

{

	padding-top:40px;

	padding-bottom:40px;

}

.list-baotri-home

{

	padding-top:20px;

	position:relative;

}

.baotri-home-item

{

}

.baotri-home-item .img-page

{

	width:30%;

	float:left;

	margin-right:15px;

}

.name-baotri

{

	padding-top:0;

	padding-bottom:0;

	margin-bottom:10px;

	font-style:normal;

}

.name-baotri a

{

	font-size:16px;

	font-weight:600;

	color:#414042;

	margin-top:-4px;

	display:block;

	position:relative;

}

.name-baotri a:hover

{

	color:#ffd80f;

}

.img-baotri-home-item

{

	width:30%;

	float:left;

	margin-right:15px;

}

.baotri-home-item .name-item-news-home

{

	padding-bottom:6px;

}

.button-sl

{

	background-image:url(../images/np.png);

	width:46px;

	height:46px;

	position:absolute;

	top:50%;

	margin-top:-24px;

	z-index:99;

}

.button-next

{

	left:-60px;

	background-position:0 0;

}

.button-prev

{

	right:-60px;

	background-position:-46px 0;

}

 @media handheld, only screen and (max-width: 767px) {

.price-mobile {

	visibility: visible;

	margin-bottom: 10px;

	font-family: 'GilB', sans-serif;

	color:#0774bb

}

.hd-cart

{

	text-align:left;

}

.cart-name {

	text-transform: inherit;

	font-size: 14px;

	font-weight: bold;

}

.quantity {

	float: left;

}

.buy-other {

	float: right;

}

.btn_red_bg {

	float: right;

	margin-bottom: 10px;

}

 }

 

 

 //Update

 

 .bootstrap-tabs

 {

	 margin-bottom:20px;

 }

 .bootstrap-tabs .nav-tabs

 {

	 background-color:#f2f2f2;

 }

  .bootstrap-tabs .nav-tabs li a

  {

	  color:#222;

	  font-size:16px;

	  font-weight:700;

	  padding:8px 20px;

  }

  .bootstrap-tabs .tab-pane .tab-pane-content

  {

	  padding:20px 0;

  }

  

  .bootstrap-collapse

  {

  }

  .bootstrap-collapse .item-collapse

  {

	  display:block;

	  padding:14px 15px;

	  font-size:18px;

	  font-weight:700;

	  color:#424242;

  }

  .bootstrap-collapse .card-header

  {

	  padding:0 !important;

  }

  .gallery-top-content

  {

	  margin-bottom:10px !important;

  }

  .btn-slide-content-next

  {

	  width:46px;

	  height:46px;

	  text-indent:-9999em;

	  display:block;

	  position:absolute;

	  left:15px;

	  top:50%;

	  margin-top:-24px;

	  z-index:9;

	  background-image:url(../images/icon/np_content.png);

	  background-position:0 0;

  }

  .btn-slide-content-prev

  {

	  width:46px;

	  height:46px;

	  text-indent:-9999em;

	  display:block;

	  position:absolute;

	  right:15px;

	  top:50%;

	  margin-top:-24px;

	  z-index:9;

	  background-image:url(../images/icon/np_content.png);

	  background-position:-46px 0;

  }

  .swiper-container-thumbs .swiper-slide

  {

	  background-color:#000;

  }

  .swiper-container-thumbs .swiper-slide img

  {

	  opacity:0.6;

  }

  .swiper-container-thumbs .swiper-slide-thumb-active img

  {

	  opacity:1;

  }

  .btn-play

  {

	  background-image:url(../images/play_info.png);

	  display:block;

	  width:115px;

	  height:115px;

	  background-repeat:no-repeat;

	  background-position:center center;

	  position:absolute;

	  left:20%;

	  top:14%;

	  z-index:9;

  }

  .cat-content

  {

	  background-color:#fff;

	  padding:20px;

	  -webkit-border-radius: 10px;

border-radius: 10px;

margin-top:30px;

  }
  .box-fix{position:fixed;right:10px;top:20%;z-index:99;width:60px;padding:5px;text-align:center;-webkit-border-radius:6px;border-radius:6px;border:solid 1px #d7d7d7;background:rgb(255,255,255,.8)}.box-fix a{color:#424242;font-size:10px;font-weight:700;margin-bottom:10px;line-height:14px;display:block}.box-fix a span{width:40px;height:40px;background-repeat:no-repeat;background-position:center center;display:inline-block}.box-fix a span.hot{background-image:url(../images/icon/icon-phone.png);background-color:#f1592a;background-size:60%;background-position:center center}.box-fix a span.zalo{background-image:url(../images/icon/icon-zalo.png);background-color:#f1592a;background-size:100%;background-position:center center}.box-fix a span.mes{background-image:url(../images/icon/icon-messenger.png);background-color:#f1592a;background-size:100%;background-position:center center}.box-fix a span.map{background-image:url(../images/icon/icon-map.png);background-color:#f1592a;background-size:100%;background-position:center center}.box-fix a span.sms{background-image:url(../images/icon/icon-sms.jpg);background-color:#f1592a;background-size:60%;background-position:center center}.box-fix a:hover{}.box-fix a:hover span{display:inline-block;color:#fff}